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 the essentials of HTML5
We'll thoroughly explore HTML5, from the basics that frontend beginners must learn to advanced topics!
HTML/CSS
HTML/CSS
Reviews from Early Learners
5.0
5.0
dlsrksrhk
85% enrolled
As a backend developer, I recently took this course to study the basics in depth, as I'm trying to delve deeper into the frontend side. First of all, I was able to concentrate well because of your comfortable voice tone that easily catches the ear. Overall, the content was great because it brought together only the essential elements of basic HTML, web standards, and web accessibility. I will listen to the CSS lecture diligently afterward.
5.0
hyd
66% enrolled
Starting with almost no understanding of HTML, I was able to learn step-by-step through this course. Each lecture started with simple concepts and gradually covered more in-depth content, allowing me to systematically learn the overall concepts of HTML. In particular, the examples and exercises were useful in building practical knowledge.
5.0
박건웅
100% enrolled
This was very helpful in building a solid foundation in HTML. I liked the attention to detail, as it didn't just skim through concepts but explained why certain things are used and why others are not, rather than just moving past them.
What you will gain after the course
Learn HTML4 legacy syntax.
Learn the latest HTML5 syntax.
Understanding the basic structure of HTML5
Using HTML5 semantic tags
How to use various form elements (<input>, <select>, <textarea>)
HTML5 Multimedia elements (audio, video)
SEO-friendly HTML writing
Hands-on practice with real HTML5-based projects
HTML5 that is easy to understand even for non-specialists!!
🛩 Sucoding's Front-End Roadmap Series Step 1! 🛩
Bestseller in Introduction to HTML
The Sucoding online course has been published as a book!
2022 『Coding Self-study HTML+CSS+JavaScript』 published! 🎉
The online course on Sucoding has been published as a book.
It is the best-seller in the HTML/CSS introductory category that has never left the top spot since its release. 😎
If you read it together with the book, the synergy increases several times.
I'm curious
What do you learn?
There are over 150 tags available in HTML5. That's a lot, isn't it?
However, it is not easy to learn all of these tags and memorize their respective meanings.
In this lecture, we will learn only the tags that are frequently used in practice .
Boldly exclude tags that are not frequently used in actual work.
It is structured so that you can focus on learning only the core tags .
This makes it easier and more efficient for beginners to learn HTML.
Even complete beginners are welcome,
I'll teach you everything step by step, starting from the basics.
HTML5 is one of the easiest languages to learn on the front end, but
It is an important language that can be said to be the beginning and end of the front end .
Don't worry even if you are a non-major and don't know anything .
We will provide thorough and friendly explanations so that you can build a solid foundation .
Only for Sucoding lectures
Special point
A curriculum that even complete beginners can easily understand
We explain basic concepts step by step so that even non-majors can understand.
We maximized the learning effect by appropriately combining practice and theory.
Tag-centric learning that can be applied directly to practice
You can learn efficiently by selecting only the core tags frequently used in practice .
We minimize unnecessary theories and focus on practical applications.
Intuitive examples and practice-oriented lectures
This is a hands-on course where you learn through coding, rather than through abstract explanations.
You can see results immediately and build your skills quickly.
We generously share practical tips and developer know-how.
We will teach you practical tips from working developers that are not found in textbooks, as well as ways to improve work efficiency .
In addition to HTML5, it also provides direction for growth as a front-end developer .
Customized student feedback and detailed Q&A support
Provides quick and friendly feedback to students' questions.
It points out common mistakes and confusing parts and maximizes each individual's learning effect.
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! 🚀
In this lecture we will create
Various mini projects
✅ Image Link
Let's create an image link that can be used as markup.
✅ Starting from the basics
Start with a simple card-style UI and learn how to markup correctly.
✅ Wikipedia table of contents
Once you learn list tags, you can create even complex Wikipedia tables of contents like this one.
✅ log in
Learn how to mark up a UI that includes various form-related elements.
✅ tariff
You will also learn how to properly code tables.
✅ Credit Card
Learn how to correctly apply HTML tags and ARIA while marking up a complex credit card UI.
Frequently Asked Questions
Q. I'm a complete beginner and don't know anything. Is that okay?
A. Yes, that's really fine. It's a customized course designed so that people who don't know anything can learn.
Q. I bought the book. Do I need to buy the online course as well?
A. If you have purchased the book, I highly recommend purchasing more. It contains a lot of material that is not covered in the book.
Q. I have studied HTML5. Is it still worth taking?
A. This lecture only covers HTML5, so if you have some knowledge of tags, you don't have to listen to it. However, I recommend listening to it again to review the basics!
Things to note before taking the class
Practice environment
Operating System and Version (OS): Windows, macOS
Tools used: Visual Studio Code, Chrome
PC specifications: Minimum specifications that can handle web surfing are also possible
Learning Materials
Providing learning materials for each lecture to help you progress with the practical training
Player Knowledge and Notes
Completely non-majors and beginners can also take the course
No player knowledge required
Recommended for
these people
Who is this course right for?
Beginner & novice with no prior HTML experience
Experienced, but not confident that I know HTML precisely.
A developer who only uses divs for markup, without using semantic tags.
Someone who wants to learn simply and easily, without complicated explanations.
Hello
This is sucoding
Inflearn Verified
Career Verified
5,564
Learners
368
Reviews
192
Answers
4.9
Rating
11
Courses
Sukoding provides both online and offline
coding instruction.
Based on years of offline teaching experience,
we think every day and work tirelessly so that more people can learn coding easily and enjoyably
.
To date, I have published the following five books
and am leading the field of front-end development education::
We also offer a variety of free courses through our YouTube channel.
👇 Visit us now
[YouTube channel link]
You can also quickly check the latest discount news on the official website.
👇 Visit it now
[Official Website Link]
Curriculum
All
69 lectures ∙ (4hr 11min)
Course Materials:
Lecture resources
Published:
Last updated:
Reviews
All
23 reviews
5.0
23 reviews
todaerikaReviews 10
∙
Average Rating 4.9
5
85% enrolledAs a backend developer, I recently took this course to study the basics in depth, as I'm trying to delve deeper into the frontend side. First of all, I was able to concentrate well because of your comfortable voice tone that easily catches the ear. Overall, the content was great because it brought together only the essential elements of basic HTML, web standards, and web accessibility. I will listen to the CSS lecture diligently afterward.
- sucodingInstructor
Hello dlsrksrhk! Thank you for your positive feedback on my lecture :) I will strive to provide even better lectures in the future. Thank you.
- ossetian2813
Reviews 2
∙
Average Rating 4.5
Edited
5
80% enrolledIt was great for reviewing because there were practice sessions in between, and the explanations were easier to understand since they were visualized with images. To be honest, while studying React, I felt like I was just typing code without any real foundation, so I took this course to rebuild my basics starting from HTML. I'm planning to use Sukoding's curriculum to build a solid foundation this time. haha
- sucodingInstructor
Thank you so much for your thoughtful review! 😊 I am truly proud to hear that the hands-on practice and image-based explanations were helpful. As you mentioned, when studying React, it's common to focus on "just typing along" rather than understanding "why we write it this way," which is why building a solid foundation starting from HTML is very beneficial in the long run. I feel a greater sense of responsibility since you mentioned you'll be strengthening your basics through my curriculum. Moving forward, I will continue to create lectures that don't just teach syntax, but help you understand the principles and apply them on your own. Let's grow together until the very end! Thank you. 😊
- 010618a5861
Reviews 2
∙
Average Rating 5.0
5
100% enrolledThis was very helpful in building a solid foundation in HTML. I liked the attention to detail, as it didn't just skim through concepts but explained why certain things are used and why others are not, rather than just moving past them.
- sucodingInstructor
Hello Gun-woong Park! Thank you for the great review. Have a wonderful week!
- mineboy1235607
Reviews 5
∙
Average Rating 5.0
Edited
5
75% enrolledEven when watching at 1.5x speed, the pronunciation was perfectly clear. By highlighting the necessary parts and truly important points in a short and concise manner, the course kept me engaged until the end. I was able to wrap up the entire review and learn everything easily in just two days!
- sucodingInstructor
Hello Youngseo Kim! Thank you for the great review. Have a wonderful week!
- syung2love661314
Reviews 2
∙
Average Rating 5.0
5
66% enrolledStarting with almost no understanding of HTML, I was able to learn step-by-step through this course. Each lecture started with simple concepts and gradually covered more in-depth content, allowing me to systematically learn the overall concepts of HTML. In particular, the examples and exercises were useful in building practical knowledge.
- sucodingInstructor
Thank you for your kind words :) Happy coding!
sucoding's other courses
Check out other courses by the instructor!
css.png?w=420)
Similar courses
Explore other courses in the same field!
![[2024] HTML Basics by Lee BehayanCourse Thumbnail](https://cdn.inflearn.com/public/courses/334082/cover/faaaa70e-cae8-4488-afb0-5a2d4e7c0905/334082.png?w=420)
