Learning only the essentials of CSS3

Name: Learning only the essentials of CSS3
Price: 59400 KRW
Rating: 4.9 (13 reviews)

CSS3 is essential for front-end beginners! We will thoroughly explore CSS3, from the basics to advanced topics!

(4.9) 13 reviews

105 learners

Level Beginner

Course period Unlimited

sucoding

HTML/CSS

Reviews from Early Learners

4.9

5.0

dlsrksrhk

30% enrolled

As a backend developer, I've mainly worked on designing with basic tags and tables within a fixed design. I find it great that I can learn about CSS and the internal workings of how browsers recognize it. As time goes on, the design requirements have increased, and the HTML and CSS have become more complex to meet them... I felt like it was just getting more complex without any rules, but as I listen to the lectures, I realize there are hidden operational principles. Above all, the examples are based on real sites, which makes it easy to understand. I'm skipping the content I already know and only watching some chapters, but there are more details than I thought, so I'm eager to listen to the rest of the chapters soon. This is my second lecture following HTML, and your voice tone is especially good, making it great to listen to as a sleep aid before bed?

5.0

rujung1225

99% enrolled

I found the learning method of looking at a sample page, implementing that page directly, and then looking at the explanation to be helpful.

5.0

shine_SY

100% enrolled

It wasn't my first time learning CSS, but since I wasn't quite used to it yet, I took this course to reinforce my foundations. Overall, it was organized around key points, which helped me get back into the flow. I especially liked being able to reorganize basic concepts like margin, padding, and flex. I recommend this to anyone who is still confused by CSS or wants to build a solid foundation 👍

What you will gain after the course

CSS3 Basic Syntax and Selectors
Understanding the Box Model (margin, padding, border, content area)
Layout techniques (Flexbox, Grid)
Color, background, gradient effect
Font styling (Google Fonts, text effects)
CSS3 transitions and animations
CSS3 Responsive Web Design (Using Media Queries)
Variable fonts, how to use viewport units (vw, vh, etc.)
User interface styling (buttons, input forms, dropdowns, etc.)
New features of CSS3 (dark mode support, clip-path, etc.)
Accessibility-conscious styling (including adjustments for the visually impaired, etc.)
Approaching Mobile-First Design with CSS3
Practical CSS3-based project practice (e.g., navigation bar, card layout, etc.)

I'm curious

What do you learn?

CSS3 includes a variety of properties and functions that allow you to freely express your designs .
However, it is not easy to learn all the properties and master each function perfectly.

In this course, we will learn only the core CSS3 properties that are frequently used in practice .
Boldly reduce complex or infrequently used content,
Layout composition, color and font styling, responsive design, etc.
We focused on content that can be immediately applied to real-world projects.

This allows even beginners to learn the core of CSS3 easily and efficiently .
You will naturally acquire design skills that can be applied immediately in practice .

Even complete beginners are welcome,

I'll teach you everything step by step, starting from the basics.

CSS3 is one of the most intuitive technologies to learn on the front end, but
It is a key element that determines the design and user experience of the web .

Don't worry even if you are a non-major and don't know anything.
So that you can build a solid foundation from the ground up,
We will explain everything carefully and kindly .

So that even beginners can learn with confidence
Let's go through easy examples and practice together! 🚀

wait a minute!

Did you know that even in lectures, there is a 'knot' that suits me?

Just as a great game that everyone recognizes may not be fun for me ,
Lectures aren't the same for everyone.

No matter how much praise there is in a lecture, it may not be right for me .
Conversely, what is an ordinary lecture to someone else may be the best lecture to me .

So, at least 10% of all my lectures are free .
Come listen for yourself and see if it's the 'match' between you and your style !

If you and I get along well,
Let me show you the fastest route to becoming a front-end developer .
Trust and follow! 🚀

Basic Practice
Faithful basic training

In this course, you will systematically learn CSS3 through basic exercises that are suitable for your learning progress .

Through faithful basic practice, you will start from the basic concepts of CSS3 and learn each property and function through practice. The practice progresses step by step, helping you naturally acquire each concept and learn efficiently .

Each exercise covers the core properties of CSS3 , allowing you to develop practical skills from basic to advanced, including styling, layout, and responsive web design .

Let's go on a journey to learn the core technologies of CSS3, starting from the basics!

Layout
Simple Gallery

In this lesson, you will learn how to design a layout and create a simple gallery page .

First, you'll learn a variety of layout design techniques using Flexbox and CSS Grid . This will teach you how to align gallery items and control spacing, margins, and alignment .

When designing a gallery page, we apply responsive design to implement a layout that looks good on various screen sizes, and add hover effects and animations to each image to make the page more lively.

Finally, you'll learn advanced CSS techniques that you can apply in practice, as well as fine-tune your designs through hands-on styling.

In this course, you will create a practical and stylish gallery page and further enhance your layout design skills .

Responsive
Works Together

In this course, you will learn how to use HTML5 markup , CSS3 , and responsive design using media queries through hands-on practice.

First, we will cover the basics of HTML5 markup , and then apply CSS3 to style it. After that, we will implement responsive web design using media queries and create pages that can adapt to various screen sizes.

This hands-on course will teach you the skills you need to build a responsive web presence, and give you the confidence to create your own , work-ready web pages .

transition
Transition Master

In this course, you will master transitions not just through theory, but through solid practice .

Transitions are powerful CSS properties that add smooth animation effects to the state changes of elements. In this lesson, you will learn the basic principles of transitions and how to effectively transform your designs by applying various transition properties .

Through hands-on practice , you will learn how to create different transition effects , including color, size, and position changes, and develop the ability to apply them to web page design .

In this course, you will learn how to improve user experience using transitions and develop the skills to create interactive web pages .

Grid
Grid Layout Card

In this lecture, we will learn Grid Layout and create a card-style UI .

First, learn the basic concepts and properties of CSS Grid , and learn how to efficiently compose various layouts using it. After that, learn how to implement a card-style UI and apply it to actual web page design .

Through hands-on training, you will freely handle card layout alignment, sizing, spacing, etc., and design a UI that responds to various screen sizes with a responsive grid .

In this course, you will learn practical ways to use CSS Grid and confidently create clean and efficient card-based UI designs .

Final Project 1
Sustagram

In this project, you will systematically learn various methods of layout design while cloning and coding a main screen in the same format as Instagram .

We use HTML5 markup and CSS3 styling to implement a layout similar to an actual service. The main content is divided into headers, feeds, sidebars, etc., and the page is organized, and responsive web design is used to create a page that looks good on both mobile and desktop .

Through this hands-on course, you will learn how to systematically construct complex layouts and the responsive techniques required for real-world web page design . You will gain practical experience by completing the project and achieve great results that you can add to your own portfolio.

Final Project 2
Google Clone

In this project, we will perfectly clone the Google main screen from the Google logo to the search bar .

Using HTML5 and CSS3 , we accurately recreate Google's simple layout . The page structure is centered around the Google logo, search box, and search button, creating a simple yet clean design.

This hands-on lab will help you master basic CSS3 techniques like alignment, spacing, and font styling , and build practical web design skills by implementing a search box that functions like a real web page .

Additionally, you can learn the skills needed for real web projects by applying responsive web design to create optimized results from mobile screens to desktop screens .

Final Project 3
Travel Blog

In this project, you will clone code a travel blog page while learning systematic HTML5 structure and perfect CSS3 styling .

We use HTML5 to cleanly design the structure of the web page , and add styling to the page with CSS3 to create a design that looks like an actual travel blog.

By applying responsive design, you will configure the page to automatically optimize it for various screen sizes, and learn design skills that can be applied immediately to actual projects while practicing various elements such as image galleries, text layouts, and menu bars .

Through this project, you will learn how to create structured and efficient web pages and responsive web design . It is an opportunity to learn everything from the basics to advanced web development by creating a page that works like a real blog .

Final Project 4
Chatting App

In this project, we will create a 100% mobile responsive chat app . Using HTML5 , CSS3 , Grid , and Flex , we will complete a page that functions like a real chat app .

Design the app's structure with HTML5 , add page styling with CSS3 , and implement a UI optimized for mobile devices. Use Grid and Flexbox to efficiently arrange the chat window layout , and practice elements such as sending messages, chat lists, and profile images .

In particular, we focus on mobile responsiveness , designing the chat screen to be optimized for the mobile environment . Through this, you will learn the importance of responsive web design and create pages that look and behave like real apps .

This project provides the best learning opportunity for those who want to learn mobile optimization and practical UI/UX design !

Final Project 5
Living Room

In this project, you will learn how to create a main screen using the latest HTML5 syntax and CSS3 styling , while also implementing responsive web design .

By utilizing the latest tags of HTML5 and various properties of CSS3 , we create a main screen that looks like an actual web page . The layout design uses Flexbox and Grid to create a flexible and clean composition, and the design elements are optimized for responsiveness to ensure that they look good on various devices.

In this course, you will learn the latest grammar and advanced features of CSS3 that are widely used in practice , and you will be able to implement an optimized layout for all screen sizes based on responsive web .

Through repetitive learning, you will learn how to perfectly apply HTML5 and CSS3 and develop the ability to create web pages that look like real designs !

Final Project 6
5pm

Finally, the last project ! Congratulations on becoming a real publisher . Now, put everything you've learned into practice in your best work .

In this project, we will use HTML5 and CSS3 to create a high-quality web page just like in real life. We will comprehensively utilize all the skills we have learned so far and implement a page that works like a real website by applying responsive design and a sophisticated layout .

In the last project that contains all the know-how as a publisher , there is nothing more to learn. Through the learning so far, I am ready to be reborn as a publisher with both design perfection and code efficiency . Now, go down with confidence ! 🙂

Congratulations, and I hope you continue to create many great web pages in your future journey! 🎉

Recommended for
these people

Who is this course right for?

Beginner & novice with no prior CSS experience
Experienced, but not confident in my understanding of CSS3.
Practitioners who still use CSS3 based on rough estimations.
Someone who wants to learn simply and easily, without complicated explanations.

Need to know before starting?

HTML5

Hello
This is sucoding

Inflearn Verified

Career Verified

5,198

Learners

326

Reviews

171

Answers

4.9

Rating

Courses

Sucoding is active in teaching coding by combining
online and offline methods.

Based on years of offline teaching experience,
we contemplate every day and strive constantly so that more people can learn coding easily and enjoyably.

To date, I have published the following four books and am leading the field of front-end instruction:

Additionally, we provide various free lectures through our YouTube channel.
👇 Visit now
[YouTube Channel Link]

You can also quickly check various discount news on the official website.
👇 Visit now
[Official Website Link]

Curriculum

All

182 lectures ∙ (15hr 49min)

Course Materials:

Lecture resources

Section 1. Get Started

6 lectures ∙ (32min)

Section 2. Basic CSS3 Concepts

4 lectures ∙ (7min)

Section 3. Basic Selectors

7 lectures ∙ (11min)

Section 4. Typography

11 lectures ∙ (41min)

Section 5. Box Model

13 lectures ∙ (1hr 24min)

Section 6. Understanding CSS3 Principles

4 lectures ∙ (21min)

Section 7. Handling backgrounds

7 lectures ∙ (40min)

Section 8. Advanced Selectors

11 lectures ∙ (36min)

Section 9. Handling Location

13 lectures ∙ (55min)

Section 10. Works Together

6 lectures ∙ (42min)

Section 11. Transition

6 lectures ∙ (18min)

Section 12. Animation

8 lectures ∙ (43min)

Section 13. Flexible Box Layout

4 lectures ∙ (21min)

Section 14. Grid Layout

13 lectures ∙ (1hr 0min)

Section 15. Profile Card

6 lectures ∙ (28min)

Section 16. Media Query

6 lectures ∙ (24min)

Section 17. Google Clone Coding

10 lectures ∙ (1hr 23min)

Section 18. Travel Blog

13 lectures ∙ (1hr 9min)

Section 19. Chatting App

7 lectures ∙ (48min)

Section 20. Living Room

14 lectures ∙ (1hr 38min)

Section 21. clothes store

12 lectures ∙ (1hr 19min)

Section 22. Congratulations on completing the course.

1 lectures

Published: 02/13/2025

Last updated: 03/05/2026

Reviews

All

13 reviews

4.9

13 reviews

rujung12257743
Reviews 4
∙
Average Rating 5.0
03/24/2025
5
99% enrolled
I found the learning method of looking at a sample page, implementing that page directly, and then looking at the explanation to be helpful.
- sucoding
  Instructor
  03/24/2025
  I'm glad it was helpful, rujung1225! Feel free to ask if you have any more questions in the future :) Thank you!
us052550934
Reviews 3
∙
Average Rating 5.0
02/04/2026
5
82% enrolled
The course is so well-structured that if you follow along step-by-step, you will be able to handle CSS without any fear.
- sucoding
  Instructor
  02/19/2026
  Hello Chunsik! Thank you so much for leaving such a wonderful review 😊 I put a lot of thought into the structure so that you could naturally follow the flow of the lecture and become familiar with the material without feeling overwhelmed, and I am truly happy to hear that my intention was well-received. CSS can feel daunting at first, but I believe it is an area where you can gain plenty of confidence if you build up the principles and patterns step by step. Saying that you can now "handle it without fear" is the greatest compliment I could receive 🙏 I will continue to repay your support with lectures that help you build a solid foundation and grow your confidence. Thank you!
starmagic22066311
Reviews 21
∙
Average Rating 4.8
04/22/2026
5
100% enrolled
It wasn't my first time learning CSS, but since I wasn't quite used to it yet, I took this course to reinforce my foundations. Overall, it was organized around key points, which helped me get back into the flow. I especially liked being able to reorganize basic concepts like margin, padding, and flex. I recommend this to anyone who is still confused by CSS or wants to build a solid foundation 👍
- sucoding
  Instructor
  05/11/2026
  Hello shine_SY, Thank you for the great review 😊 I am truly glad to hear that the course helped you organize CSS and solidify your foundations. In particular, core concepts like margin, padding, and flex are important parts that will be used continuously when constructing layouts later on, so it is rewarding to know that it helped you get a handle on the flow once again. I will continue to provide even better lectures to deliver concepts that may feel complex in an easy and clear manner. Thank you for your valuable feedback and recommendation 👍
creworroad0639
Reviews 5
∙
Average Rating 5.0
01/21/2026
5
75% enrolled
There were many practical projects, so it was great for refreshing what I learned before!
- sucoding
  Instructor
  01/23/2026
  Hello creworroad! Thank you for leaving a review! I'm glad to hear that the hands-on project helped you naturally recall what you learned previously, as that was exactly my intention when designing the course. I will continue to provide lectures that help with both review and practical application. Keep up the great work until the end, and feel free to ask any questions whenever you have them! 💪✨
kkameun6813
Reviews 10
∙
Average Rating 4.6
03/18/2026
5
30% enrolled
- sucoding
  Instructor
  04/03/2026
  Hello Archive! Thank you for leaving such a great review :)

sucoding's other courses

Check out other courses by the instructor!

Mastering Next.js 16+ with TypeScript: From Basics to Modern Architecture

sucoding

This is an all-in-one course that takes you from the basics of TypeScript-based Next.js 16+ to a production-ready project level. You will learn by directly implementing core concepts and practical patterns of the latest Next.js, including App Router, Server Components, Server Actions, Caching, Cache Components, authentication, performance optimization, and deployment.

Beginner

JavaScript, React, TypeScript

Mastering Next.js 16+ with TypeScript: From Basics to Modern Architecture

sucoding

Learning React.js with TypeScript: From Basics to the Latest Technologies Perfectly

sucoding

The complete React course where you learn the latest features of React 19 with TypeScript! From the basics to state management (Context, Redux Toolkit, Zustand), API communication (Fetch, Axios), the latest hooks (use, useActionState, useOptimistic, etc.), and real-world projects, you can learn step-by-step to build React apps that can be applied directly to professional work.

Basic

React, react-router, redux-toolkit

Learning React.js with TypeScript: From Basics to the Latest Technologies Perfectly

sucoding

Introduction to Python Programming for Beginners

sucoding

This is an introductory course designed by SuCoding, an IT author and coding creator, using a stable learning method that ensures even non-majors can complete it without frustration. We have boldly removed complex theories and selected only the essential syntax to deliver a practice-oriented experience. Even if you are starting to code for the first time, by following the lecture to the end, you will be able to create your own programs using Python.

Beginner

Python, AI, python3

Introduction to Python Programming for Beginners

sucoding

Learning TypeScript by Focusing on the Essentials

sucoding

TypeScript syntax that front-end beginners must learn! We thoroughly explore the TypeScript language, from basic to advanced!

Beginner

TypeScript

Learning TypeScript by Focusing on the Essentials

sucoding

Learning Vue.js by Selecting the Essentials

sucoding

Vue.JS, a must-learn for front-end beginners!! Let's delve into Vue.JS from the basics to advanced levels!

Basic

Vue.js, Vue 3, pinia

Learning Vue.js by Selecting the Essentials

sucoding

Learning JavaScript by Focusing on the Essentials

sucoding

Javascript syntax that frontend beginners must learn! From basic to advanced, let's delve into the JavaScript language from A to Z!

Beginner

JavaScript

Learning JavaScript by Focusing on the Essentials

sucoding

Learning the essentials of HTML5

sucoding

We'll thoroughly explore HTML5, from the basics that frontend beginners must learn to advanced topics!

Beginner

HTML/CSS

Learning the essentials of HTML5

sucoding

Learn HTML/CSS while creating

sucoding

Create a simple portfolio to introduce yourself and learn how to create a structure with HTML tags and how to style a web page with CSS properties.

Basic

HTML/CSS

Learn HTML/CSS while creating

sucoding

Similar courses

Explore other courses in the same field!

Modern Web Interactive CSS3 [PART3/3]

youngcodikimssam

Now you can enjoy the easy and fun coding lectures of Young Cody Kim, a current star lecturer who has devoted himself to coding education for over 15 years, targeting elementary school students, high school students in IT software departments, college students in computer science departments, and job seekers who are not majoring in the field, not only offline but also online. With Young Cody Kim, who has produced over 500 front-end, back-end, full-stack, and web developers, your dream of becoming a developer will soon come true!

Beginner

HTML/CSS, Web Design, css3

Modern Web Interactive CSS3 [PART3/3]

youngcodikimssam

Learning the essentials of HTML5

sucoding

We'll thoroughly explore HTML5, from the basics that frontend beginners must learn to advanced topics!

Beginner

HTML/CSS

Learning the essentials of HTML5

sucoding

Modern Web Interactive CSS3 [PART2/3]

youngcodikimssam

Beginner

HTML/CSS, Web Design, css3

Modern Web Interactive CSS3 [PART2/3]

youngcodikimssam

CSS3 Basics by Libehayan - 2024

rebehayan

CSS Welcome to the CSS Basics course based on over 20 years of practical experience! This course is designed for those of you who are taking the first step toward becoming a web publisher and front-end developer.

Beginner

HTML/CSS, nesting, css3

CSS3 Basics by Libehayan - 2024

rebehayan

Modern Web Interactive CSS3 Bootcamp [Full vers.]

youngcodikimssam

For over 15 years, Young Codi Kim, a star coding instructor, has been dedicated to coding education for elementary school students, high school students in IT software departments, university students in computer science, and job seekers without a major in the field. Now, you can experience Kim's easy and fun coding lectures not only offline but also online. With Young Codi Kim, who has trained over 500 front-end, back-end, full-stack, and web developers, your dream of becoming a developer will soon become a reality!

Beginner

HTML/CSS, Web Design, Clone Coding

Modern Web Interactive CSS3 Bootcamp [Full vers.]

youngcodikimssam

Everything You Need to Know About CSS3 for Intermediate to Advanced Publishing

codingworks

[Everything about CSS3 for Intermediate and Advanced Publishing] You can definitely acquire the publishing theory that is lacking in the lecture. You may know the theory to some extent, but there are often times when you cannot confidently publish something you want to create. This is an essential course for learning the theory in depth and acquiring solid publishing skills for intermediate and advanced publishing levels. [Everything about CSS3 for Intermediate and Advanced Publishing] The lecture is designed for those who aim for intermediate and advanced skills from beginners, and you can learn all the CSS3 theory and skills and know-how to apply the theory.

Basic

HTML/CSS

Everything You Need to Know About CSS3 for Intermediate to Advanced Publishing

codingworks

Modern Web Interactive CSS3 [PART1/3]

youngcodikimssam

Beginner

HTML/CSS, css3, Web Design

Modern Web Interactive CSS3 [PART1/3]

youngcodikimssam

Hands-on Responsive Web Development with Pure HTML/CSS/JS Bootcamp

youngcodikimssam

A practical production class on creating responsive web pages that can implement various layouts for each device using only pure HTML/CSS/JS without using Bootstrap [2024 Latest Edition].

Basic

HTML/CSS, Responsive Web, Interactive Web

Hands-on Responsive Web Development with Pure HTML/CSS/JS Bootcamp

youngcodikimssam

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

ChatGPT API Beginner Course - Developing a Multilingual Translator Web Full Stack in 30 Minutes

kyaryunha

Using the ChatGPT API, develop a full-stack multilingual translator web application in just 30 minutes, and even if you know nothing about AI, try incorporating the latest AI (ChatGPT API) into your product!

Beginner

ChatGPT, Python, HTML/CSS

ChatGPT API Beginner Course - Developing a Multilingual Translator Web Full Stack in 30 Minutes

kyaryunha

A real introductory all-in-one development boot camp for non-majors

grab

The ultimate full-stack course that teaches even beginners about web, server, mobile apps, and machine learning!! If you're not sure where to start with development, I highly recommend this course. It's all done with just Javascript!

Beginner

JavaScript, React, Node.js

A real introductory all-in-one development boot camp for non-majors

grab

Practice-oriented HTML5 visualization programming

antfellow77251

Data can be processed and presented in tabular form, but the most important thing is to present the data in a way that humans can understand at a glance.

Basic

HTML/CSS

Practice-oriented HTML5 visualization programming

antfellow77251

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

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

Creating a 'Publisher Personal Portfolio Website' that leads to interviews and employment

codingworks

Coding Works has put its heart and soul into creating this course based on its experience of mentoring over 200 offline academy students on their new publisher job portfolios. The course on creating a publisher ‘personal portfolio website’ that will get you interviews and jobs is a thorough guide that tells you how and where to start preparing your personal portfolio website, which is essential for getting a job as a publisher. The course contains over 19 hours of content. It covers all the essential publishing requirements before creating a personal portfolio website, the publishing basics that are most important for getting a job and working in the field, jQuery and JavaScript & coding missions for getting a job, how to create portfolio results to put on your personal portfolio website, content layouts and details for each section of your personal portfolio website, how to distinguish companies to apply to, and tips for real publisher interviews.

Basic

Portfolio, HTML/CSS, jQuery

Creating a 'Publisher Personal Portfolio Website' that leads to interviews and employment

codingworks

A Real-World Guide to Getting a Job as a Publisher (PDF)

codingworks

This "Real Guide for Getting a Job as a Publisher" e-book (PDF) provides detailed information on the HTML+CSS+JQUERY publishing fundamentals essential for employment. It covers efficient publishing study methods, how to identify high-quality courses and instructors, tips for publishing like a professional even as a newcomer, desirable coding habits and principles, how to create a personal portfolio website, collaboration tips for working with designers and developers, essential websites every publisher should know, and how to improve Photoshop UI design skills. Additionally, it provides a detailed explanation of government-funded publisher training programs.

Beginner

HTML/CSS

A Real-World Guide to Getting a Job as a Publisher (PDF)

codingworks

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

[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

AI Vibe Coding Beginner Course Accessible to Non-Majors

itconnect

💡 Even non-developers can go from startup MVP to monetized service in just 10 hours with AI! 💰 Development that used to cost tens of millions in outsourcing fees now completely solved for 120,000 won 🎯 Complete 5 real business projects including business card recognition, sentiment analysis, and location analysis 🔥 If you're a planner, marketer, or aspiring entrepreneur, implement ideas without developers ⚡ Start now and acquire lifelong development independence skills!

Beginner

HTML/CSS, Java, Web Application

AI Vibe Coding Beginner Course Accessible to Non-Majors

itconnect

Want to learn JavaScript properly?

realprogrammers

This is the most solid foundation course for beginners who want to learn JavaScript properly. This course will be the starting point for understanding the language called JavaScript, and you can perfectly prepare the basics to become a front-end (Vue, React, Angular) developer and server (Node.js) developer.

Basic

JavaScript, ES6, HTML/CSS

Want to learn JavaScript properly?

realprogrammers

Learning only the essentials of CSS3

4.9

What you will gain after the course

The Sucoding online course has been published as a book!

I'm curious

What do you learn?

Even complete beginners are welcome,

I'll teach you everything step by step, starting from the basics.

Only for Sucoding lectures
Special point

Core-focused curriculum optimized for practice

Intuitive explanations and hands-on lectures to help you understand

Curriculum based on real projects

We generously share practical tips and developer know-how.

Customized student feedback and detailed Q&A support

wait a minute!

Did you know that even in lectures, there is a 'knot' that suits me?

In this lecture we will create
Various mini projects

Layout
Simple Gallery

Responsive
Works Together

transition
Transition Master

Grid
Grid Layout Card

Final Project 1
Sustagram

Final Project 2
Google Clone

Final Project 3
Travel Blog

Final Project 4
Chatting App

Final Project 6
5pm

Frequently Asked Questions

Things to note before taking the class

Practice environment

Learning Materials

Player Knowledge and Notes

Recommended for
these people

Hello
This is sucoding

Curriculum

Reviews

sucoding's other courses

Similar courses

Learning only the essentials of CSS3

4.9

What you will gain after the course

The Sucoding online course has been published as a book!

I'm curious

What do you learn?

Even complete beginners are welcome,

I'll teach you everything step by step, starting from the basics.

Only for Sucoding lectures Special point

Core-focused curriculum optimized for practice

Intuitive explanations and hands-on lectures to help you understand

Curriculum based on real projects

We generously share practical tips and developer know-how.

Customized student feedback and detailed Q&A support

wait a minute!

Did you know that even in lectures, there is a 'knot' that suits me?

In this lecture we will create Various mini projects

Layout Simple Gallery

Responsive Works Together

transition Transition Master

Grid Grid Layout Card

Final Project 1 Sustagram

Final Project 2 Google Clone

Final Project 3 Travel Blog

Final Project 4 Chatting App

Final Project 6 5pm

Frequently Asked Questions

Things to note before taking the class

Practice environment

Learning Materials

Player Knowledge and Notes

Recommended for these people

HelloThis is sucoding

Curriculum

Reviews

sucoding's other courses

Similar courses

Only for Sucoding lectures
Special point

In this lecture we will create
Various mini projects

Layout
Simple Gallery

Responsive
Works Together

transition
Transition Master

Grid
Grid Layout Card

Final Project 1
Sustagram

Final Project 2
Google Clone

Final Project 3
Travel Blog

Final Project 4
Chatting App

Final Project 6
5pm

Recommended for
these people

Hello
This is sucoding