HPの作り方

はじめに

HTML + CSS + JavaScriptの構成で作成するのを目指します。
・HTML： HPの骨格
・CSS：見た目
・JavaScript：骨格や見た目を動かす
https://fastcoding.jp/blog/wp-content/uploads/2017/03/html_css_js_08.png

考え方

なんとなく理解して自分のサイトを作成。サイトを更新しながら分からない知識を埋めていく。

１.マークアップ言語

HTMLとCSSを何となく理解する
・プロゲートのHTML&CSS初級編[全体のレイアウト]まで

2.プログラミング言語

JavaScriptを何となく理解する
・プロゲートのJavaScript初級編レッスン1まで

3.プログラミングソフトの準備

Visual Studio Codeをインストール
拡張機能[Live Server]を追加

4.実際にページを作ってみよう

自分の家からだけ見えるHPの作成

5.世界中に公開しよう

GitHubのアカウントを作る
・GitHub公式
GitHub Pagesで公開

6.見た目を簡単に整えよう

プロジェクトにBootstrapを導入する
・Bootstrap公式

7.必要に応じて学習していこう

ここで学習した内容はフロントエンドの技術。他にもあるから調べてみてね。
・フロントエンドロードマップ

youtube、Qiita、Zennを友達にして頑張ろう٩( ᐛ )و