Lập trình Front-end theo lộ trình HTML, CSS & Javascript - Level 1

66 Chương, 223 bài giảng, 5 giờ học

Chương 1: Giới thiệu khóa học và cài đặt công cụ
Chương 2+3: Giới thiệu thẻ HTML, CSS cơ bản
Chương 4+5: Thuộc tính Flex trong CSS
Chương 6+7: Làm menu với html& css
Chương 8+9: Làm hiệu ứng slide cơ bản nhất
Chương 10: Thuộc tính chia Layer
Chương 11: Chữa bài tập Css3 từ các sản phẩm Themeforest bất kỳ
Chương 12: Làm menu đa cấp với thuộc tính chia Layer
Chương 13+14: Kỹ thuật nâng cao - sử dụng biến và afrer, before trong CSS3
Chương 15+16: JAVASCRIPT và cài đặt
Chương 17: Chương trình đầu tiên và khái niệm cơ bản về JAVASCRIPT
Chương 18: Toán tử, định danh và câu lệnh so sánh trong JAVASCRIPT
Chương 19: Kiểu hay sử dụng nhất trong JAVASCRIPT - mảng và đối tượng
Chương 20: Xử lý text, xử lý số và sử dụng vòng lặp trong JAVASCRIPT
Chương 21: Hàm và các loại hàm sử dụng trong JAVASCRIPT
Chương 22: JAVASCRIPT thay cho JQUERY
Chương 23: Sử dụng vòng lặp thao tác với thẻ HTML
Chương 24: Các hàm truy xuất phần tử dành cho FRONTEND
Chương 25: Các hàm xử lý giao diện của JAVASCRIPT
Chương 26: Học viết hiệu ứng thực tế qua bài tập
Chương 27: Phương pháp viết hiệu ứng hai chiều với ANIMATION
Chương 28: Viết hiệu ứng tương tác NOTIFICATION của FACEBOOK
Chương 29: Phương pháp viết hiệu ứng tổng quát thông qua truyền tham số HTML5
Chương 30: Viết hiệu ứng tổng quát cho FACEBOOK bằng phương pháp truyền tham số
Chương 31: Tóm tắt phần kiến thức cơ bản JAVASCRIPT
Chương 32: Viết hiệu ứng tương tác Menu - phần HTML-CSS
Chương 33: Viết hiệu ứng tương tác menu - phần JAVASCRIPT
Chương 34: Các hàm cần thiết để thao tác với hiệu ứng SCROLL
Chương 36: Viết hàm tương tác SCROLL qua bài tập thức tế trên FACEBOOK - KENH14
Chương 37: Viết hiệu ứng LOAD bằng JAVASCRIPT
Chương 38: 'ĐỔ BÊ TÔNG' kiến thức qua bài tập thực hành JAVASCRIPT
Chương 39: Khởi động PROJECT viết hiệu ứng slide bằng JAVASCRIPT
Chương 40: Phương thức xử lý phần chuyển slide bằng JAVASCRIPT
Chương 41: Cách xử lý giao diện luôn luôn full màn hình
Chương 42: Dựng bố cục và nội dung cho Slide
Chương 43: Logic của việc tạo hiệu ứng chuyển động trong slide
Chương 44: Hoàn thiện hiệu ứng
Chương 45: Viết hàm auto slide
Chương 46: Khởi động projec thứ 2 viết hiệu ứng slide nâng cao
Chương 47: Hoàn thiện phần giao diện
Chương 48: Logic của hàm JAVASCRIPT
Chương 49: Viết chuyển động bằng JAVASCRIPT VÀ CSS3
Chương 50: Giới thiệu hàm JAVASCRIPT check trạng thái của chuyển động
Chương 51: Hoàn thiện hàm xử lý nút next của hiệu ứng
Chương 52: Xử lý lỗi click liên tiếp nhiều lần
Chương 53: Hoàn thiện hàm xử lý nút previous của hiệu ứng
Chương 54: Phương pháp đóng gói code trong JAVASCRIPT
Chương 55: Sử dụng thành thạo toán tử 3 ngôi qua việc đóng gói code
Chương 56: Thiết kế hiệu ứng số 2 và số 3
Chương 57: Phản xạ về cách viết hiệu ứng CSS3 qua 6 bài tập
Chương 58: Khởi động Project viết hiệu ứng tương tác ảnh của FACEBOOK bằng JAVASCRIPT
Chương 59: Hoàn thiện phần setup HTML - CSS
Chương 60: Viết JAVASCRIPT Cho chức năng ban đầu của chương trình
Chương 61: Lại xử lý tiếp CSS
Chương 62: Bắt đầu code phần ảnh
Chương 63: Lại xử lý tiếp JAVASCRIPT
Chương 64+65: Logic thực hiện hiệu ứng chuyển ảnh của FACEBOOK
hương 66: Bài tập nâng cao cho phần tương tác ảnh FACEBOOK

Lập trình Front-end theo lộ trình Boostrap, JQuery - Level 2

17 Chương, 278 bài giảng, 18 giờ học
Chương 1: Tổng quan về JQuery
Chương 2: Cài đặt và chạy JQuery
Chương 3: Giới thiệu 3 phần quan trọng của JQuery
Chương 4: Khởi động Project 1 với hiệu ứng accordion
Chương 5: Project số 2 - One Website
Chương 6: Project 3 hiệu ứng ảnh
Chương 7: Giới thiệu các thuộc tính CSS3 nâng cao cho hiệu ứng
Chương 8: Áp dụng Transition làm hiệu ứng
Chương 9: Sử dụng Animation
Chương 10: Sử dụng JQuery kết hợp với css3
Chương 11: Sử dụng JQuery viết hiệu ứng tại trang apple.com
Chương 12: Sử dụng JQuery viết hiệu ứng khác nhau cho slide
Chương 13: Sử dụng JQuery viết hiệu ứng Scroll
Chương 14: Hiệu ứng sắp xếp và hiệu ứng Filter
Chương 15: Hiệu ứng kết hợp Bootstrap và JQuery
Chương 16: Hiệu ứng GSap kết hợp JQuery
Chương 17: BOOTSTRAP

Lập trình Front-end theo lộ trình GIT, SASS & REACT JS - Level 3
73 Chương, 226 bài giảng, 6 giờ học
Chương 1+2: Giới thiệu GITHUB
Chương 3: Thực hành các lệnh cơ bản trong GIT
Chương 4: PROJECT THỰC TẾ
Chương 5: Xử lý website Responsive trong GITHUB
Chương 6: Giới thiệu và cài đặt
Chương 7: So sánh 2 định dạng phổ biến SASS và SCSS
Chương 8: 5 tính năng chính của SASS
Chương 9: Bắt đầu Project thực tế
Chương 10: HTML và SASS cho phần top của website
Chương 11: Xử lý Slide và hiệu ứng chuyển động
Chương 12: Viết SASS cho giao diện responsive
Chương 13+ 14: Xử lý slide và hiệu ứng chuyển động và tổng kết
Chương 15: Giới thiệu - cài đặt - và chạy chương trình React JS đầu tiên
Chương 16: Khái niệm và 4 cách định nghĩa Component trong React JS
Chương 17+18: Khái niệm và cách truyền thông tin qua Props trong Component
Chương 19: Thực hành kiến thức Component qua bài tập chuyển đổi giao diện từ bootstrap 4 sa
Chương 20: Hai cách viết tương tác trong React JS
Chương 21: Khái niệm State - thao tác với state
Chương 22: Thay đổi state và sử dụng thuộc tính Default Value
Chương 23: Học về LifeCycle của React Component
Chương 24: Học về React Router và thực hành tạo giao diện
Chương 25: Chuyển đổi từ giao diện thành React Component
Chương 26: Tích hợp React Router để thao tác không cần load lại trang
Chương 27: Tạo dữ liệu và load dữ liệu Json trong React JS
Chương 28: Ánh xạ dữ liệu vào Component và tạo đường dẫn SEO
Chương 29: Cách truyền tham số thông qua URL và nhận dữ liệu từ tham số truyền vào
Chương 30: Hoàn thiện chức năng tin liên quan cho demo
Chương 31: Cách gửi nhận dữ liệu bằng form trong React JS
Chương 32: Project thiết kế backend với dữ liệu LocalStorage
Chương 33: Thiết kế UX và cắt HTML CSS
Chương 34+35: Tạo Project React và chuyển đổi từ giao diện HTML sang React
Chương 36: Thực hành kết nối các component cha con và component ngang cấp
Chương 37: Tạo dữ liệu cho Project và đẩy dữ liệu ra giao diện
Chương 38: Logic các bước làm và cách lập trình chức năng tìm kiếm
Chương 39: Lập trình chức năng thêm mới thành viên bằng React JS
Chương 40: Hoàn thiện chức năng thêm mới bằng cách tự sinh ID khi tạo mới dữ liệu
Chương 41: Phân tích Logic thực hiện chức năng sửa thông tin
Chương 42+: Tạo Form sửa dữ liệu và Load nội dung khi được kích hoạt
Chương 44: Lập trình chức năng xóa thông tin thành viên
Chương 45: Dữ liệu hóa ứng dụng với LocalStorage
Chương 46: Cách đóng gói ứng dụng và chạy ứng dụng trên Xamp Server
Chương 47: Cách đồng bộ code, download code, chạy code và quản lý bằng Github
Chương 48: Bắt đầu với Redux - What & Why
Chương 49+50: Phân tích cấu trúc một ứng dụng Redux và thực hành
Chương 51: Tạo ứng dụng kết hợp React - Redux
Chương 52: Cách sử dụng hàm MapDispatchToProps
Chương 53: Giới thiệu Project mới với Redux và Firebase
Chương 54: Học cách sử dụng Firebase trong 30 phút
Chương 55: Thực hành thêm sửa xóa dữ liệu Firebase từ React JS
Chương 56: Cài đặt Redux - khởi tạo Store - khởi tạo Reducer
Chương 57: Thực hành kết nối Store và Component hoàn thiện chức năng thêm mới dữ liệu
Chương 58: Chức năng in dữ liệu ra danh sách
Chương 59: Thực hành kết nối App và NoteItem với Redux Store
Chương 60 + 61: Chức năng sửa dữ liệu
Chương 62: Xử lý điều hướng sử dụng Store
Chương 63: Tuỳ biến tiêu đề theo chức năng
Chương 64: Lập trình phần hiển thị thông báo cho các thao tác chức năng
Chương 65: Tổng kết phần React Redux
Chương 66: Cài đặt và tạo cơ sở dữ liệu PostgreSQL
Chương 67: Khởi tạo Project
Chương 68: Kết nối Node JS và PostgreSql
Chương 69: Phân tích logic của một ứng dụng
Chương 70: Dựng Frontend bằng React JS
Chương 71: Giao tiếp dữ liệu từ Node js sang React JS
Chương 72: Giao tiếp dữ liệu từ React JS sang Node JS
Chương 73: Tổng kết ứng dụng