Learn fullPage + animation + SVG Animation portfolio with JavaScript

Contains know-how in running the national flag course!
Create responsive web templates that are ready for practical use

Before starting the lecture

With this lecture
What can you learn?

This course is designed for those who are new to web standards. The goal is to learn HTML/CSS basics, HTML information design and CSS layout, and then ultimately create a responsive web template .
This book is designed to cover the process of creating a responsive web template based on know-how that can be applied directly in practice. Learn HTML basics, CSS usage, how to create CSS Layouts that are mainly used in practice, and Flex usage in sequence, and take one step at a time toward becoming a web publisher.

In this lecture
What are the features?

From basic content to advanced learning required for practical work. Check out the practice problems and lecture notes for each part!
At the end of each section, there are practice problems for each section. We recommend that you solve the problems first, check your results, and then listen to the lectures for the next section.
We provide lecture notes in PDF format so that students can understand more easily and study more comfortably. This is developed based on our know-how gained through conducting classes both online and offline, and will be of great help to your studies.

_{Lecture notes containing the essence of online and offline education}

This lecture
Who needs it?

For those who want to get started with web coding, those who want to move from being a web publisher to someone who knows nothing about coding, those who need information design for UI design, designers who need to learn publishing… I’ve created this book by selecting only the systematic and essential content to help a variety of people. If studying alone is too difficult and you’re scared by the vast amount of material, I’ll help you!
Additionally, designers who are learning publishing or aspiring to become web publishers will be able to use the templates created in the course to create portfolios.

---

This is how the lecture proceeds

_{part1. html/css basics
Learn about the basic grammar of HTML and the characteristics of tags used to create documents using vscode.}

_{part2. css basics
We will study the basic grammar and usage of CSS, as well as various selectors.}

_{part3. html / semantic / list / user input tag / grouping
Learn about the tags that are mainly used in HTML and various tags and usage of semantic / list / user input tag / grouping.}

_{part4. font / unit
Learn about CSS capital classes, paragraph alignment, fonts, and units.}

_{part5. css / background / display / border / boxmodel
We will study display and boxmodel in depth as some of the core CSS features.}

_{part6. css / flex / position / transition / animation / transform
We will study about flex, position, and transition/animation/transform, which are mainly used in CSS layout.}

_{part7. css / media query / responsive web
Learn about media queries for responsive web work.}

Learn through comprehensive examples
Responsive Web Development Process

Check out the draft work that will be created with the knowledge sharer! Let's create it together step by step!
Please note that this course does not cover the process of creating a blueprint, i.e. a design work .

_{See a comprehensive example}

_{desktop screen}

_{tablet screen}

_navigation

_responsive

_{mobile screen}

---

Expected Questions Q&A

---