Coding for the First Time with Web Publishing - CSS

This lecture provides a step-by-step explanation of the process of implementing a Figma design into a web page. It covers the entire web publishing practice, from saving images to writing HTML, CSS, and Javascript. It is systematically designed to be easy for beginners to follow. Through practice-oriented learning, you can learn how to efficiently convert web designs into code.

This is a project-centered course that builds a "To-Do List Management App" with practical skills using React + TypeScript. Rather than just learning syntax, you can develop a sense for TypeScript application by completing it as an actual service through component structure design → state management → type application → feature implementation → local storage integration → deployment.

This is an introductory course that focuses on learning TypeScript's core syntax through hands-on practice to improve type safety and code readability. You'll learn through real code examples, from project environment setup to interfaces, generics, and utility types.

React First Steps for Publishers! Learn everything from basic syntax to creating and deploying a responsive shopping mall website all at once. Rather than a collection of fragmented React examples, learn and apply the core syntax needed for actual webpage creation.

CSS Grid is a powerful tool that allows you to implement complex layouts simply and intuitively. This lecture is designed to help you easily learn the core concepts of CSS Grid to practical applications step by step. Stop being tied to complicated floats and flexboxes and learn the standard of efficient layout design! Start now!

jQuery, a JavaScript library used by over 75% of websites worldwide! This course is structured to help you understand the principles and build a strong foundation rather than focusing on flashy effects. Learn jQuery from the basics to advanced applications to complete your own portfolio or use it immediately 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.

Using JavaScript, you can select HTML elements and change their styles or implement animation effects based on various events. This covers fundamental JavaScript syntax for style modification, event handling, and commonly used effects when implementing web pages.

Through this course, you can solidify the fundamentals of HTML, one of the three major languages—HTML, CSS, and JavaScript—that make up a webpage. Learn HTML properly, optimized for search and compliant with web accessibility and web standards.

Through this course, you can solidify the fundamentals of HTML, one of the three major languages—HTML, CSS, and JavaScript—that make up a webpage. Learn HTML properly, optimized for search and compliant with web accessibility and web standards.

If you're going to do it, do it right! This is a publishing course that follows official web standards🧑🏻‍💻

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.

This is a specialized practical exam course optimized for the Web Design Development Craftsman (formerly Web Design Craftsman) practical exam content, precisely aligned with the examination standards implemented from 2025.1.1 to 2027.12.31. The Codingworks Web Design Development Craftsman practical exam course, covering HTML+CSS+JQUERY publishing, is different. All instructional videos for perfectly creating all 2026 Web Design Development Craftsman exam types (A, B, C, D, E, F types) are included.

Page 19, Total 22 different mobile layouts While creating various mobile layouts, you can improve your mobile web creation skills, which are the most competitive in the publisher industry and publisher practice. You can learn almost all the production methods and know-how for creating mobile web as a publisher. In the mobile web publishing class, we will explain in detail the detailed writing method of HTML wireframes, which is the strongest part of the class. Through the lecture, your HTML wireframe creation skills will greatly improve. In particular, you can learn enough about the CSS nesting method. You will acquire sufficient intermediate to advanced CSS practical skills centered on Flex layout.

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!

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

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.

[Creating a great web UI style with Tailwind CSS] The lecture covers the most popular framework, Tailwind CSS v3.4.1, in detail for 19 hours, from theory to practical responsive websites. A long lecture does not mean it is a good lecture. However, I am confident that this lecture is a good lecture that is also long. In particular, since all the Tailwind CSS theory is covered in detail for 8 hours and 30 minutes, people who are lacking in CSS theory can learn CSS theory thoroughly. This lecture was created with a focus on Tailwind CSS styling created by developers and publishers.

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.

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

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

A real guide to becoming a publisher (PDF) This e-book provides detailed information on how to learn publishing efficiently, how to choose a good publishing course and a good publishing instructor, how to publish like a veteran even if you are a beginner, desirable coding habits and principles, how to create a personal portfolio website, how to collaborate with designers and developers, essential sites that publishers should know, and how to improve Photoshop UI design skills. It also provides detailed information on the government-funded publisher course.

The third step of the planning-design-implementation process - creating a responsive web portfolio template

Interactive Web Projects is a series of creative interactive examples created using CSS and JavaScript.

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.

A current startup CTO will share vibe coding knowledge gained through actual services and various outsourcing projects.

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!

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

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.