HTML & CSS Done Right - by Yalco

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!

(4.9) 151 reviews

3,096 learners

Level Beginner

Course period Unlimited

HTML/CSS
HTML/CSS
HTML/CSS
HTML/CSS

Reviews from Early Learners

Reviews from Early Learners

4.9

5.0

Hansh

100% enrolled

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

하정원

31% enrolled

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

83% enrolled

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.

What you will gain after the course

  • 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

https://youtu.be/TrC2x4N0XqY

If you leave a like and a comment on the YouTube video above (the public part of this course),
and then send a screenshot to yalco@yalco.kr,
we will send you a discount coupon to take the course at half price.chúng tôi sẽ gửi cho bạn mã giảm giá để có thể đăng ký khóa học với giá nửa tiền.


Here's what you'll learn! 📚

  • We will explore HTML and CSS, from the basics for absolute beginners to advanced applications and practical tips for professional developers, as well as making difficult theories easy to understand.
  • Beyond simply implementing a page visually, you will learn how to create 'kind' websites that consider more people and are easy to collaborate on with other developers.

The reason I created the 'Digging Deep' course ⛏️ 

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, which is relatively easy to learn even without computer science knowledge, as the first topic.

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 delves 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.


Who should
take this course? 
👨‍💻 

Those who are new to programming

Web designers who want to do publishing

Developers who want to be good at HTML/CSS

  • 🍼 People who are just starting to learn coding
  • 🎨 Web designers who want to handle publishing themselves
  • 🎓 Developers who want to master HTML and CSS more effectively
  • ⛏️ Developers who want to study the deep theories of HTML and CSS
  • 💖 Developers who want to develop for the web in compliance with standards and with high accessibility

 


It has also been released
as a book! 📙

image

We have packed the contents of the lecture tightly so that you can check them right in your hands.
(ℹ️ This book covers only the basics of JavaScript and only touches upon it lightly.)

🛒 Go to purchase the book


What's special about
Yalco's lectures ✨

Fast and easy
video lectures 🚀

We save your precious time with a smooth and straightforward pace. (Please understand that the speaking pace may feel fast depending on the learner. Be sure to listen to the free preview lessons before enrolling!)

Detailed explanations from a "Too Much Talker"
A highly detailed lecture 🎙️

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.

Convenient practice through
the webpage 🖥️

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, apply them, and proceed with the exercises easily.

Basic Content
Available for Free 😎

To ensure students can study without any burden, the first 5 hours of content are released for free through a preview.


Who is Yalco? 😀

YouTube channel Yal-co's Coding Dictionary broadcaster and an author of 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!)
📕 View Yalco's Books (Click!)


Specially designed for the lecture, 
⭐️  Playground  ⭐️ 

  • On the lecture webpage, playgrounds created to facilitate the learning and review of CSS are provided for each topic as follows.

  • By adjusting the values of each property, you can see for yourself how they are reflected in elements on the web.

  • You can learn various examples of utilizing the corresponding CSS properties while checking which types of values can be used.

What will change
after taking this course? 💪

  • Beginners and non-majors will find their fear of coding disappears.
  • You will gain the confidence to publish any website.
  • You will gain a clear understanding of concepts you only vaguely knew and features you used without fully understanding.
  • You will learn how to build websites 'properly', 'kindly', and 'thoughtfully'.

What will you
be learning? 📚

Section 1: HTML Basics HTML tags and their appropriate usage

  • Various web components such as text content, lists, images, tables, links, and inputs
  • Coding in accordance with web standards and recommendations
  • Fast coding using Emmet

Section 2: CSS Basics

  • Various application methods of CSS and basic selectors
  • Styling various elements such as text elements, lists, colors, and backgrounds
  • Core concepts of CSS such as inline/block, box model, and position
  • Web page structure utilizing Flex layout

Section 3: Advanced HTML

  • Page settings such as meta information, viewport, and Open Graph within the header
  • Organizing pages systematically through semantic tags and BEM
  • Building accessibility to accommodate diverse users
  • How to use SVG, video, and other media

Section 4: Advanced CSS

  • Practical concepts such as imports, variables, resetting, and vendor prefixes
  • Layouts using floating and grids
  • Transitions, animations, filters, and various other CSS features
  • Creating a Responsive Website
  • How to use external elements such as web fonts, icons, and frameworks

✅ Section 5: Final Project

  • We will conduct a hands-on practice to create a responsive webpage like the one above, using only HTML and CSS without any JavaScript.

Check the
Frequently Asked Questions 💬

Q. I'm new to programming; can I still take the class?

A. HTML and CSS are the most suitable topics for beginners to start with. To ensure that even those new to coding can follow along, we provide detailed explanations from the initial environment setup to using coding tools, and the hands-on exercises are conducted using terms that are as easy as possible.

Q. I already have some experience with web development; how much will this help me?

A. Even basic HTML tags or CSS properties that web developers often assume they know well enough can reveal much that was previously unknown when studied in depth. You will be able to properly utilize elements and features that you have only partially understood, and you will gain useful knowledge for creating sites that are beautiful not only in appearance but also in their internal structure.

Q. Won't it be difficult because the lecture pace is fast?

A. Although the videos move at a fast pace, each lesson includes a link to a dedicated lecture page so you can easily review and practice the content. By utilizing the examples and playgrounds throughout the pages, you will be able to maximize your time efficiency while learning!

Recommended for
these people

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.

Hello
This is yalco

34,165

Learners

1,961

Reviews

96

Answers

4.9

Rating

17

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!)

More

Reviews

All

151 reviews

4.9

151 reviews

  • fourier님의 프로필 이미지
    fourier

    Reviews 11

    Average Rating 5.0

    5

    100% enrolled

    To conclude, this is a great lecture. I learned a lot, so I think I'll have to review it again. I'm looking forward to the next lectures!

    • rlarhkr811588님의 프로필 이미지
      rlarhkr811588

      Reviews 6

      Average Rating 5.0

      5

      83% enrolled

      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.

      • hajeongwon775011님의 프로필 이미지
        hajeongwon775011

        Reviews 1

        Average Rating 5.0

        5

        31% enrolled

        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!

        • animajangyj8337님의 프로필 이미지
          animajangyj8337

          Reviews 1

          Average Rating 5.0

          5

          100% enrolled

          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.

          • yalco
            Instructor

            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~!

        • closhu님의 프로필 이미지
          closhu

          Reviews 1

          Average Rating 5.0

          5

          100% enrolled

          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.

          • yalco
            Instructor

            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!!

        yalco's other courses

        Check out other courses by the instructor!

        Similar courses

        Explore other courses in the same field!

        $34.10