👩💻セイトが運営するプログラミングスクール・研修事業「SiiD」
bug-fix.org/siid
👨💻セイトによるエンジニア専用・転職キャリア相談「EEE転職」
• 若手エンジニア皆さんの転職やキャリア相談にのります
✅LINEで配信・イベント情報・無料キャリア相談やってます
lin.ee/eR6BXOD
📙プログラミング入門書出版しました by 日経BP
amzn.asia/d/7Z3T5mH
◎お仕事のお問い合わせはこちらからお願いします
bug-fix.org
------------------------------------------------------------------
プログラミングを学習したい初心者の方、エンジニア転職を目指している方、Web制作したい方にぜひ抑えておきたい内容を詰め込みました。
ここで紹介しているHTML,CSS,JavaScriptの知識は、フロントエンドエンジニアなら必須!Webデザイナーやバックエンドエンジニアも知っておいてほしい実践的内容です。
------------------------------------------------------------------
今回紹介したコード
github.com/seito-developer/ht...
Google Font
fonts.google.com/
font-familyのおすすめ設定
willcloud.jp/knowhow/font-fam...
ダミー画像生成
dummyimage.com/
display:flexの使い方一覧
www.webcreatorbox.com/tech/cs...
フリーのアイコン画像
www.flaticon.com/
フリーのロゴ画像
worldvectorlogo.com/ja/downlo...
フリーの動画
www.pexels.com/videos/
particles.js
github.com/VincentGarreau/par...
Faviconジェネレーター
realfavicongenerator.net/
めちゃ簡単ホスティングサービス
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やってます
8 июл 2024