[Fantasy Pig's Feet] From design to coding

I have been happily building and using a commercial classroom management app called 'Crowny Class' for 7 months together with AI. This course shows exactly what I broke, where I struggled, and how I finally got the results in my hands. By following the lessons on difficult-to-understand GitHub workflows and AI-driven production methods, 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.

Draw simple pictures using SVG and apply them to your site. Applying this to your portfolio will make your page stand out.

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

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

This is a class for web design specialists (designers). If you try it a few times, you will be able to follow along without difficulty. However, you must know how to use Photoshop.

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.

I'm going to make the main page of the VD site that I made for practice in the introductory course into a real one~

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.

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.

Creating a responsive webpage using Bootstrap (BOOTSTRAP) [2024 Revised Edition]: As a practical production class, we will directly create a responsive web page for practical use with a layout that changes depending on the device, using Bootstrap 4.

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 is a revised version of a lecture on how to use Bootstrap to create responsive web pages that change layout depending on the device.

Draw simple pictures using SVG and apply them to your site. Applying this to your portfolio will make your page stand out.

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?

We have captured the entire experience of instructor Kim Young-sam, who is active as an emoticon creator on Kakao and LINE, in this lecture—covering everything from emoticon design to creating, submitting, and generating revenue on KakaoTalk and LINE.

If you have followed the web standards and responsive site creation lectures well, it is now time for practical training! We will learn about creating a movie ticket reservation site divided into design and coding parts.

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.

Learn why you should learn Photoshop and learn in detail about the various functions required for image editing, including menus, tools, panels, palettes, and filters.

[Website Creation Step By Step] Basic Course, this is a course to create the main page of Dopda (http://dopda.co.kr/) as it is. This Basic Course covers CSS layout creation and animation, and the Application Course will be opened by adding interactive elements such as image slide effects, responsive creation, scroll animation, and Fix Header.

Real! Website Creation Step By Step! This is a process of creating the main page of Crewalamode (https://crewalamode.com/) as is. This is a process of creating and implementing the gorgeous interactive web contained in the site as is, and it teaches you the core practical know-how to easily and quickly create even complex layouts.

How to Make Emoticons That Even Beginners Can Turn into Experts

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 class for web design specialists (designers). If you try it a few times, you will be able to follow along without difficulty. However, you must know how to use Photoshop.

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.

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

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 video of the design process. It's not a trend, but it's a fun video to watch.