Menu
Coddy logo textTech
コース

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おわりに

おすすめの関連コース

よくある質問

Instagramページのクローン作成 | フロントエンド・プロジェクトにはレッスンがいくつありますか?

Instagramページのクローン作成 | フロントエンド・プロジェクトには16のインタラクティブなレッスンがあり、自分のペースで進められます。

Instagramページのクローン作成 | フロントエンド・プロジェクトでは何を学べますか?

コースは次の章で構成されています: HTML | Body | 背景, 1. プロフィール情報, 2. ナビゲーションバー, 3. フィード, and more。

Instagramページのクローン作成 | フロントエンド・プロジェクトは無料ですか?

はい - Coddyのすべてのコースは無料で開始できます。レッスンはブラウザで進められ、ダウンロードも登録も不要です。
Coddy programming languages illustration

Instagramページのクローン作成 | フロントエンド・プロジェクトを無料で始める

始める