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.

Khóa Học HTML CSS
pro of online learning

Ưu điểm của khóa học

  • Cam Kết Nắm Vững Kiến Thức HTML & CSS Sau Khi Hoàn Thành Khóa Học.
  • Không bị giới hạn địa lý, nơi nào cũng có thể học được.
  • Được tư vấn thời gian biểu học tập phù hợp với quỹ thời gian của bạn.
  • Chủ động học theo tiến độ riêng.
  • Quá trình học tập của bạn sẽ được theo sát bởi đội ngũ LetDiv.
  • Giảng viên review từng dòng code. Hỗ trợ nhanh chóng nếu gặp khó khăn, và hỗ trợ cho đến khi học viên hiểu rõ 100% vấn đề.
  • 689 học viên tốt nghiệp
  • Thời lượng: 2.5 tháng
  • Hình thức: Học online trực tiếp với giảng viên
  • Học phí: Chi tiết
Đăng Ký Ngay Tư vấn thêm

Hệ Thống Bài Tập Khoa Học

👉  Rèn luyện với hơn 1000 bài tập được chọn lọc kỹ từ cơ bản đến nâng cao.

👉  Hệ thống bài tập được sắp xếp liên quan lẫn nhau giúp bạn tiếp cận vấn đề một cách dễ dàng.

👉  Học lý thuyết đến đâu, làm ngay bài tập đến đó để có thể nắm vững kiến thức.

✅  Đặc biệt: Không còn nỗi lo “học mới quên cũ” với phương pháp 3:7. Nghĩa là khi thực hành, hệ thống sẽ cung cấp 7 phần là kiến thức mới và 3 phần là kiến thức đã học để giúp bạn ôn tập tốt hơn và tự tin hơn.

✅  Các bài tập thuộc phần ôn tập sẽ được cung cấp dựa trên những kiến thức mà bạn chưa nắm vững trước đó (thông qua dữ liệu của hệ thống theo dõi rèn luyện).

Cam kết của 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.
  • Có quỹ thời gian tối thiểu 45 phút / ngày.

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, Transitions, 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, xây dựng và tối ưu hóa trang web từ con số 0.
Bạn sẽ học được những gì

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

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
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
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
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
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
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
Tối Ưu Code CSS
  • Nguyên lý Don’t Repeat Yourself.
  • Tổ chức file CSS.
CSS Cơ Bản 3
  • Transform.
  • Canh giữa phần tử có position absolute.
  • Animation cơ bản.
  • Visibility.
  • Table.
  • Overflow.
  • Shadow
Responsive (Hiển Thị Đa Thiết Bị)
  • Đơn vị rem.
  • Khai báo media queries.
  • Thiết lập giao diện responsive
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

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.
  • 689 học viên tốt nghiệp
  • Thời lượng: 2.5 tháng
  • Hình thức: Học online trực tiếp với giảng viên
  • Học phí: Chi tiết
Đăng Ký Ngay Tư vấn thêm

Các khoá học khác

khoá học javascript

Khóa Học JavaScript

1573 học viên tốt nghiệp

Khoá học React căn bản đến nâng cao

Khóa Học React

395 học viên tốt nghiệp

frontend-couse

Khóa Học Frontend

471 học viên tốt nghiệp

Khóa Học HTML CSS

Khóa Học HTML CSSS

689 học viên tốt nghiệp

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