1. Nhập môn lập trình web
   1. Tổng quan về lập trình web
   2. Cơ chế hoạt động của website
   3. Chia sẻ phương pháp học lập trình hiệu quả
   4. Thiết lập môi trường làm việc
   5. Internet và mạng máy tính
   6. Quản lý mã nguồn - Version Source Control: Git & Github
   7. Đưa website lên internet với Vercel
   8. Các loại đường dẫn trong lập trình
2. HTML
   1. Khái niệm, lịch sử và bản chất web
   2. Phân loại thẻ HTML
   3. HTML Semantics
   4. Tính hợp lệ của tài liệu HTML
   5. Các nhóm thẻ
      1. Nhóm thẻ tiêu đề
      2. Nhóm thẻ văn bản
      3. Nhóm thẻ danh sách
      4. Nhóm thẻ bảng
      5. Nhóm thẻ media
      6. Nhóm thẻ form
      7. Nhóm thẻ phụ trợ
   6. HTML & SEO
      1. Định nghĩa và tầm quan trọng của SEO
      2. Meta data của website
      3. HTML đúng ngữ nghĩa và hợp lệ giúp tối ưu SEO
      4. Các phương pháp tối ưu SEO
3. CSS cơ bản
   1. Khái niệm, cú pháp, cách đưa CSS vào trang web
   2. CSS Selector cơ bản
      1. Tag name
      2. Classes
      3. Id
      4. Bộ chọn kết hợp
   3. Tính kế thừa
   4. Tính xếp chồng
   5. Những thuộc tính định dạng văn bản
   6. Icon và xử lý icon
   7. Box model
      1. Cách tính không gian box-model
         1. Thuộc tính box-sizing
      2. Padding
         1. Vấn đề padding chiều dọc với thẻ inline
      3. Border
      4. Margin
         1. margin âm
         2. Margin collapse
         3. Vấn đề margin chiều dọc với thẻ inline
   8. CSS Unit
      1. Đơn vị đo tương đối
      2. Đơn vị đo tuyệt đối
   9. CSS Color
      1. Mã HEX
      2. Mã RGB
      3. Opacity và chỉ số Opacity trong các mã màu
      4. Các mã màu khi được viết tắt
   10. Display
       1. inline
       2. block
       3. inline-block
       4. none
   11. Opacity
   12. Visibility
   13. CSS Position
       1. Khái niệm flow organic
       2. Static
       3. Relative
       4. Absolute
       5. Fixed
       6. Sticky
       7. Z-index
4. CSS nâng cao
   1. CSS Selector nâng cao
      1. Attribute Selector
      2. Pseudo-classes
      3. Pseudo-element
      4. Thứ tự khi kết hợp pseudo-code
      5. !important
      6. Thứ tự ưu tiên của các bộ chọn CSS
   2. Layout
   3. Flex-box
   4. CSS Grid
   5. Transition & Animation
      1. Transform
      2. Filter
      3. Transition
      4. Animation
5. Responsive web design
   1. Tổng quan và ý nghĩa
   2. Các xu hướng thiết kế web responsive
   3. Các lưu ý về UI/UX khi thiết kế web
6. Tìm hiểu thêm
   1. SCSS & CSS Other
      1. Nested
      2. Variable
      3. Functional
      4. Mixin
      5. Import
      6. Reset CSS
      7. Normalization
   2. Libraries
      1. Bootstrap
      2. TailwindCSS
7. Code thực chiến với dự án
8. Học gì trong học phần này? 1. Biết cài đặt và sử dụng các công cụ lập trình để học tập và phát triển dự án. 2. Hiểu biết về cách một website hoạt động và cách thức để đưa một website lên internet. 3. Các kiến thức nền tảng về internet và mảng máy tính. Mô hình client-server và cách mà một ứng dụng web được xây dựng. 4. HTML - ngôn ngữ đánh dấu siêu văn bản nền tảng để xây dựng mọi giao diện web và ứng dụng. 5. CSS - ngôn ngữ tạo kiểu cho giao diện sinh động, phân chia bố cục hợp lý, đẹp mắt tăng UI/UX của người dùng. 6. Layout và hệ thống bố cục: Xây dựng giao diện thích ứng đa thiết bị. 7. Animations: Làm giao diện chuyển động. 8. Phát triển kỹ năng web bằng sản phẩm thực tế. Tác giả: HoangNM Bản quyền thuộc về: https://codefarm.edu.vn