【HTML/CSS】実践！Webサイト作成から公開までの過程を解説！

👩‍💻セイトが運営するプログラミングスクール・研修事業「SiiD」
https://bug-fix.org/siid

👨‍💻セイトによるエンジニア専用・転職キャリア相談「EEE転職」
   • 若手エンジニア皆さんの転職やキャリア相談にのります  

✅LINEで配信・イベント情報・無料キャリア相談やってます
https://lin.ee/eR6BXOD

📙プログラミング入門書出版しました by 日経BP
https://amzn.asia/d/7Z3T5mH

◎お仕事のお問い合わせはこちらからお願いします
https://bug-fix.org

------------------------------------------------------------------

プログラミングを学習したい初心者の方、エンジニア転職を目指している方、Web制作したい方にぜひ抑えておきたい内容を詰め込みました。
ここで紹介しているHTML,CSS,JavaScriptの知識は、フロントエンドエンジニアなら必須！Webデザイナーやバックエンドエンジニアも知っておいてほしい実践的内容です。

------------------------------------------------------------------

今回紹介したコード
https://github.com/seito-developer/ht...

Google Font
https://fonts.google.com/

font-familyのおすすめ設定
https://willcloud.jp/knowhow/font-fam...

ダミー画像生成
https://dummyimage.com/

display:flexの使い方一覧
https://www.webcreatorbox.com/tech/cs...

フリーのアイコン画像
https://www.flaticon.com/

フリーのロゴ画像
https://worldvectorlogo.com/ja/downlo...

フリーの動画
https://www.pexels.com/videos/

particles.js
https://github.com/VincentGarreau/par...

Faviconジェネレーター
https://realfavicongenerator.net/

めちゃ簡単ホスティングサービス
https://www.netlify.com/

🔽目次
00:00 はじめに
03:20 事前の準備
12:36 Aboutのコーディング
34:16 Blogのコーディング
52:43 Contactのコーディング
01:14:31 Worksのコーディング
01:17:28 Footerのコーディング
01:38:02 Heroのコーディング & ホスティング
01:57:09 Headerのコーディング
02:04:57 レスポンシブデザイン
02:17:54 その他補足
02:24:36 さいごに

🔽Special Thanks
動画編集：ぽぴぃ氏 Twitter ▷@poppy0p0
画像素材：いらすとや さん

#プログラミングスクール・転職キャリア相談・公式LINEやってます