HTML_CSS_JavaScript_Handson_2021

最初に

この資料では HTML,CSS の概要しか解説しません。そのため、ハンズオン後に各自調べながらポートフォリオを制作してもらいます。

おすすめの書籍

1 冊ですべて身につく HTML & CSS と Web デザイン入門講座

おすすめの学習サイト

ドットインストール(はじめての HTML)(無料)

資料の概要

ポートフォリオを作成するための基礎的なフロントエンドの Handson 資料です。
HTML と CSS と 技術をメインで勉強します。
プログラミングではフロントエンドは代表的な技術ですので、基本的な技術でもいいので身に付けておきたいですね！
「CSS かけないからむりー」、「フロントエンドやったことないから」という人は多いようです。そんな中でも「ちょっとやったことあります」という状態の方が再度勉強した際にスムーズにいくと思います。

最終的なゴール

• 各自調べながら、ポートフォリオを作成することができる
• HTML,CSS とは何かを理解できる。

対象者

• フロントエンド入門したい
• ポートフォリオを作成したい
• プログラミングの初心者で、何していいか分からない

環境構築編

VSCode_Install

HTML 編

HTML01_雛形、タグの紹介

CSS 編

CSS0_CSS の書き方と使い方