강의

멘토링

커뮤니티

BEST
Programming

/

Web Development

[コードキャンプ]強力なCSS

CSSだけ執拗に集めた講義見ましたか?この講義では、合計2つのプロジェクトを進行しながら、最も基本的なレイアウト構成からレスポンス型まで実装することになります!それでは、準備ができたら始めましょうか?

難易度 初級

受講期間 無制限

  • codecamp
  • nwd09074926
HTML/CSS
HTML/CSS
HTML/CSS
HTML/CSS

学習した受講者のレビュー

学習した受講者のレビュー

5.0

5.0

똑같이썼는데안돼

100% 受講後に作成

JavaだけでCSSに触れてみたくて偶然受講することになりました。 いったんほとんどの講義が講師一人で楽しんで騒いで泣き、長口打ちしますが、この講義は星★★★★★★6個お届けします。 利点: 1. この講義講師は長い授業であるにもかかわらず、落ち着いて、安定した声のトーンを維持しています。 ライブコーディングが可能 2.講義は気を散らしません。 (開発者の道具を前後に行ったりしなくていいです) 3. flex, position, grid, transition この部分がとても良いですね。 フレックスやグリッドを説明するとき、PPTは神の一人のようです。 4. 講師様がとても気をつけてください。言葉で撤去したり、大体渡ったりすることはほとんどありません。 5. 70%程度を教えてくれた後に30%を課題に、このシステムもとても素晴らしさ...

5.0

hry

65% 受講後に作成

普段はcssの知識が足りないと思って受講するようになりました。講義後最後に実習を通じて学んだことを適用させて結果物を作ってみるといいですね。特にセクション7. animation、セクション9.レスポンシブレイアウト部分はよく聞きました!そして講師分の声が良くて快適に聞きました。前にした個人プロジェクト講義の内容を参考にしてリファクタリングしてみましょう。

5.0

수양

100% 受講後に作成

デザイン感覚のない初心者の開発者なので、いつもcssで一番詰まって時間をたくさん使うと思います。基礎を間違えて学んで始めたんだよねㅜ だからインフラで無料講義でも聞きながらcss基本基を固めておこうと思いましたが、ついにこの講義が安く解けて聞くことになりました。よかったです。みんなで決済しましたが、他の講義も頑張って楽しみです。

受講後に得られること

  • フォローするコーディングはSTOP!独自のコードを作成

  • レスポンシブの理解力を高める

  • リアルレスポンシブウェブサイトの実装能力

  • サーバーとのリアルタイム通信を扱う

  • 実務で使用する60以上の最新のプロパティ

コーディング基礎を打つ 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]講義をお勧めします。
私のコードに機能を高度化して不足している部分を埋めることができれば足りないでしょう。


チームコードキャンプをご紹介します。 💑

こんな方に
おすすめです

学習対象は
誰でしょう?

  • (★おすすめ★)[スタートフリーキャンプ]講義受講者

  • 最新のプロパティを習得したいパブリッシャー or フロントエンド開発者

  • フロントエンド開発に興味がある方

  • パブリッシングの理解を深めたいUI/UXデザイナー

  • コーディングで自己啓発をしたい人

  • レスポンシブウェブ/アプリの基礎をしっかり固めたい方

前提知識、
必要でしょうか?

  • (★おすすめ★)[スタートフリーキャンプ]講義学習

  • HTML基礎知識

  • 開発者への情熱と意志

  • コーディングの好奇心

こんにちは
です。

15,655

受講生

468

受講レビュー

230

回答

4.8

講座評価

15

講座

"Try anything, Try everything!"

コードキャンプは有能なエンジニアを養成し、開発の未来を変えるという目標を掲げています。社会的、経済的、教育的な背景に関わらず、誰にでもキャリア転換の機会を提供するために、インフラン(Inflearn)に登場しました。コードキャンプと一緒にキャリアアップに挑戦しましょう!

カリキュラム

全体

43件 ∙ (11時間 51分)

講座掲載日: 
最終更新日: 

受講レビュー

全体

66件

5.0

66件の受講レビュー

  • copro님의 프로필 이미지
    copro

    受講レビュー 10

    平均評価 4.9

    5

    100% 受講後に作成

    JavaだけでCSSに触れてみたくて偶然受講することになりました。 いったんほとんどの講義が講師一人で楽しんで騒いで泣き、長口打ちしますが、この講義は星★★★★★★6個お届けします。 利点: 1. この講義講師は長い授業であるにもかかわらず、落ち着いて、安定した声のトーンを維持しています。 ライブコーディングが可能 2.講義は気を散らしません。 (開発者の道具を前後に行ったりしなくていいです) 3. flex, position, grid, transition この部分がとても良いですね。 フレックスやグリッドを説明するとき、PPTは神の一人のようです。 4. 講師様がとても気をつけてください。言葉で撤去したり、大体渡ったりすることはほとんどありません。 5. 70%程度を教えてくれた後に30%を課題に、このシステムもとても素晴らしさ...

    • codecamp
      知識共有者

      こんにちは、同じことを書いています。 なんと6つ星をくれます…ありがとうございます!本当に受講生の立場で感じられるメリットを細かく並べていただき、私たちも本当に感動しました☺️これからも有益な講義をたくさん開設する予定なので、多くの期待と関心をお願いします:)

  • hanry님의 프로필 이미지
    hanry

    受講レビュー 1

    平均評価 5.0

    5

    65% 受講後に作成

    普段はcssの知識が足りないと思って受講するようになりました。講義後最後に実習を通じて学んだことを適用させて結果物を作ってみるといいですね。特にセクション7. animation、セクション9.レスポンシブレイアウト部分はよく聞きました!そして講師分の声が良くて快適に聞きました。前にした個人プロジェクト講義の内容を参考にしてリファクタリングしてみましょう。

    • codecamp
      知識共有者

      こんにちは hry😊 コードキャンプcss講義を受講していただきありがとうございます。個人プロジェクトのリファクタリングにぜひお役に立てば幸いです💪

  • swingsbooroong님의 프로필 이미지
    swingsbooroong

    受講レビュー 1

    平均評価 5.0

    5

    100% 受講後に作成

    デザイン感覚のない初心者の開発者なので、いつもcssで一番詰まって時間をたくさん使うと思います。基礎を間違えて学んで始めたんだよねㅜ だからインフラで無料講義でも聞きながらcss基本基を固めておこうと思いましたが、ついにこの講義が安く解けて聞くことになりました。よかったです。みんなで決済しましたが、他の講義も頑張って楽しみです。

    • codecamp
      知識共有者

      こんにちは コードキャンプ講義を受講してくれてありがとう!実際にジュニア開発者の方が最もトリッキーにするのがCSSなので、この部分を考慮して制作した講義です。

  • melody님의 프로필 이미지
    melody

    受講レビュー 1

    平均評価 5.0

    5

    100% 受講後に作成

    ああ... cssの概念を理解するのは少し難しかったですが、フレックスとグリッドは今理解しています。反応型は何度も振り返りながらもう少し練習してみるべきです。

    • codecamp
      知識共有者

      こんにちは コードキャンプの実務型CSS講義をご覧いただき、フレックスとグリッドを理解していただき本当に嬉しいです!着実な練習だけが手に残ることができます💪頑張ってください!

  • dydtjq3241064님의 프로필 이미지
    dydtjq3241064

    受講レビュー 3

    平均評価 5.0

    5

    77% 受講後に作成

    受講評イベントクーポンを早くもらいたいです。

    • codecamp
      知識共有者

      こんにちはdydtjq324さん😊 コードキャンプ講義をお待ちいただきありがとうございます!コードキャンプと一緒にぜひフロントエンド開発者として生まれ変わりたいと思います😊

¥2,790

codecampの他の講座

知識共有者の他の講座を見てみましょう!

似ている講座

同じ分野の他の講座を見てみましょう!