강의

멘토링

커뮤니티

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,952 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,514

Learners

1,715

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

    CourseraでJohns Hopkins html / css / jsの講義を聞き、一日を越えてきました。 1. 最初に講義を評価する時、内容の総時間を見るが、時間が短い講義は深く掘り下げられないことがあるので、この講義は12時間で、html/cssだけカバーするのにかなり長い時間だと信じていた。講演者も素早く講義を進めて、事実上1時間30時間を圧縮させたと見られる。 2. 2つ目は講演者の内容伝達力だが、この講義は内容をとても効率的ですっきりとした方法で伝えると感じた。簡単に理解するために多くの努力をしたようです。 3. 3番目はここでしか聞こえないコーディング環境の設定方法と、様々なヒント、そして一人でどのようにさらに進んで勉強できるのかを教えてくれた。 Coursera、Udemyで有名であり、都合のない講義だけを聞いたが、肝臓に失速している講義を見てよかった。

    • yalco
      Instructor

      一生懸命準備したほど大きなやりがいを感じさせていただきありがとうございます。 足りない頭を持った人として、どうやって講義すれば、他人がよく理解するか多くの悩みをしながら作りましたが、それだけの助けになってくれたのは本当に嬉しいです。 これからもより良い講義でお返しします。 受講していただきありがとうございます!

  • hajeongwon775011님의 프로필 이미지
    hajeongwon775011

    Reviews 1

    Average Rating 5.0

    5

    31% enrolled

    詳しく教えてくれて一つ一つ見てくれてよかったです。すべての勉強がそうだが、自分だけの方法を探して勉強するので、はるかに集中が良かったんです。私のような場合には、ソースコードを先に自分で解釈してみて講義を聞いたのですが、この場合に私が解釈したのが正しいか、または分からない文法はどんなことを意味するのかを考え、講義に取り組んでみるともっと頭の中に残りました!

    • rlarhkr811588님의 프로필 이미지
      rlarhkr811588

      Reviews 6

      Average Rating 5.0

      5

      83% enrolled

      Youtubeの購読者としてGit講義を頑張り、html/css講義も引き続き購入しました。ヤルコ様の講義の強みは、きちんとしたカリキュラムと伝達力が良く、内容が耳にすっぽり詰まっているという点です。講義を聞くのですが、まるで話を聞くかのように私も知らなくなって聞くことになります。このように講義に従うと、ある瞬間の内容を理解し、習得した自分を見ることができるようになります。お金が全く惜しくない講義だと思われます。悩んでいるなら購入することを強くお勧めします。

      • skyj님의 프로필 이미지
        skyj

        Reviews 5

        Average Rating 5.0

        5

        100% enrolled

        バックエンド側だけでフロント側デザインするのにあまり詰まらない部分が多くて購入して聞くようになりました。初めて講義を全部見た時は、アルソット・ダルソットが分かるような状態でデザイン作業をしていますが、ふと講義で聞いたようなのですが、正確には知らずに書いていますか?する度に、その分また訪れて、また聞いてから初めて聞く時とは違って、再び明確に理解して書くようになりました。もっと深刻な内容があれば決済して聞くようです。 (23-02-23) 今開発しながら何ができなかったときに問題点を探して欲しいのに命令を入れると、ちょうど変わる姿がとても楽しいです。 / TMIかもしれませんが、私は初めて講義を聞いたときに速度も速すぎると思い、ホームページで操作しながら教えてくれるのを見ながら理解はできても残ることはないようですが、2回読んだとき真価を発揮します。他の方もぜひ1回読んでデザインしてみると2回毒の時は精読してはいけない部分カテゴリー訪れてまた見てみると本物....真国ではない蒸し国です。 //少し時間が経つと、FitHub、JavaScriptコースを聴く必要があります。

        • yalco
          Instructor

          実務にお役に立てて嬉しいですㅠㅠ受講していただきありがとうございます!

      • fourier님의 프로필 이미지
        fourier

        Reviews 11

        Average Rating 5.0

        5

        100% enrolled

        結論から申し上げてとても素敵な講義です。

        $34.10

        yalco's other courses

        Check out other courses by the instructor!

        Similar courses

        Explore other courses in the same field!