A kind and easy course that even those who know nothing about coding can follow! The ultimate course that turns working developers into HTML & CSS experts!
Reviews from Early Learners
5.0
Hansh
I was listening to Johns Hopkins HTML/CSS/JS lectures on Coursera and I fell for it. Even though Johns Hopkins is a prestigious university, the lectures were poor. However, this lecture was different. 1. First, when evaluating a lecture, I look at the total time of the content. I don't look at lectures that are short because I don't dig deep. However, this lecture was 12 hours long, and it was quite long because it only covered HTML/CSS, so I believed it. The lecturer also proceeded quickly, so it was practically 30 hours compressed. 2. Second, the lecturer's ability to convey the content. I felt that this lecture conveyed the content in a very efficient and clean way. I also liked the flow of the lecture. And it covered not only the core parts, but also the parts that were good to know. It seemed like a lot of effort was put into making it easy to understand. 3. Third, I liked the coding environment setting method that can only be heard here, various tips, and how to study further on your own. After taking only famous but poorly written lectures on Coursera and Udemy, it was nice to finally see a lecture with substance. It made me realize that there is no clear correlation between fame and teaching ability.
5.0
하정원
It was good that you taught me in detail and went through everything. As with all studies, I found my own way to study and I was able to concentrate much better. In my case, I interpreted the source code myself first and then listened to the lecture. In this case, I thought about whether my interpretation was correct or what the grammar I didn't know meant and went into the lecture, so it stayed in my head longer!
5.0
HDK
As a YouTube subscriber, I completed the Git lecture and purchased the HTML/CSS lecture. The strength of Yalko's lecture is that the curriculum is clean and the delivery is good, so the content is easy to understand. Although I am listening to the lecture, I am absorbed in it as if I am listening to a story. If you follow the lecture like this, you will see yourself understanding and acquiring the content at some point. I think it is a lecture that is worth the money. If you are thinking about it, I strongly recommend purchasing it.
From Basics to Advanced HTML and CSS
Coding HTML Easily with Emmet
Publishing that complies with web standards
Difficult CSS concepts such as positioning, various layouts, and selectors
Complex concepts such as inheritance and resetting, vendor prefixes, and focus-visible
How to utilize advanced features such as variables, web fonts, filters, and animations
Making it responsive to support mobile environments
Accessibility - Creating a website that considers diverse users
Proper site structure using semantic tags and BEM
Practical knowledge through final projects
I wanted to create a series where those starting to code for the first time can begin from their very first coding experience.
As the first step, I chose HTML & CSS as the first topic because it is relatively easy to learn even without computer science knowledge.
While HTML & CSS have a low barrier to entry, it is rare to find developers who study them deeply and use them 'properly.' Therefore, I wanted to create a course that dives into difficult concepts and detailed properties, making it highly beneficial even for professional developers and publishers.
With the goal of creating a truly wonderful and informative course, I have produced this lecture after a long period of research and preparation.
Those who are new to programming
Web designers who want to do publishing
Developers who want to be good at HTML/CSS
We have packed the contents of the lecture into a book so that you can check them right in your hands.
(ℹ️ This book covers JavaScript only in its basic parts and in a light manner.)
We save your precious time with a smooth and straightforward progression. (Please understand that the pace may feel fast depending on the learner. Be sure to listen to the free chapters before enrolling!)
I have prepared this course so that you can learn as much as possible by explaining in detail not only the functions of each tag and attribute, but also their various applications, usage in accordance with web standards, and theoretical principles.
For each lesson, the key points of the video and copy-pasteable practice commands and code are organized on the webpage, allowing you to follow along and apply them to proceed with your practice easily.
To ensure that students can study without any financial burden, the first 5 hours of content are released for free through a preview.
I am a YouTuber who runs the channel Yalco's Shallow Coding Dictionary and an author who writes IT books. Drawing on my experience as a full-stack developer, I create content that explains difficult programming concepts using metaphors, simple examples, and sometimes animations to make them easy for beginners to understand.
🎬 YouTube Yalco's Coding Dictionary Channel (Click!)
📕 Go to Yalco's Books (Click!)
✅ Section 1: HTML Basics - HTML tags and their appropriate usage
✅ Section 2: CSS Basics
✅ Section 3: Advanced HTML
✅ Section 4: Advanced CSS
| 
|
✅ Section 5: Final Project
Q. I'm new to programming; can I still take this class?
A. HTML and CSS are the most suitable subjects for beginners to start with. To ensure that even those new to coding can follow along, we explain everything in detail—from the initial environment setup to using coding tools—and conduct the practice sessions using the simplest terms possible.
Q. I already have some experience with web development; how helpful will this be?
A. Even basic HTML tags or CSS properties that web developers often assume they know well enough can reveal many unknowns when studied in depth. You will be able to properly use the elements and features you previously only had a surface-level understanding of, and you will gain useful knowledge for creating sites that are beautiful not just in appearance, but also in their internal structure.
Q. Won't it be difficult because the lecture pace is fast?
A. Although the video moves at a fast pace, each lesson includes a link to a lecture page so you can easily review and practice the content. By utilizing the examples and playgrounds throughout the pages, you'll be able to learn in a way that maximizes your time efficiency!
Who is this course right for?
Someone learning to code for the first time
A web designer who wants to handle publishing themselves
Developers who want to become more proficient in HTML and CSS
Developers who want to study the deep theories of HTML and CSS.
A developer who wants to build websites that comply with standards and offer high accessibility.
34,854
Learners
2,135
Reviews
96
Answers
4.9
Rating
18
Courses
I am the YouTuber behind the channel Yal-co's Coding Dictionary, as well as an author of IT books. Drawing on my experience as a full-stack developer, I create content that explains difficult programming concepts through metaphors, simple examples, and sometimes animations to make them easy for beginners to understand.
🎬 YouTube Yal-co's Coding Dictionary Channel (Click!)
📕 View Yal-co's Books (Click!)
All
54 lectures ∙ (11hr 16min)
6. Title and Body
20:50
8. Quoted content
11:40
9. Listed elements
08:45
10. Insert image
11:53
11. Using tables
11:04
22. Box Model 1
18:37
23. Box Model 2
14:28
25. Positioning
13:49
27. Flex Layout
22:34
All
161 reviews
4.9
161 reviews
Reviews 1
∙
Average Rating 5.0
5
It was good that you taught me in detail and went through everything. As with all studies, I found my own way to study and I was able to concentrate much better. In my case, I interpreted the source code myself first and then listened to the lecture. In this case, I thought about whether my interpretation was correct or what the grammar I didn't know meant and went into the lecture, so it stayed in my head longer!
Reviews 11
∙
Average Rating 5.0
Reviews 1
∙
Average Rating 5.0
5
I was listening to Johns Hopkins HTML/CSS/JS lectures on Coursera and I fell for it. Even though Johns Hopkins is a prestigious university, the lectures were poor. However, this lecture was different. 1. First, when evaluating a lecture, I look at the total time of the content. I don't look at lectures that are short because I don't dig deep. However, this lecture was 12 hours long, and it was quite long because it only covered HTML/CSS, so I believed it. The lecturer also proceeded quickly, so it was practically 30 hours compressed. 2. Second, the lecturer's ability to convey the content. I felt that this lecture conveyed the content in a very efficient and clean way. I also liked the flow of the lecture. And it covered not only the core parts, but also the parts that were good to know. It seemed like a lot of effort was put into making it easy to understand. 3. Third, I liked the coding environment setting method that can only be heard here, various tips, and how to study further on your own. After taking only famous but poorly written lectures on Coursera and Udemy, it was nice to finally see a lecture with substance. It made me realize that there is no clear correlation between fame and teaching ability.
Thank you for giving me a great sense of accomplishment as much as I prepared hard. ㅠㅠ In fact, the smarter the professors are, the more they excel and know so much, that their lectures often don't convey well to beginners. As a person with a limited brain, I put a lot of thought into how to lecture so that others can understand well, and I'm really happy that it was of help to you. I will repay you with better lectures in the future. Thank you for taking the class!!
Reviews 6
∙
Average Rating 5.0
5
As a YouTube subscriber, I completed the Git lecture and purchased the HTML/CSS lecture. The strength of Yalko's lecture is that the curriculum is clean and the delivery is good, so the content is easy to understand. Although I am listening to the lecture, I am absorbed in it as if I am listening to a story. If you follow the lecture like this, you will see yourself understanding and acquiring the content at some point. I think it is a lecture that is worth the money. If you are thinking about it, I strongly recommend purchasing it.
Reviews 1
∙
Average Rating 5.0
5
This is a very good lecture. I started studying as a non-major and a complete beginner, and although others say the HTML&CSS part is fun and easy, I was still a complete beginner, so it was difficult. It was a lecture that was a little over 11 hours long, but I finished it in almost 7 weeks. In fact, I switched to another lecture because it was difficult in the middle, and then came back to this lecture. Since it was the first lecture, I thought maybe the level wasn't right for me, but I thought it was just because I didn't understand it well, and compared to other lectures, it was concise, but it contained a lot of information and the explanations were good, so I finished it. Even if you think of the lectures as being divided into 10~20 minutes, if a complete beginner like me just understands it with my head and moves on, I'll have a mental breakdown later on during the final project. I still haven't properly cloned the final project or understood everything, but I think I need to invest more time and review it. In conclusion, I think the overall quality and content of the lecture were the best. Actually, I don't usually leave course reviews, but I think it would be good for other people to see this kind of high-quality lecture, so I'm leaving one. And thank you for answering my individual inquiries. I'll go review it again.
Thank you!! Since this is a lecture that I made with great care and in-depth, it is normal for it to be difficult and overwhelming even for non-majors. I am truly grateful that you listened to the end, and I am happy as a lecturer. If there is any part that is difficult when reviewing or using it in practice, please ask me anytime!! Thank you again~!
Check out other courses by the instructor!
Explore other courses in the same field!
![Solid Frontend Bootcamp for Full Stack (HTML, CSS, Vanilla JavaScript + ES6) [Full Stack Part2]Course Thumbnail](https://cdn.inflearn.com/public/course-326306-cover/4ea213de-f786-4af1-a9d0-b8932263885a?w=420)
![[2026 Examination Standards] Perfect Guide for the Web Design & Development Technician Practical ExamCourse Thumbnail](https://cdn.inflearn.com/public/courses/324878/course_cover/12211037-e74b-46b3-8942-46d465b81bba/webdesign-cover-02.png?w=420)
