HTML5 CSS3 Basics & Creating Responsive Web Templates!

Have you ever had these concerns? I’ve learned React, but I don’t know what to actually build. I want to create a portfolio, but I can’t think of anything besides a Todo app. Map APIs or Public APIs seem difficult, so I haven’t even tried them. I’ve never deployed anything, so it always ends as a “local project.” The code is getting more complex, and I don’t know how to design the architecture. 🎯 Problems this course solves This course isn’t just about showing you how to display a map. ✔ How to connect Public APIs to a real service ✔ How to stably design Map SDKs within a React structure ✔ Marker optimization and reusable InfoWindow structures ✔ State management design using Context ✔ Practical application of Tailwind + SCSS ✔ GitHub organization and Vercel deployment I will teach you how to design with a real service structure, not just "implementing features." 💡 This is not a "just follow along" course Why we use useRef Why you shouldn't create new markers every time Why you need to separate state Why environment variables must be managed separately in production There is a reason for every choice. This course explains those "reasons." 🚀 After taking this course, you will: Complete one map-based portfolio project Gain experience integrating Public APIs Understand the structure of attaching external SDKs to React Gain experience in designing professional-grade project structures Have deployment experience And you’ll be able to say this in an interview: “I personally designed and deployed a map service based on Public APIs.” This one sentence makes a huge difference. 👩‍💻 Recommended for: Those who know basic React syntax but lack project experience Those who want to build a portfolio for employment Those who wanted to try a Map/Public API project Those who want to learn design patterns close to real-world practice 🔥 The Goal of this Course This course is not about “how to make a map,” but about learning the “mindset of designing a service.”

Let's do it in practice! Responsive web portfolio that responds to scroll #JeilEngineering

This tutorial will show you how to use Bootstrap to create responsive web pages that change layout depending on the device.

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.

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!

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!

Libraries are optional, but web standard technologies are essential. Adapt to the new standard for web animation, Web Animation API, faster than others and apply it to your work right away!

The [Stunning Web UI Styling with Tailwind CSS] course covers the currently hottest framework, Tailwind CSS v3.4.1, in depth over 19 hours, ranging from theory to building a practical responsive website. A long course duration doesn't always guarantee quality. However, I am confident that this is a high-quality course that also happens to be comprehensive. In particular, it covers all Tailwind CSS theories in detail for 8 hours and 30 minutes, allowing those with a weak foundation in CSS to thoroughly learn the core concepts. This course is centered around Tailwind CSS styling as created by developers and publishers.

Book HTML5 Self-Study White Paper & CSS3 Self-Study White Paper Author's direct lecture! Short theory, only the key points! We have summarized only the key grammar extracts that you must know to get started with modern HTML and CSS.

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.

We have prepared this for those who want to achieve optimal results by utilizing AI, which is essential in the AI era. In just 2 hours, you can properly learn how to utilize AI through coding.

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.

This course covers HTML5 and CSS3, which make up the Web.

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!

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!

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.

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

A three-in-one class where you can create web games and learn front-end web development skills! This class has been created to teach you how to create games using JavaScript, CSS, and HTML with your own ideas!

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.

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.

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

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