Thời lượng: 15 buổi
BUỔI 1: CÁC THẺ HTML CƠ BẢN VÀ CÀI ĐẶT CÁC TOOL THÔNG DỤNG
- Giới thiệu các tool làm việc cần thiết
- Giới thiệu lịch sử hình thành của HTML
- Các thẻ tag HTML cơ bản
- Sự cải tiến trong HTML5
- Thực hành theo các thẻ tương ứng
BUỔI 2: THỰC HÀNH HTML VÀ TOOL TƯƠNG ỨNG, HIỂU CƠ BẢN VỀ THẺ DIV
- Giới thiệu về CSS cơ bản, các thuộc tính màu chữ, font-size, font-family…
- Giới thiệu về inline và block tương ứng với thẻ các thẻ trong HTML
- Thực hành thao tác với các thẻ trong HTML thông qua việc dựng trang bằng thẻ table
BUỔI 3: CÁC THÀNH PHẦN CƠ BẢN TRONG DỰNG TRANG WEB
- Giới thiệu về CSS Selector
- Giới thiệu Box model
- Giới thiệu về display trong CSS
- Thực hành về display
- Giới thiệu một phần position
- Thực hành về position
BUỔI 4: HIỂU VỀ FLOAT, NGOÀI RA THỰC HÀNH VỚI AFTER, BEFORE TRONG CSS
- Giới thiệu về after/before trong CSS
- Thực hành về after/before
- Giới thiệu về float
- Thực hành về float
- Giới thiệu về clearfix
BUỔI 5: DỰNG TRANG THEO CỘT
- Giới thiệu cách dựng trang theo cột
- Giới thiệu cách đặt thẻ DIV sao cho hiệu quả
- Thực hành dựng trang đơn giản bằng DIV thay cho thẻ TABLE trước đó
BUỔI 6: CÁC THÀNH PHẦN CƠ BẢN BAO GỒM BREADCRUMB, DROPDOWN, MENU ĐA CẤP
- Thực hành với breadcrumb
- Thực hành với dropdown
- Thực hành với menu đa cấp
BUỔI 7: LÀM QUEN VỚI JAVASCRIPT
- Giới thiệu về tính cần thiết của Javascript
- Giới thiệu về câu lệnh, biến
- Giới thiệu về kiểu dữ liệu trong Javascript
- Giới thiệu về câu lệnh lặp
- Giới thiệu về câu lệnh điều kiện
- Thực hành
BUỔI 8: MẢNG DỮ LIỆU (ARRAY) TRONG JAVASCRIPT
- Giới thiệu về Mảng dữ liệu trong Javascript
- Các ví dụ liên quan tới Mảng dữ liệu
- Bài toán tìm phần tử lớn nhất, phần tử nhỏ nhất
- Bài toán tìm phần tử lớn thứ n trong mảng
- Bài toán sắp xếp mảng
BUỔI 9: CHUỖI (STRING) TRONG JAVASCRIPT
- Giới thiệu về chuỗi trong Javascript
- Giới thiệu các hàm xử lý cơ bản cho chuỗi
- Giới thiệu bài toán chuẩn hoá chuỗi
- Giới thiệu bài toán đảo ngược chuỗi
- Thực hành
BUỔI 10: GIỚI THIỆU VỀ JSON VÀ OBJECT TRONG JAVASCRIPT
- Giới thiệu về object trong Javascript
- Các bài toán liên quan tới Object
- Giới thiệu về JSON.parse và JSON.stringify
- Thực hành
BUỔI 11: GIỚI THIỆU VỀ ĐẶC TRƯNG TRONG JAVASCRIPT VÀ FUNCTION
- Làm quen với bài toán xử lý thông qua function
- Bài toán giải phương trình bậc nhất
- Bài toán giải phương trình bậc hai
- Giới thiệu đặc trưng trong Javascript
BUỔI 12: GIỚI THIỆU VỀ DOM, JAVASCRIPT THAO TÁC VỚI DOM NHƯ THẾ NÀO
- Bắt sự kiện cho các thẻ HTML tương ứng
- Thực hành thêm DOM
- Giới thiệu về jQuery, các tính năng cơ bản
BUỔI 13: GIỚI THIỆU VỀ JQUERY, JQUERY XỬ LÝ SỰ KIỆN, THAO TÁC TRÊN DOM NHƯ THẾ NÀO
- Thực hành với Jquery xử lý sự kiện
- Thực hành với việc Jquery thay đổi DOM
- Làm quen với bài toán AutoSuggestion and AutoComplete
BUỔI 14: GIỚI THIỆU VỀ LUỒNG CHƯƠNG TRÌNH KHI VIẾT JAVASCRIPT
- Giới thiệu về luồng cơ bản của chương trình khi viết Javascript
- Ứng dụng giải quyết bài toán AutoSuggestion và AutoComplete (AS/AC)
- Thực hành
BUỔI 15: LÀM QUEN VỚI BOOTSTRAP VÀ TỔNG KẾT HỌC PHẦN FRONTEND
- Hoàn thiện ứng dụng AS/AC
- Giới thiệu về bootstrap, các thành phần cơ bản
- Phân chia đề tài cho học phần và kết thúc
- Công nghệ sử dụng Js: jquery, react, chartjs và một số thư viện js thông dụng Thymeleaf Jsp
