デイトラ コーディング 初級編 ToDoリスト
デイトラ コーディング 初級編の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カードを設定してシェアしよう
★公開前に最低限チェックしておくべきポイントまとめ