XD UI Design + Clone Coding Interactive Responsive Web Portfolio!

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?

Code once
Would you like to learn?

Want to get started with coding?
Coding beginner

Web publisher
I want to be

I don't know anything about coding
Those who wish to change jobs

Information design is
What should I do?

For UI design
People who need information design

For portfolio
Is there no template?

Responsive website
Anyone who needs a template

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… We’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, we’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 will proceed

_{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

This is knowledge sharer LizB. I am teaching a practical course on web design skills.
A course that covers all the content will help you pass the certification exam.
I thought about it and decided to update the lecture.

I hope you stay strong and pass the practical exam.

Please give us your feedback on questions, emails, and class equality.
If you would like additional lectures, we will consider other types and updates as well.

I will try harder to become a knowledge sharer. Thank you always. :)

Hello~ I opened a course where you can learn XD from the basics to practical skills all at once.
This might be helpful for aspiring designers who are interested in prototypes or UI/UX Design or who need a graphic portfolio.
Thank you for your interest. Thank you^^ Happy New Year!

I'm opening a new lecture.

This is a course that allows you to create a design draft and a responsive web portfolio at the same time using XD ^^

Come and take a look~~

XD UI Design + Clone Coding Interactive Responsive Web Portfolio!