INFO:

プログラミングを学習したい初心者の方、エンジニア転職を目指している方、Web制作したい方にぜひ抑えておきたい内容を詰め込みました。 ここで紹介しているHTML,CSS,JavaScriptの知識は、フロントエンドエンジニアなら必須！Webデザイナーやバックエンドエンジニアも知っておいてほしい実践的内容です。 ------------------------------------------------------------------ 👩‍💻ゼミ形式で学ぶプログラミング学習・研修「SiiD」 https://youtu.be/h1v9q2GIxp4 👨‍💻エンジニアによる転職キャリア相談「EEE転職」 https://youtu.be/MNTzNFGgmYI ------------------------------------------------------------------ ニッチな情報やライブ配信のお知らせをしています。 メルマガ：https://my131p.com/p/r/Ym43EzoZ LINE：https://lin.ee/eR6BXOD ------------------------------------------------------------------ 今回紹介したコード 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のコーディング u0026 ホスティング 01:57:09 Headerのコーディング 02:04:57 レスポンシブデザイン 02:17:54 その他補足 02:24:36 さいごに 🔽Special Thanks 動画編集：ぽぴぃ氏 Twitter ▷@poppy0p0 画像素材：いらすとや さん #メルマガとLINE始めました