Khóa Học Lập Trình HTML, CSS
Khóa Học Lập Trình HTML, CSS
Đối tượng học viên
- Người mới bắt đầu
- Học sinh – sinh viên
- Người đi làm muốn chuyển ngành
- Designer / Marketer
- Người muốn làm web & kiếm thêm thu nhập
Sự khác biệt khoá học
- 9 Lý Do nên lựa chọn Fullhouse Dev mà không phải trung tâm khác.
- 1. 100% Giáo viên đạt giải lập trình thi đấu quốc gia hoặc làm việc doanh nghiệp lớn.
- 2. Lộ trình, Slide bài giảng được biên soạn cẩn thận và chuyên sâu.
- 3. Giáo viên giảng dạy vô cùng dễ hiểu được kiểm duyệt kỹ trước khi vào lớp.
- 4. Hệ thống Website chấm tự động với 600-800 bài tập chuyên sâu có lời hướng dẫn giải.
- 5. Kèm 1:1 bất kỳ khi nào học viên cần.
- 6. Đo lường đánh giá được số bài tập làm được, số bài đúng, số bài sai, thời gian tham gia học từng bạn.
- 7. Phương pháp học châu âu Flipped Classroom, Mind Map, Mentor System.
- 8. Cuộc thi định kỳ, quà tặng, nhắc nhở thúc đẩy học tập.
- 9. Chứng nhận sau khoá học.
Nội dung chương trình học
BUỔI 1: NHẬP MÔN WEB - GIỚI THIỆU VỀ HTML
Cấu trúc tài liệu
Các thẻ cơ bản: Tiêu đề, đoạn văn, danh sách
BUỔI 2: HTML NÂNG CAO
Hình ảnh, Liên kết
Thẻ Semantic: Thẻ <img>, <a>
Thẻ cấu trúc: <header>, <nav>, <footer>
BUỔI 3: BẢNG VÀ FORM TRONG HTML
Xây dựng <table>, <form>
Các loại trường nhập liệu: text, password, checkbox, radio, submit
BUỔI 4: NHẬP MÔN CSS - BỘ CHỌN SELECTORS
3 cách nhúng CSS
Bộ chọn Element, Class, ID và Độ ưu tiên
BUỔI 5: LÀM VIỆC VỚI MÀU SẮC, VĂN BẢN VÀ FONT CHỮ TRONG CSS
Định dạng văn bản
Nhúng Google Fonts
Các thuộc tính font-size, font-family
BUỔI 6: MÔ HÌNH HỘP (BOX MODEL) TRONG CSS
Thực hành với Content, Padding, Border, Margin
Thuộc tính box-sizing
BUỔI 7: ĐỊNH VỊ VÀ BỐ CỤC VỚI CSS - DISPLAY VÀ POSITION
Các giá trị của display
Thuộc tính position và z-index
BUỔI 8: BỐ CỤC HIỆN ĐẠI VỚI FLEX BOX (PHẦN 1)
Thuộc tính trên Container: display: flex, flex-direction, justify-content, align-items
BUỔI 9: BỐ CỤC HIỆN ĐẠI VỚI FLEX BOX (PHẦN 2)
Thuộc tính trên Items: flex-grow, flex-shrink, align-self
Thực hành bố cục phức tạp
BUỔI 10: CSS GRID - BỐ CỤC HAI CHIỀU
Làm việc với lưới 2D: grid-template-columns, grid-template-rows
Đặt phần tử vào Grid
BUỔI 11: RESPONSIVE WEB DESIGN VÀ MEDIA QUERIES
Nguyên tắc Responsive
Sử dụng @media để tùy chỉnh giao diện cho Mobile và Tablet
Giới thiệu về Transitions cơ bản
BUỔI 12: TỔNG KẾT, ÔN TẬP VÀ ĐỒ ÁN CUỐI KHÓA
Ôn tập toàn bộ kiến thức
Xây dựng một trang web hoàn chỉnh áp dụng Flexbox, Grid và Responsive Design
