【永久保存版】「宇宙一簡単なHTML/CSS入門」がマジで神動画すぎる件wwwこれ1本で脱・初心者確定だろ!
https://www.youtube.com/watch?v=LXUlkEBLayU
【動画の要約】
・HTML Living Standard対応!最新仕様でも問題なく学べる神構成
・VS Codeの環境構築から実際のコーディングまで4時間超の圧倒的ボリューム
・ブロックレベル要素、インライン要素、セレクタの概念を完全攻略
・レスポンシブデザインまで網羅。最後はおみくじアプリ作成へのロードマップも!
4時間超えは草。でもこれ一本見れば他いらんレベルでまとまってて助かるわwww
9:37 開発環境構築から丁寧なのが初心者にはありがたいな
プログラミングって最初の一歩が一番高い壁だし
16:18 コード書きSTART!
いきなり実践から入れるから飽きなくていいわ
>>4
16:10あたりのVS Codeの画面、めちゃくちゃ見やすくない?
エディタの設定から真似したくなるレベル
CSSのセレクタ解説(1:36:16〜)がマジで分かりやすい
今まで雰囲気で書いてたけど、ようやく構造が理解できたわ
96:10のmarginとcalc関数の使い分け、ここ一番の「見どころ」だろ
複雑なレイアウトも数式で管理できるの感動した( *´艸`)
「HTML Living Standardだけど大丈夫?」って質問に
「問題ない!中身はHTML5からほとんど変わってない」って即答してくれるの心強い
ブラウザにドラッグ&ドロップでファイル読み込ませる方法(2:23:49)、
初心者が地味に詰まるポイントだから丁寧に解説してて好感持てる
Netlifyにアップしてfavicon出ない問題への回答も神対応すぎて草
「パスの指定ミス」か「キャッシュ」の二択はプロの経験則だわ
3:02:26で丸くすると右側が欠けるって言ってるニキいたけど、
「動画通りやってればそうならないはず」ってバッサリいくの好きwww
>>25
実際、特典のサンプルコードと比較するのが一番の解決策なんだよな
Googleフォントの設定方法(145:00)も必見
これだけでサイトのクオリティが爆上がりするから絶対真似したほうがいい!
「HTML/CSSの後は何を勉強すればいい?」に対して
JavaScriptでおみくじアプリ作成を薦める流れ、完璧なロードマップだろ
「parent」を「パレント」じゃなくて「ペアレント」って指摘されて
「たしかに、正確ですね!」って素直に認める投稿主さん、性格良すぎだろwww
4:23:50のレスポンシブデザイン解説まで辿り着いた勇者はおるか?
ここさえ乗り切ればモダンなWebサイトは作れるようになるぞ!
「グラフィックデザインの仕事はもう少ない、Webデザインの方が成功確率高い」
っていうリアルな業界アドバイスも地味にタメになるわ
「宇宙一簡単」といいつつ、挫折しそうな人には「今後善処します」って低姿勢なの草
でもこれ以上分かりやすい動画、マジで見たことないぞ
とにかく、困ったら182:20あたりの実際の表示画面とコードを見比べるんや
トライ&エラーこそが最強の学習法だぞ!
結論:初心者はこれだけ見とけばOK!異論は認めん😡
引用元: セイト先生のWeb・ITエンジニア転職ラボ:【永久保存版】宇宙一簡単なHTML/CSS入門講座!プログラミング初心者でもこれ1本でOKいや〜、このボリュームと丁寧さには圧倒されましたね。HTML/CSSの学習って、意外と「どの動画を見ればいいかわからない」という沼にハマりやすいのですが、この動画はまさにその決定版と言えるでしょう。
特に感銘を受けたのは、単なる文法の説明に留まらず、「なぜそうするのか」「実務ではどう考えるのか」というエンジニア目線の思考プロセスが随所に散りばめられている点です。コメント欄での丁寧なフォローも含め、学習者への愛を感じますね。
4時間は長く感じるかもしれませんが、一度に全部見ようとせず、スレ民たちのタイムスタンプを参考に少しずつ進めるのがコツです。プログラミングの第一歩を迷っているなら、迷わずこの動画を再生することをおすすめします!
