Web cơ bản HTML5, CSS3 và Javascript
Mô tả

HTML, CSS và Javascript là bộ 3 ngôn ngữ cần thiết cho mọi web developer. Dù bạn muốn xây dựng nên một trang web đơn giản hay phức tạp đều không thể thiếu chúng. Khóa học này sẽ cung cấp cho bạn những kiến thức cơ bản, cần thiết nhất để bắt đầu trên con đường trở thành một lập trình viên web chuyên nghiệp.

 

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

  • Dành cho người mới bắt đầu, chưa từng học lập trình hoặc cho những ai muốn ôn lại kiến thức căn bản về lập trình web.
  • Dễ học, dễ thực hành, ví dụ trực quan thú vị, không yêu cầu cao về máy móc hay phần mềm đi kèm.
  • Sử dụng HTML5, CSS3, thiết kế theo chuẩn SEO, responsive, tối ưu hóa cho các công cụ tìm kiếm.
  • Cần thiết cho tất cả dự án web trên mọi công nghệ, mọi nền tảng.
  • Ví dụ mẫu nhiều, trực quan, thú vị.

 

Kết thúc khóa học bạn sẽ học được gì?

  • HTML: Cấu trúc trang web theo chuẩn HTML5, tối ưu hóa cho SEO.
  • CSS: Bố cục layout, kiến thức về responsive web design và cách tạo các hiệu ứng đẹp nhờ CSS.
  • Javascript cơ bản, xử lý sự kiện, tương tác của người dùng.
  • Cách sử dụng 1 số thư viện nổi tiếng, thông dụng như jQuery, Bootstrap, MeterializeCSS, ...

 

Với những kiến thức đó bạn có thể làm gì?

  • Làm Front-end developer tại các công ty chuyên thiết kế website, gia công dự án website lớn.
  • Xin việc tại các công ty chuyên thiết kế theme cho website.
  • Làm freelance: fix bug HTML, CSS, Javascript, tối ưu hóa trang web sẵn có hoặc tự làm theme để bán.
  • Làm biên tập viên, viết bài, chỉnh sửa bài viết cho website của công ty, tổ chức, ...
  • Có nền tảng cơ bản để tiếp tục học chuyên sâu về lập trình web Frontend hoặc Backend (NodeJS) hoặc lập trình các ứng dụng desktop, ứng dụng di động, game, ...

 

Demo bài tập của học viên

hoặc xem cụ thể hơn: Bài tập học viên

 

Trong trường hợp bạn ở Hà Nội, cần có người đôn đốc, hướng dẫn trực tiếp, hãy tham khảo khóa học Lập trình Web Frontend dành cho người mới.

 

 

Giáo trình
0. Tổng quan về HTML
  •  HTML là gì?
  •  Ứng dụng HTML đầu tiên
  •  Heading, Paragraph & Special characters
  •  Các thẻ format text
  •  BT: Tạo 1 trang HTML đơn giản
1. Tổng quan về CSS
  •  CSS và cách sử dụng trên trang HTML
  •  CSS syntax
  •  CSS Selectors
  •  Styling text
  •  Hướng dẫn sử dụng Chrome Developer Tools
  •  BT: Thực hành selectors
2. Image & Link
  •  Chèn ảnh vào trang web
  •  Các loại đường dẫn
  •  Styling image
  •  Chèn link vào trang web
  •  Pseudo Class
  •  Pseudo Element
  •  BT: Thực hành Link + Image
3. Photoshop cơ bản
  •  Làm quen với Photoshop
  •  Hướng dẫn một số công cụ cơ bản
  •  Cắt ghép ảnh trong Photoshop
4. CSS Layout
  •  Div, span và thuộc tính Float
  •  Sizing - Tinh chỉnh kích thước
  •  BT: Tạo trang Image Gallery
  •  Thuộc tính Display
  •  Thuộc tính Position
5. Tối ưu website
  •  Cross Browser compatibility phần 1
  •  Cross Browser compatibility phần 2
  •  HTML5 layout
  •  Search Engine Optimization
6. Tạo hiệu ứng động bằng CSS
  •  Transition & Opacity
  •  Transform, Overflow & Box Shadow
  •  Animation
  •  BT: Tạo thiệp chúc mừng online
7. Fonts
  •  Web fonts
  •  Thư viện Font Awesome
8. List trong HTML
  •  Các loại List
  •  Styling List
  •  BT: Ứng dụng menu đa cấp vào trang web
9. Javascript cơ bản
  •  Javascript và cách sử dụng trên trang HTML
  •  Biến, kiểu dữ liệu phần 1
  •  Biến, kiểu dữ liệu phần 2
  •  Function
  •  Vòng lặp
  •  Điều kiện, rẽ nhánh phần 1
  •  Điều kiện, rẽ nhánh phần 2
  •  BT vẽ hình
10. Javascript HTML DOM
  •  Document Object Model
  •  DOM event
  •  BT Quiz
11. jQuery qua ví dụ game Memory Card
  •  jQuery
  •  BT: Memory card 1
  •  BT: Memory card 2
  •  BT: Memory card 3
12. Form
  •  Login form
  •  Register form
  •  Validate form
13. Table
  •  Table
  •  BT: Tạo bảng dữ liệu, sắp xếp dữ liệu
14. Responsive web design
  •  Media query
  •  Giới thiệu Bootstrap
  •  Bootstrap và Grid layout
  •  Bootstrap Javascript
  •  BT: Responsive web
15. Cắt HTML, CSS
  •  Cắt HTML, CSS từ file PSD phần 1
  •  Cắt HTML, CSS từ file PSD phần 2
  •  BT: Cắt HTML, CSS
16. Ứng dụng Kanban Board
  •  Web application
  •  Mockup giao diện ứng dụng
  •  Tạo khung layout
  •  Tính năng Thêm mới công việc
  •  Tính năng Xóa công việc
  •  HTML5 Local Storage
  •  Xử lý, lưu trữ dữ liệu phần 1
  •  Xử lý, lưu trữ dữ liệu phần 2
  •  Xử lý, lưu trữ dữ liệu phần 3
17. Ôn tập
  •  Một số câu hỏi phỏng vấn về HTML
  •  Một số câu hỏi phỏng vấn về CSS
  •  Một số câu hỏi phỏng vấn về Javascript
thumbnail
600000đ
Học trực tuyến
18 phần, 79 bài học
Đánh giá
4 sao
124 người đánh giá
Tào Quỳnh
Khoá học giảng viên cần giảng to hơn
Nguyễn Văn Phong
Hong Thai Nguyen
Nguyễn Hàn Duy
Good
Nguyễn Huy Hoàng
Trước
Sau
Gói học phí
Bạn có thắc mắc
Nhận hỗ trợ
Để lại thông tin, chúng tôi sẽ liên hệ với bạn
Đóng trọn gói
600000đ
Học viên hoàn thành học phí trong một lần
FREE