試験HTML/CSS/Javascript技術を採用する際に、[定休日]

StackOverflow https://stackoverflow.com/questions/198337

  •  10-07-2019
  •  | 
  •  

質問

を採用する際に、フロントエンド開発者、具体的にどのような能力と実践するべき試験ですか？何か良い指標を評価する技術が、HTMLやCSS、Javascript?

明らかに、テーブル以下の意味を、HTMLの純CSSレイアウト内のキーます。しかし、特定すことができないのか？はっきりは楽々モックアップマルチカラムレイアウト?CSS sprites?同等の高さ（英)カラム?なHTMLタグの選択肢物（すなわち、に依存するあまり大きく <div>)?べきかについて説明できる(言葉)どのように浮か？

何javascript（ジャバスクリプト）について技術?どのように重要な枠組みの経験(jQuery、プロトタイプです。ます。

当然のことながら、内容の位置及び富士通のファイルが悪さしていただき、表示がどのようなスキルが必要です。もっ具体的にどのような能力の人がると考えられる対応-ブレーカー（またはメーカーの作成時に試験することが可能とな

役に立ちましたか？

解決

クライアント側の開発者の地位について人々にインタビューするとき、私は理解しようとします：

1) Understanding DOM (what is that, how is it related to HTML etc)
2) Understanding XML/namespaces
3) Understanding JavaScript (object-oriented? what otherwise)
4) Knowing approaches to componentization (XBL, HTC) - plus
5) Understanding OO principles
6) JavaScript closures
7) Memory leaks in browsers

私がすぐに提供する唯一の簡単なテストケース：

<script type="text/javascript">
var a = 1;
</script>

その行に技術用語で説明することをインタビュー先に提案します。

また、Webテクノロジーの現在の状態についての全体的な認識も確認します。特に、Webブラウザを設計することを提案します。現在のクライアント側プラットフォームから欠落している。

他のヒント

HTML、CSS、およびJavaScriptを一緒に含むオンラインテストを提案できます。

http://tests4geeks.com/test/html-css-javascript

これには60の質問があります（各科目につき20）。そして、受験者がテストを終了すると、メールでレポートを受け取ります。

Sergeyとswilliamsはどちらもすばらしい答えを出しました。特に、swilliamsがポートフォリオを要求することについて言及することが重要です。ポートフォリオを使用すると、次のようなアイテムをテストすることもできます。

  • htmlとcssは検証しますか？
  • プレゼンテーションはブラウザ間で一貫してレンダリングされますか？
  • 候補にJavaScriptエラーがありますか？もしそうなら、その人はプレゼンテーション層までバブルさせますか、それとも少なくともtry / catchブロックでキャッチしますか？
  • JSに関しては、その人はどの程度進歩していますか？彼らはフォームの検証を行うことができますか？彼らは正規表現を行うことができますか？ MM_Preloaderに依存していますか？ （うん！）

ポートフォリオは、誰かがWeb開発にどれほど情熱を傾けているかという感覚も与えます。さらに、彼らが他の誰かのためにサイトを作成した場合、それだけで候補者と多くのことについて話す機会を提供します。

  • UIの開発はどのように行われましたか？
  • どのような計画がサイトに導入されましたか
  • ユーザーの期待はどのように発見されましたか？
  • 建設中にどのような課題が発生しましたか？

これらの項目以外に、検討したいもう1つのアプローチは、将来の採用を送信できる開発者テストです。 1日以上かかるような難しいことは何もありませんが、CSSまたはJSの問題を解決できるかどうかを確認するのに十分な頭の体操です。

ポートフォリオを依頼し、チームで確認します。これは、ポーサーと<！> quot;インタビューをうまく処理できない人々の世話をします。<！> quot;

それ以外は、モックアップが比較的簡単なものとラップトップを提示して、「持っている」と言います。

今日のWebデザインで最も気に入っているもの、最も嫌いなものを質問してください。今後の予定（HTML 5、IE 8、Chromeなど）についての意見を聞いて、今後の予定についていくかどうかを確認します。

お気に入りのJavaScriptフレームワークがあるかどうか、またその理由を尋ねます。 [in]有名なフィズバズの問題のように、JSで何かをコーディングしてもらうかもしれません。

私たちの会社ではテストを行っていません。特に候補者の個人的な動機とフロントエンド開発への情熱を見る傾向があるため、ポートフォリオはより重要です。

しかし、採用前に候補者にテストを行う必要がある場合は、次のようにします：

下にある明確なセマンティックコンポーネントツリーを表すフォトショップWebページの印刷物を引き渡します。 htmlでどのように結果が得られるかを人に尋ねます。彼または彼女に声を出して考えてみてください。ページを見たときに頭を通り抜けるのは、ページを開発する必要があることを知っているからです。

次に、候補者がとるアプローチに行き着きます。

特定のhtmlセクションごとに利用可能な最適なマークアップを選択することは1つの（重要な）側面ですが、経験豊富な人々と協力して新しい従業員を導くことができます。設計をセマンティックコンポーネントに適切に分解し、セクションを識別し、ナビゲーションからプライマリコンテンツとセカンダリコンテンツを分離できることは、数学でも科学でもないため、テストするのは困難です。しかし、ページを分解するアプローチについての会話は、初心者と経験豊富な人々を分けるかもしれません。

しかし、最初の行で述べたように、私たちは通常、ブログ、ゲーム、デモなど、自分が自由時間に行ったWeb関連の仕事の種類を尋ねます。なにかをすれば、その人は通常、フロントエンド開発が本当に上手だったか、学習と適応に熱心でした。

以前は、特定の期間内に仕事をするために小さなブリーフを設定するか、場合によっては彼らに仕事を請け負い、どのように進んだかを確認していました。

インタビュールームのラップトップに座って解決策を打ち出すことを心配することは一度もありませんでした。そのような環境は、通常の労働条件とはあまり似ていないからです。

ブリーフの正確な性質は、探しているスキルセットに大きく依存します。一部のショップでは、フロントエンドの開発者は、デザインのギャップを埋める、および/または<！> quot;ブランドポリス<！> quot;デザインを実装する際の義務<！> quot; vibe <！> quot ;.
そのような場合、タイポグラフィの細かい点やその他の細かい点に関するブリーフにいくつかの穴を残しておくと、それらの点での能力に関するヒントが得られます。
彼らにjavascriptフレームワークを選ばせて、仕事に最適なものを選んだのか、それとも彼らが知っていたものを選んだのか。 （はい、主観的な質問、はい。しかし、日付ピッカーといくつかのメニューアニメーションのために道場を引っ張るのはやり過ぎかもしれません）

CSSベースのレイアウトを実装できる人を探しますが、実際には、レガシープロジェクトを扱うときに必要に応じてテーブルベースのレイアウトで作業できます。そのままでは、ハッキングされたテーブルレイアウトの詳細の一部は必ずしも簡単ではありませんでした。

この種のタスクの主なものは、細部への注意です。印刷のスタイルルールのセットを追加し、適切な画像サイズとフォーマットを使用し、クリーンで有効なコードを生成し、本当に欲しいので金を買いましたか仕事、そしてそれを得るために少しストレッチする準備ができています。

あなたは彼らに余分な時間を与えるので、彼らは奇妙な机に彼らを置き、彼らにそれを求めて行くというストレスを積んだシナリオではなく、彼らが印象づけようとすることを期待するのは公平です。ですから、現実的であり、あらゆるタスクで毎日完全に完璧な仕事を期待しているわけではありませんが、この状況では、金、または少なくとも金が標的であるという証拠を探しています。

これまでに行ったことのないカーブボールを投げてください。急いでどれだけうまく拾えるかを確認してください。経験は優れていますが、急速に変化する分野では、おそらく速く学ぶ能力がより重要です。

ブラウザの違いを理解することも重要です。特にIE。 IE用にコーディングしたことがある場合は注意してください！ Vica Versaも、IE6 / 7で自分の作品を一度もテストしたことがなければ、どれほど恐ろしく失敗するのかわからない。

彼らが失敗する3つの事柄に名前を付けることができるか、IEで回避策が必要な場合、彼らはおそらくボールに乗っています。できない場合は、まだ十分なクロスブラウザーエクスペリエンスがありません。

使用するツール、コーディング方法、つまりDreamWeaver、BBEdit、emacsなどを使用するかどうかを人々に尋ねます。彼らが一言で答えるだけではないと仮定すると、通常、それらの優先順位が何であるか、どのようにコーディングするかなど、何らかの種類のアイデアが得られます。

次に、彼らがどのようにコードを検証するかを尋ねます。これは常に興味深いことです。

実際にそれらを座ってページを叩いてテストする以外に、彼らが行った仕事の具体的な例、彼らが問題を解決した方法を尋ねます。

たとえば、 <！> quot;と言って、あなたが厳しい締め切りにあった仕事について教えてください<！> quot; 、または <！> quot;と言ってください本当にイライラする問題と、それをどう克服したかについて<！> quot; または <！> quot;最近やった仕事で、あなたが最も誇りに思っていることは何ですか？<！> quot;

そのようにして、彼らがやったこと、問題解決のスキルと経験、ストレスや欲求不満への対処方法、そしてもちろん、回避策/コーナーカット対策がスマートまたはダム。

全体的にい回答です。いと思います。っットワークとして受け入れますが。何かを探したコンクリートの仕事でフロントエンド開発者が必要となる試験環境です。つまり、何FizzBuzzのためのCSS?

ただ、固体のポートフォリオの能力話す能についても最重要のテストです。一方、思いの方もいう大きなものの、長期にわたって実際に実証実践的な知識も不足している。

@JonathanHolland-Iがこれに反対している。HTML/CSSでも簡単知って得られた知見をからめ、チュートリアルせなければなりません。人もに多くの時間を費やしてきたやっています。多くの技術や慣行とCSS dev ージーランドにおいて、表に示す。

@roenving-もしかした冗長となります。による"純粋css"というテーブルです。またテーブル以下という意味のないテーブルを使用してレイアウト方法しかし、この問題のためのdiv-vs-テーブルレイアウト。試 こちらの.がると思いる雇用者はこれらの日をい場合devできるレイアウトを使用せずにテーブルとしての方法論).

採用の経験はありませんが、Web開発者のインタビューに何度も参加し、自分の経験を語ることができます。

すべてのインタビューの中で、1つの方法が真の才能を発見するための最良の方法として突き出ていました。私は専門家ではないことを認めますが、これがおそらく仕事に就かなかった理由ですが、これは有能な人と素晴らしい人を取り除く素晴らしい方法でした。

DOM、オブジェクト指向、クロージャ、XML名前空間、および一般的なWebデザインについていくつか質問を受けた後、近くの川の素晴らしい景色を望む静かなオフィスに連れて行かれ、私たちの能力を示してください。私たちは放置されましたが、ブラウザを使用する必要がある場合は、ソースコードとブラウザの履歴が後で表示されると言われました。次を使用して会社のイントラネットを作成するように求められました。

  • シンプルな3列のレイアウト
  • CSSを使用した見栄えの良いテーブル
  • 使いやすいが見栄えの良いナビゲーションバー。
  • XMLおよびJavaScriptを使用した動的読み込み

これを行うために少しの時間を与えると、あなたは本当にこのことを行うことができる人々を見ることができます。おそらく彼らの例はさまざまなアプリケーションに常に適しているか、より適しているかもしれませんが、開発者のスキルを示す最良の方法は彼らに何かを作らせることですそして、彼らは自分のコードが良いものであることを知っています。

<！> quot;

明らかに、テーブルのないセマンティックHTMLと純粋なCSSレイアウトがおそらく重要なスキルです。

<！> quot;

私はその文を理解していません...

テーブルの使用を避けるために、複雑な方法でテーブルを使用する単純なタスクを実行する方が良いということですか？-）

Table-o-phobiaは、サーバーサイドの支援なしで大規模なWebサイトを作成するのと同じくらい難しい病気です...

もちろん、過去10年間のテーブルの地獄は面白くありませんが、テーブルを使用せずに完了するのは多くのタスクが本当にばかげています...

使用するタグ名に関係なく、タスクを完了しやすいhtml要素を使用してください！-）

-そして、「純粋なcss-layout」が何であるか理解できません。スタイルシートでレイアウトをホストするために、html要素なしでhtmlページを作成する方法がわかりませんでした...

これはすばらしい答えではないことはわかっていますが、最初に行うことの1つは、Word履歴書の書式設定を公開することです。 Wordが提供するインデントとスタイルを使用しており、タブ、タブ、タブ、スペース、スペース、スペース、スペースではない場合、それらは山の最上部に移動します。

適切なHTML / CSSは非常に単純なので誰でも1週間で学習できるため、あまり重視しません。

とはいえ、彼らのポートフォリオを確認して、現在のスキルレベルを判断するのに役立つかもしれません。

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top