Mã CSS có thể được sử dụng ngay lập tức và mang tính định hướng trong tương lai
Cách áp dụng Flex và Grid cho các UI khác nhau
Sử dụng lưới trong IE (Internet Explorer)
Dịch trực tiếp thiết kế dựa trên lưới sang mã
Còn nếu bạn là nhà xuất bản web, nhà phát triển front-end hoặc nhà thiết kế biết viết mã thì sao? Đã đến lúc học Flex và Grid! 💁♂️
Tại sao lại là Flex và Grid? Tôi có nên học nó không? 🤔
Trong nhiều môi trường, màn hình vẫn được tạo bằng Float, v.v. thay vì Flex và Grid. Mã có cấu trúc như thế này gây ra nhiều vấn đề.
👌 Flex và Grid là những công nghệ sẽ trở thành tiêu chuẩn và nền tảng của CSS trong tương lai. Nhiều dịch vụ đang được thiết kế dựa trên Grid và việc áp dụng nó là điều cần thiết.
👌 Đơn giản và dễ dàng. Trong khi các công nghệ trước đây đòi hỏi đủ mọi thủ thuật để diễn đạt mọi thứ, Flex và Grid giải quyết nhiều vấn đề một cách rất đơn giản và dễ dàng.
👌 Đây là công nghệ có thể áp dụng ngay vào thực tế. Chỉ vì Flex và Grid không hoạt động trong Internet Explorer không có nghĩa là chúng không thể được sử dụng trong thực tế. Bạn có thể sử dụng nếu dự án của bạn hỗ trợ phiên bản Internet Explorer mới nhất.
Những gì bạn sẽ học trong lớp học 📋
Tóm tắt các khái niệm chính được sắp xếp để dễ hiểu.
Đây là một khái niệm mới, vì vậy có khá nhiều điều cần tìm hiểu. Người mới bắt đầu có thể thấy một số phần khó hiểu và phức tạp, ngay cả sau khi đã đọc tài liệu hướng dẫn chi tiết. Vì đây là công nghệ nền tảng cho lập trình bố cục CSS, chúng tôi đã dành nhiều thời gian để giải thích các khái niệm để bạn có thể nắm bắt đầy đủ.
Tạo một giao diện người dùng đơn giản dựa trên khái niệm
Sau khi học các khái niệm cốt lõi cơ bản, bạn sẽ tự mình tạo ra các mẫu UI thiết yếu và thường được sử dụng cũng như các trang phản hồi. Khóa học được thiết kế để giúp bạn xây dựng nền tảng vững chắc và làm quen với nó một cách tự nhiên.
Thực hành tạo trang phản hồi bằng Flex và Grid.
99% dịch vụ đang được xây dựng hiện nay đều đáp ứng. Hãy tạo các trang đáp ứng mạnh mẽ dễ dàng và thuận tiện hơn nhiều với Flex và Grid. Hãy cùng tạo một bàn cờ 3D đúng như bạn đã thiết kế và tưởng tượng, và vận dụng những kiến thức đã học để cảm nhận cách hiện thực hóa trí tưởng tượng của mình!
Sử dụng Grid trong Internet Explorer
Flex và Grid không phải là "những công nghệ không thể sử dụng trong thực tế vì chúng không hoạt động trên Internet Explorer". Hãy cùng so sánh các đặc tính của chúng và tìm hiểu cách sử dụng Grid.
Những người dự định tiếp tục viết mã CSS trong sự nghiệp của mình
Bất kỳ ai muốn biết cách tạo bố cục mới bằng Flex và Grid
Bất kỳ ai muốn thoát khỏi cách viết mã lỗi thời và tìm hiểu các tiêu chuẩn bố cục mới
Những người đã nghiên cứu Flex và Grid nhưng chưa biết cách sử dụng
Float Mania
Cần biết trước khi bắt đầu?
Khái niệm cơ bản về CSS
Xin chào Đây là
19,373
Học viên
1,236
Đánh giá
1,175
Trả lời
5.0
Xếp hạng
11
Các khóa học
서울에서 웹 개발자/디자이너로 일했고, 제주를 거쳐.. 현재는 말레이시아 페낭에서 열심히 개발도 하고, 교육 콘텐츠도 만들고, 1인 기업으로서 해볼 수 있는 여러가지 시도와 실험들을 해보고 있습니다. 비주얼 임팩트가 있는 인터랙티브 웹에 관심이 많고, 유튜브와 페이스북 "1분코딩"에서 웹 개발 관련 기술들을 공유하고 있어요.
CSS Flex and Grid were only the names I had heard, but this time I learned about the concept and how to make it responsive, so it was a useful time.
The JavaScript basics video I saw on YouTube became a signal, so I took the lectures "Getting Started with Interactive Web Development Properly", "SVG Master", and CSS Flex & Grid, and I am satisfied with all three lectures. I will watch them repeatedly and make good use of what I learned~!
I am also looking forward to the next scroll lecture.
Wow- You listened to all my lectures after YouTube~~ Thank you so much ㅎㅎ
Please use what you learned well to create great works!
Thank you for the good review^^
I recommend this lecture. I used to do layouts with flex, but after seeing examples of creating web pages, I got a feel for how to do it responsively. And when I was just looking at the document for grid, I got confused about what was important and what was additional, but now I think I can do the entire layout with grid!
As you said during the lecture... I'm really confused because it's my first time.^^ If I listen to the lecture and think about something else for a moment, I get confused. Hahaha
Yes, it must have been because it was your first time and the concept was unfamiliar :)
Since the function itself is so good, if you repeat and practice until you get used to it,
you will be able to use it much more comfortably and quickly than the existing method~~
Thank you for the good review!
I'm watching YouTube and Inflearn lectures well!
I listen to the lectures every time they come out,
and the biggest advantage is that I can watch them smoothly without any problems!
I'm learning a lot from this lecture, from theory to practical application tips!
I hope you continue to give fun lectures in the future 👍