Khóa học

Khóa Học HTML CSS Từ Cơ Bản Đến Nâng Cao

Khóa học HTML CSS của LetDiv là khóa học giúp bạn dễ dàng nắm vững các kỹ thuật thiết kế web từng bước một từ cơ bản đến chuyên sâu. Bên cạnh đó, bạn sẽ được đào tạo bởi giảng viên là Project Manager / Leader với nhiều năm kinh nghiệm làm việc và giảng dạy trong và ngoài doanh nghiệp.

CHÍNH SÁCH BẢO HÀNH KIẾN THỨC

Chính sách bảo hành kiến thức chỉ có duy nhất tại LetDiv.

Cuối mỗi buổi học, học viên sẽ điền vào bảng theo dõi là hiểu hoặc cần hỗ trợ. Giảng viên hoặc trợ giảng sẽ giúp đỡ học viên ngay trong ngày.

Hệ thống hàng trăm bài tập rèn luyện bổ sung từ dễ đến nâng cao.

Nếu kiểm tra không đạt yêu cầu, bạn sẽ được kèm riêng cho đến khi đạt yêu cầu.

Không còn nỗi lo không theo kịp chương trình.

Chính sách bảo hành kiến thức cam kết 100% học viên đạt yêu cầu sau khi kết thúc khóa học.

Khóa học HTML & CSS phù hợp với ai?

  • Các bạn có đam mê thiết kế, lập trình web.
  • Hứng thú với việc cải thiện trải nghiệm người dùng.
  • Những bạn thích làm việc trong môi trường sáng tạo.
  • Có định hướng trở thành lập trình viên Front-end hoặc Full-stack.
  • Các bạn designer muốn học thêm HTML CSS để nâng cao kỹ năng nghề nghiệp của mình.

BẠN SẼ ĐƯỢC HỌC NHỮNG GÌ ?

  • Những kỹ năng và kiến thức thực tế để thiết kế một trang web theo các tiêu chuẩn: chuyên nghiệp, đẹp và responsive.
  • Tìm hiểu các kiến thức cơ bản đến nâng cao của HTML5 và CSS3 như: Flexbox & CSS Grid, CSS Variables, Transitions, Dropdowns, Overlay, Animations…
  • Thiết kế một trang web hoạt động trên mọi thiết bị (responsive design).
  • Cách lên kế hoạch, phác thảo, thiết kế, xây dựng, testing và tối ưu hóa trang web từ con số 0.
  • Học cách làm website của mình khác biệt so với đa số trang web có trên thị trường.
Bạn sẽ học được những gì

Quy trình đào tạo 1 kèm 1

Quy trình đào tạo tại LetDiv

Hệ thống Training bài bản riêng từng học viên

training system của letdiv

Nội dung khóa học

HTML Cơ Bản
  • Giới thiệu HTML là gì.
  • Tìm hiểu chi tiết cấu trúc HTML.
  • Text Elements.
  • Image và các attributes.
  • Hyperlinks.
  • Làm bài tập thực hành.
  • Cài đặt các Extensions cho VS Code.
CSS Cơ Bản
  • Giới thiệu CSS.
  • Inlinne, Internal và External CSS.
  • Styling Text.
  • Combining Selectors.
  • Class và ID Selector.
  • Làm việc với Color.
  • Pseudo-Classes.
  • Styling Hyperlinks.
  • Hướng dẫn sử dụng Chrome DevTools.
  • Lý thuyết CSS #1: Xung đột giữa các Selectors.
  • Lý thuyết CSS #2: Tính kế thừa và Universal Selector.
  • Lý thuyết CSS #3: The CSS Box Model.
  • Học về Margins và Paddings.
  • Chỉnh sửa kích thước của phần tử.
  • Làm bài tập thực hành
  • Lý thuyết CSS #4: Các kiểu Box.
  • Lý thuyết CSS #5: Vị trí tuyệt đối (Absolute Positioning).
  • Pseudo-elements.
Layouts: Floats, Flexbox và CSS Grid Fundamentals
  • Tìm hiểu các cách để xây dựng nên layout.
  • Tìm hiểu chi tiết về Floats.
  • Xây dựng Layout Float đơn giản.
  • Làm bài tập thực hành.
  • Giới thiệu CSS Grid.
  • Sizing Grid Columns and Rows.
  • Placing và Spanning Grid Items.
  • Aligning Grid Items và Tracks.
  • Xây dựng Layout CSS Grid đơn giản. 
Các Quy Tắc Thiết Kế Cho Coder
  • Quy tắc #1: Typography.
  • Quy tắc #2: Colors.
  • Quy tắc #3: Images and Illustrations.
  • Quy tắc #4: Icons.
  • Quy tắc #5: Shadows.
  • Quy tắc #6: Border-radius,
  • Quy tắc #7: Whitespace.
  • Quy tắc #8: Visual Hierarchy.
  • Quy tắc #9: User Experience (UX).
Components và Layout Patters
  • Quy tắc #10: Elements và Components.
  • Xây dựng Accordion Component.
  • Xây dựng Carousel Component.
  • Xây dựng Table Component.
  • Xây dựng Pagination Component.
  • Quy tắc #11: Layout Patterns.
  • Xây dựng Web Application Layout.
Dự Án Thực Tế - Setup và Xây Dựng Phiên Bản Desktop
  • Tìm hiểu 7 bước để xây dựng nên một website.
  • Hướng dẫn lên kế hoạch chi tiết cho dự án.
  • Phác họa nhanh dựa trên ý tưởng.
  • Các nguyên lý Responsive trong thiết kế.
  • Tìm hiểu rem và max-width.
  • Xây dựng Header.
  • Xây dựng Navigation.
  • Xây dựng Feature Section.
  • Xây dựng Meals Section.
  • Xây dựng Testimonials Section.
  • Xây dựng Pricing Section.
  • Xây dựng Call-To-Action Section.
  • Xây dựng Footer.
Dự Án Thực Tế - Responsive Web Design
  • Tìm hiểu Media queries.
  • Responsive cho Small Laptops.
  • Responsive cho Tablets.
  • Xây dựng Navigation cho Mobile.
  • Responsive cho Tablets kích thước nhỏ.
  • Responsive cho Phones.
Dự Án Thực Tế - Hiệu Ứng, Tối Ưu và Triển Khai Lên Máy Chủ
  • Thêm hiệu ứng khi scroll.
  • Xây dựng Sticky Navigation Bar.
  • Sửa lỗi Flexbox Gap trong Safari.
  • Kiểm tra Performance với Lighthouse.
  • Thêm Favicon và Meta description.
  • Tối ưu hoá hình ảnh.
  • Đưa web lên Netlify.
Dự Án Cuối Kỳ
  • Giảng viên hỗ trợ học viên chọn dự án cuối kỳ.
  • Tổng kết.

Yêu cầu đầu vào

  • Không cần có kiến thức Code để tham gia khóa học này!
  • Yêu cầu có máy tính cá nhân để thực hành.

Quyền lợi

  • HOÀN TIỀN 100% HỌC PHÍ NẾU KẾT QUẢ HỌC TẬP KHÔNG ĐẠT HIỆU QUẢ.
  • Áp dụng chính sách bảo hành kiến thức cho mỗi học viên.
  • Tất cả buổi học đều được ghi hình để học viên có thể xem lại bất cứ lúc nào.
  • Tiếp cận với hệ thống hơn 100 bài tập rèn luyện từ dễ đến khó.
  • Được tham gia học thử khóa học 2 buổi miễn phí.
  • Đối với học sinh có hoàn cảnh khó khăn, người khuyết tật hoặc giấy xác nhận là con của thương binh liệt sỹ sẽ nhận được học bổng từ 50-100%.
  • Đăng ký theo nhóm sẽ được giảm 150.000 đồng.
  • Được dạy bởi giảng viên là Project Manager/Leader trong doanh nghiệp.
  • Khai giảng: 15/10
  • Thời lượng: 14 buổi (2 buổi/tuần)
  • Hình thức: Online trực tiếp
  • Ca học: 18h-21h – Thứ 6,7
  • Học phí: 999.000đ (Chi tiết)
Tư vấn Đăng Ký Ngay Đăng Ký Học Thử Zalo

Các khoá học khác

Khóa học JavaScript

Thời lượng 3 tháng

Khóa học Frontend

Thời lượng 7.5 tháng

Khóa học Full Stack

Thời lượng 14 tháng

Khóa học React Native

Thời lượng 7.5 tháng

0 0 votes
Đánh giá
guest
0 Bình luận
Inline Feedbacks
View all comments