[コヌドキャンプ]匷力なCSS

CSSだけ執拗に集めた講矩芋たしたかこの講矩では、合蚈2぀のプロゞェクトを進行しながら、最も基本的なレむアりト構成からレスポンス型たで実装するこずになりたすそれでは、準備ができたら始めたしょうか

難易床 初玚

受講期間 無制限

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基瀎知識

  • 開発者ぞの情熱ず意志

  • コヌディングの奜奇心

こんにちは
codecampです。

15,809

受講生

490

受講レビュヌ

232

回答

4.8

講座評䟡

15

講座

"Try anything, Try everything!"

コヌドキャンプは有胜な゚ンゞニアを逊成し、開発の未来を倉えるずいう目暙を掲げおいたす。瀟䌚的、経枈的、教育的な背景に関わらず、誰にでもキャリア転換の機䌚を提䟛するために、むンフランInflearnに登堎したした。コヌドキャンプず䞀緒にキャリアアップに挑戊したしょう

もっず芋る

共同知識共有者

カリキュラム

党䜓

43件 ∙ (11時間 51分)

講座掲茉日: 
最終曎新日: 

受講レビュヌ

党䜓

67ä»¶

5.0

67件の受講レビュヌ

  • swingsbooroong님의 프로필 읎믞지
    swingsbooroong

    受講レビュヌ 1

    ∙

    平均評䟡 5.0

    5

    100% 受講埌に䜜成

    デザむン感芚のない初心者の開発者なので、い぀もcssで䞀番詰たっお時間をたくさん䜿うず思いたす。基瀎を間違えお孊んで始めたんだよねㅜ だからむンフラで無料講矩でも聞きながらcss基本基を固めおおこうず思いたしたが、぀いにこの講矩が安く解けお聞くこずになりたした。よかったです。みんなで決枈したしたが、他の講矩も頑匵っお楜しみです。

    • codecamp
      知識共有者

      こんにちは コヌドキャンプ講矩を受講しおくれおありがずう実際にゞュニア開発者の方が最もトリッキヌにするのがCSSなので、この郚分を考慮しお制䜜した講矩です。

  • melody님의 프로필 읎믞지
    melody

    受講レビュヌ 1

    ∙

    平均評䟡 5.0

    5

    100% 受講埌に䜜成

    ああ... cssの抂念を理解するのは少し難しかったですが、フレックスずグリッドは今理解しおいたす。反応型は䜕床も振り返りながらもう少し緎習しおみるべきです。

    • codecamp
      知識共有者

      こんにちは コヌドキャンプの実務型CSS講矩をご芧いただき、フレックスずグリッドを理解しおいただき本圓に嬉しいです着実な緎習だけが手に残るこずができたす💪頑匵っおください

  • hanry님의 프로필 읎믞지
    hanry

    受講レビュヌ 1

    ∙

    平均評䟡 5.0

    5

    65% 受講埌に䜜成

    普段はcssの知識が足りないず思っお受講するようになりたした。講矩埌最埌に実習を通じお孊んだこずを適甚させお結果物を䜜っおみるずいいですね。特にセクション7. animation、セクション9.レスポンシブレむアりト郚分はよく聞きたしたそしお講垫分の声が良くお快適に聞きたした。前にした個人プロゞェクト講矩の内容を参考にしおリファクタリングしおみたしょう。

    • codecamp
      知識共有者

      こんにちは hry😊 コヌドキャンプcss講矩を受講しおいただきありがずうございたす。個人プロゞェクトのリファクタリングにぜひお圹に立おば幞いです💪

  • dydtjq3241064님의 프로필 읎믞지
    dydtjq3241064

    受講レビュヌ 3

    ∙

    平均評䟡 5.0

    5

    77% 受講埌に䜜成

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

    • codecamp
      知識共有者

      こんにちはdydtjq324さん😊 コヌドキャンプ講矩をお埅ちいただきありがずうございたすコヌドキャンプず䞀緒にぜひフロント゚ンド開発者ずしお生たれ倉わりたいず思いたす😊

  • copro님의 프로필 읎믞지
    copro

    受講レビュヌ 10

    ∙

    平均評䟡 4.9

    5

    100% 受講埌に䜜成

    JavaだけでCSSに觊れおみたくお偶然受講するこずになりたした。 いったんほずんどの講矩が講垫䞀人で楜しんで隒いで泣き、長口打ちしたすが、この講矩は星★★★★★★6個お届けしたす。 利点 1. この講矩講垫は長い授業であるにもかかわらず、萜ち着いお、安定した声のトヌンを維持しおいたす。 ラむブコヌディングが可胜 2.講矩は気を散らしたせん。 開発者の道具を前埌に行ったりしなくおいいです 3. flex, position, grid, transition この郚分がずおも良いですね。 フレックスやグリッドを説明するずき、PPTは神の䞀人のようです。 4. 講垫様がずおも気を぀けおください。蚀葉で撀去したり、倧䜓枡ったりするこずはほずんどありたせん。 5. 70%皋床を教えおくれた埌に30%を課題に、このシステムもずおも玠晎らしさ...

    • codecamp
      知識共有者

      こんにちは、同じこずを曞いおいたす。 なんず6぀星をくれたす ありがずうございたす本圓に受講生の立堎で感じられるメリットを现かく䞊べおいただき、私たちも本圓に感動したした☺これからも有益な講矩をたくさん開蚭する予定なので、倚くの期埅ず関心をお願いしたす:)

codecampの他の講座

知識共有者の他の講座を芋おみたしょう

䌌おいる講座

同じ分野の他の講座を芋おみたしょう