inflearn logo

Learn HTML + CSS for 10,000 won

Are we truly utilizing HTML and CSS to their full potential? Before getting trapped in complex frameworks and JavaScript logic, we will directly implement everything from Whac-A-Mole to escape room games using only markup and styling—the essence of the web. Experience the power of 'fundamentals that aren't swayed by tools,' taught by an active developer with 4 years of experience.

17 learners are taking this course

Level Beginner

Course period Unlimited

HTML/CSS
HTML/CSS
html5
html5
css3
css3
css-flexbox
css-flexbox
Responsive Web
Responsive Web
HTML/CSS
HTML/CSS
html5
html5
css3
css3
css-flexbox
css-flexbox
Responsive Web
Responsive Web

What you will gain after the course

  • Beyond simply listing tags, you can understand the true value of semantic tags considering SEO and web accessibility, and establish the main structure of a page.

  • Through the case of a scoreboard error in a Whac-A-Mole game, one realizes the execution flow of a browser where code is read from top to bottom, and the practical impact that display: none has on an element's presence.

  • By personally exploring techniques like the 'onion skinning technique' required to create 100 moles using only HTML and CSS, you will paradoxically experience the fundamental reason why the 'brain' known as JavaScript is necessary.

The essence of HTML/CSS delivered by a professional developer! Go beyond simple syntax to learn the practical core of Flex, Grid layouts, and responsive web design.
In particular, you will build Whac-A-Mole and Escape Room games using 100% CSS without any JavaScript, allowing you to experience the rendering principles of the web and the powerful possibilities of markup.

Recommended for
these people

Who is this course right for?

  • A beginner who has started walking the path of web development

  • A junior frontend developer with a weak foundation

Hello
This is kamjaaaaaaa

Career Verified

45

Learners

3

Reviews

5.0

Rating

3

Courses

Hello, I'm Gamja, a frontend developer with 4 years of experience.

Currently, I am developing a global mobility service. I have gained practical experience by building multi-language services, and I am also a global Top 30 contributor to react-hook-form, an open-source library used by developers worldwide.

But I wasn't always like this from the beginning.

When I first learned JS, I felt like I understood everything while following along with YouTube tutorials, but I countless times experienced my mind going blank the moment I opened an empty editor. At first, I was busy just copying and pasting code I found through Googling, and when an error occurred, I didn't know where to start, leading to many frustrated nights staying up for days.

I struggled a lot during that process. I wrote code without even knowing what the DOM was, and I wasted hours not understanding why an event was firing twice. What I needed most back then wasn't memorizing vast amounts of syntax. It was someone who could explain "why this code works."

I created this course by organizing everything I've built up over four years of practical experience, along with the areas where I struggled the most as a beginner. You don't have to take the long way around like I did. I've already been through it for you.

More

Curriculum

All

6 lectures

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

Not enough reviews.
Please write a valuable review that helps everyone!

kamjaaaaaaa's other courses

Check out other courses by the instructor!

Similar courses

Explore other courses in the same field!

25% off for new members

$7.70

25%

$7.70