[VOD] 6週間完成!開発実務のための高濃縮バイブコーディング (Cursor AI, Figma)
codecamp
10分で바이브코딩で作れる単純なサービスはもう捨てましょう! '本当の'実務適用바이브코딩を学ぶことができます。 企画とデザイン通りに実サービスレベルの高度化されたサービスをカーソルAI NCOPで作ってみましょう。 No Code, Only Prompt
Intermediate
React, Next.js, cursor
CSSだけ執拗に集めた講義見ましたか?この講義では、合計2つのプロジェクトを進行しながら、最も基本的なレイアウト構成からレスポンス型まで実装することになります!それでは、準備ができたら始めましょうか?

学習した受講者のレビュー
5.0
똑같이썼는데안돼
JavaだけでCSSに触れてみたくて偶然受講することになりました。 いったんほとんどの講義が講師一人で楽しんで騒いで泣き、長口打ちしますが、この講義は星★★★★★★6個お届けします。 利点: 1. この講義講師は長い授業であるにもかかわらず、落ち着いて、安定した声のトーンを維持しています。 ライブコーディングが可能 2.講義は気を散らしません。 (開発者の道具を前後に行ったりしなくていいです) 3. flex, position, grid, transition この部分がとても良いですね。 フレックスやグリッドを説明するとき、PPTは神の一人のようです。 4. 講師様がとても気をつけてください。言葉で撤去したり、大体渡ったりすることはほとんどありません。 5. 70%程度を教えてくれた後に30%を課題に、このシステムもとても素晴らしさ...
5.0
hry
普段はcssの知識が足りないと思って受講するようになりました。講義後最後に実習を通じて学んだことを適用させて結果物を作ってみるといいですね。特にセクション7. animation、セクション9.レスポンシブレイアウト部分はよく聞きました!そして講師分の声が良くて快適に聞きました。前にした個人プロジェクト講義の内容を参考にしてリファクタリングしてみましょう。
5.0
수양
デザイン感覚のない初心者の開発者なので、いつもcssで一番詰まって時間をたくさん使うと思います。基礎を間違えて学んで始めたんだよねㅜ だからインフラで無料講義でも聞きながらcss基本基を固めておこうと思いましたが、ついにこの講義が安く解けて聞くことになりました。よかったです。みんなで決済しましたが、他の講義も頑張って楽しみです。
フォローするコーディングはSTOP!独自のコードを作成
レスポンシブの理解力を高める
リアルレスポンシブウェブサイトの実装能力
サーバーとのリアルタイム通信を扱う
実務で使用する60以上の最新のプロパティ
コーディング基礎を打つ Chapter 02.
強力なCSS!
本物のレスポンシブウェブサイトを実装するための頑丈なCSSスキルを掴む!
60以上の最新のプロパティとCSSの重要な概念の両方を集めました。
ジュニア開発者が難しいことの一つ、まさに「CSS」です。
「文法は簡単なのに、なぜ私の勝手にならないのですか?」このような疑問を持っていたらよく来ました。
さて、CSSの基本的な原理と特性について一緒に学び、その理由をじっくり調べてみましょう!
私たちは直接レスポンシブなウェブサイトを作成し、実用的なCSSを学びます。
単にコードに従う講義ではありません。コード一行一行の意味を解釈し、実用的なCSSについてお知らせします。プロジェクトを通じて自分だけのショッピングモールを作ってみたら、あなたが望むレスポンシブウェブサイトを作る能力を持つことができます。
プロジェクト 01.
「今日はどうでしたか?」私の日記帳をウェブにします。
「めまいが置いたテキストとオブジェクト…私の勝手に整理してもっと綺麗にすることはできないだろうか?」
確かに学んだCSSで解決できます。自分だけの日記帳を一緒に作ってみて、CSSの基本原理と使い方を学びます。難しいコンセプトや属性も抜け落ちなく拾いましょう!
プロジェクト 02.
自分だけのショッピングモールを実装し、ウェブサイト開発の基礎を習得します。

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

私が作ったウェブサイトをさまざまなプラットフォームできれいに見る方法!まさに「反応型」です。ウェブサイトで作られたサービスを活用して、グリッドレイアウト、レスポンシブウェブなど、一層レベルの高いCSS技術について学習します。トランジション、キーフレーム、アニメーションなどの動的CSS要素について学び、WebページのUXをより豊かにしましょう!
💡日課表を作って定期的に着実に学習することをお勧めします。
💡学習資料を受け取るためにコラボレーションツール「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分)
1. CSSとは?
03:38
2. CSSの基本用法
02:12
3. CSS 적용 방법
03:36
4. セレクター1
05:18
5. フォント基本スタイル
16:42
6. ボックスモデル
24:12
7. インライン vs ブロック
12:26
8. 実習1
48:17
9. レイアウトとは?
02:02
10. セレクター2
07:22
11. css レイアウトの流れ
05:02
12. float レイアウト
52:47
13. flexレイアウト
23:20
14. 実習2
17:14
15. セレクター3
33:22
16. flex レイアウト2
11:19
17. 実習3
08:35
全体
66件
5.0
66件の受講レビュー
受講レビュー 10
∙
平均評価 4.9
5
JavaだけでCSSに触れてみたくて偶然受講することになりました。 いったんほとんどの講義が講師一人で楽しんで騒いで泣き、長口打ちしますが、この講義は星★★★★★★6個お届けします。 利点: 1. この講義講師は長い授業であるにもかかわらず、落ち着いて、安定した声のトーンを維持しています。 ライブコーディングが可能 2.講義は気を散らしません。 (開発者の道具を前後に行ったりしなくていいです) 3. flex, position, grid, transition この部分がとても良いですね。 フレックスやグリッドを説明するとき、PPTは神の一人のようです。 4. 講師様がとても気をつけてください。言葉で撤去したり、大体渡ったりすることはほとんどありません。 5. 70%程度を教えてくれた後に30%を課題に、このシステムもとても素晴らしさ...
こんにちは、同じことを書いています。 なんと6つ星をくれます…ありがとうございます!本当に受講生の立場で感じられるメリットを細かく並べていただき、私たちも本当に感動しました☺️これからも有益な講義をたくさん開設する予定なので、多くの期待と関心をお願いします:)
受講レビュー 1
∙
平均評価 5.0
5
デザイン感覚のない初心者の開発者なので、いつもcssで一番詰まって時間をたくさん使うと思います。基礎を間違えて学んで始めたんだよねㅜ だからインフラで無料講義でも聞きながらcss基本基を固めておこうと思いましたが、ついにこの講義が安く解けて聞くことになりました。よかったです。みんなで決済しましたが、他の講義も頑張って楽しみです。
こんにちは コードキャンプ講義を受講してくれてありがとう!実際にジュニア開発者の方が最もトリッキーにするのがCSSなので、この部分を考慮して制作した講義です。
受講レビュー 3
∙
平均評価 5.0
5
受講評イベントクーポンを早くもらいたいです。
こんにちはdydtjq324さん😊 コードキャンプ講義をお待ちいただきありがとうございます!コードキャンプと一緒にぜひフロントエンド開発者として生まれ変わりたいと思います😊
¥2,790
知識共有者の他の講座を見てみましょう!
同じ分野の他の講座を見てみましょう!