コース
Instagramページのクローン作成 | フロントエンド・プロジェクト
このコースでは、標準的でシンプルな HTML と CSS の手法を練習しながら、Instagramページのクローン・プロジェクトを作成します。
シラバス
5 章16 レッスン5 プロジェクトHTML | Body | 背景
プロジェクト3 レッスン- 01はじめに
- 02HTMLとBodyのスタイリング
- 03背景と構造
1. プロフィール情報
プロジェクト7 レッスン- 01セクションの分割
- 02プロフィール画像
- 03名前とボタン
- 04CSS - スタイル | スペーシング
- 05数値
- 06自己紹介
- 07CSS - 数値 | 自己紹介
2. ナビゲーションバー
プロジェクト3 レッスン- 01水平線
- 02バーアイテム
- 03CSS - Flex | スタイル
3. フィード
プロジェクト2 レッスン- 01投稿
- 02CSS - Flexbox
まとめ
プロジェクト1 レッスン- 01おわりに
おすすめの関連コース
Coddy プロフィールカードのクローン | フロントエンドプロジェクト
このプロジェクトでは、Coddy のプロフィールカードのクローンを作成します。
- 26
- 4
CSS Flexbox - 完全マスターコース
このコースでは、CSS flexboxの概念を習得します。flexboxは、Web開発において最も便利なレイアウト手法の1つです。
- 15
ログインフォーム - HTML/CSSプロジェクト
このコースでは、HTMLを使ってシンプルなログインフォームを作成し、CSSでスタイリングします。
- 7
- 2
HTML/CSS チャレンジ - パック III
このコースでは、HTMLとCSSの知識を楽しく効果的な方法で試すことができます!
- 5
ボトムナビゲーションバー - HTML/CSSプロジェクト
このコースでは、HTMLを使用してシンプルなボトムナビゲーションバーを作成し、CSSでスタイリングを行います。また、CSSの(:hover)セレクターを使って、簡単なアニメーションを追加する方法を学びます。
- 12
- 2
よくある質問
Instagramページのクローン作成 | フロントエンド・プロジェクトにはレッスンがいくつありますか?
Instagramページのクローン作成 | フロントエンド・プロジェクトには16のインタラクティブなレッスンがあり、自分のペースで進められます。
Instagramページのクローン作成 | フロントエンド・プロジェクトでは何を学べますか?
コースは次の章で構成されています: HTML | Body | 背景, 1. プロフィール情報, 2. ナビゲーションバー, 3. フィード, and more。
Instagramページのクローン作成 | フロントエンド・プロジェクトは無料ですか?
はい - Coddyのすべてのコースは無料で開始できます。レッスンはブラウザで進められ、ダウンロードも登録も不要です。