강의

멘토링

커뮤니티

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!

(4.9) 130 reviews

2,948 learners

  • yalco
HTML/CSS

Reviews from Early Learners

What you will gain after the course

  • 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

31,444

Learners

1,704

Reviews

95

Answers

4.9

Rating

17

Courses

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

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

Curriculum

All

54 lectures ∙ (11hr 16min)

Published: 
Last updated: 

Reviews

All

130 reviews

4.9

130 reviews

  • closhu님의 프로필 이미지
    closhu

    Reviews 1

    Average Rating 5.0

    5

    100% enrolled

    Tôi đã vượt qua khóa học html/css/js của Johns Hopkins trên Coursera. Mặc dù Johns Hopkins là một trường đại học danh tiếng nhưng đó vẫn là một bài giảng khủng khiếp. Nhưng bài giảng này lại khác. 1. Đầu tiên, khi đánh giá một bài giảng, tôi nhìn vào tổng thời lượng của nội dung, nhưng không nhìn vào những bài giảng có thời lượng ngắn vì không muốn đi sâu tìm hiểu. Tuy nhiên, bài giảng này dài 12 tiếng, chỉ đề cập đến HTML/CSS, khá dài nên tôi rất tin tưởng. Giảng viên cũng giảng bài rất nhanh nên có thể coi như thực sự cô đọng lại 30 giờ. 2. Thứ hai là khả năng truyền tải nội dung của giảng viên Tôi cảm thấy bài giảng này truyền tải nội dung rất hiệu quả và rõ ràng. Tôi cũng thích dòng chảy của bài giảng. Và nó không chỉ bao gồm những phần cốt lõi mà còn cả những phần đáng biết. Có vẻ như rất nhiều nỗ lực đã được đưa vào để làm cho nó dễ hiểu. 3. Thứ ba, thật tốt khi biết cách thiết lập một môi trường mã hóa chỉ có thể nghe thấy ở đây, nhiều mẹo khác nhau và cách tự nghiên cứu thêm. Sau khi nghe những bài giảng phổ biến nhưng kém chất lượng trên Coursera và Udemy, thật vui khi lần đầu tiên được xem một bài giảng thực tế sau một thời gian. Nó khiến tôi nhận ra rằng không có mối tương quan rõ ràng giữa danh tiếng và khả năng giảng dạy.

    • yalco
      Instructor

      Cảm ơn bạn đã khiến tôi cảm thấy được khen thưởng rất nhiều vì đã bỏ ra nhiều công sức chuẩn bị. Thực tế, các giáo sư càng thông minh thì càng xuất sắc và hiểu biết nhiều nên bài giảng của họ thường không hiệu quả lắm đối với người mới bắt đầu. Là một người có trí thông minh hạn chế, tôi đã suy nghĩ rất nhiều về việc làm thế nào để có thể giảng bài sao cho người khác hiểu được và tôi thực sự vui vì điều đó đã giúp ích cho tôi rất nhiều. Chúng tôi sẽ thưởng cho bạn những bài giảng tốt hơn trong tương lai. Cảm ơn bạn đã tham gia lớp học!!

  • hajeongwon775011님의 프로필 이미지
    hajeongwon775011

    Reviews 1

    Average Rating 5.0

    5

    31% enrolled

    Thật vui khi bạn dạy tôi chi tiết và giải thích từng thứ một. Việc học nào cũng vậy, nhưng tôi có thể tập trung tốt hơn nhiều khi tìm ra cách học riêng cho mình. Trong trường hợp của tôi, lần đầu tiên tôi tự mình diễn giải mã nguồn trước khi nghe bài giảng, nhưng trong trường hợp này, khi tôi tham dự bài giảng và suy nghĩ xem liệu cách giải thích của tôi có đúng hay không hay ngữ pháp mà tôi không biết nghĩa là gì, nó vẫn ở trong tâm trí tôi. tâm trí nhiều hơn nữa!

    • rlarhkr811588님의 프로필 이미지
      rlarhkr811588

      Reviews 6

      Average Rating 5.0

      5

      83% enrolled

      Với tư cách là người đăng ký YouTube, tôi đã hoàn thành khóa học Git và sau đó mua khóa học HTML/CSS. Điểm mạnh của bài giảng của Yalco là nội dung dễ nghe do giáo trình rõ ràng và truyền đạt tốt. Mặc dù tôi đang nghe một bài giảng nhưng tôi thấy mình hoàn toàn bị cuốn hút vào đó, như thể tôi đang nghe một câu chuyện. Nếu theo dõi bài giảng như thế này, đến một lúc nào đó bạn sẽ thấy mình hiểu và nắm vững nội dung. Tôi nghĩ khóa học này không hề lãng phí tiền bạc. Nếu bạn đang nghĩ về nó, tôi thực sự khuyên bạn nên mua nó.

      • skyj님의 프로필 이미지
        skyj

        Reviews 5

        Average Rating 5.0

        5

        100% enrolled

        Mình mới chỉ làm phần back-end thôi, nhưng lại gặp nhiều khó khăn trong việc thiết kế phần front-end nên đã mua về và nghe thử. Lần đầu tiên xem toàn bộ bài giảng, tôi đang thiết kế trong trạng thái mơ hồ hiểu biết, nhưng đột nhiên tôi nghĩ mình nghe thấy gì đó trong bài giảng, nhưng đang sử dụng mà không biết chính xác? Mỗi lần nghe lại đoạn đó, tôi lại có thể hiểu và viết rõ ràng hơn lần đầu nghe. Nếu có nội dung sâu hơn, tôi nghĩ mình sẽ trả tiền để nghe. (23-02-23) Trong khi phát triển hiện tại, khi có điều gì đó không hoạt động, tôi thấy rất thú vị khi tìm ra vấn đề, chèn lệnh theo ý muốn và thấy nó thay đổi. / Đây có thể là TMI, nhưng lúc đầu nghe giảng mình thấy tốc độ nhanh quá, nhìn hướng dẫn trên website và thao tác thì có cảm giác như hiểu được nhưng chẳng hiểu gì cả, nhưng nó thực sự thể hiện được giá trị đích thực của nó khi tôi đọc lại lần thứ hai. Người khác phải đọc một lần và cố gắng thiết kế, nhưng khi đọc lần thứ hai, họ không đọc kỹ mà vào mục không phù hợp và xem lại.. . nó không phải là một món súp thực sự, đó là một món súp thực sự. // Khi có thời gian, tôi cần tham gia khóa học GitHub và JavaScript.

        • yalco
          Instructor

          Tôi rất vui được giúp đỡ bạn trong công việc thực tế. Cảm ơn bạn đã tham gia lớp học!!!

      • fourier님의 프로필 이미지
        fourier

        Reviews 11

        Average Rating 5.0

        5

        100% enrolled

        Để kết luận, đây là một bài giảng tuyệt vời. Có rất nhiều điều cần học hỏi nên tôi nghĩ mình sẽ phải xem lại. Tôi đang mong chờ những bài giảng tiếp theo!

        $34.10

        yalco's other courses

        Check out other courses by the instructor!

        Similar courses

        Explore other courses in the same field!