【LINE登録で↓貰えます】
https://utage-system.com/line/open/2PHzR1pQhXkV?mtid=CGGpChpvcyCh
📙 電子書籍）180日でITエンジニアになる方法
〜時間・場所・お金の不安から解放され、自由に働く7つのステップ〜
またSiiD個別相談にお申し込みいただいた方にはさらに特典↓をお配りしています◎
✅️ プログラミング学習向けPCの選び方
✅️ プログラミング効率を爆上げする厳選ショートカットキー42選
✅️ おすすめのプログラミング言語22選
✅️ おみくじアプリの作り方教材
✅️ エンジニア転職専用の履歴書の雛形
✅️ エンジニア転職専用の職務経歴書の雛形
✅️ 未経験者向けおすすめ就活サイト
👩💻セイトが運営するプログラミングスクール・研修事業「SiiD」
https://bug-fix.org/siid
📙プログラミング入門書出版しました by 日経BP
https://amzn.asia/d/7Z3T5mH
◎お仕事のお問い合わせはこちらからお願いします
https://bug-fix.org
------------------------------------------------------------------
プログラミングを学習したい初心者の方、エンジニア転職を目指している方、Web制作したい方にぜひ抑えておきたい内容を詰め込みました。
ここで紹介しているHTML,CSS,JavaScriptの知識は、フロントエンドエンジニアなら必須！Webデザイナーやバックエンドエンジニアも知っておいてほしい実践的内容です。
------------------------------------------------------------------
今回紹介したコード
https://github.com/seito-developer/html-css-tutorial/tree/master/3.website
Google Font
https://fonts.google.com/
font-familyのおすすめ設定
https://willcloud.jp/knowhow/font-family/
ダミー画像生成
https://dummyimage.com/
display:flexの使い方一覧
https://www.webcreatorbox.com/tech/css-flexbox-cheat-sheet
フリーのアイコン画像
https://www.flaticon.com/
フリーのロゴ画像
https://worldvectorlogo.com/ja/downloaded/svg
フリーの動画
https://www.pexels.com/videos/
particles.js
https://github.com/VincentGarreau/particles.js/
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やってます