Học CSS Flex và Grid đúng cách
studiomeal
Tìm hiểu về Flex và Grid, các tiêu chuẩn hiện tại và tương lai để tạo bố cục CSS.
Basic
HTML/CSS, Flex
This course will teach you the fundamentals of developing creative, interactive web pages.

Create a portfolio website that stands out
Developing a website with a unique UI
Master CSS 3D
Make sure you have a solid grasp of the basics of JavaScript
From the beginning, without any libraries, one by one
This is an interactive web course that you can create yourself. 🧩
This course covers implementation from scratch, without any libraries. In practice, productivity is paramount, so finding and using good libraries is crucial. However, understanding the underlying technology and implementation principles is crucial for becoming a competent developer.
By learning from the ground up and implementing each step yourself, you can differentiate yourself as a high-level interactive engineer. While the visible behavior may be the same, developers who have trained themselves from the ground up demonstrate a distinct level of skill.
"Like the flashy websites you often see on overseas web award sites,
I want to see and learn firsthand the process of implementing creative UI interactions ."
"I'm a very creative designer, but my coding skills can't keep up.
I want to become a true dog trainer who is valuable and precious."
"I studied CSS and JS hard, but I always ended up creating similar content and examples.
"I want to understand how the library works, rather than how to use it."
In June 2023, additional supplementary videos were updated . Since some time has passed since the initial release of the course, we've added content that we believe needs updating or enhancement at this point. The additional videos have the words [2023] in their titles, as shown below.
👌 This isn't a course that starts from the very beginning. You'll need a basic understanding of CSS and JavaScript to progress smoothly.
👌 If you need a basic review, I recommend that you study with my CSS Layout/JavaScript Basics video on YouTube and then continue with this lecture.
👌 We provide the source code of the final 3D scrolling website.
Create dynamic, interactive websites that will elicit exclamations of "Oh!"
Creating an interactive website with 1 Minute Coding
This is a roadmap of lectures. This lecture is included .
Who is this course right for?
For those interested in implementing creative, interactive web
For those who want to create a unique portfolio website that is different from others
People who have a romantic idea about the developer and developer
People who usually liked 1-minute coding and Studio Mill's lectures
Need to know before starting?
CSS Basics
JavaScript Basics
19,595
Learners
1,273
Reviews
1,175
Answers
5.0
Rating
11
Courses
서울에서 웹 개발자/디자이너로 일했고, 제주를 거쳐.. 현재는 말레이시아 페낭에서 열심히 개발도 하고, 교육 콘텐츠도 만들고, 1인 기업으로서 해볼 수 있는 여러가지 시도와 실험들을 해보고 있습니다.
비주얼 임팩트가 있는 인터랙티브 웹에 관심이 많고, 유튜브와 페이스북 "1분코딩"에서 웹 개발 관련 기술들을 공유하고 있어요.
개발자/디자이너/콘텐츠크리에이터
페이스북 https://www.facebook.com/1mincoding
All
70 lectures ∙ (11hr 14min)
Course Materials:
1. Get ready
08:56
2. Transform
15:52
3. Transition
10:01
4. Animation 1
09:42
5. Animation 2
05:44
6. Animation 3
14:58
7. CSS 3D 1
14:01
8. CSS 3D 2
15:28
9. CSS 3D 3
17:49
All
319 reviews
5.0
319 reviews
Reviews 3
∙
Average Rating 5.0
5
Đúng như mong đợi... Tôi đã biết về nó sau khi nghe một bài giảng trực tiếp về JavaScript và theo dõi nó đến Infron. Tôi đã cảm nhận được điều đó trong buổi giảng trực tiếp, nhưng giáo viên giải thích rất rõ ràng để ngay cả những người mới bắt đầu cũng có thể dễ dàng hiểu được, và hơn hết, thật tuyệt khi thấy những nỗ lực chi tiết mà anh ấy bỏ ra để giúp học sinh hiểu được. Tôi sẽ theo dõi trang web tương tác, tin tưởng. chỉ có giáo viên :) Khi nào tôi trở thành chủ web tương tác, tôi sẽ làm điều đó hehe.
Cảm ơn những lời tốt đẹp của bạn! Mình sẽ cố gắng tạo ra nhiều bài giảng hay để giúp ích cho việc học tập sau này của các bạn :) Cảm ơn
Reviews 1
∙
Average Rating 5.0
5
Ồ, tôi thích nó! Thật dễ hiểu và sau khi tham gia lớp học JavaScript cơ bản, tôi không thể không nói "Eureka" sau khi tham gia lớp học này!
Tôi rất vui vì nó hữu ích :) Cảm ơn những lời tốt đẹp của bạn.
Reviews 3
∙
Average Rating 5.0
5
Bài giảng rất vui và bổ ích ^.^~ Thật tuyệt khi có thể học cách thực sự sử dụng các cú pháp này (bộ chọn thuộc tính, đối tượng, v.v. trong CSS) bằng cách tạo một số ví dụ trong JavaScript. Đặc biệt, nó dễ hiểu và dễ hiểu hơn nhiều vì anh ấy không chỉ giải thích mã bằng cách nhìn vào nó mà còn vẽ hình ảnh (phía phối cảnh) và giải thích dưới dạng 3D (lật thẻ, ví dụ cuối cùng) bằng camera và giấy. Và khi tôi biết về flex, Odeng Skewers và Odeng... tôi nghĩ nó đã in sâu vào trí nhớ của tôi và tôi sẽ không bao giờ quên nó haha. Tôi đặc biệt giới thiệu điều này cho bất kỳ ai vừa học xong JavaScript và đang suy nghĩ về web tương tác hoặc những gì họ có thể làm với JavaScript! Trong tương lai, sẽ thật tuyệt khi thấy nhiều lớp khác nhau được liên kết với web tương tác hoặc back-end. Tôi thực sự rất thích bài giảng tuyệt vời. Cảm ơn bạn!!
Tôi cảm thấy như mình đã nghiên cứu bài giảng một cách chi tiết ^^ Cảm ơn bạn rất nhiều vì bài đánh giá khóa học kỹ lưỡng và tốt của bạn! Mình sẽ tiếp tục tạo ra những lớp học hữu ích :)
Reviews 9
∙
Average Rating 5.0
5
Tôi đã tham gia một khóa học liên quan đến UI tại một cơ sở khác. Vào thời điểm đó, tôi nghĩ JavaScript sẽ khó vì tôi đã tham gia lớp học và tập trung vào JQuery hơn là JavaScript. Tuy nhiên, sau khi tham gia lớp học, tôi rất ngạc nhiên khi biết rằng tôi có thể làm được điều đó chỉ với JavaScript. Tôi cũng rất hài lòng với cách tổ chức các chức năng và thuộc tính của CSS3 có hệ thống hơn. Tôi cũng rất thích việc họ nhắc tôi giữa bài giảng để tôi không quên… Tôi thực sự rất hài lòng. Nếu bạn cho ra lớp khác, tôi nghĩ tôi sẽ nhận ngay! cười
Bạn thực sự đã chú ý đến lớp học! Cảm ơn bạn đã đánh giá chi tiết và những lời tốt đẹp 😊
Reviews 2
∙
Average Rating 5.0
5
Đây là khóa học tốt nhất để tương tác, không phải front/backend!! Trong các học viện, họ thường bỏ qua js và chỉ dạy cách sử dụng jquery. Bài giảng này hướng dẫn bạn phương pháp vận hành JS thuần túy một cách chi tiết nên tôi cảm thấy như kiến thức về công nghệ gốc của mình đang dần được tích lũy!! Giọng giảng viên hay và ví dụ vui đến mức tôi không để ý thời gian trôi qua! Sau khi nghe bài giảng, tôi cũng đang làm việc mà không cần thư viện!!
Thật bổ ích và vui mừng khi biết rằng bạn đã được giúp đỡ! Cảm ơn vì những lời tốt đẹp của bạn :) Nếu bạn hiểu rõ về công nghệ nguồn thì sẽ giúp ích rất nhiều khi lựa chọn hoặc sử dụng thư viện ^^
$42.90
Check out other courses by the instructor!
Explore other courses in the same field!