コース概要

導入

  • フロントエンド開発の概要
  • 基本的な概念と用語を理解する
  • フロントエンド開発者の責任の概要
  • 開発環境のセットアップ

HTML

  • HTML5 の紹介
  • HTML ドキュメントの基本タグと構造
  • 意味要素
  • フォームと入力の使用
  • メディア要素 (画像とビデオ)
  • DOM の構造とその仕組み
  • 最新のブラウザと API および構造化構文を使用したその要件

CSS

  • CSS の紹介
  • セレクターとカスケード
  • ボックスモデルとレイアウト
  • フレックスボックスとグリッド
  • トランジションとアニメーション
  • レスポンシブデザイン
  • SCSS と高度なプリプロセッサの最新の概念を理解する

Bootstrap

  • Bootstrap の紹介
  • セットアップと使用 Bootstrap
  • グリッドシステムとレスポンシブデザイン
  • ナビゲーションバー、フォーム、ボタン
  • コンポーネントとJavaスクリプトプラグイン

Javaスクリプト

  • Javaスクリプトの紹介
  • プログラミングの基本概念
  • 変数、データ型、関数
  • DOM 操作
  • コールバックとプロミスを使用した非同期プログラミング
  • APIとJSONを取得する
  • Javaスクリプトパッケージマネージャーの活用

React

  • React の紹介
  • コンポーネントとJSX
  • 小道具と状態
  • イベント処理
  • ライフサイクルメソッド
  • ルーティングとフォーム
  • フック
  • Next.js の概要

高度なトピック

  • Access可能性
  • パフォーマンスの最適化
  • テスト
  • 導入

プロジェクト

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

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

トラブルシューティング

概要と次のステップ

要求

  • グラフィックデザインツールやソフトウェアの基本的な使用経験
  • ウェブのコンセプトとSEOの原則を理解していること
  • HTML、CSS、JavaScriptコンピューター言語の経験

観客

  • 開発者
 21 時間

参加者の人数



Price per participant

お客様の声 (2)

関連コース

Reactive Programming with Angular RxJS

14 時間

Jekyll for Web Designers and Content Writers

14 時間

Developing Web Applications with Visual Studio Code

7 時間

関連カテゴリー