フロントエンドエンジニア ロードマップ

まず、空のファイルから 1 ページを組み立てられる程度まで HTML、CSS、JavaScript を身につけ、そこに TypeScript とフレームワークを 1 つ足します（React が無難な選択です）。次に Git を覚え、チュートリアルを見ずに実際の制作物を 3 つか 4 つ作ってウェブに公開します。このコースはまさにその順番です。修了証より制作物のほうが重要です。採用担当者が 30 秒で判断できるものは、フロントエンドではポートフォリオだけだからです。

HTML から始め、次に CSS、そして JavaScript へ。時間を最も多く割くべきなのは JavaScript です。HTML は数週間、CSS は 1 か月ほどで手になじみますが、JavaScript は本格的なプログラミング言語であり、独学のフロントエンドエンジニアの多くが手を抜いてしまう場所でもあります。このコースでは、フレームワークが登場する前に JavaScript へ 3 セクション、さらに DOM のセクションを 1 つ充てています。

仕事にするならほぼ必須です。実務の React / Next.js のコードベースは大半が TypeScript で書かれており、求人票に「JavaScript」とあっても実際は TypeScript であることがよくあります。JavaScript が固まっていれば短いステップなので、このコースでは最後ではなく React の直前に置いています。

狙っている特定の求人が別の指定をしていない限り React です。求人数は圧倒的に多く、エコシステムも最大で、その上に乗る Next.js は新規の本番サイトの多くが採用しています。コンポーネント、状態、props、レンダリングといった考え方は、あとから Vue や Angular へ 1〜2 週間で移せます。このコースは React と Next.js を扱います。

1 日 1 時間で、ポートフォリオを持つジュニアレベルまでおよそ 6〜9 か月です。このコースでは HTML と CSS が合わせて 6〜8 週間、JavaScript が 2〜3 か月、TypeScript が 2 週間、React と Next.js が 6 週間、制作ステップは作り続ける限り続きます。意味を持つ数字は、終えたレッスン数ではなく、完成した制作物の数です。

独立したコースとしては扱っていません。ページを水増しするより、そう言うほうを選びます。アクセシブルなページの土台であるセマンティックなマークアップは HTML のステップに含まれ、React 自身の状態管理も扱います。テストのコース、より踏み込んだアクセシビリティ、状態管理ライブラリはカリキュラムのロードマップにあり、公開され次第、新しいステップとしてこのコースに加わります。

はい、そのコースがポートフォリオを生むのであれば。このコースが 8 つの制作物で終わるのはそのためです。企業が見るのは、あなたが作ってその場で開けるページ、それを作ったことを示す Git の履歴、そしてレイアウトとコンポーネントを自分の言葉で説明できる面接です。3 つともこのコースから得られ、どれも有料のブートキャンプを必要としません。

はい。すべてのステップを修了すると、フロントエンドエンジニアパス全体の無料修了証を1枚取得できます。途中で修了した各コースが記載され、各コースの修了証にリンクしているので、記載されたスキルを誰でも確認できます。LinkedInのプロフィールに追加できます。Coddyが発行する修了証であり、認定された資格ではありません。