Learn CSS Flex and Grid Properly
studiomeal
$38.50
Basic / HTML/CSS, Flex
4.9
(222)
You'll learn about Flex and Grid, the current and future standards for writing CSS layouts.
Basic
HTML/CSS, Flex
Libraries are optional, but web standard technologies are essential. Adapt to the new standard for web animation, Web Animation API, faster than others and apply it to your work right away!
863 learners
Level Basic
Course period Unlimited

Recommend Course to grow and earn commission!

Marketing Partners
Recommend Course to grow and earn commission!
Reviews from Early Learners
5.0
highbilble20
Recently, there haven't been any new lectures from 1 Minute Coding, so I thought you wouldn't upload any more lectures, but thank you so much for bringing such great lectures! I'm using them right away in my work while listening to the lectures! The lectures are easy to understand and fun! I love it! Please upload other lectures often. ㅎㅎ
5.0
티라미수
Previously, Apple lectures were a bit difficult to follow, but after seeing this, I'm going to try again!! The picture explanations are really good~
5.0
웹개바르르
It's great that scroll animation can be easily implemented using web standard technology other than the gsap library. The explanation is easy to understand. Thank you.
CSS Animation
JavaScript Web Animation API
A web animation API that can be used for a long time.
Learn with 1 Minute Coding! 😎
If you agree with the above, you should definitely learn about the Web Animation API! It's a standard specification that powerfully extends the CSS-based web animation capabilities with JavaScript . Therefore, it's expected to be used even more widely in the future. The impressive features of libraries, initially introduced for the convenience of developers, are now being continuously implemented as standard technologies.
If you're working with web animation or plan to work with it, the Web Animation API is a must-read. Get familiar with it now!
The Web Animation API is a standard implementation of web animation-related features previously available through libraries. Designed based on CSS animation implementations, it leverages the strengths of existing CSS animations while offering simpler implementation.
✔️ You can freely control CSS animations with JavaScript .
✔️ Since it is a web animation standard technology (Web Standard), once you learn it, you can use it for a long time.
Section 0
Let's take a brief conceptual look at CSS animations, JS animations, and the Web Animation API.
Section 1
Before learning the Web Animation API, let's take a look at CSS Transition.
Section 2
Before learning the Web Animation API, let's take a look at CSS Animation.
Section 3
Let's take a look at the basics of the Web Animation API.

Section 4
We'll explore how to control multiple objects at once, and even create a Starfield animation.

Section 5
Let's take a look at Motion Path, which moves elements along a desired path.

Section 6
We'll explore how to implement scroll-based animations with the Web Animation API and create some useful examples to get you started.
After attending the lecture, you will
We'll answer your most anticipated questions! 💬
Q. Is this a course that even beginners can take?
Anyone with a basic understanding of CSS and JavaScript should be able to participate. CSS Animation, which forms the basis of the course's topics, is also covered in the early sections, so even if you're not familiar with it, you should still be able to take the course without much difficulty. While this isn't a JavaScript course, we'll explain JavaScript concepts that appear throughout, so you shouldn't have much difficulty.
Q. What level of content is covered in the class?
After learning the concepts of the Web Animation API, which is the subject of the lecture, we will cover examples ranging from basic to somewhat difficult ones, so I think it will be helpful for applying them to your projects.
Q. How much growth can I expect after taking this course?
You'll gain more powerful control over CSS animations using JavaScript , enabling you to develop high-performance web animations and UI behaviors more efficiently.
Who is this course right for?
People who work with web UI
For those who want to implement web animation using web standard technology
For those who want to study how to implement high-performance web animations
Those who want to study the future standards of web animation in advance and apply them to practice right away
Need to know before starting?
CSS Basics
Basic knowledge of JavaScript
19,674
Learners
1,280
Reviews
1,175
Answers
5.0
Rating
11
Courses
I worked as a web developer/designer in Seoul, then moved through Jeju... and am currently in Penang, Malaysia, working hard on development, creating educational content, and conducting various trials and experiments as a solopreneur.
I have a strong interest in interactive web with visual impact, and I share web development-related technologies on YouTube and Facebook under "1-Minute Coding."
Developer/Designer/Content Creator
Website https://studiomeal.com
YouTube https://youtube.com/c/1분코딩
Facebook https://www.facebook.com/1mincoding
All
48 lectures ∙ (4hr 58min)
Course Materials:
All
43 reviews
5.0
43 reviews
Reviews 8
∙
Average Rating 5.0
5
I was able to learn with fun this time as well. I hope to see more lectures in the future.
Thank you th_kim! I will continue to create helpful content :)
Reviews 16
∙
Average Rating 5.0
Reviews 20
∙
Average Rating 5.0
5
Previously, Apple lectures were a bit difficult to follow, but after seeing this, I'm going to try again!! The picture explanations are really good~
The Web Animation API is simple to handle, so you'll be able to utilize it more easily :) Thank you!
Reviews 10
∙
Average Rating 4.6
5
Recently, there haven't been any new lectures from 1 Minute Coding, so I thought you wouldn't upload any more lectures, but thank you so much for bringing such great lectures! I'm using them right away in my work while listening to the lectures! The lectures are easy to understand and fun! I love it! Please upload other lectures often. ㅎㅎ
Reviews 14
∙
Average Rating 5.0
5
It is well-received. I feel that scroll animations are often used on commercial sites these days, so thank you for opening such a useful class. I will study with gratitude and use it well. ps. It seems that the lecture volume is slightly lower than the normal volume.
Thank you so much for your kind words, Yi-tae. I hope you find it useful. ^^ Thank you for the feedback on the volume too!
Check out other courses by the instructor!
Explore other courses in the same field!
$51.70