コース概要

導入

  • フロントエンド開発の概要
  • 基本的な概念と用語の理解
  • フロントエンド開発者の責任範囲の概要
  • 開発環境の設定

HTML

  • HTML5の導入
  • 基本的なタグとHTMLドキュメントの構造
  • 意味のある要素
  • フォームと入力の使用
  • 画像や動画などのメディア要素
  • DOM構造とその動作原理
  • 現代のブラウザとAPI、構造化された文法の要件

CSS

  • CSSの導入
  • セレクタとカスケード
  • ボックスモデルとレイアウト
  • FlexboxとGrid
  • トランジションとアニメーション
  • レスポンシブデザイン
  • SCSSと現代的な高度なプリプロセッサの概念の理解

Bootstrap

  • Bootstrapの導入
  • Bootstrapの設定と使用方法
  • グリッドシステムとレスポンシブデザイン
  • ナビゲーションバー、フォーム、ボタン
  • コンポーネントとJavaScriptプラグイン

JavaScript

  • JavaScriptの導入
  • 基本的なプログラミング概念
  • 変数、データ型、関数
  • DOM操作
  • コールバックとプロミスを使用した非同期プログラミング
  • Fetch APIとJSON
  • JavaScriptパッケージマネージャーの利用

React

  • Reactの導入
  • コンポーネントとJSX
  • PropsとState
  • イベントハンドリング
  • ライフサイクルメソッド
  • ルーティングとフォーム
  • Hooks
  • Next.jsの導入

高度なトピック

  • アクセシビリティ
  • パフォーマンス最適化
  • テスト
  • デプロイメント

プロジェクト

  • 高度な静的ウェブサイト、モバイルアプリケーション、デスクトップアプリケーションの開発
  • Web Assemblyとの連携とウェブパフォーマンスの最適化

フロントエンド開発のベストプラクティス

トラブルシューティング

まとめと次ステップ

要求

  • グラフィックデザインツールやソフトウェアの基本的な使用経験
  • ウェブコンセプトとSEOの原理の理解
  • HTML、CSS、JavaScript などのプログラミング言語の使用経験

対象者

  • 開発者
 21 時間

参加者の人数


参加者1人あたりの価格

お客様の声 (2)

今後のコース

関連カテゴリー