SVG Multi-Stroke Scroll Animation

Practical Web UI Development Using HTML & CSS-Based AI

This is a video of the design process. It's not a trend, but it's a fun video to watch.

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.

Student review after an interview ' I spent 7 enjoyable months with AI building a commercial classroom management app called 'Crowny Class,' which is currently in use. This course shows exactly how I failed, struggled, and ultimately held the final product in my hands. By following the lessons on complex topics like GitHub or AI-driven development, you will complete everything from enhancing playable games to refining your own web portfolio with a live URL.

Through this course, you can learn how to solve the Web Design Specialist (Craftsman Web Design) exam problems A3, B4, C1, D3, E4, and F3 using display:flex. The workflow is fast, so please pause the video as you watch.

This is a lecture that teaches the basics for preparing for the web design technician practical exam through open questions. It is also a useful lecture for web designers who want to utilize web coding in their work.

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.

“GSAP is capable of this?” Breaks the stereotype that animation is complex and difficult.

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!

This "Real Guide for Getting a Job as a Publisher" e-book (PDF) provides detailed information on the HTML+CSS+JQUERY publishing fundamentals essential for employment. It covers efficient publishing study methods, how to identify high-quality courses and instructors, tips for publishing like a professional even as a newcomer, desirable coding habits and principles, how to create a personal portfolio website, collaboration tips for working with designers and developers, essential websites every publisher should know, and how to improve Photoshop UI design skills. Additionally, it provides a detailed explanation of government-funded publisher training programs.

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 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.

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

This course introduces the core concepts and basic syntax of HTML, the most fundamental element of website creation. It is designed so that even beginners with no prior knowledge can easily follow along.

Create a simple portfolio to introduce yourself and learn how to create a structure with HTML tags and how to style a web page with CSS properties.

To get a job, you need to go on interviews frequently. To secure those interviews, having a high-quality personal publisher portfolio website is essential. This is a premium guide (PDF) for creating a personal portfolio website, meticulously crafted by Coding Works. The content in this guide cannot be found through simple Google searches. It is a one-of-a-kind guide (PDF) for building a publisher job-search portfolio, containing detailed methods developed by Coding Works through years of experience teaching publishing theory, practical skills, and portfolio creation to over 300 students to help them get hired quickly by their desired companies.

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.

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!

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.

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.