コーディング基礎を打つ Chapter 02.
強力なCSS!
本物のレスポンシブウェブサイトを実装するための頑丈なCSSスキルを掴む!
60以上のプロパティで
CSSのすべてを集めました。
[強力なCSS]は요✨
60以上の最新のプロパティとCSSの重要な概念の両方を集めました。
ジュニア開発者が難しいことの一つ、まさに「CSS」です。
「文法は簡単なのに、なぜ私の勝手にならないのですか?」このような疑問を持っていたらよく来ました。
さて、CSSの基本的な原理と特性について一緒に学び、その理由をじっくり調べてみましょう!
私たちは直接レスポンシブなウェブサイトを作成し、実用的なCSSを学びます。
単にコードに従う講義ではありません。コード一行一行の意味を解釈し、実用的なCSSについてお知らせします。プロジェクトを通じて自分だけのショッピングモールを作ってみたら、あなたが望むレスポンシブウェブサイトを作る能力を持つことができます。
A to Z 歩くように従うと
いつの間にか私が望んでいたウェブサイトが不織布! 🎁
プロジェクト 01.
「今日はどうでしたか?」私の日記帳をウェブにします。
「めまいが置いたテキストとオブジェクト…私の勝手に整理してもっと綺麗にすることはできないだろうか?」
確かに学んだCSSで解決できます。自分だけの日記帳を一緒に作ってみて、CSSの基本原理と使い方を学びます。難しいコンセプトや属性も抜け落ちなく拾いましょう!
プロジェクト 02.
自分だけのショッピングモールを実装し、ウェブサイト開発の基礎を習得します。

独自のショッピングモールを通じてCSSのフレックスレイアウトシステムについて理解しています。現代のWebレイアウト構成に不可欠なFlex、Gridについて学び、実際のWebページを一緒にクローンコーディングしながら活用する方法を学びます。
Project 02. 高度化+α
開発から欠かせない「反応型」を直接実装します!

私が作ったウェブサイトをさまざまなプラットフォームできれいに見る方法!まさに「反応型」です。ウェブサイトで作られたサービスを活用して、グリッドレイアウト、レスポンシブウェブなど、一層レベルの高いCSS技術について学習します。トランジション、キーフレーム、アニメーションなどの動的CSS要素について学び、WebページのUXをより豊かにしましょう!
[強力なCSS]受講後
このような入門者になることができます。 💪🏻
待って!受講前にご確認ください。 📢
💡日課表を作って定期的に着実に学習することをお勧めします。
💡学習資料を受け取るためにコラボレーションツール「Notion」アカウントを作成してください。
💡受講に必要な学習資料はノッション(リンク)で提供されます。
※学習資料の著作権はコードキャンプにあります。不正盗用・配布・複製を禁止します。
質問がありますか? 💬
Q. 何の知識もなく受講してもいいですか?
A. HTMLに関する基礎知識が必要です!もしHTML、CSSなどよりしっかりとした基礎を築いた後に受講したい場合は、[スタートはフリーキャンプ!]講義をお勧めします。
Q. 別の教材がありますか?
A.ノッションでお届けする「講義資料」を活用してください!
Q. 講義受講前、インストールすべきプログラムはありますか?
A.はい、「クロムブラウザ」と「VSCode」をあらかじめインストールしてください!他のプログラムは講義で一緒にインストールしてみましょう!
Q. [強力なCSS]受講後、どの講義をお勧めしますか?
A. [温かいJavaScript]講義をお勧めします。
私のコードに機能を高度化して不足している部分を埋めることができれば足りないでしょう。
チームコードキャンプをご紹介します。 💑