Khóa học HTML CSS từ cơ bản đến nâng cao
-
Teamcode
- Thiết kế website
- 00:18 25/12/2024
-
Nội dung của khóa học
|
1. Giới thiệu và cài đặt môi trường
2. HTML Cơ Bản
3. CSS Cơ Bản 1
4. CSS Cơ Bản 2
|
5. Flexbox
6. Grid
7. Tối Ưu Code CSS
8. CSS Cơ Bản 3
9. Responsive (Hiển Thị Đa Thiết Bị)
10. Project Cuối Môn
|
Chương trình giảng dạy của khóa học
Buổi 1: Giới thiệu và cài đặt môi trường
- Giới thiệu và hướng dẫn sử dụng giáo án.
- Cài đặt công cụ viết code (VS Code).
- Thiết lập máy chủ bằng Extension Live Server.
- Khởi tạo dự án đầu tiên
Buổi 2: HTML cơ bản
- Cấu tạo cơ bản của một phần tử HTML.
- Giới thiệu cấu trúc file HTML.
- Các thẻ hiển thị tiêu đề.
- Sử dụng thẻ <p> để hiển thị đoạn văn.
- Sử dụng thẻ <b> để in đậm nội dung.
- Sử dụng thẻ <i> để in nghiêng nội dung.
- Thiết lập cấu trúc danh sách với các thẻ <ul>, <ol>, và <li>.
- Hiển thị ảnh bằng thẻ <img>.
- Tạo liên kết hyperlink.
- Chia nhóm các phần tử HTML bằng thẻ <div>, <span>.
- Tìm hiểu các thẻ Semantic
- Tìm hiểu về table, bảng đối xứng và bất đối xứng
- Tìm hiểu về ul - li, ol - li
- Cách tạo form
- Cách chia khối cơ bản
Buổi 3: CSS Cơ Bản 1
- Tìm hiểu selector, property và declaration block.
- Các cách khai báo code CSS (inline, internal, external).
- Thiết lập hiển thị cho text.
- Các selector cơ bản.
- Thiết lập hiển thị dựa vào id và class.
- Thiết lập màu nền.
- Thiết lập hiển thị border.
- Pseudo-class
Buổi 4: CSS Cơ Bản 2
- Thứ tự ưu tiên trong CSS.
- Tính kế thừa trong CSS.
- Tìm hiểu về CSS box model (margin, padding,…).
- Thiết lập kích thước cho phần tử.
- Kỹ thuật canh giữa bằng margin.
- Hiện tượng margin collapse.
- Box-sizing property.
- Các kiểu hiển thị của một phần tử (display).
- Position property (fixed, absolute, relative,…).
- Kỹ thuật xếp lớp với z-index property.
- Pseudo-element
- Mô hình box-model
- Css advanced
Buổi 5: Flexbox
- Thuật ngữ.
- Thiết lập hiển thị flex container.
- Thiết lập hiển thị flex item.
- Tìm hiểu object-fit property.
- Hướng dẫn thêm Google font vào trang web
Buổi 6: Grid
- Thuật ngữ.
- Thiết lập hiển thị grid container – phần 1.
- Thiết lập hiển thị grid container – phần 2.
- Thiết lập hiển thị grid container – phần 3.
- Thiết lập hiển thị grid item – phần 1.
- Thiết lập hiển thị grid item – phần 2
Buổi 7: Tối Ưu Code CSS
- Nguyên lý Don’t Repeat Yourself.
- Tổ chức file CSS.
Buổi 8: CSS Cơ Bản 3
- Transform.
- Canh giữa phần tử có position absolute.
- Animation cơ bản.
- Visibility.
- Table.
- Overflow.
- Shadow
Buổi 9: Responsive (Hiển Thị Đa Thiết Bị)
- Đơn vị rem.
- Khai báo media queries.
- Thiết lập giao diện responsive
Buổi 10: Project Cuối Môn
- Giảng viên hướng dẫn lựa chọn đề tài.
- Sử dụng phần mềm draw.io để phác họa dự án.
- Mô tả các chức năng cần làm.
- Thực hiện project với sự hỗ trợ của giảng viên trong 2 tháng.
- Upload ứng dụng lên máy chủ.
- Giảng viên đánh giá dự án
Chưa có đánh giá cho Khóa học HTML CSS từ cơ bản đến nâng cao
Viết đánh giá của bạn
Địa chỉ email của bạn sẽ không được công bố. Các trường bắt buộc được đánh dấu *
Liên hệ
Đăng ký khóa học
Thông tin khóa học
- Trình độ khóa học: Người mới
- Giảng viên: Nguyễn Thùy Linh, Trần Hoàng Nam
- Thời lượng: 5h
- Ngày khai giảng: 00:18 25/12/2024
- Bài học: 2
Đã sao chép liên kết