Creating a Tab Menu with Vanilla JS-based UI Components

Rather than simply following a specific site, you will learn the scroll interaction know-how and key elements shared by knowledge sharers from the ground up, and learn and create various techniques and motions of UI scroll interactions widely used by domestic companies such as Apple.

Using svg, draw simple images and apply them to your site. If applied to a portfolio, it will become a standout page.

We will create various pattern image effects that complete the scattered image pieces into one image using JavaScript and CSS and process them to appear randomly. I think that if you apply this lesson, you will be able to create your own unique effects!

Through this course, you can learn to solve Web Design Development Technician problems A3, B4, C1, D3, E4, F3 using display:flex. The work speed is fast. Please pause and watch.

[Tailwind CSS Practical Portfolio Publishing] is a process of creating more than 26 different practical examples using Tailwind CSS. As you quickly create a variety of practical examples, we will explain the essential theories. This lecture was created with a focus on Tailwind CSS styling created by developers and publishers.

Through various practical examples of HTML+CSS+JQUERY publishing for beginners and intermediate levels, you will learn the basics of publishing for intermediate publishing skills. In particular, through various practical examples, you will gain confidence in publishing by experiencing sufficient explanations and practical work. This is a publishing class that provides a sufficient amount of study time of over 41 hours. (It is more effective if you study CSS intermediate theory on the Coding Works YouTube publishing channel.)

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.

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

Know it! Well! Just! Neatly! Sensefully! This is a free lecture from the book Flex & Grid. You can use the open source link, the book, and the Notion link for free. This is a non-profit project, so using the textbook is possible without permission.

The ultimate full-stack course that teaches even beginners about web, server, mobile apps, and machine learning!! If you're not sure where to start with development, I highly recommend this course. It's all done with just Javascript!

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.

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.

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.

This is the most solid foundation course for beginners who want to learn JavaScript properly. This course will be the starting point for understanding the language called JavaScript, and you can perfectly prepare the basics to become a front-end (Vue, React, Angular) developer and server (Node.js) developer.

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

🔥 Build a customized platform for Hanja learning! Leverage Google Gemini AI and Firestore to directly implement your own Hanja vocabulary book, stroke order animation, and even handwriting recognition!

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.

You need to take interviews frequently to get a job. To take interviews frequently, you must have a good personal portfolio website. This is a good personal portfolio website creation guide textbook (PDF) that Coding Works has made with great care. This textbook is not something you can find by Googling on the Internet. This is a one-of-a-kind publisher employment personal portfolio website creation guide (PDF) that Coding Works has created after teaching publishing theory, practice, and personal portfolio website creation to over 300 students in the field for several years and including detailed methods for creating personal portfolio websites so that students can get jobs at their desired companies quickly.

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

📌 This course is a curriculum that starts with a strategic AI tic-tac-toe project and completes core object-oriented programming concepts through practical examples. You'll train logic design and AI strategic thinking through game implementation, then directly experience OOP design techniques like inheritance, composition, delegation, and encapsulation through code. This is recommended for those who want to grow beyond syntax into a 'developer who designs' through real projects.