デイトラ コーディング 初級編のTo Do（やること）を
整理した一覧リストです

※Webコーダーとして成長する上で
特に重要だと思われるリスト項目は大文字にしています

HTML/CSS基礎編

Day1

★学習を始める前に① - Slackに加入しよう！
★学習を始める前に② - 上手に質問するためのポイント
★質問の仕方（動画学習）
★Google Chromeをインストールする
★エディタ「VS Code」をインストールしよう
★「Hello World!」を表示する（動画学習）
★ウェブサイトが表示される仕組みを知ろう

Day2

★HTMLのタグを書いてみよう
★タグで囲もう
★見出しと段落
★リンクの付け方
★画像を表示
★リストを表示
★コメントを入れる
★グループにして整理する
★タグに属性をつける
★【まとめ】HTMLの書き方基本

Day3

★CSSを書いてみよう
★CSSを書くための基本設定
★CSSファイルを読み込む
★CSSの基本ルール①：セレクタ・プロパティ・バリュー
★CSSの基本ルール②：名前（class）で指定する
★CSSの基本ルール③：子孫要素を指定する
★CSSの基本ルール④：ボックスレイアウトとは
★主要なCSSプロパティを実際に使ってみよう！（動画学習）
★【まとめ】CSSの基本

Day4

★環境構築をしよう！
★VS Codeのプラグインをインストールしよう！
★ファイルを自動保存するようVS Codeの設定を変えよう
★Live Serverの使い方
★演習でLive Serverの威力を実感しよう！
★Chromeの検証を使うことに慣れよう！
★Emmetを理解しよう！
★振り返りに役立つ学習記事紹介【HTML/CSS基礎編】

コーディング練習編

Day5

★ゼロからサイトを作ってみよう①
★Chromeのデベロッパーツールの使い方（動画学習）
★コーディング準備編
★headerを作ろう（HTML完成まで）（動画学習）
★「clear」の使い方と「class」を細かく付ける理由について（動画学習）
★思い通りの見た目にならない時にまず確認するべきポイント6つ
★headerの完成！（CSS完成まで）
★書いたはずのCSSのクラスが反応しない時の対処法

Day6

★ゼロからサイトを作ってみよう②
★メインコンテンツを作ろう（動画学習）
★お問い合わせ・フッターを作ろう（動画学習）
★スペルミスの予防法は「気をつける」ではない！
★まずはこの3点から！Class名の付け方を意識しよう（動画学習）

Day7

★ゼロからサイトを作ってみよう③
★画像の上に文字を載せよう！（動画学習）
★レスポンシブで表示しよう！（動画学習）

Day8

★HTML/CSSコーディング復習①
★コーディング初心者のためのTips
★HTMLを先に書くとき意識すべきこと3つ
★「パーツ分け」の考え方

Day9

★HTML/CSSコーディング復習②
★Emmetの復習をしよう
★出来るだけショートカットキーを使おう
★振り返りに役立つ学習記事紹介【コーディング練習編】

Bootstrap学習編

Day10

★Bootstrapの基本を学ぼう①
★Bootstrapの使い方（動画学習）
★Bootstrapでテキストを装飾してみよう（動画学習）
★Bootstrapでフォントサイズを変更しよう（動画学習）

Day11

★Bootstrapの基本を学ぼう②
★Bootstrapでwidth/heightを調整しよう（動画学習）
★Bootstrapでpadding/marginを調整しよう（動画学習）
★Bootstrapの要！Gridレイアウトを使ってみよう（動画学習）
★Bootstrapでボタンを作ってみよう（動画学習）

Day12

★Bootstrapでサイトを作ろう
★Bootstrapを使って簡単なサイトを作ってみよう！（動画学習）
★どうしても英語の公式サイトが苦手な方へ

Day13

★Bootstrap復習①：自力でBootstrapサイトを作ってみよう
★+αでカスタマイズしてみよう

Day14

★Bootstrap復習②：デイトラ簡易版サイトをBootstrapで書き直してみよう
★BootstrapでLP制作
★振り返りに役立つ学習記事紹介【Bootstrap編】

ポートフォリオ作成編

Day15

★自分のポートフォリオサイトを作ろう（ベース編）
★ポートフォリオサイトの目的
★ポートフォリオサイトの基本構成
★過去のデイトラ生のポートフォリオ例
★ポートフォリオサイトの作成の流れ
★ポートフォリオを作ってみよう！
★おすすめのフリー素材
★ロゴ作成に便利なサービス2つ

Day16～19

★自分のポートフォリオサイトを作ろう（ブラッシュアップ編）
★タイトルタグを設定しよう
★アイコンを駆使してサイトをリッチにしよう
★画像ファイルを圧縮して軽量化！（動画学習）
★お問い合わせフォームを手軽に実装する方法
★ギャラリーサイトから見せ方のヒントをもらう
★装飾やデザインを整えてより魅力的なサイトに！
★進化し続けるポートフォリオサイトへ

Day20

★ポートフォリオを公開してみよう！
★サーバーを契約しよう【オススメはエックスサーバー】
★サーバー申込の手順
★サーバーの利用契約＋永久無料ドメイン取得までの手順
★サーバーとドメインの紐付けをしよう！
★サイトをネット上に公開しよう
★VSCodeの拡張機能でもサーバーへアップロード可能
★自作サイトを公開する前に！Twitterカードを設定してシェアしよう
★公開前に最低限チェックしておくべきポイントまとめ