_1.gif)
.gif)
_2.gif)

[検索最適化のためのテキストです]
実際の企業から出題されるFront-Endコーディングテストを参考にして製作された10問題をまとめて解き、
2次コーディングテスト(実装テスト)に備えられる講義です。
フロントエンド開発者コーディングテスト!
なぜ模擬試験が必要なのですか?
一次コーディングテストである「アルゴリズムテスト」の場合、
準備できる講義、ウェブサイト、模擬テストなど
簡単に閲覧できます。
ただし、2次コーディングテスト(実装テスト)の場合、
「公開された出題の問題を見つけるのは難しいです。」
「企業ごとにどの問題が出題されるのかわかりません。」
「どんなコードを書くべきかどうかは加算点があるのか分からない」
「私の実力が正確にわからないので、何から準備すべきかよく分からない!」
ああ、
「ファイナルコーディングテスト:フロントエンド」を用意しました!
10の2次コーディングテストの例の問題を一緒に解決しながら
実装テストの感覚をつかむことができます。
通常、開発者の就職プロセスは次のとおりです。
履歴書提出→一次コーディングテスト→二次コーディングテスト
→実務面接→役員面接→最終合格
コーディングテスト 1次では基本素養を調べるアルゴリズムコーディングテストを、
2次では、実務能力を調べるための課題を提出します。
2次コーディングテストにおける「課題の実装」とは
まさにどんなものでしょうか?
実務能力を調べるための課題として
通常UIデザインと機能仕様を与える
同様に実装するという問題が出題されます。
与えられた課題を実施して提出すると、
面接では、なぜコードを書いたのか、
コードの実装にはどんな困難があり、どのように克服したのかなど
インタビューします。
それでは、私たちにはどんなコントラストが必要でしょうか?
✅ 実際の企業から出題される類似内容の問題を解く
✅難易度別学習(企業ごとに問題難易度が異なるため)
✅自分でどの部分が脆弱かをチェック
✅繰り返し学習によるFront-End実装の自信を得る
本講義では現職のFront-End開発者と共に
さまざまな難易度で構成された10の問題の例を次々に解決します。
自分でどんな部分が脆弱かをチェックしてみて、
ページ実装に対する自信を得ることができます。
【講義シミュレーション】
1. ノッションページで、問題UIの設計と要件の仕様を確認します。
2. 提供されたピグマリンクと講義資料を活用して直接コードを作成してみる。
3. 講義映像を見ながら現職開発者が作成したコードを確認し、問題点を補完する。
[ファイナルコーディングテスト講義3/行/要/約]
- フロントエンド開発者就職/離職準備
- ページ実装に対する自信
- デザイナーとのコラボレーション(in Figma)
このレッスンでは、例のUIデザインイメージと一緒にFigma(ピグマ)リンクを提供します。
Figmaでデザイナーがデザインした結果物のピクセル間隔、フォントサイズ、カラーコードなどを
直接確認して、効率的なコラボレーションを練習してみます。
[Q&A]
Q. フロントエンド開発者就職時に二次コーディングテストには必須ですか?
2次コーディングテストでどの難易度の問題が出題されるのか分からないから
できるだけ多くのサンプルの問題/チュートリアルを体験してください:)
Q. Windows/MacOS 開発環境を提供しますか?
はい、Windows、MacOSはすべてスムーズにクラスを聴くことができます:)
Q. どのコードエディタを使用しますか?
本講義はVisual Studio Codeで授業が行われます。
受講生の皆さんがより便利に勉強できるように
Notion ページリンク、講義資料(画像ソース)など講義受講時に必要なすべてを提供します。