インフラン - ライフタイムキャリアプラットフォーム

In this lesson, you'll create a first-person 3D website that works on both desktop and mobile.

The production process for the Responsive Website Portfolio (App Official Landing) involves the entire creation of a responsive website using HTML+CSS+JQUERY publishing. Through this, you will solidify the fundamentals required to reach an intermediate publishing level and gain practical publishing know-how. In particular, you will experience the entire website production process through thorough explanations and hands-on practice, gaining confidence in creating your own personal portfolio website. You will also learn how to use essential jQuery plugins such as Scroll Reveal Animation and Slick Slider. The responsive design follows the traditional method using float and position for layouts, though Flex is utilized for certain specific elements.

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.

jQuery, the JavaScript library used by over 75% of websites worldwide! This course is designed to help you build a solid foundation by understanding the principles rather than just flashy effects. Learn everything from jQuery basics to advanced applications to complete your own portfolio or apply it directly in the field.

Through this course, you can build a solid foundation in HTML, one of the three core languages that make up a webpage, alongside CSS and JavaScript. Learn how to properly write HTML that is optimized for search engines and complies with web accessibility and web standards.

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

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

Learn the most widely used React framework in practice - easily, quickly, and enjoyably! Build a to-do management app while learning React's operating principles, component design, and refactoring methods.

This class was created to provide knowledge and experience about CSS while creating https://opentutorials.org (a daily coding site).

Through this course, you can learn the basics of HTML and CSS.

HTML+CSS+JS Practical Portfolio (Season 3) is a process of creating practical publishing examples. Through the creation of various practical examples, you can grow your publishing skills to an intermediate-to-advanced level. With over 34 hours of ample lecture time and various types of practical creation processes, you can fully master production know-how and application methods.

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.

You can learn UIkit, a representative CSS Framework along with Bootstrap, from the basics to advanced usage. A well-made personal portfolio website is essential for getting a job as a publisher. In order to show your portfolio results in a sophisticated way on your personal portfolio website, you can learn the detailed usage of UIkit components such as Slideshow, Slider, Lightbox, Full Screen Modal, Filter, and publishing skills and know-how to use them in actual production.

[Everything about CSS3 for Intermediate and Advanced Publishing] You can definitely acquire the publishing theory that is lacking in the lecture. You may know the theory to some extent, but there are often times when you cannot confidently publish something you want to create. This is an essential course for learning the theory in depth and acquiring solid publishing skills for intermediate and advanced publishing levels. [Everything about CSS3 for Intermediate and Advanced Publishing] The lecture is designed for those who aim for intermediate and advanced skills from beginners, and you can learn all the CSS3 theory and skills and know-how to apply the theory.

Theory is kept brief with only the essentials. Let's learn through real code, not just words! Get naturally comfortable with Flex and Grid through repetitive practice! 😎 (Direct lecture by the author of the HTML5 Self-Study White Paper and CSS3 Self-Study White Paper)

We generously share our interactive JS and CSS know-how used in practice.

Through the entire process of creating a responsive website with HTML+CSS+JQUERY publishing, you will gain a solid foundation for intermediate publishing skills and practical publishing know-how. In particular, you will gain confidence in creating your own portfolio website by experiencing the entire process of creating a website through sufficient explanations and practical work. (The responsive production method is a responsive layout production method using the existing float and position methods. Since most existing websites are currently produced with layouts using the existing method, you will also need to learn Flex and Grid, but you must learn and use the existing method layout well.)

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

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