Creating a Web Portfolio for UI/UX Designer Employment: Personal Branding Strategy

Full-stack course from Figma design to AI-powered coding and deployment!! [Figma + Vibe Coding (HTML/CSS/Tailwind/React) + Git + Vercel Deployment] Your design exactly as it is!! Complete it with Vibe Coding without a single pixel of error! A full-stack guide to increasing practical productivity by 5x using AI! You too can become a full-stack designer capable of both design and coding. ✅ Implement your design intent without a single pixel of error ✅ Design architecture that AI understands ✅ Prompt engineering skills to precisely control AI ✅ Ability to skillfully fix code generated by AI Experience the amazing reduction of time from design to coding and deployment by 1/5.

It is aimed at beginners of html/css, and it builds a solid foundation, and of course, you can learn practical responsive layout creation.

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.

This is a lecture that creates and implements the actual website main page by creating the 'Hotel Hyundai Lahan_Mokpo Branch' site. It is a practical lecture on web page creation that teaches the skills essential for the web, such as understanding HTML Markup and Layout creation, as well as Fixheader, Image Slider, MenuOpen Bar, and Scroll Animation creation, for those who have basic knowledge of HTML/CSS.

This is a lecture that creates and implements the actual website main page as an application course for the Dopda site production. It is a lecture that completes the web page production by modifying and supplementing each coding, adding Fixed header, Image Slider, Mobile navigation, Scroll Animation, and responsiveness, from the simple structure coding centered on the layout and animation of the Dopda site Basic Course that was opened as a free lecture! (You can see that the learning effect is greater if you take this lecture after listening to the Dopda-Basic Course.)

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

[Website Creation Step By Step] This is a beginner-level course that will walk you through the creation of the main page of the Korea Consumer Era webzine (currently renewed).

[Website Creation Step By Step] This is a 3-step course that will teach you how to create the main page of Musign (https://musign.net) as is. This course will teach you the core practical know-how to create complex layouts easily and quickly by creating and implementing the gorgeous interactive web that is contained in the site.^^

[Website Creation Step By Step] This is a 3-step lecture, and it is a process of creating the main page of Daebang Industry as it is. It is a lecture that is as difficult as it is fancy, as it is a process of creating and implementing the gorgeous interactive web contained in the site.

This is a practical course on building a website (Hanwha Chemical/Solutions) using HTML5 and CSS3. It is a "Practical Web Page Creation! Step by Step!" Basic Course designed to help you fully understand and utilize PC mode layouts and responsive page creation. (Completed lecture files are attached!)

Real-world! Website Creation! This is an Application Course from Step By Step where you will recreate the main page of Y Studio (http://www.ystudio.co.kr/) exactly as it is using HTML, CSS, jQuery, and plug-ins. (Completed lecture files attached!)

UX/UI Design Basic Theory + Practice UX/UI Design Career Employment Strategy

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.

We've collected designer portfolio materials, videos, and frequently asked questions related to portfolios that Movie Nim and Kiki Nim previously released for free.

You can enhance your mobile web production skills, which are the most competitive assets for publisher employment and practical publishing work. You will be able to solidify almost all production methods and know-how required to create mobile webs as a publisher. In particular, to cover much of the design ability required of publishers and developers these days, we have provided detailed explanations of the process of working on mobile web UI design using Figma. A key strength of this mobile web publishing course is the detailed instruction on how to create HTML wireframes for every single page. Through this lecture, your ability to create HTML wireframes will improve significantly. In mobile web publishing, you will acquire practical skills comparable to real-world work by learning how to perfectly adjust layouts for mobile and tablet devices using CSS variables (Var). You will fully develop intermediate-to-advanced practical CSS skills, centered around Flex layouts.

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.

This is a full-stack restaurant map tutorial that allows you to learn everything from front-end, back-end, Kakao Map API usage, and deployment all at once while creating a restaurant map of your favorite YouTuber.

This is a practical course designed to help you meet the standards and preparation strategies required in the rapidly changing developer job market. You will easily complete your projects and resume based on successful hiring cases. The course covers AI-integrated development workflows and practical, industry-focused project design methods. It clearly outlines the direction for creating portfolios and resumes that companies actually want. We provide practical preparation strategies to enhance your competitiveness in the job market.

We deal with ideas. You can logically organize the core and fundamentals of JavaScript. You can structure your own JavaScript experiences and thoughts. You can establish the technical logic of JavaScript. You can broaden your perspective to see the entirety of JavaScript. You can prepare for JavaScript technical interview questions.

This is a practical WordPress website creation course that even non-majors can follow along with. It covers how to build profitable websites from basic installation to membership registration, payment systems, and e-book sales. It includes advanced features needed in practice such as SEO optimization, ad tracking, and marketing automation, enabling you to create professional websites without outsourcing. This course is useful for solo entrepreneurs, marketers, and designers who want to generate revenue directly through their websites.

The Next.js 15 App Router is a powerful architecture for building high-performance web services by perfectly controlling the boundary between server and client. This course clearly connects complex rendering mechanisms—from the operating principles of React Server Components (RSC) to the three major caching strategies (Static, Dynamic, and ISR)—through 12 practical missions. Through this, you will gain the ability to design file-system routing and nested layouts according to business requirements, completely breaking free from the anxiety of "vibe coding" where you copy code without understanding the principles. Ultimately, you will evolve into a Next.js architect who can instantly spot the blind spots in AI-generated code and proactively direct the optimal structure.

This is an intermediate course that teaches you about JavaScript and jQuery through theory and practice. It consists of content that can be applied to practical work based on basic concepts of HTML, CSS, and JS. Part. 1 covers the Document Object Model (DOM), basic concepts of jQuery, finding, creating, adding, deleting, and moving nodes.

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

Are you looking to get started with JavaScript? Then choose my course.

This course will teach you JavaScript through theory and practice. This course is for those who are somewhat familiar with JavaScript. Part 1 covers JavaScript classes and object-oriented programming.

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!

Practical web UI development using AI and component-centric UI creation, An essential course for Designers + Developers!

Hello, I am Gamja, a 4th-year frontend developer. Thinking back to when I first learned JavaScript, I remember many times when I felt like I understood everything while following along with YouTube videos or books, but my mind would go completely blank the moment I opened an empty editor. At first, I was just busy copying and pasting code I found through Googling. Because of that, when an error occurred, I didn't know where to start fixing it, and I would spend several days staying up all night in frustration. That’s when I realized a painful truth: writing one line of code yourself while understanding the principles is more valuable for your actual skills than copying someone else's code 100 times. Many beginners struggle with these concerns in front of the high wall of JavaScript: 🚨 "I made the screen look pretty with HTML/CSS, but I feel lost trying to make it move." 🚨 "I've memorized all the syntax for variables and functions, but I don't know how to combine them in practice." 🚨 "My head hurts just hearing terms like event bubbling or DOM manipulation." That is why I prepared this course. I have organized only the 'surest shortcuts' that I learned through countless trials and errors. While preparing the materials, I didn't list difficult development jargon. I boldly discarded the grammar found in thick textbooks that you won't even use right away. Instead, I will plant the core principles used in practice as naturally as breathing into your mind through intuitive everyday metaphors like 'conveyor belts' and 'paint palettes.' In this course, you won't just learn theory. As soon as you learn the theory, you will build four core UIs that you will inevitably encounter in frontend work—such as accordions, tab menus, and dark mode toggles—from scratch with me. After completing the course, you will no longer be someone who scrapes someone else's code and presses the run button while praying. You will be reborn as a real frontend developer who can design how to structure a screen on your own and write JavaScript code according to your intentions. I have included all of my practical know-how. Don't stop in front of an empty editor anymore. It's time to get started.

This is a [Backend, Resume Enhancement] class prepared for job seekers and junior developers.

[2026 Latest Edition] Discover everything from essential practical skills to job-hunting know-how for entry-level to junior content marketers!

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