강의

멘토링

로드맵

BEST
Programming

/

Web Development

[Code Camp] Powerful CSS

Have you seen a lecture that only collects CSS? In this lecture, you will implement everything from the most basic layout composition to responsiveness while working on a total of two projects! Now, if you are ready, let's get started.

(5.0) 62 reviews

2,318 learners

웹퍼블리싱
퍼블리싱
css
HTML/CSS

Reviews from Early Learners

What you will learn!

  • Stop following along and start creating your own code!

  • Increase your understanding of reactivity

  • Ability to implement real responsive websites

  • Handling real-time communication with servers

  • More than 60 cutting-edge properties used in practice

Chapter 02: Teaching Coding Basics
Powerful CSS!

Build strong CSS skills to build real responsive websites!

With over 60 properties
Everything CSS in one place.

[Powerful CSS] is ✨

A collection of over 60 of the latest properties and important CSS concepts.
One of the things that junior developers find difficult is 'CSS'.
If you're wondering, "The grammar is simple, so why can't I do it the way I want?", you've come to the right place.
Now, let's learn about the basic principles and characteristics of CSS and find out the reasons step by step!

We'll learn practical CSS by building our own responsive website.
This isn't just a course where you simply follow along with the code. We'll explain the meaning of each line of code and teach you practical CSS . By creating your own online store through this project, you'll gain the skills to create the responsive website you desire.


If you follow along like taking baby steps from A to Z,
Before I knew it, I had the website I wanted ! 🎁

Project 01.
"How was your day?" Make your diary online.

"The text and objects are all messed up... Can't I organize them as I like to make them prettier?"
You can solve any problem with CSS you've mastered. Learn the fundamental principles and usage of CSS while creating your own personal journal. Don't miss out on any difficult concepts and properties!

Project 02.
Learn the basics of website development by creating your own shopping mall.

Understand CSS's Flex layout system through your own online store. Study Flex and Grid, essential for modern web layouts, and learn how to utilize them by cloning and coding actual web pages.

Project 02. Advanced + α
Let's directly implement 'responsiveness', which is essential in development!

How to make your website look beautiful on various platforms! Responsive design is the answer. Using services built on websites, you'll learn advanced CSS techniques like grid layout and responsive web design. Learn dynamic CSS elements like transitions, keyframes, and animation to enrich your webpage's user experience!


After taking [Powerful CSS] class
You can be a beginner like this. 💪🏻


Wait! Please check before registering. 📢

💡 We recommend that you create a schedule and study regularly and consistently .
💡 Please create a Notion account, a collaborative tool, to receive learning materials.
💡 Learning materials required for the course are provided in Notion (link) .
※ CodeCamp owns the copyright to this learning material. Unauthorized use, distribution, or duplication is prohibited.

Have any questions? 💬

Q. Can I take the course without any prior knowledge?
A. A basic knowledge of HTML is required! If you'd like to take this course after building a more solid foundation in HTML, CSS, and other areas, I recommend the [Start with Free Camp!] course.

Q. Is there a separate textbook?
A. Please use the [lecture materials] provided by Notion!

Q. Is there any program I need to install before taking the course?
A. Yes, please install Chrome and VSCode in advance! We'll install other programs together during the lecture!

Q. What courses would you recommend after taking [Powerful CSS]?
A. I recommend the [Warm JavaScript] course.
Wouldn't it be great if I could enhance my code to fill in the gaps?


Introducing Team CodeCamp 💑

Recommended for
these people

Who is this course right for?

  • (★Recommendation★) [Start with Free Camp] Class Attendees

  • Publishers or front-end developers who want to learn the latest properties

  • For those interested in front-end development

  • UI/UX designers who want to increase their understanding of publishing

  • People who want to develop themselves through coding

  • For those who want to build a solid foundation for responsive web/apps

Need to know before starting?

  • (★Recommendation★) [Start with Free Camp] Lecture Learning

  • HTML Basics

  • Passion and commitment to being a developer

  • Curiosity about coding

Hello
This is

15,111

Learners

397

Reviews

210

Answers

4.8

Rating

14

Courses

"Try anything, Try everything!"

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

Curriculum

All

43 lectures ∙ (11hr 51min)

Published: 
Last updated: 

Reviews

All

62 reviews

5.0

62 reviews

  • 똑같이썼는데안돼님의 프로필 이미지
    똑같이썼는데안돼

    Reviews 10

    Average Rating 4.9

    5

    100% enrolled

    자바만 하다가 CSS를 건드려 보고 싶어서 우연히 수강하게 되었습니다. 일단 대부분의 강의가 강사 혼자 신나서 떠들고 북치고 장구치고 하는데, 이 강의는 별 ★★★★★★ 여섯 개 드리겠습니다. 장점: 1. 이 강의 강사님은 긴 수업임에도 불구하고, 차분하고, 안정된 목소리 톤을 유지 하십니다. 라이브 코딩이 가능함 2. 강의가 산만하지 않습니다. (개발자 도구를 이리저리 왔다갔다 하지 않아서 좋아요) 3. flex, position, grid, transition 이 부분이 굉장히 좋네요. flex나 grid설명 할 때 PPT가 신의 한 수인 같습니다. 4. 강사님이 굉장히 꼼꼼하세요. 말로 떼우거나 대충 넘어가는 경우는 거의 없습니다. 5. 70%정도를 알려 준 다음에 30%를 과제로 이 시스템도 매우 훌륭함...

    • 코드캠프
      Instructor

      안녕하세요 똑같이썼는데안돼님😊 무려 별을 6개나 주시다니... 감사합니다! 정말 수강생의 입장에서 느낄 수 있는 장점들을 세세하게 나열해주셔서 저희도 정말 감동 받았습니다☺️ 앞으로도 유익한 강의들을 많이 개설할 예정이니 많은 기대와 관심 부탁드립니다 :)

  • hry님의 프로필 이미지
    hry

    Reviews 1

    Average Rating 5.0

    5

    65% enrolled

    평소에 css 지식이 부족하다고 생각해서 수강하게 되었습니다. 강의 후 마지막에 실습을 통해 배웠던 것을 적용시켜서 결과물을 만들어 보니 좋네요. 특히 섹션 7. animation, 섹션 9. 반응형 레이아웃 부분 잘 들었습니다! 그리고 강사분 목소리가 좋으셔서 편안하게 들었습니다. 전에 했던 개인 프로젝트 강의 내용 참고해서 리팩토링해봐야겠네요.

    • 코드캠프
      Instructor

      안녕하세요 hry님😊 코드캠프 css 강의를 수강해주셔서 감사합니다. 개인 프로젝트 리팩토링에 꼭 도움이 되길 바랍니다 💪

  • 수양님의 프로필 이미지
    수양

    Reviews 1

    Average Rating 5.0

    5

    100% enrolled

    디자인감각 없는 초보 개발자라 항상 css에서 제일 막히고 시간을 많이 쓰는거 같아요. 기초를 부실하게 배워서 시작한거라 그런지^ㅜ 그래서 인프런에서 무료강의라도 들으면서 css 기본기 다져놓자고 생각했는데 마침 이 강의가 저렴하게 풀려서 듣게 됐어요 꼭 필요한 핵심들만 되게 차분하게 설명해주셔서 공부하면서 적으면서 따라갈 수 있는게 가장 좋았어요 듣는 김에 다른 강의들도 들어보자 싶어서 다같이 결제했는데 다른 강의도 완강 기대돼요

    • 코드캠프
      Instructor

      안녕하세요 수양님😊 코드캠프 강의를 수강해주셔서 감사합니다! 실제로 주니어 개발자분들이 가장 까다로워 하는 게 CSS이기 때문에 이 부분을 고려해서 제작한 강의입니다 :) 꼭 완강하셔서 자신의 스타일대로 웹 페이지를 구현할 수 있는 개발자가 되시길 바랍니다💪

  • 틀닭님의 프로필 이미지
    틀닭

    Reviews 1

    Average Rating 5.0

    5

    100% enrolled

    오오.... css 개념 이해하기 좀 어려웠는데 플렉스랑 그리드가 이제 이해가 가네여. 반응형은 몇번 돌려보면서 좀 더 실습해 봐야겠어요

    • 코드캠프
      Instructor

      안녕하세요 틀닭님😊 코드캠프의 실무형 CSS 강의를 보시고 플렉스와 그리드를 이해하셨다니 정말 다행입니다! 꾸준한 실습만이 손에 남을 수 있습니다💪 완강하세요!

  • dydtjq324님의 프로필 이미지
    dydtjq324

    Reviews 3

    Average Rating 5.0

    5

    77% enrolled

    수강평 이벤트 쿠폰 빨리 받고싶어요 프론트과정 빨리 결제하고파용~

    • 코드캠프
      Instructor

      안녕하세요 dydtjq324님😊 코드캠프 강의를 기다려주셔서 감사합니다! 코드캠프와 함께 꼭 프론트엔드 개발자로 거듭나시길 바라겠습니다😊

Limited time deal

$16,500.00

25%

$17.60

codecamp's other courses

Check out other courses by the instructor!

Similar courses

Explore other courses in the same field!