Core guide for HTML, CSS development

Name: Core guide for HTML, CSS development
Rating: 4.8 (134 reviews)

For beginners and web developers, HTML and CSS feel unfamiliar and vast. In particular, CSS is also an object of fear(?) for developers. However, if you know the principles and core contents of HTML and CSS well, you can relieve some of those worries. In this lecture, you can learn the important concepts of HTML and CSS through source code.

(4.8) 134 reviews

6,041 learners

Level Basic

Course period Unlimited

crong4843

HTML/CSS

Reviews from Early Learners

4.8

5.0

윤보라

91% enrolled

You've organized the basics really well and quickly. ㅠㅠ Your questions have also been clearly resolved. Thank you~~~

5.0

최은아

91% enrolled

I liked the overall understanding and explanation of how to use CSS, HTML, and JS. Thank you.

5.0

한가람

100% enrolled

Thank you. I'm a designer. I came here to learn the basics of development. Thank you for the easy-to-understand explanation.

1. Course Introduction

For beginners and web developers, HTML and CSS can feel unfamiliar and overwhelming. CSS, in particular, can be a source of fear for developers. However, if you understand the fundamentals and core concepts of HTML and CSS, you can somewhat alleviate those concerns.

In this lecture, you can learn important concepts of HTML and CSS through source code.

Things to learn
Designing a website structure using HTML Basic CSS concepts and rendering principles How to apply basic CSS styles Layout settings CSS programming with LESS Implementing animation with essential CSS3 properties

2. Helpful people

Web developers who rely solely on bootstrap
Those who want to start out as a web front-end developer
Web designers who want to showcase their designs on the web
Web publishers who want to properly master core concepts

3. Course Features

Beginner~Beginner Difficulty
Concise courses that focus on and apply core concepts.

4. Instructor Introduction

Yoon Ji-soo
- Currently a CodeSquad Web Front-End Master.
- SK Planet WebUI Master.
- NHN NEXT WebUI full-time professor.
- Naver Web UI Development Team Leader.

- < Personal YouTube Channel Link >

CodeSquad is a top-quality software training institute created by educational experts who are former developers . http://codesquad.kr

Hello
This is

Curriculum

All

22 lectures ∙ (2hr 27min)

Section 1. Designing a website structure using HTML

6 lectures ∙ (37min)

1. What is HTML and how to create it
06:00
2. Important tags in HTML
06:00
3. HTML tags for UI layout
07:00
4. HTML Structure Design
08:00
5. ID and Class
06:00
6. Debugging - Chrome - Element Tab
04:00

Section 2. CSS Basic Concepts and Rendering Principles

4 lectures ∙ (20min)

7. How to use CSS in HTML
06:00
8. Inheritance concept in CSS
05:00
9. Cascading - How computedstyle is determined
04:00
10. DOM navigation using selectors
05:00

Section 3. How to apply CSS basic styles

2 lectures ∙ (14min)

Section 4. Layout settings

5 lectures ∙ (34min)

Section 5. Programming CSS with LESS

3 lectures ∙ (25min)

Section 6. Implementing animations with essential CSS3 properties

2 lectures ∙ (17min)

Published:

Last updated:

Reviews

All

134 reviews

4.8

134 reviews

yunbora5042605
Reviews 1
∙
Average Rating 5.0
5
91% enrolled
You've organized the basics really well and quickly. ㅠㅠ Your questions have also been clearly resolved. Thank you~~~
eunah15126285
Reviews 1
∙
Average Rating 5.0
5
91% enrolled
I liked the overall understanding and explanation of how to use CSS, HTML, and JS. Thank you.
- crong4843
  Instructor
  Thank you ^^ Please study javascript too!
hankr10044183
Reviews 1
∙
Average Rating 5.0
5
100% enrolled
Thank you. I'm a designer. I came here to learn the basics of development. Thank you for the easy-to-understand explanation.
basicuse740092
Reviews 2
∙
Average Rating 5.0
5
100% enrolled
I enjoyed it. It was a very helpful lecture focusing on the core. Thank you^^
user130103
Reviews 20
∙
Average Rating 4.9
5
64% enrolled

Similar courses

Explore other courses in the same field!

CSS rescuer that I learned but can't use

sonack

This course will help you escape the irony of learning CSS but not being able to use it.

Basic

HTML/CSS

CSS rescuer that I learned but can't use

sonack

Sass (SCSS), giving wings to CSS

DEvSIGNER

Writing Smart CSS! Sass (SCSS) Sass (Syntactically Awesome Style Sheets)

Basic

HTML/CSS, Sass

Sass (SCSS), giving wings to CSS

DEvSIGNER

Yoon Jae-seong's Beginner CSS & CSS3 Tutorials

softcampus

CSS & CSS3 will be the easiest to learn. Good luck!!

Basic

HTML/CSS

Yoon Jae-seong's Beginner CSS & CSS3 Tutorials

softcampus

Easy to learn and create a responsive web portfolio! #Sulwhasoo

lizb

Easy to make responsive web practice portfolio! #Sulwhasoo portfolio

Basic

HTML/CSS, Responsive Web, Clone Coding

Easy to learn and create a responsive web portfolio! #Sulwhasoo

lizb

Creating Effective Mobile UX (Design + Coding)

usefulit

You will design web and app layouts for various devices using Photoshop and Adobe XD programs, and then learn simple coding techniques to implement them yourself.

Basic

HTML/CSS, jQuery, XD

Creating Effective Mobile UX (Design + Coding)

usefulit

Easy! Short! Strong! Preparing for the Web Design Technician Practical Exam

lizb

We have prepared a short and easy course for those preparing for the Web Design Technician practical exam. Even if it's not just for the exam, anyone interested in implementing a site that meets web standard formats is welcome.

Basic

HTML/CSS, jQuery, Web Design

Easy! Short! Strong! Preparing for the Web Design Technician Practical Exam

lizb

Master TailwindCSS: From Portfolio to Admin!

gymcoding

Learn TailwindCSS from the basics to practical use in one class! Learn everything from layout composition to responsive design and dark mode with two projects!

Basic

HTML/CSS, TailwindCSS, JavaScript

Master TailwindCSS: From Portfolio to Admin!

gymcoding

Web Design Development Technician [2025] Complete Practical Course (KakaoTalk Q&A Available)

dunopi

Our class's pass rate: 90%! (National: 60%) Possible by grasping exam requirements. Don't buy practical books. Too hard.

Basic

HTML/CSS, jQuery

Web Design Development Technician [2025] Complete Practical Course (KakaoTalk Q&A Available)

dunopi

Responsive Web Development with Bootstrap [Practical] Bootcamp

youngcodikimssam

Creating a responsive webpage using Bootstrap (BOOTSTRAP) [2024 Revised Edition]: As a practical production class, we will directly create a responsive web page for practical use with a layout that changes depending on the device, using Bootstrap 4.

Basic

Bootstrap, Responsive Web, Web Design

Responsive Web Development with Bootstrap [Practical] Bootcamp

youngcodikimssam

Web Design Technician Certification Preparation (2023 Examination Standard Reflected Version)

webstoryboy

We have created this so that anyone can pass the 2023 version of the Web Design Function Exam Criteria. Let's learn the 5 types and pass quickly!

Basic

HTML/CSS, jQuery, JavaScript

Web Design Technician Certification Preparation (2023 Examination Standard Reflected Version)

webstoryboy

Coding Basics and Web Full Stack Development of Jocoding

jocoding

Coding No. 1 YouTuber Jo Coding's practical compression! Easy and fun web full-stack development lecture

Beginner

HTML/CSS, JavaScript, Node.js

Coding Basics and Web Full Stack Development of Jocoding

jocoding

[10 minutes a day | Web Project] Create your own psychological test site with HTML/JS/CSS

pandacoding

We create a project site to create and distribute a psychological test site using only HTML/JS/CSS.

Basic

HTML/CSS, JavaScript, Bootstrap

[10 minutes a day | Web Project] Create your own psychological test site with HTML/JS/CSS

pandacoding

[Fantasy Pig's Feet] From design to coding

dunopi

It's delicious pig's feet~ Pig's feet are no joke these days...gulp

Basic

Photoshop, HTML/CSS, Clone Coding

[Fantasy Pig's Feet] From design to coding

dunopi

Web Design Technician Practical B-3 Type html+css

dunopi

This is a good example to practice even if it is not a certification exam. Let's slowly follow the B-3 type of web design technician practice.

Basic

HTML/CSS

Web Design Technician Practical B-3 Type html+css

dunopi

Practice right away! No need to know the concept, start HTML

dunopi

This is a class where you learn concepts through practice, not memorizing concepts. Come even if you feel like vomiting or shaking when you see code in other places. Anyone can do it.

Beginner

HTML/CSS, Web Design

Practice right away! No need to know the concept, start HTML

dunopi

[2026 Examination Standards] Perfect Guide for the Web Design & Development Technician Practical Exam

codingworks

This is a specialized practical exam lecture optimized for the Web Design & Development Craftsman (formerly Web Design Craftsman) practical exam, strictly adhering to the exam standards effective from January 1, 2025, to December 31, 2027. Coding Works' Web Design & Development Craftsman practical exam lectures, covering HTML+CSS+JQUERY publishing, are different. It includes fully produced instructional videos for all exam types (Types A, B, C, D, E, and F) for the 2026 Web Design & Development Craftsman exam.

Beginner

HTML/CSS, jQuery, Web Design

[2026 Examination Standards] Perfect Guide for the Web Design & Development Technician Practical Exam

codingworks

Learn JavaScript Object-Oriented Programming by 'Building', Not Just Theory (Strategy AI Edition)

nhcodingstudio

📌 This course is a curriculum that starts with a strategic AI tic-tac-toe project and completes core object-oriented programming concepts through practical examples. You'll train logic design and AI strategic thinking through game implementation, then directly experience OOP design techniques like inheritance, composition, delegation, and encapsulation through code. This is recommended for those who want to grow beyond syntax into a 'developer who designs' through real projects.

Basic

HTML/CSS, JavaScript, oop

Learn JavaScript Object-Oriented Programming by 'Building', Not Just Theory (Strategy AI Edition)

nhcodingstudio

The Complete Guide to Creating a Publisher's Personal Portfolio Website (PDF)

codingworks

To get a job, you need to go on interviews frequently. To secure those interviews, having a high-quality personal publisher portfolio website is essential. This is a premium guide (PDF) for creating a personal portfolio website, meticulously crafted by Coding Works. The content in this guide cannot be found through simple Google searches. It is a one-of-a-kind guide (PDF) for building a publisher job-search portfolio, containing detailed methods developed by Coding Works through years of experience teaching publishing theory, practical skills, and portfolio creation to over 300 students to help them get hired quickly by their desired companies.

Basic

Portfolio, Web Design, HTML/CSS

The Complete Guide to Creating a Publisher's Personal Portfolio Website (PDF)

codingworks

Solid Frontend Bootcamp for Full Stack (HTML, CSS, Vanilla JavaScript + ES6) [Full Stack Part2]

funcoding

This is a full-stack series course aimed at developing web and app services at a commercially viable level for beginners, based on real-world experience developing web services in the field. As Part 2 of this series, this course thoroughly covers the latest HTML5, CSS3, and vanilla JavaScript + ES6, considering responsiveness and compatibility among the various frontend technologies available.

Beginner

HTML/CSS, JavaScript, ES6

Solid Frontend Bootcamp for Full Stack (HTML, CSS, Vanilla JavaScript + ES6) [Full Stack Part2]

funcoding

From Figma design to publishing

Michael Kwon

All-in-one course for designers and developers! New UI3 included

Basic

HTML/CSS, Figma

From Figma design to publishing

Michael Kwon

Core guide for HTML, CSS development

Reviews from Early Learners

4.8

1. Course Introduction

Things to learn

2. Helpful people

3. Course Features

4. Instructor Introduction

HelloThis is .css-1q3zd4q{text-decoration-line:underline;text-underline-position:under;text-underline-offset:1px;}

Curriculum

Reviews

Similar courses

Hello
This is