PHẦN 1:
Giới thiệu và các phần mềm cần thiết
- Bài 1: Giới thiệu khóa học
- Bài 2: Cài đặt 2 phần mềm cần thiết
PHẦN 2:
Các kiến thức cơ bản
- Bài 5 + 6: Giới thiệu các thẻ HTML cần học cho cắt web
- Bài 7: 3 cách đưa CSS vào website
- Bài 8: Các thuộc tính CSS
PHẦN 3:
Học cách cắt web qua từng bài tập
- Bài 9 + 10 +11: Áp dụng thuộc tính đã học chữa bài 1 kênh14
- Bài 12: Giới thiệu về Class và ID trong CSS
- Bài 13 + 14 +15 +16: Luyện tập CSS cơ bản với Class và ID
- Bài 17: Cách load và sử dụng font mới
Bài 18: Sử dụng font icon và cách làm hiệu ứng hover
- Bài 19 + 20: Chữa bài megafun.vn - tập 1
- Bài 21: Chữa bài ione.vnexpress.net
- Bài 22 + 23 +24: Chữa bài docbao.vn
- Bài 25 + 26: Chữa bài Vietnamnet.vn
- Bài 27 + 28: Chữa bài marry.vn
- Bài 29: Chữa bài giadinh.net
- Bài 30 + 31: Chữa bài saga.vn
PHẦN 4:
Các thuộc tính chia layer trong CSS
- Bài 32: Giới thiệu về thuộc tính absolute và relative
- Bài 33 + 34: Giới thiệu về thuộc tính flex
- Bài 35 + 36: Luyện tập về thuộc tính flex
- Bài 37 + 38 + 39 + 40 + 41: Luyện tập Absolute với website guu.vn
- Bài 42 + 43: Chữa bài 1 Absolute USATODAY
- Bài 44 + 45: Thực hành Absolute với website tiin.vn
- Bài 46: Luyện tập chia layer với website udemy.com
- Bài 47: Kết hợp absolute với transition
- Bài 48: Thuộc tính background attachment
- Bài 49 + 50: Thuộc tính Animation
- Bài 51: Áp dụng thuộc tính position va hover transition
- Bài 52 + 53 + 54 + 55: Áp dụng thuộc tính absolute, transition, flex - tập 1
- Bài 56 + 57: Kết hợp absolute và hover transition
- Bài 58 + 59 + 60: Kết hợp absolute và transition chữa bài hiệu ứng
- Bài 61: Tổng kết phần html - css và giới thiệu kiến thức mới
PHẦN 5:
Giới thiệu Boostrap 4 và cài đặt
- Bài 62: Giới thiệu về bootstrap phiên bản 4
- Bài 63 + 64: Hướng dẫn cài đặt bootstrap
- Bài 65 + 66: Thành phần Grid trong bootstrap
- Bài 67: Giới thiệu về responsive
PHẦN 6:
Bắt đầu học Boostrap
- Bài 68: Giới thiệu về alert
- Bài 69: Giới thiệu về breadcrumb
- Bài 70: Giới thiệu về button
- Bài 71: Phương pháp học bootstrap
- Bài 72: Giới thiệu về checkbox và radio button
- Bài 73: Giới thiệu về dropdown menu
- Bài 74: Giới thiệu về thành phần mới so với BS3: Card layout
- Bài 75: Giới thiệu về thành phần card deck
- Bài 76: Giới thiệu về thành phần card group
- Bài 77: Giới thiệu về thành phần card column
- Bài 78: Giới thiệu về thành phần carousel
- Bài 79: Giới thiệu về thành phần collapse
- Bài 80: Giới thiệu về thành phần form
- Bài 81: Tổng kết và phương pháp cắt HTML/CSS dựa trên bootstrap
PHẦN 7:
Học Boostrap qua từng bài tập
- Bài 82: Thành Phần menu trong bootstrap
- Bài 83: Thành phần spacing trong bootstrap
- Bài 84: Thành phần căn chỉnh trong bootstrap
- Bài 85: Sử dụng card layout để tạo thông tin
- Bài 86: Tóm tắt kiến thức
- Bài 87: Giới thiệu bài tập tạo website với bootstrap
- Bài 88: Sử dụng navbar collapse
- Bài 89: Sử dụng jumbotron
- Bài 90: Thực hành BS với card deck layout
- Bài 91: Viết hiệu ứng scroll bằng jquery
- Bài 92: Tổng kết kiến thức
- Bài 93: Giới thiệu website
- Bài 94: Tạo menu responsive thế nào
-Bài 95: Tạo hiệu ứng slide theo website
- Bài 96: Hoàn thiện website
- Bài 97: Tổng kết website và kiến thức học được
- Bài 98: Tóm tắt kiến thức
- Bài 99: Tạo menu và carosel bằng phím tắt
- Bài 100: Tinh chỉnh và hoàn thiện menu
- Bài 101: Xử lý phần khoảng cách cho menu bằng css
- Bài 102: Xử lý phần nội dung carousel caption
- Bài 103: Phương pháp xử lý responsive trong BS4
- Bài 104: Xử lý căn chỉnh nội dung bằng row trong row
- Bài 105: Tinh chỉnh phần nội dung chính xác bằng css
- Bài 106: Xử lý khối thông tin web site chứa facebook button
- Bài 107: Hoàn thiện khối thông tin website với css
- Bài 108: Hoàn thiện footer
PHẦN 8:
Học bootstrap qua việc làm theme bootstrap: Creative theme
- Bài 109: Hoàn thiện footer
- Bài 110 + 111: Creative theme - tạo khung html
- Bài 112 + 113: Creative theme - tạo css cho phần menu trên - tập 1
- Bài 114 + 115: Creative theme - tạo css cho phần banner
- Bài 116 + 117: Velocity theme - xử lý responsive
- Bài 118: Creative theme - xử lý khối giới thiệu
- Bài 119 + 120: Creative theme - xử lý phần chia cột
- Bài 121 + 122: creative theme - xử lý khối sản phẩm
- Bài 123: Creative theme - xử lý hiệu ứng jquery
PHẦN 9:
Học bootstrap qua việc làm theme bootstrap: VELOCITY THEME
- Bài 124: Velocity theme - bắt đầu với menu
- Bài 125: Velocity theme - tạo banner
- Bài 126 + 127: Velocity theme - tạo css cho phần logo
- Bài 128 + 129 + 130: Velocity theme - tạo css cho menu responsive
- Bài 131: Velocity theme - tạo css cho phần banner responsive
- Bài 132 + 133: Velocity theme - tạo phần dịch vụ
- Bài 134 + 135: Velocity theme - xử lý hiệu ứng slide
- Bài 136 + 137: Velocity theme - hiệu ứng jquery
PHẦN 10:
Học cắt web từ file thiết kế photoshop
- Bài 138: Giới thiệu phần mềm photoshop
- Bài 139: Bước chuẩn bị cho cắt web
- Bài 140: Sử dụng bootstrap tạo khung menu
- Bài 141: Tạo css cho menu trên màn hình desktop
- Bài 142: Tạo css cho menu trên màn hình iphone
- Bài 143: Tạo khung html cho slide banner
- Bài 144 + 145: Tạo css cho slide banner - tập 1
- Bài 146: Tạo khung html cho khối dịch vụ
- Bài 147: Tạo css cho khối dịch vụ
- Bài 148: Hướng dẫn xử lý các phần khác của giao diện
PHẦN 13:
Cắt web với sản phẩm bán chạy trên themeforest : thefox
PHẦN 12:
Cắt web từ file thiết kế photoshop - giao diện pix
- Bài 157: Xử lý css cho khối sản phẩm
- Bài 158: Bước chuẩn bị
- Bài 159: Xử lý phần html cho phần logo và menu
- Bài 160: Xử lý phần css cho menu
- Bài 161: Xử lý html cho phần banner
- Bài 162: Xử lý css cho phần banner
- Bài 163: Xử lý html cho khối 3 dịch vụ
- Bài 164: Xử lý css cho phần 3 dịch vụ
- Bài 165: Tóm tắt các làm cho phần còn lại của giao diện
- Bài 166: Cắt web thefox- bước chuẩn bị
- Bài 167: Cắt web thefox - tạo khung html cho topheader
- Bài 168: Cắt web thefox - tạo css cho phần topheader
- Bài 169: Tạo html cho phần menu
- Bài 170: Cắt web thefox - tạo css cho phần menu
- Bài 171: Cắt web thefox - tạo css cho menu trên iphone
- Bài 172: Cắt web thefox- tạo khung html cho banner
- Bài 173: Cắt web thefox - tạo css cho phần banner
- Bài 174: Cắt web thefox - tạo html cho phần giới thiệu
- Bài 175: Cắt web thefox - tạo css cho phần giới thiệu
- Bài 176: Cắt web thefox - hướng dẫn xử lý các phần còn lại
- Bài 175: Tổng kết khóa học
PHẦN 1:
Giới thiệu
- Bài 1: Giới thiệu Angular JS
PHẦN 2:
Cài đặt cơ bản
- Bài 2: Cài đặt code editor
- Bài 3: Cài đặt plugin
PHẦN 3:
Chạy ứng dụng Angular đầu tiên
- Bài 4: Chạy ứng dụng Angular js và chạy ứng dụng đầu tiên
- Bài 5: Sử dụng file template
PHẦN 4:
Thực hành với model trong angular js
- Bài 6: Khái niệm và sử dụng ng-model
- Bài 7: Sử dụng ng-model với select
- Bài 8: Sử dụng ng-model với radio button
- Bài 9: Logic sử dụng ng-model qua bài hiệu ứng đơn giảng
- Bài 10: Ng-show và ng-init
PHẦN 5:
Thực hành với Scope và Controller trong Angular js
- Bài 11: Hiểu scope và controller thông qua bài thực hành
- Bài 12: Cách định nghĩa và sử dụng hàm gắn với scope
PHẦN 6:
Học Angular js thông qua bài thực hành
- Bài 13: Tổng hợp kiến thức đã học thông qua bài thực hành - phần html
- Bài 14: Viết phần logic của ứng dụng
- Bài 15: Hoàn thiện ứng dụng
- Bài 16: Hướng dẫn làm hoàn thiện ứng dụng
- Bài 17: Sử dụng vòng lặp ng-repeat
PHẦN 7:
Học cách viết Backend theo phương pháp single - page web app sử dụng Angular js
- Bài 18: Giới thiệu bài tập và cách đặt phím tắt trình bày lại format của code
- Bài 19: Sử lý logic ban đầu cho phần mềm sửa xóa nội dung kiểu single-page web app
- Bài 20: Hoàn thiện chức năng sửa xóa trực tiếp với ng-repeat
PHẦN 8:
Tổng kết ứng dụng và giới thiệu phương pháp xử lý dữ liệu
- Bài 21: Tổng kết kiến thức
- Bài 22: Làm thật
PHẦN 9:
Tạo dữ liệu trong Mysql và viết API cho Angular js
- Bài 23: Tạo cơ sở dữ liệu
- Bài 24: Viết API lấy dữ liệu cho angular
PHẦN 10:
Kết nối Angular js với Mysql qua API
- Bài 25: Cài đặt môi trường chạy Angular trong project web động
- Bài 26: Kết nối angular với Mysql qua API
PHẦN 11:
Hoàn thiện ứng dụng Angular js - Mysql đầu tiên
- Bài 27: Viết API sử dữ liệu
- Bài 28: Hoàn thiện ứng dụng Angular Mysql
PHẦN 12:
Kết nối Angular js với Mysql qua API
- Bài 29: Mở đầu về angular material với ứng dụng thông báo
- Bài 30: Tích hợp angular material vào view
PHẦN 13:
Giới thiệu phương pháp lập trình single-page web app sử dụng Route
- Bài 31: Lọc dữ liệu trong Angular
- Bài 32: Cách viết nhiều controller trong một web
- Bài 33: Học phương pháp làm single-page web app qua bài thực hành
PHẦN 14:
Hoàn thiện ứng dụng đầu tiên sử dụng Route kết nối cơ sở dữ liệu qua http
- Bài 34: Kiến thức cơ bản về Route
- Bài 35: Sử dụng HTML5 mode trong angular
- Bài 36: Tạo dữ liệu thật và kết nối angular qua $http
- Bài 37: Phun dữ liệu ra single-page web app
PHẦN 15:
Giời thiệu project Singgle - page web app số 2
- Bài 38: Giới thiệu project single-page web app số 2 và download file mẫu
- Bài 39: Bố cục và sắp xếp file cho project
PHẦN 16:
Phần route và phân tích dữ liệu
- Bài 40: Hoàn thiện phần điều hướng sử dụng route cho Project
- Bài 41: Phương hướng xử lý phần dữ liệu cho web
- Bài 42: Phân tích cơ sở dữ liệu
PHẦN 17:
Làm quen với phương pháp lập trình backend bằng Angular
- Bài 43: Thêm dữ liệu
- Bài 44: Cài đặt thư viện và môi trường Angular cho view trong Backend
- Bài 45: Giao tiếp dữ liệu bằng APi
- Bài 46: Tạo view
- Bài 47: Sử dụng angular lấy dữ liệu từ API
- Bài 48: Đẩy dữ liệu ra bằng Angular
- Bài 49: Sửa dữ liệu bằng Angular
- Bài 50: Viết API lưu dữ liệu
- Bài 51: Lưu dữ liệu bằng Angular
- Bài 52: Hoàn thiện Backend bằng Angularcho trang about
Phần 18:
Xử lý các phần giao diện trang contact và trang liên hệ
- Bài 53: Viết controller đưa dữ liệu ra frontend
- Bài 54: Sửa lỗi router phổ biến trong angular
- Bài 55: Xử lý dữ liệu trang contact
- Bài 56: Xử lý dữ liệu trang tin tức
PHẦN 19:
Tổng kết phần Angular
- Bài 57: Tổng kết phần Angular
PHẦN 20:
Học sử dụng thư viện angular cho lập trình Backend
- Bài 58: Giới thiệu phần học sử dụng thư viện angular
PHẦN 21:
Ba bước cơ bản để sử dụng một thư viện
- Bài 59: Hướng dẫn sử dụng thư viện ui select của angular
- Bài 60: Bước số 2 trong sử dụng thư viện - kiểm soát dữ liệu trả về
- Bài 61: Bước số 3 trong sử dụng thư viện - Kết nối dữ liệu
PHẦN 22:
Sử dụng thư viện ui select
- Bài 62: Thư viện ui select với multiple select
- Bài 63: Bước số 2 lấy dữ liệu trả về
- Bài 64: Bước số 3 - Kết nối cơ sở dữ liệu
PHẦN 24:
Cách sử dụng template admin khi làm backend
- Bài 67: Cách sử dụng template admin khi làm backend
- Bài 68: Dựng template cơ bản
PHẦN 23:
Project backend sử dụng angular giới thiệu và cài đặt cơ bản
- Bài 65: Giới thiệu project làm backend bằng Angular
- Bài 66: Cài đặt cơ bản dữ liệu - API - Angular
PHẦN 26:
Chức năng thêm mới người dùng
- Bài 71: Tạo form thêm người dùng bằng template
- Bài 72: Viết API thêm người dùng
- Bài 73: Sử dụng Angular để lấy dữ liệu thông qua scope
- Bài 74: Chuyển dữ liệu cho API
- Bài 75: Đặt phím tắt cho angular post
PHẦN 25:
Tạo route cho các chức năng sử dụng template
- Bài 69: Dựng Routing cơ bản
- Bài 70: Tạo 2 route adduser và userlist
PHẦN 28:
Xử lý chuyển hướng và đăng xuất
- Bài 82: Xử lý chuyển hướng trong Angular
- Bài 83: Sử dụng angular kiểm tra tính hợp lệ của form
- Bài 84: Kiểm tra trạng thái đăng nhập trong Angular
- Bài 85: Đăng xuất
- Bài 86: Qui trình logic của chức năng xem danh sách người dùng
- Bài 87: API - Phần dữ liệu
PHẦN 27:
Chức năng đăng nhập
- Bài 76: Tích hợp và thông báo cho chức năng thêm dữ liệu bằng Angular
- Bài 77:Chức năng đăng nhập phần setup cơ bản phần template
- Bài 78: Quy trình logic của chức năng đăng nhập
- Bài 79: Sử dụng Angular lấy dữ liệu và gửi về API
- Bài 80: Viết Api xử lý dữ liệu
- Bài 81: Xử lý 3 trường hợp xảy ra khi đăng nhập hệ thống
PHẦN 30:
Tích hợp các chức năng trên cùng một page
- Bài 91: Viết hàm Angular hiển thị form sửa dữ liệu trực tiếp khi ấn edit
- Bài 92: Logic của phần sửa dữ liệu
- Bài 93: Dùng Angular lấy dữ liệu cần sửa gửi về API
- Bài 94: Xử lý việc cập nhật dữ liệu ngầm trong angularnoti
- Bài 95: Tích hợp notification cho giao dịch thành công
PHẦN 29:
Chức năng xem danh sách dữ liệu phần cơ bản và tích hợp template admin
- Bài 88: Angular - Phần dữ liệu
- Bài 89: Tạo giao diện từ template admin
- Bài 90: Đưa dữ liệu ra template
PHẦN 2: Lập trình Fullstack với ANGULAR JS/ PHP/ MYSQL
PHẦN 1: HTML/CSS3/BOOSTRAP
PHẦN 2:
Các kiến thức cơ bản
PHẦN 3:
Học cách cắt web qua từng bài tập
PHẦN 3:
Học cách cắt web qua từng bài tập
PHẦN 3:
Học cách cắt web qua từng bài tập
PHẦN 11:
Cắt web từ file photoshop - Giao diện ILLUSTRATE
PHẦN 11:
Cắt web từ file photoshop - Giao diện ILLUSTRATE
- Bài 149: Phần chuẩn bị
- Bài 150: Xử lý css cho phần top header
- Bài 151: Xử lý css cho phần menu trên
- Bài 152: Tạo khung html cho phần banner
- Bài 153: Xử lý css cho phần banner
- Bài 154: Xử lý phần html cho khối thông tin
- Bài 155: Xử lý css cho phần khối thông tin
- Bài 156: Xử lý html cho khối sản phẩm
PHẦN 31:
Hàm xử lý phần form trong angular
- Bài 96: Kiểm tra tính hợp lệ của form dữ liệu
- Bài 97: Hiển thị thông báo lỗi bằng hàm có sẵn của angular
- Bài 98: Kiểm tra việc submit của người dùng
- Bài 99: Hàm setPristine cho form
- Bài 100: Tổng kết phần form trong Angular
PHẦN 32:
Tổng kết khóa học
- Bài 101: Tổng kết khóa học