강의

멘토링

로드맵

Inflearn brand logo image
BEST
Programming

/

Web Development

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

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

웹퍼블리싱
퍼블리싱
css
HTML/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基礎知識

  • 開発者への情熱と意志

  • コーディングの好奇心

こんにちは
です。

13,497

受講生

385

受講レビュー

200

回答

4.8

講座評価

12

講座

"Try anything, Try everything!"

코드캠프는 유능한 개발자를 양성하며 개발의 미래를 바꾸고자 하는 목표를 가지고 있습니다. 사회적, 경제적, 교육적 배경에 상관없이 누구에게나 커리어 전환의 기회를 제공하기 위해 인프런에 나타났답니다. 코캠과 함께 커리어 점프에 도전하세요!

カリキュラム

全体

43件 ∙ (11時間 51分)

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

受講レビュー

全体

61件

5.0

61件の受講レビュー

  • copro님의 프로필 이미지
    copro

    受講レビュー 10

    平均評価 4.9

    5

    100% 受講後に作成

    Tôi tình cờ tham gia khóa học này vì tôi muốn thử CSS khi tôi mới chỉ học Java. Trước hết, hầu hết các bài giảng chỉ là người hướng dẫn nói chuyện sôi nổi và chơi trống, nhưng tôi sẽ cho bài giảng này ★★★★★★ sáu sao. công lao: 1. Dù thời gian học kéo dài nhưng người hướng dẫn vẫn giữ được giọng điệu bình tĩnh và ổn định. Có thể mã hóa trực tiếp 2. Bài giảng không gây mất tập trung. (Tôi thích không phải chuyển đi chuyển lại giữa các công cụ dành cho nhà phát triển) 3. Tôi thực sự thích các phần linh hoạt, vị trí, lưới và chuyển tiếp. PPT dường như là một ơn trời khi giải thích về flex hoặc lưới. 4. Người hướng dẫn rất kỹ lưỡng. Có rất ít trường hợp nó được nói ra hoặc bị bỏ qua. 5. Hệ thống này cũng rất tốt vì nó cho bạn biết khoảng 70% và sau đó chỉ định 30%...

    • codecamp
      知識共有者

      Xin chào, tôi đã viết điều tương tự nhưng nó không hoạt động 😊 Bạn đã cho tôi 6 sao... cảm ơn bạn! Chúng tôi thực sự ấn tượng bởi danh sách chi tiết các ưu điểm có thể cảm nhận được từ góc nhìn của sinh viên☺️ Chúng tôi dự định sẽ mở nhiều bài giảng hữu ích trong tương lai, vì vậy các bạn hãy đón chờ và thể hiện sự quan tâm :)

  • hanry님의 프로필 이미지
    hanry

    受講レビュー 1

    平均評価 5.0

    5

    65% 受講後に作成

    Tôi tham gia khóa học vì tôi nghĩ kiến ​​thức CSS của mình còn thiếu. Thật tuyệt khi được áp dụng những gì mình học được qua đào tạo thực tế cuối bài giảng và thu được kết quả. Tôi đặc biệt nghe Phần 7. Hoạt hình và Phần 9. Bố cục đáp ứng! Và giọng giảng viên cũng hay nên tôi nghe thoải mái. Tôi nghĩ tôi nên cấu trúc lại nó bằng cách tham khảo bài giảng về dự án cá nhân mà tôi đã làm trước đây.

    • codecamp
      知識共有者

      Xin chào hry 😊 Cảm ơn bạn đã tham gia khóa học CSS Code Camp. Tôi hy vọng điều này sẽ giúp bạn trong việc tái cấu trúc dự án cá nhân của bạn 💪

  • swingsbooroong님의 프로필 이미지
    swingsbooroong

    受講レビュー 1

    平均評価 5.0

    5

    100% 受講後に作成

    Là một nhà phát triển mới vào nghề, không có ý thức về thiết kế, tôi dường như luôn gặp khó khăn nhất và dành nhiều thời gian nhất cho CSS. Có lẽ là do tôi bắt đầu học những điều cơ bản không tốt^ㅜ Vì vậy, tôi nghĩ mình sẽ tham gia một khóa học miễn phí từ Infrun và củng cố kiến ​​​​thức cơ bản về CSS của mình, nhưng khóa học này có giá thấp nên tôi chỉ tham gia. những điểm cần thiết một cách bình tĩnh, vì vậy cách tốt nhất là có thể theo dõi bằng cách viết ra trong khi học. Thật tốt khi tôi đang nghe, tôi muốn nghe các bài giảng khác, vì vậy tôi đã cùng nhau trả tiền. mong muốn hoàn thành các bài giảng khác.

    • codecamp
      知識共有者

      Xin chào Suyang 😊 Cảm ơn bạn đã tham gia khóa học Code Camp! Trên thực tế, điều mà các nhà phát triển cấp dưới cảm thấy khó khăn nhất là CSS, vì vậy khóa học này được tạo ra với mục đích này :) Tôi hy vọng bạn hoàn thành khóa học và trở thành nhà phát triển có thể triển khai các trang web theo phong cách của riêng bạn💪

  • melody님의 프로필 이미지
    melody

    受講レビュー 1

    平均評価 5.0

    5

    100% 受講後に作成

    Ồ... Hơi khó hiểu các khái niệm CSS, nhưng giờ tôi đã hiểu Flex và Grid. Tôi cần chạy loại phản hồi một vài lần và thực hành nó nhiều hơn một chút.

    • codecamp
      知識共有者

      Xin chào Teuldak 😊 Tôi rất vui vì bạn đã hiểu Flex và Grid sau khi xem bài giảng CSS thực tế của CodeCamp! Chỉ có thực hành nhất quán mới có thể giúp bạn có được những điều tốt đẹp💪 Hãy kiên trì!

  • dydtjq3241064님의 프로필 이미지
    dydtjq3241064

    受講レビュー 3

    平均評価 5.0

    5

    77% 受講後に作成

    Tôi muốn nhanh chóng nhận được phiếu giảm giá sự kiện đánh giá khóa học. Tôi muốn thanh toán cho khóa học trước một cách nhanh chóng.

    • codecamp
      知識共有者

      Xin chào dydtjq324 😊 Cảm ơn bạn đã chờ đợi bài giảng Code Camp! Tôi hy vọng bạn sẽ trở thành nhà phát triển front-end với Code Camp 😊

¥2,680

codecampの他の講座

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

似ている講座

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