Sử dụng ScrollTrigger của GSAP để tạo portfolio

The newly upgraded Figma UI3 version for 2024 has been designed to allow you to complete the course systematically, easily, and quickly from the basics to practical work.

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 production Step By Step! This is a process of making the main page of Phomein (https://www.phomein.com/brand/main/main.do) as it is. This is a process of making and implementing the gorgeous interactive web contained in the site as it is, and it will teach you the practical core know-how to easily and quickly make even complex layouts^^

Real! Website Creation Step By Step! This is an introductory course, where you can learn the concepts of HTML and CSS while creating various basic layouts.

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 for creating a website (Hanwha Chemical/Solution) using HTML5 and CSS3. This is a practical course for creating a web page! Step by Step! To fully understand and utilize PC mode layout and responsive page creation. (Attached is the completed lecture file!)

Real! Website Creation! Step By Step Application Course This is a course to create the main page of Ystudio (http://www.ystudio.co.kr/) using html/CSS/jQuery and plug_in. (Complete lecture file attached!)

The third step of the planning-design-implementation process - creating a responsive web portfolio template

Do you want to master responsive design by effectively utilizing Figma's Auto Layout, Grid, and Constraints features? In this lecture, you will gradually develop the skills to create responsive designs, from small UI elements to cards, tables, components, and web and app screens. Learn how to use Figma immediately for job preparation and practical work, and master the ability to design responsive interfaces optimized for various devices!

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

You can improve your mobile web production skills, which are the most competitive in publisher employment and publisher practice. As a publisher, you can hone almost all production methods and know-how for producing mobile web. In particular, we have explained in detail the process of working on mobile web UI design with Figma, so that you can cover a large part of the design skills required of publishers and developers these days by learning Figma. In the mobile web publishing class, we explain in detail the detailed method of writing HTML wireframes, which is the strongest part of the class. Through the lecture, your HTML wireframe production skills will be greatly improved. Mobile web publishing is a learning process that perfectly matches the layout for mobile and tablet using CSS variables (Var), so that you will have the ability to work on practical tasks that are similar to real work. You will gain sufficient intermediate to advanced CSS practical skills, focusing on Flex layout.

This is a must-have lecture for those who want to become a product designer or are preparing for a UX job/job change! We will teach you from project selection to chart planning/design based on real-life experience to create a portfolio with problem-solving skills.

jQuery, a JavaScript library used by over 75% of websites worldwide! This course is structured to help you understand the principles and build a strong foundation rather than focusing on flashy effects. Learn jQuery from the basics to advanced applications to complete your own portfolio or use it immediately in the field.

You can learn the latest CSS properties and practical Javascript while working on a project.

From documents to interviews, the A-Z of designer employment is included. We will show you in detail how to increase your chances of passing by watching the interview process of an actual applicant that you cannot see anywhere else.

The best way to create a responsive layout, CSS Grid~!! You can fully understand CSS Grid through the core theory of Grid and practical application examples. In addition, there are various practical examples using the core theory, so you can practice enough for practical use. The core theory of Grid can be downloaded as a PDF textbook as well as a video. By learning the core theory and practical application of CSS Grid, which is an essential course for becoming an intermediate publisher, you can have enough competitiveness in the field as a publisher as well as in employment.

This is a hands-on project course that beautifully styles a cafe homepage made with HTML using CSS. You can naturally learn all the CSS fundamentals from colors, layouts, and typography to Flexbox, Grid, animations, and responsive design by following the story of Minji and Teacher Code. With 4 hours of learning, even beginners can complete professional web design.

💡 Even non-developers can go from startup MVP to monetized service in just 10 hours with AI! 💰 Development that used to cost tens of millions in outsourcing fees now completely solved for 120,000 won 🎯 Complete 5 real business projects including business card recognition, sentiment analysis, and location analysis 🔥 If you're a planner, marketer, or aspiring entrepreneur, implement ideas without developers ⚡ Start now and acquire lifelong development independence skills!

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 course starts with a strategic AI Tic-Tac-Toe project and is a curriculum that completes the core concepts of object-oriented programming through practical examples. Through game implementation, you will train logic design and AI strategic thinking, and then directly experience OOP design techniques such as inheritance, composition, delegation, and encapsulation through code. This is recommended for those who want to go beyond syntax and grow into a 'designing developer' through a real project.

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

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 lecture is the final lecture in the [Web Development Full Stack Course] lecture series for training full-stack web developers, and is a lecture on portfolio project development. By synthesizing everything learned in [Web Development Full Stack Course], you will be able to understand what you have learned while developing an actual web application and directly apply the basic functions.

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.

This is an applied web planning course that will teach you how the basic web planning course is applied to mid-to-large-scale projects and applied to practice. Students can master the skills and practices of each stage of web planning in the big data field. <<This VOD is a recording of an actual class and includes some sounds such as small talk, so please keep this in mind when purchasing~!>>

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!