Nội dung khóa học

• Buổi 1: Giới thiệu về JavaScript, HTML, CSS
Chủ đề:

JavaScript, HTML, CSS cơ bản

Mục tiêu:

Giới thiệu JavaScript, HTML, CSS.
Làm quen với các tag HTML.
Bài thực hành và làm bài tập.

Ứng dụng:

Thực Hành JavaScript, HTML, CSS cơ bản

Case Study:

Xây dựng một trang web cá nhân đơn giản với HTML, áp dụng CSS để thay đổi màu sắc, font chữ, và layout. Sử dụng JavaScript cơ bản để thêm tính năng đếm số lượt truy cập trang.

• Buổi 2: CSS Cơ bản và Box Model
Chủ đề:

CSS

Mục tiêu:

Tìm hiểu sơ lược về CSS.
CSS Selector và một số CSS Property cơ bản.
Box Model.
Làm bài tập.

Ứng dụng:

Thực Hành CSS nâng cao

Case Study:

Thiết kế một trang web với một loạt các khối nội dung, sử dụng kiến thức về box model để sắp xếp và căn chỉnh các khối này.

• Buổi 3: Website Layout và Bootstrap
Chủ đề:

Bootstrap

Mục tiêu:

Website layout.
Bài tập thực hành và Bootstrap.
Hướng dẫn thực hành.

Ứng dụng:

Hướng dẫn thực hành Bootstrap.

Case Study:

Xây dựng một trang tin tức với layout phản hồi, sử dụng Bootstrap để tạo navbar, footer, và các bài viết có cấu trúc.

• Buổi 4: Kiểu Dữ liệu, Biến, Hằng số và Toán tử
Chủ đề:

Kiểu Dữ liệu, Biến, Hằng số và Toán tử của JavaScript

Mục tiêu:

Data type, variable, constant declaration, operators.
Hướng dẫn thực hành.

Ứng dụng:

Thực hành JavaScript cơ bản

Case Study:

Viết một script JavaScript để tính toán và hiển thị kết quả của một số phép toán cơ bản, sử dụng biến để lưu trữ dữ liệu nhập vào và kết quả.

• Buổi 5: Function, Câu Lệnh Điều Kiện và Đối Tượng
Chủ đề:

Function, Câu Lệnh Điều Kiện và Đối Tượng trong JS

Mục tiêu:

Function và câu lệnh điều kiện.
Thực hành với Object.
Bài tập thực hành.

Ứng dụng:

Thực hành Function, Câu Lệnh Điều Kiện và Đối Tượng phổ biến trong JS

Case Study:

Tạo một trò chơi đơn giản như "Đoán số" sử dụng if-else và vòng lặp để xử lý nhập liệu và kiểm tra điều kiện.

• Buổi 6: Array và Phương thức của Array
Chủ đề:

Array

Mục tiêu:

Array và thực hành.
Hàm loop và các phương thức của Array.
Strict mode

Ứng dụng:

Thực hành Array .

Case Study:

Viết một số hàm để thực hiện các phép toán cơ bản và sử dụng chúng trong một ứng dụng tính toán đơn giản.

• Buổi 7: Class và Xử lý Lỗi
Chủ đề:

Class

Mục tiêu:

Sửa bài tập.
Class lý thuyết và thực hành.
Date, variable scope, errors và handling errors.

Ứng dụng:

Thực hành class

Case Study:

Tạo một danh sách quản lý thông tin cá nhân (tên, tuổi, địa chỉ) sử dụng mảng và đối tượng.

• Buổi 8: HTML Thực Hành và Sửa Bài
Chủ đề:

HTML

Mục tiêu:

Sửa bài tập và thực hành HTML.
Sửa bài thực hành.

Ứng dụng:

Thực Hành HTML5, CSS3 JS

Case Study:

Xây dựng một ứng dụng quản lý sản phẩm đơn giản với các lớp để biểu diễn sản phẩm và các tính năng quản lý.

• Buổi 9: Event trong JavaScript
Chủ đề:

JavaScript

Mục tiêu:

Sửa bài tập buổi 8.
Event trong JavaScript lý thuyết và bài tập.

Ứng dụng:

Lập trình hướng sự kiện trong JS

Case Study:

Tạo một trang web với các nút nhấn và xử lý sự kiện nhấn nút để thay đổi nội dung trang.

• Buổi 10: Module trong JavaScript
Chủ đề:

JavaScript

Mục tiêu:

Sửa bài tập.
Module trong JavaScript và bài tập.

Ứng dụng:

Thực hành về Module

Case Study:

Xây dựng một ứng dụng trang tin tức sử dụng API để lấy và hiển thị dữ liệu tin tức.

• Buổi 11: Promise và Giao tiếp Front-End và Back-End
Chủ đề:

JavaScript

Mục tiêu:

Sửa bài tập.
Promise và giao tiếp giữa front-end và back-end.

Ứng dụng:

Giao tiếp giữa front-end và back-end.

Case Study:

Tạo một trang web với khả năng lưu trữ cài đặt người dùng và trạng thái phiên làm việc.

• Buổi 12: ES6 Phần 1 và 2
Chủ đề:

JavaScript

Mục tiêu:

ES6 là gì
cú pháp trong ES6
ứng dụng ES6

Ứng dụng:

Thực hành ES6

Case Study:

Tối ưu và debug một đoạn mã JavaScript phức tạp, xác định và sửa chữa các lỗi.