Học từ cơ bản về CSS đến hoạt ảnh (animation) và thiết kế đáp ứng (responsive).
Củng cố chắc chắn các kỹ năng cơ bản thông qua việc ôn tập các nội dung đã học bằng các ví dụ thực tế.
Sau HTML là CSS! Hãy tạo ra những trang web nổi bật với CSS ⭐
CSS nâng cao độ hoàn thiện cho tài liệu web 🎨
CSS đảm nhận phần diện mạo trong tài liệu web. Bằng cách chọn các đối tượng từ các phần tử HTML và thiết lập màu sắc, nền, vị trí, hiệu ứng chuyển động, v.v. cho đối tượng đã chọn, bạn có thể tạo ra một tài liệu web vừa đẹp mắt vừa thuận tiện khi sử dụng.
Khóa học này là phần tiếp nối của <Lần đầu học coding với Web Publishing - Cơ bản về HTML>, dựa trên tiền đề rằng bạn đã học xong HTML để học về các kỹ thuật thiết yếu cần thiết cho việc thiết lập kiểu dáng trang web.
Đối với CSS, việc chọn chính xác đối tượng phong cách trong các phần tử HTML là ưu tiên hàng đầu. Trong bài giảng này, bạn có thể học một cách chắc chắn về bộ chọn CSS (CSS selector). Bạn sẽ nắm vững kiến thức cơ bản về thiết kế đáp ứng để hiện thực hóa các trang web được tối ưu hóa hiển thị trên nhiều thiết bị có độ rộng khác nhau. Hãy cùng học cả cách hiện thực hóa hoạt ảnh bằng cách sử dụng các thuộc tính transition, animation và transform.
Sau khi nghe bài giảng này, các bạn sẽ có thể chọn chính xác các thành phần mong muốn thông qua bộ chọn CSS và thiết lập phong cách cho các thành phần đã chọn một cách tự do!
✔️ Hãy cùng đón xem bài giảng trực tiếp từ chính tác giả cuốn sách!
Khóa học này do tác giả của cuốn sách <코딩은 처음이라 with 웹 퍼블리싱> từ Youngjin.com trực tiếp giảng dạy dựa trên nội dung sách. Việc kết hợp học cùng với sách sẽ giúp ích rất nhiều cho quá trình học tập của bạn.
Vui lòng học khóa học này sau khi đã hoàn thành khóa học 'Lần đầu học coding với Web Publishing - Cơ bản về HTML'.
Nếu bạn cần học bổ sung, hãy xem thêm các bài giảng khác trên kênh YouTube của tác giả.
Khóa học này dành cho những ai 🙋♀️
Những người đã có kiến thức cơ bản về HTML nhưng còn thiếu kiến thức cơ bản về CSS
Những người gặp khó khăn trong việc triển khai responsive và animation
Những người muốn học cách tạo bố cục linh hoạt bằng cách sử dụng Flex
Đặc điểm của bài giảng ✨
Học từng thuộc tính cần thiết để thiết lập style CSS một cách chi tiết!
Dựa trên kinh nghiệm giảng dạy nhiều năm, tôi sẽ giải thích một cách dễ hiểu cho bạn!
Với những ví dụ đơn giản, hãy củng cố nền tảng thật vững chắc!
Học cách tạo bố cục hiệu quả thông qua Flexbox!
Bạn sẽ học được những điều này 📚
1) Học chắc chắn về bộ chọn (selector) CSS. Việc bắt đầu với CSS luôn khởi nguồn từ việc lựa chọn đối tượng một cách chính xác.
2) Học các kiểu dáng liên quan đến phông chữ.
3) Học các thuộc tính thiết yếu liên quan đến bố cục (layout).
4) Học tất cả các thuộc tính liên quan đến hình nền.
5) Học về flex, cốt lõi của Flexible Layout, để dễ dàng triển khai nhiều loại bố cục đa dạng hơn.
6) Học các kiến thức cơ bản về hoạt ảnh (animation).
7) Học chắc chắn và thực hành các kiến thức cơ bản về thiết kế đáp ứng (responsive).
Màn hình máy tính để bàn
Màn hình máy tính bảng
Màn hình di động
8) Sử dụng CSS để hiện thực hóa trang web HTML đã soạn thảo ở bài giảng trước.
Câu hỏi thường gặp 💬
Q1. Tôi hoàn toàn không biết gì về HTML thì có thể nghe bài giảng này được không?
Vâng, không sao cả. Khóa học này sẽ điểm qua nhanh các cấu trúc HTML tối thiểu cần thiết để học CSS và chuyển ngay sang phần tạo kiểu (styling). Ngay cả khi không biết sâu về cú pháp HTML, chỉ cần bạn ở mức độ hiểu cấu trúc thẻ là hoàn toàn có thể theo kịp.
Q2. Sau khi học CSS, tôi thực sự có thể tạo ra những gì?
Sau khi hoàn thành khóa học này, bạn sẽ có thể thực hiện được các công việc sau đây.
Định dạng kiểu cơ bản như chữ, màu sắc, lề, căn lề Cấu trúc UI thẻ, nút bấm, bố cục Hiểu cơ bản về cấu trúc màn hình đáp ứng đơn giản
Nói cách khác, bạn có thể đạt đến giai đoạn 'làm cho màn hình đã thiết kế hiển thị' dưới dạng trang web.
Q3. CSS có vẻ có quá nhiều thứ phải học thuộc lòng, người mới bắt đầu liệu có ổn không?
Khóa học này được thiết kế tập trung vào sự thấu hiểu thay vì học thuộc lòng. Thay vì liệt kê các thuộc tính một cách máy móc, chúng tôi giải thích dựa trên tiêu chí tại sao thuộc tính này lại cần thiết, khi nào nên sử dụng nó, và cách phân biệt giữa các thuộc tính tương tự nhau.
Vì vậy, ngay cả những người mới bắt đầu cũng có thể học tập mà không gặp áp lực.
■ [Hiện tại] Giảng viên Front-end tại ESTSOFT KDT ■ Giảng dạy Web Publishing, Front-end tại Học viện Nghệ thuật Máy tính Green ■ Vận hành kênh YouTube về Web Publishing 'Rock's Easyweb' ■ Giảng viên Web Publishing tại Học viện Máy tính The Joeun ■ Giảng viên Web Publishing tại Học viện Máy tính Hanbit ■ Chuyên gia Front-end Publisher, Giảng viên chuyên nghiệp về Front-end Publishing ■ Giảng dạy Portfolio Thiết kế Web UI/UX
[ Giải thưởng ] 08.2022 Học viện Green Computer Art chi nhánh Jongno - Giảng viên xuất sắc 06.2021 Học viện Green Computer Art chi nhánh Jongno - Giảng viên xuất sắc 06.2018 Học viện Green Computer Art chi nhánh Sinchon - Giảng viên xuất sắc 05.2017 Học viện Green Computer Art chi nhánh Sinchon - Giảng viên xuất sắc 05.2016 Học viện Green Computer Art chi nhánh Sinchon - Giảng viên xuất sắc 10.2015 Học viện Green Computer Art chi nhánh Sinchon - Giảng viên xuất sắc
Sau các bài giảng về HTML, tôi cũng nghiên cứu các bài giảng về CSS. Tôi nghĩ đó là một bài giảng tuyệt vời, thực sự hữu ích và hay. Tôi đã học nó tốt. Cảm ơn