🖥️
フロントエンドエンジニアを目指す学習ロードマップ
ユーザーが直接触れるWebサイトの画面を作るスペシャリストになるための学習パス。美しく使いやすいインターフェースの構築技術を習得します。
⏱️120時間
📚5フェーズ
🛠️6技術
🎯なぜこの順番で学ぶのか
JavaScriptの基礎から始めて、型安全性を高めるTypeScript、そして現代のWebアプリケーション開発に必須のReactを学習します。 実際のプロジェクトで使われている技術スタックの順序で学ぶことで、効率的にフロントエンドエンジニアとしてのスキルを身につけられます。
💡実践での活用
学習した技術を使って、レスポンシブデザインに対応した個人ポートフォリオサイトを作成します。 HTML/CSSの基礎からJavaScript、TypeScript、Reactまでの技術を組み合わせて、モダンなWebアプリケーションの開発フローを体験できます。
学習ロードマップ
1
マークアップ・スタイリング基礎
Webページの構造とデザインの基本
準備中
HTML
Webページの構造を作るマークアップ言語。
⏱️15時間
初級準備中
CSS
Webページのスタイリングを行う言語。デザインを実現する。
⏱️25時間
初級
5
開発ツール・チーム開発
チーム開発に必要なツールとワークフロー
準備中
Git / GitHub
バージョン管理システム。チーム開発には必須のツール。
⏱️25時間
初級