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.
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,410
Learners
448
Reviews
227
Answers
4.8
Rating
14
Courses
"Try anything, Try everything!" 코드캠프는 유능한 개발자를 양성하며 개발의 미래를 바꾸고자 하는 목표를 가지고 있습니다. 사회적, 경제적, 교육적 배경에 상관없이 누구에게나 커리어 전환의 기회를 제공하기 위해 인프런에 나타났답니다. 코캠과 함께 커리어 점프에 도전하세요!
I just studied Java, but I wanted to try CSS, so I happened to take the class. First of all, most of the lectures are about the instructor talking excitedly and beating drums and janggu, but I'll give this class six stars ★★★★★★.
Pros:
1. The instructor of this class maintains a calm and stable tone of voice even though it's a long class.
Live coding is possible
2. The lecture is not distracting. (I like that I don't have to go back and forth between developer tools.)
3. The flex, position, grid, and transition parts are really good.
When explaining flex or grid, PPT seems to be a godsend.
4. The instructor is very meticulous. He rarely talks too much or glosses over it.
5. He teaches about 70% and then assigns 30% as homework. This system is also very good...
Hello, I wrote the same thing, but it didn't work out😊
Thank you for giving me 6 stars! We were really impressed that you listed the advantages that students can feel in detail☺️ We plan to open many more useful lectures in the future, so please look forward to it and show us a lot of interest :)
I took the class because I thought I lacked CSS knowledge. After the lecture, I applied what I learned through the practice at the end and created a result. I especially listened to Section 7. Animation and Section 9. Responsive Layout. And the instructor's voice was nice, so I listened comfortably. I should refactor it by referring to the content of the personal project lecture I did before.
As a beginner developer without a sense of design, I always seem to get stuck the most in CSS and spend the most time on it. Maybe it's because I started off with a poor understanding of the basics^ㅜ So I thought I should take free lectures on Inflearn to build a solid foundation of CSS, and this lecture was offered at a low price. The best part was that it explained only the essential key points very calmly, so I could follow along by writing them down while studying. While I was listening to it, I wanted to listen to other lectures as well, so I paid for them all. I'm looking forward to completing the other lectures.
Hello, Suyang😊
Thank you for taking the CodeCamp course! In fact, CSS is the most difficult part for junior developers, so this course was created with this in mind :) I hope you will complete the course and become a developer who can implement web pages in your own style💪
Hello, Ttoldak 😊
I'm so glad that you understood flex and grid after watching CodeCamp's practical CSS lecture! Only consistent practice can help you stay in your hands💪 Stay strong!