강의

멘토링

로드맵

BEST
Programming

/

Web Development

Properly Selling HTML CSS - by Yalco

A friendly and easy course that even coding beginners can follow! The ultimate course helping current developers become HTML & CSS experts!

(5.0) 122 reviews

2,907 learners

  • yalco
HTML/CSS

Reviews from Early Learners

What you will learn!

  • HTML and CSS: Basics to Advanced

  • Easy HTML Coding with Emmet

  • Web standards compliant publishing

  • Position, various layouts, selectors, etc., are difficult CSS concepts

  • Complex concepts such as inheritance and resetting, vendor prefixes, and focus-visible

  • Using Advanced Features: Variables, Web Fonts, Filters, Animations, etc.

  • Responsive Mobile Adaptation

  • Accessibility - Creating websites for diverse users

  • Proper site structure using semantic tags and BEM

  • Practical Knowledge Through the Final Project

⭐️ Do you have a university email account?
🎓 Go get the half-price coupon for college students (click) 👉


Learn these things! 📚

  • HTML and CSS From the basics for complete beginners to advanced usage and practical tips for working developers, and even difficult-to-understand theories, you can easily learn them.
  • Beyond just visual presentation, you'll learn how to create a "good" website that's considerate of a wider audience and great for collaboration with other developers.

Why I Created a 'Properly Selling' Course ⛏️

I wanted to create a series that would allow beginners to get started with their first coding experience.
As a first step, I chose HTML & CSS as my first topic because it is relatively easy to learn even without computer science knowledge .

On the other hand, HTML & CSS have a low entry barrier, but developers who study them in depth and use them 'properly' are not common. So, I wanted to make a course that can be of great help to developers and publishers in the field by delving into difficult concepts and detailed properties.

This course was created after a long period of research and preparation with the goal of creating a truly wonderful and informative course.


Who is teaching this course?
Would you like to hear it?
👨‍💻

For those new to programming

Web designer who wants to publish

Developers who want to be good at HTML/CSS

  • 🍼 People who are starting to learn coding
  • 🎨 Web designers who want to do their own publishing
  • 🎓 Developers who want to get better at HTML and CSS
  • ⛏️ Developers who want to study the in-depth theories of HTML and CSS
  • 💖 Developers who want to develop web development that is standards-compliant and accessible


Even in a book
It's out! 📙

image

I have pressed down on the lecture content so that you can check it at hand.
(ℹ️ This book covers only the basics of JavaScript, and only lightly.)

🛒 Go buy the book


Only in Yalko's lecture
What's special ✨

Quick and easy
Video lectures 🚀

We save your precious time with refreshing and simple lectures. (Please understand that some students may feel that the lectures are fast. Please listen to the free lectures and then take the course! )

Too much explanation
Detailed lecture 🎙️

We have prepared a detailed explanation of the functions of each tag and attribute, as well as their various uses, how to use them in accordance with web standards, and even theoretical principles, so that you can learn as much as possible.

Through the webpage
Convenient Practice 🖥️

For each lesson, the main points of the video and the copy-and-paste practice commands and codes are organized on the webpage , so you can follow and apply them to easily proceed with the practice.

Basic contents
Free to public 😎

To ensure that students can study without burden, the first 5 hours of content are available for free in advance.


Who is Yalko? 😀

I am a YouTuber who broadcasts the YouTube channel Yalpakhan Coding Dictionary and an author who writes IT books. Based on my experience as a full-stack developer, I create content that explains difficult programming concepts with analogies, easy examples, and sometimes animations so that beginners can easily understand them.

🎬 YouTube Shallow Coding Dictionary Channel (Click!)
📕 Go see Yalko's books (click!)


Specially made for lectures
⭐️ Playground ⭐️

  • The course webpage contains playgrounds organized by topic to make learning and reviewing CSS easier.

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

  • You can learn various examples of utilizing the CSS property by checking what types of values can be used.

If you take this lecture
What will change? 💪

  • Beginners and non-majors will lose their fear of coding.
  • You will gain the confidence to publish to any website.
  • You will gain a clear understanding of concepts you were only vaguely familiar with and functions you were using without knowing much about.
  • You will learn how to build a website 'properly', 'kindly' and 'thoughtfully'.

What content
Will I learn? 📚

Section 1: HTML Basics HTML tags and how to use them appropriately

  • Various web elements such as text content, lists, images, tables, links, and inputs.
  • Coding in compliance with web standards and recommendations
  • Fast coding with Emmet

Section 2: CSS Basics

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

Section 3: HTML Advanced

  • Page settings such as meta information, viewport, open graph, etc. in the header
  • Organize your pages systematically with semantic tags and BEM
  • Providing accessibility that accommodates diverse users
  • How to use SVG, video, and other media

Section 4: CSS in Depth

  • Practical concepts such as imports, variables, resetting, vendor prefixes, etc.
  • Layout using floating and grid
  • Transitions, animations, filters and many other CSS features
  • Create a responsive website
  • How to use external elements such as web fonts, icons, and frameworks

✅ Section 5: Final Project

  • We will practice creating a responsive webpage like the one above, using only HTML and CSS, without using JavaScript.

Frequently Asked Questions
Check it out 💬

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. We will explain in detail everything from setting up the initial environment to using coding tools, and use easy-to-understand terms that allow for hands-on practice, so that even those who are new to coding can follow along.

Q. How helpful will this be if I already have some experience with web development?

A. Even the basic HTML tags and CSS properties that web developers often think they know and use are often studied in depth, and you will realize that there were many things you didn't know. You will be able to use the elements and functions that you only knew and used moderately, and you will be able to learn useful knowledge to create a beautiful site not only in appearance but also in terms of internal structure.

Q. The lectures are fast, so won’t it be difficult?

A. The video progresses quickly, but each lecture has a linked lecture page so that you can easily review and practice the video content. By utilizing examples and playgrounds throughout the page, you will be able to learn in a way that maximizes your time efficiency!

Recommended for
these people

Who is this course right for?

  • A person learning coding for the first time

  • Web designer wanting to handle publishing directly

  • Developer aiming to improve HTML/CSS

  • Developer who wants to learn the deep theory of HTML and CSS

  • Web developer aspiring to standards-compliant, highly accessible development

Hello
This is

30,748

Learners

1,608

Reviews

93

Answers

4.9

Rating

17

Courses

유튜브 채널 얄팍한 코딩사전을 방송하는 유튜버이자, IT서적들을 집필하는 작가입니다.  풀스택 개발자로 일해 온 경험을 살려, 어려운 프로그래밍 개념들을 초보자들이 이해하기 쉽도록 비유와 쉬운 예제, 때로는 애니메이션으로 설명하는 컨텐츠들을 만들고 있습니다.

🎬   YouTube 얄팍한 코딩사전 채널 (클릭!)
📕  얄코의 책들 보러가기 (클릭!)

Curriculum

All

54 lectures ∙ (11hr 16min)

Published: 
Last updated: 

Reviews

All

122 reviews

5.0

122 reviews

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

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

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

      • skyj님의 프로필 이미지
        skyj

        Reviews 5

        Average Rating 5.0

        5

        100% enrolled

        I only did backend, but there were so many parts that I was stuck on when designing the front end, so I bought it and listened to it. When I first watched the lecture, I was working on the design in a state of vague understanding, but then I suddenly thought, "I heard something in the lecture, but I don't know exactly what I'm using?" Every time I went back and listened to it again, I was able to understand and use it clearly again, unlike when I first listened to it. If there was more in-depth content, I would pay to listen to it. (23-02-23) When something doesn't work while developing, I find the problem and put in the command I want, and it's so fun to see it change exactly. / This may be TMI, but when I first listened to the lecture, I thought the speed was too fast, and I thought I would understand it but not learn anything while watching the instructions on the homepage, but it really shows its value when I read it twice. I recommend that others read it once and try designing, and when you read it twice, don't read it thoroughly, but go to the category of parts that don't work and look at them again. It's really... not a real country, but a real country. // When I have some time, I should take a look at GitHub and JavaScript courses.

        • yalco
          Instructor

          I'm glad it was helpful for your work. Thank you for taking the class!!!

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

        $34.10

        yalco's other courses

        Check out other courses by the instructor!

        Similar courses

        Explore other courses in the same field!