A beginner's course on responsive web design that contains only the essentials that are absolutely necessary for practical use for beginners of web standards!
216 learners
Level Beginner
Course period Unlimited
Recommend Course to grow and earn commission!
Marketing Partners
Recommend Course to grow and earn commission!
Reviews from Early Learners
5.0
도림
I am preparing for employment as a publisher, so I took the course. When I got stuck during the lecture and asked questions, the instructor answered kindly and well. The lecture content was well organized, so it was very helpful in creating a portfolio.
5.0
뉴스나인
Thank you for the great lecture.
5.0
다랑어치킨
This was a perfect course to learn how to build responsive web using CSS and media queries!
html5
css3
Web standards
How to use vscode
Responsive Web
Creating a responsive web using media queries
Creating responsive navigation
Anyone who wants to know HTML information design method
Contains the know-how of running the national flag course!
Create responsive web templates ready for practical use.
HTML5 + CSS3
The basics of HTML5 and CSS
Learn about responsive web
Finally, a responsive web template
This is a tutorial on making it!
This course is designed for those new to web standards. It begins with the very basics of HTML/CSS, teaches HTML information architecture and CSS layout, and ultimately, builds a responsive web template .
This course covers the process of creating responsive web templates, building on the expertise you'll gain from immediately applying it to your work. Learn HTML fundamentals, CSS usage, how to create CSS layouts commonly used in practice, and even Flex, step by step, to become a web publisher.
From basic knowledge to advanced learning required for practical work. Check out the practice problems and lecture notes for each section!
At the end of each section, there are practice problems for each section. We recommend that you first solve the problems, check your results, and then proceed to the lectures for the next section.
To help students understand and study more easily, we provide lecture notes in PDF format. These notes have been developed based on our experience teaching both online and offline, and will be a valuable aid to your learning.
Code once
Want to learn?
I want to get started with coding
Coding beginner
Web publishers
I want to be
I don't know any coding at all
Those who wish to change jobs
Information architecture is
What should I do?
For UI design
Those who need information design
For portfolio
Is there no template?
responsive website
Anyone who needs a template
Whether you're looking to get started with web coding, transitioning from a complete coding background to a web publisher, needing information architecture for UI design, or are a designer learning publishing... we've compiled a systematic and essential guide to help you. If studying on your own feels overwhelming or intimidating, we're here to help!
Additionally, designers learning publishing or aspiring web publishers will be able to use the templates created in this course to create their portfolios.
Learn about the basic HTML grammar and the characteristics of tags used to create documents using vscode.
We will study the basic grammar and usage of CSS, as well as various selectors.
Learn about the tags and usage of various tags that are mainly used in HTML, such as semantic / list / user input tag / grouping.
Learn about CSS capital classes, paragraph alignment, fonts, and units.
We will study display and boxmodel intensively as one of the core elements of CSS.
We will study about flex, position, and transition/animation/transform, which are mainly used in CSS layout.
Part 7. CSS / Media Query / Responsive Web
Learn about media queries for responsive web design.
Check out the draft work being done with the knowledge sharer! Let's work together, step by step!
Please note that this course does not cover the process of creating a blueprint, or design work .
See a comprehensive example
desktop screen
tablet screen
navigation
responsive
mobile screen
Q. Isn't it difficult for non-majors to learn?
Yes, we've prepared explanatory notes so even non-majors can easily understand the material. If you encounter any difficulties during the lecture, please feel free to ask questions. I'll respond as quickly as possible.
Q. Can I become a publisher by taking this class?
Getting started is half the battle. After studying this course thoroughly, I believe you can become a successful publisher, depending on how much effort you put into your own learning. This isn't just empty words; I've personally experienced this in offline classes.
Q. What level of content is covered in the class?
We focused on responsive web production and information design methods using HTML5/CSS3, especially flex during layout production.
Who is this course right for?
For those who are new to coding
For those who need to study only the essential content in a short period of time
Anyone who creates a responsive web portfolio
People who are at a loss as to how to design information after seeing the UI design
Need to know before starting?
It's a lot easier if you memorize the English keyboard layout!
785
Learners
43
Reviews
92
Answers
4.7
Rating
7
Courses
View the reviews for the instructor's offline government-funded course
Go to "Responsive Web Design Training Course" Reviews
(2022.03-2022.07)
From March until now, it may have been a long time for some and a short time for others, but for me, it was a truly important and valuable period in my life. Although I had some prior knowledge, I felt lost and overwhelmed, not knowing how to proceed, which direction to take, or what to do. However, thanks to the teacher's sincere and dedicated guidance, I was able to achieve significant growth in both my technical skills and career preparation. Thanks to this, my confidence has grown a lot, and I feel like I will do well even after getting a job! I am so grateful to Teacher Bang Mi-jung, who led the classes, and the other career advisors! :) I’m leaving now after successfully finding employment! I hope the students in future cohorts stay strong and gain great experiences as well! Fighting! :)
I took the Web Publisher training course from March to July :) I took on this challenge knowing nothing but design, but I feel like I'm leaving with so much thanks to the support and encouragement from my teacher and classmates. I will continue to study hard based on what I learned at the academy~~ I am so grateful to teacher Bang Mi-jung, who always taught me kindly, and to the other career support teachers!
Go to "Front-end Developer Training Course" Reviews
(2020.11.17-2021.05.11)
The training course was so interesting that the six months felt short. Although coming up with ideas and designing took a long time at first, I felt proud to see my skills gradually improve as I gained know-how and significantly shortened my work time through the course. For someone like me who couldn't find a career direction, the lessons learned through this training were not only my own knowledge but also a milestone that guided my path. My classmates in Room 3 of the Frontend Developer Training Course and Instructor Mi-jeong Bang, whom I studied with for six months, were great connections and a huge source of support. I am so grateful to Instructor Mi-jeong Bang, the employment support team, and the administrative staff for their hard work, which I believe helped me secure a job even before completing the course. Since there are many other great programs available, I would like to recommend Daewoo Vocational Training Institute to juniors and friends who, like me, have fears about employment or are struggling to find their career direction.
When I first arrived, I worried a lot about whether I could actually get a job after taking this course, since I had never learned design or coding before. However, those worries disappeared the more I attended. I learned so many things, including Illustrator, Photoshop, HTML, CSS, JS, and Vue. It might be difficult at first because there is so much new information to take in, but you don't need to worry because the passionate teacher, Bang Mi-jung, explains everything so well. ㅎㅎ Looking at reviews for other academies, I've seen cases where they use the same repetitive curriculum every year, or where teachers don't even know the answers to questions. But our teacher was always passionate about teaching us new things and was so knowledgeable that I received a lot of help! If you want to become a web publisher or a web designer, I highly recommend this course.~~
In November 2020, I happened to come across an excellent institution called Daewoo Vocational Training Institute, and I am truly grateful to have met a wonderful teacher and received such great education there. If I hadn't taken this training course, it would have been difficult for me to have the job opportunities I have now. After graduating from university, I was lost and wandering at a crossroads in my career. During that time, the 5-6 month curriculum—filled with the teacher's actual field experience and know-how that is hard to find anywhere else—became a period of great learning and growth for me, even though I knew nothing about web development. Based on this, I learned various aspects of design and web development and was able to create my own portfolio. There were several moments when I wanted to give up because learning coding languages was so unfamiliar and difficult, but thanks to the teacher's passion and guidance—teaching me ten times over if needed—I was able to secure a job early (after completing over 80% of the course) and finish the program successfully. I would like to express my deep gratitude to the teacher and the Daewoo Vocational Training Institute for making it possible for me to find my first job and make a fresh start.
They explained things in a way that was easy for even non-majors to understand, and thanks to that, I was able to get a job. I am very happy that I took this course.
The curriculum explains design and coding tools step-by-step starting from the basics, tailored for practical use in the field. It was very helpful because the teacher did their best to support me so that I could work independently. This education shattered the prejudice that government-funded classes are of low quality. My teacher was also very proactive and always tried to teach new things, which allowed me to learn a lot.
They explained things in a way that was easy for even non-majors to understand, and thanks to that, I was able to get a good job. I am so glad I took this course.
In addition to the knowledge I already had, I learned a wide variety of new things through the training at the academy. They provided practice sessions so I could obtain certifications, and although it was difficult for me, I learned enough to understand most coding-related terms. I am relieved and happy because I was able to secure a job while taking this course.
I majored in architecture, and it has been over 20 years since I first connected with web design. After experiencing many ups and downs while balancing practical work and teaching, I have come to truly love this profession, and my interest and sense of accomplishment drive me to work even harder. I hope to share the knowledge I have gained to help more non-majors enter this field easily, and I sincerely wish for all your dreams to come true.
Lucete!
Inquiries regarding lectures email: loo4love90@gmail.com
Teaching Experience
2018.3 - Present. Web Design/Multimedia/Front-end Specialist Course in progress
Elice Academy `HTML / CSS in a Class of Its Own` Preparing to open
Elice Academy `JavaScript in a Different Class` preparing to open
□ Current Instructor for Frontend / Multimedia / Web Content courses at Daewoo Vocational Training Institute
□ UI/UX Web Publishing Lecture at Hi Media
□ Ezen Computer UI/UX Web Publishing Lecture
□ The Joeun Computer Academy Jongno Campus Web Design Lecture
□ The Joeun Computer Academy Gangnam Campus Web Design/Graphics Lecture
□ Youngjae Vocational School Web Design Lecture
Certification
□ Web Design Technician Certification
□ Computer Graphics Operation Technician Certification
□ KPC Certified Instructor (GTQ, GTQi, GTQid) Certificate
□ Vocational Education and Training Instructor Grade 3 (Information Technology, Design, Cultural Content, IT Strategy & Planning)
IT Operations)
□ Computer Literacy Level 1
All
77 lectures ∙ (10hr 0min)
Course Materials:
1. What is html?
03:27
6. tag a
08:14
7. tag h
03:53
8. tag img
07:41
9. tag p
02:53
All
9 reviews
5.0
9 reviews
Reviews 4
∙
Average Rating 5.0
Reviews 27
∙
Average Rating 4.7
Reviews 35
∙
Average Rating 5.0
5
It helped me a lot in studying layout and responsiveness.
I'm glad that it was helpful. I'll be launching an intermediate course on responsiveness soon, so please show a lot of interest! Thank you~
Reviews 2
∙
Average Rating 5.0
5
I am preparing for employment as a publisher, so I took the course. When I got stuck during the lecture and asked questions, the instructor answered kindly and well. The lecture content was well organized, so it was very helpful in creating a portfolio.
Oh, I just saw the course review. Thank you, Doran! I hope you study hard and that it helps your career!
Reviews 2
∙
Average Rating 5.0
Check out other courses by the instructor!
Explore other courses in the same field!
$28.60
![Modern Web Interactive CSS3 [PART1/3]Course Thumbnail](https://cdn.inflearn.com/public/courses/335744/cover/32ae213b-41d5-4c80-8408-b64b8d286b58/335744.jpg?w=420)
![Modern Web Interactive CSS3 [PART3/3]Course Thumbnail](https://cdn.inflearn.com/public/courses/335746/cover/77dcadeb-88d7-4410-939e-265755e39733/335746.jpg?w=420)
![Web Design Development Technician [2025] Complete Practical Course (KakaoTalk Q&A Available)Course Thumbnail](https://cdn.inflearn.com/public/courses/332868/cover/3a2245ca-bb9f-414a-ba67-403cfcb2b7c9/332868.jpg?w=420)
![[2026 Examination Standards] Web Design Development Technical Qualification Practical Exam Complete GuideCourse Thumbnail](https://cdn.inflearn.com/public/courses/324878/course_cover/12211037-e74b-46b3-8942-46d465b81bba/webdesign-cover-02.png?w=420)
![[Fantasy Pig's Feet] From design to codingCourse Thumbnail](https://cdn.inflearn.com/public/courses/332845/cover/5d0ef569-50e5-4300-96ed-3205d526795b/332845.png?w=420)
