Coding for the First Time with Web Publishing - HTML Basics

You will learn everything from CSS basics to animations and responsive design. Through practical examples, you will review what you've learned and build a solid foundation.

This course teaches you how to build a web application using React and Firebase, implementing core features used in real-world services such as login, post management, file uploading, and profile management. You will build a complete web service step-by-step, implementing email and social login via Firebase Authentication, Firestore-based data storage and real-time data processing, file uploading using Firebase Storage, and profile management features. This course is designed for frontend developers to understand how to quickly implement web services using Firebase without the need for complex server construction.

This is a practical web development project course where you complete everything from planning and design to implementation and deployment using generative AI. You will create designs using Stitch and Figma Make, generate code with AI Studio, and deploy them as actual services. Even if you don't know much about coding, you will learn how to develop alongside AI and complete your own AI web app. Now, you too can become a developer who collaborates with AI.

"A hands-on web development project course that covers everything from planning and design to implementation and deployment using Generative AI." We will complete the entire process together step-by-step—starting from idea conception, quickly creating designs with AI, implementing a functional website with React, and finally deploying it to the internet. Latest AI tools like Stitch and Figma Make will assist with your design work, and even complex coding will be taught in a way that is easy to follow step-by-step.

This is a project-oriented course where you will build a "ToDo List" app using React and TypeScript with a professional touch. Beyond simply learning syntax, you will gain practical experience in using TypeScript by completing a real-world service—from component structure design and state management to type application, feature implementation, local storage integration, and deployment.

This is an introductory course where you will learn the core syntax of TypeScript to improve type safety and code readability through hands-on practice. You will learn everything from project environment setup to interfaces, generics, and utility types using real-world code examples.

First steps in React for publishers! Learn everything from basic syntax to building and deploying a responsive shopping mall website all at once. This is not just a collection of fragmented React examples; you will learn and apply the core syntax necessary for actual web page production.

This course provides a step-by-step guide on the process of implementing Figma designs into web pages. It covers the overall practical aspects of web publishing, from saving images to writing HTML, CSS, and JavaScript. The course is structured systematically so that even beginners can easily follow along. Through practice-oriented learning, you can learn how to efficiently convert web designs into code.

CSS Grid is a powerful tool that allows you to implement even complex layouts simply and intuitively. In this lecture, we have structured the content so you can easily learn everything from the core concepts of CSS Grid to practical application methods step-by-step. Now, stop being tied down by complicated float and flexbox, and learn the standard of efficient layout design! Get started right now!

jQuery, the JavaScript library used by over 75% of websites worldwide! This course is designed to help you build a solid foundation by understanding the principles rather than just flashy effects. Learn everything from jQuery basics to advanced applications to complete your own portfolio or apply it directly in the field.

Taking your first steps in web development? Special offer for those just starting with HTML, CSS, and JavaScript! Want to create a mobile website to keep up with the mobile era, but unsure where to start? Don't worry. Learn the core of responsive web development naturally by directly analyzing and implementing Figma mobile designs. Based on sleek mobile designs, we'll explore everything together, from subtle interactions that capture users' hearts to technologies that perfectly adapt to various screen sizes. Now, let's share the know-how to make your website shine on all devices. Shall we begin together?

Do you have a foundation in HTML, CSS, and JavaScript (jQuery)? But are you unsure how to create an entire website? If so, try implementing a shopping mall's main page by referencing a design. We'll share know-how on implementing a website by referencing a completed design and understanding the planning intentions and detailed aspects of the design.

Select HTML elements using JavaScript and change element styles or implement animation effects based on various events. Implement style changes, event settings, and effects frequently used in webpage development based on the basic syntax of JavaScript.

You will learn everything from CSS basics to animations and responsive design. Through practical examples, you will review what you've learned and build a solid foundation.

This is a course that has been moved to Infraon for easy learning through the agreement of the original author of Life Coding. I would like to express my gratitude to Life Coding http://opentutorials.org.

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

You can learn HTML and CSS quickly by directly cloning and coding the best shopping mall designs posted on Cafe 24. The course is structured so that you can learn the basic theories of HTML + CSS and complete the shopping mall design through direct cloning and apply what you learned in the theory, and solidify the framework of HTML and CSS.

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!

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.

If you have learned HTML&CSS and JavaScript, try creating and deploying your own portfolio site using them. Actually using them will greatly help improve your skills.

It is aimed at beginners of html/css, and it builds a solid foundation, and of course, you can learn practical responsive layout creation.

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.

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!

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.

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.

💡 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!

This course allows you to learn the major trends in web development by following the overall web technologies required to complete a website.

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

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

This is a basic HTML and CSS course explained in the easiest way by a third-year frontend developer.

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.

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

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!