Khóa học Front-end với Bootstrap4, jQuery, HTML5 & CSS3

Như các bạn biết, khi lập trình giao diện bên ngoài Frontend thì đòi hỏi phải thật tinh tế, đạt tiêu chuẩn responsive, đẹp và đương nhiên tốc độ phải ổn định. Thường chúng ta sẽ tự viết CSS từ A-Z nhưng sẽ rất lâu, vì vậy với những dự án vừa và nhỏ thì ta nên sử dụng Bootstrap4, kết hợp với HTML5 và CSS3 để tạo hiệu ứng.

Và hôm nay mình xin giới thiệu với các ban một khóa học bên FEDU, đó là khóa học lập trình front-end căn bản với Bootstrap4, HTML5 và CSS3, kết hợp với thư viện jQuery giúp trang web mượt mà hơn.

Mình sẽ không giới thiệu các khái niệm HTML5, CSS3, Bootstrap4 hay jQuery là gì nữa vì nó quá quen thuộc với các bạn rồi, nên mình sẽ đi vào giới thiệu nội dung chính của khóa học luôn nhé.

Giới thiệu khóa học

#####################################

TÊN KHÓA HỌC	Khóa học Front-end với Bootstrap4, jQuery, HTML5 & CSS3 (09)
HÌNH THỨC HỌC	ONLINE
TÔI SẼ HỌC Ở ĐÂU?	Khóa học thuộc bản quyền của fedu.vn, vì vậy bạn sẽ được học trên hệ thống của họ.
GIẢNG VIÊN DẠY LÀ AI?	Giảng viên là anh Nguyễn Đức Việt, sinh năm 1986, tốt nghiệp Đại học Bách khoa, khoa Công nghệ thông tin. Anh hiện đang là Giảng viên Thiết kế web.
KHÓA HỌC CÓ BẰNG CẤP KHÔNG?	Không, đây là khóa học bổ trợ kiến thức nên sẽ không có bằng cấp.
ĐỐI TƯỢNG HỌC LÀ AI?	Những bạn đang muốn học frontend ở mức độ căn bản
GIÁ GỐC	699,000đ
GIÁ BÁN	399,000đ
HỌC TẠI	FEDU

ĐĂNG KÝ NGAY HÔM NAY ĐỂ ĐƯỢC GIẢM GIÁ

Cơ hội mua khóa học này chỉ với 320,000đ khi đăng ký tại freetuts.net

Freetuts.net là đại lý cung cấp khóa học online và offline với giá rẻ nhất, giảm lên đến 54% cho khóa học này, nhanh tay đăng ký nhé bạn, vì số lượng có hạn.

ĐĂNG KÝ NGAY

Nội dung khóa học

Phần 1 : Giới thiệu và các phần mềm cần thiết
- Thông tin về group support trong quá trình học và phần mềm sử dụng trong khóa
- File đính kèm
- Giới thiệu khóa học (12:04)
- Cài đặt 2 phần mềm cần thiết (13:41)
Phần 2 : Các kiến thức cơ bản
- Giới thiệu các thẻ html cần thiết cho cắt web.mp4 (15:38)
- Ba cách đưa CSS vào website (10:10)
- Các thuộc tính CSS cơ bản (09:43)
- File đính kèm bài tập
Phần 3 : Học cách cắt web qua từng bài tập
- Áp dụng các thuộc tính đã học chữa bài 2- kenh14.vn – Tập 1 (09:59)
- Áp dụng các thuộc tính đã học chữa bài 2- kenh14.vn – Tập 2 (08:32)
- Giới thiệu Class và ID (14:25)
- Luyện tập CSS cơ bản với Class và ID – TẬP 1 (08:11)
- Luyện tập CSS cơ bản với Class và ID – TẬP 2 (08:33)
- Luyện tập CSS cơ bản với Class và ID – TẬP 3 (10:58)
- Load font bất kì thế nào (09:35)
- Sử dụng font icon và hiệu ứng hover thế nào (16:42)
- Chữa bài 4 megafun – Tập 1 (10:01)
- Chữa bài 4 megafun – Tập 2 (15:48)
- Chữa bài 5 icon vnexpress (07:38)
- Chữa bài docbao.vn – Tập 1 (09:58)
- Chữa bài docbao.vn – Tập 2 (09:41)
- Chữa bài docbao.vn – Tập 3 (10:22)
- Chữa bài vietnamnet.vn – Tập 1 (08:32)
- Chữa bài vietnamnet.vn – Tập 2 (09:10)
- Chữa bài Marry.vn – Tập 1 (09:40)
- Chữa bài Marry.vn – Tập 2 (07:28)
- Chữa bài Marry.vn – Tập 3 (26:22)
- Chữa bài Marry.vn – Tập 4 (10:56)
- Chữa bài Giadinh.net (30:17)
- Chữa bài Saga.vn – Tập 1 (21:09)
- Chữa bài Saga.vn – Tập 2. (07:32)
Phần 4 : Các thuộc tính chia layer trong css
- Giới thiệu về thuộc tính absolute và relative (12:02)
- Giới thiệu về thuộc tính Flex – Tập 1 (09:47)
- Giới thiệu về thuộc tính Flex – Tập 2 (16:27)
- Luyện tập về thuộc tinh Flex (12:25)
- Ví dụ về thuộc tinh Flex (31:22)
- Luyện tập thuộc tính Absolute với website Guu.vn – Tập 1 (08:37)
- Luyện tập thuộc tính Absolute với website Guu.vn – Tập 2 (09:58)
- Luyện tập thuộc tính Absolute với website Guu.vn – Tập 3 (08:35)
- Luyện tập thuộc tính Absolute với website Guu.vn – Tập 5 (11:16)
- Chữa bài 1 absolute với website Usatoday.com- Tập 1 (09:43)
- Chữa bài 1 absolute với website Usatoday.com- Tập 2 (05:52)
- Thực hành absolute với website tiin-.vn – Tập 1 (05:10)
- Thực hành absolute với website udemy.com (29:57)
- Thực hành absolute kết hợp hiệu ứng transition (17:41)
- Chữa bài hiệu ứng cuộn chuột sử dụng background attachment (25:14)
- Chữa bài thuộc tính animation – Tập 1 (08:53)
- Chữa bài thuộc tính animation – Tập 2 (09:00)
- Áp dụng thuộc tính position và hover transition qua bài tập (17:39)
- Áp dụng thuộc tinh absolute, transition, flex – Tập 1 (08:21)
- Áp dụng thuộc tinh absolute, transition, flex – Tập 2 (08:58)
- Áp dụng thuộc tinh absolute, transition, flex – Tập 3 (06:14)
- Áp dụng thuộc tinh absolute, transition, flex – Tập 4 (09:04)
- Luyện tập absolute và hover transition (30:53)
- Áp dụng absolute và transition qua bài hiệu ứng sô 4 – Tập 1 (09:25)
- Áp dụng absolute và transition qua bài hiệu ứng sô 4 – Tập 2 (06:25)
- Áp dụng absolute và transition qua bài hiệu ứng sô 4 – Tập 3 (04:34)
- Áp dụng absolute và transition qua bài hiệu ứng sô 4 – Tập 4 (04:34)
- Tổng kết phần HTML CSS và giới thiệu kiến thức phần 2 (06:57)
- Luyện tập thuộc tính Absolute với website Guu.vn – Tập 4 (09:21)
Phần 5 Giới thiệu Bootstrap 4 và cài đặt
- Giới thiệu về bootstrap 4 (10:49)
- Hướng dẫn cài đặt Bootstrap tập 1 (08:36)
- Hướng dẫn cài đặt Bootstrap tập 2 (06:30)
- Giới thiệu hệ thống lưới của Boostrap (20:44)
- Thành phần Grid trong bootstrap 4 – Tập 1 (09:34)
- Thành phần Grid trong bootstrap 4 – Tập 2 (11:23)
- Áp dụng hệ thống lưới cho web responsive thế nào (12:34)
Phần 6 Bắt đầu học Bootstrap 4
- Thành phần alert trong bootstrap 4 (11:05)
- Thành phần breadcrumb (05:31)
- Thành phần button trong bootstrap (09:25)
- Ghi chú về cách học Bootstrap 4 (03:57)
- Thành phần checkbox và radio (08:22)
- Thành phần dropdown menu và button group (17:08)
- Thành phần card layout (11:55)
- Thành phần card deck (05:18)
- Thành phần card group trong bootstrap 4 (04:10)
- Thành phần card column trong bootstrap 4 (07:22)
- Thành phần carousel trong bootstrap 4 (06:22)
- Thành phần collapse trong bootstrap 4 (10:42)
- Thành phần form trong bootstrpa 4 (10:39)
- TỔNG KẾT KIẾN THỨC ĐÃ HỌC – Giới thiệu phương pháp làm website dựa trên bootstrap 4 (10:26)
Phần 7 Học Bootstrap bằng việc làm lại các website – Phần 1
- Xử lý menu với bootstrap thế nào (14:16)
- Xử lý chia cột và giới thiệu thành phần spacing bootstrap (11:29)
- Xử lý khối thông báo và giới thiệu class sử dụng cho căn chỉnh (05:42)
- Xử lý khối 3 cột thông tin bằng card layout (04:33)
- Tổng kết kiến thức đã học từ website số 1 (04:16)
Phần 8 Học Bootstrap bằng việc làm lại các website – Phần 2
- Giới thiệu website số 3 (02:05)
- Thực hành bootstrap với navbar collapse (08:19)
- Thực hành bootstrap với jumbotron (07:05)
- Thực hành bootstrap với card decks (08:20)
- Thực hành bootstrap với float xs và hiệu ứng jquery scroll (06:20)
- Tổng kết website số 3 (05:18)
Phần 9 Học Bootstrap bằng việc làm lại các website – Phần 3
- Giới thiệu website (02:51)
- Thực hành bootstrap 4 với menu responsive (04:16)
- Thực hành bootstrap 4 với hiệu ứng carosel tùy biến (13:30)
- Thực hành bootstrap làm toàn bộ website trong 5 phút (09:28)
- Tổng kết website và kiến thức học được (03:25)
Phần 10 Học Bootstrap bằng việc làm lại các website – Phần 4
- Giới thiệu website và các kiến thức cần sử dụng (03:21)
- Tạo menu và carosel bằng phím tắt (07:22)
- Tinh chỉnh và hoàn thiện menu (12:51)
- Xử lý phần khoảng cách cho menu (07:02)
- Xử lý phần nội dung carousel caption (09:31)
- Giới thiệu phương pháp xử lý responsive (13:24)
- Xử lý căn chỉnh nội dung bằng row trong row (08:11)
- Tinh chỉnh phần nội dung bằng css (12:30)
- Xử lý khối thông tin web site chứa facebook button (06:22)
- Hoàn thiện khối thông tin website với css (06:07)
- Hoàn thiện footer (09:27)
Phần 11 Học Bootstrap 4 qua việc làm theme bootstrap – Creative theme
- CREATIVE THEME – BƯỚC CHUẨN BỊ (04:35)
- CREATIVE THEME – TẠO KHUNG HTML – TẬP 1 (08:37)
- CREATIVE THEME – TẠO KHUNG HTML – TẬP 2 (06:43)
- CREATIVE THEME – TẠO CSS CHO PHẦN MENU TRÊN – TẬP 1 (15:04)
- CREATIVE THEME – TẠO CSS CHO PHẦN MENU TRÊN – TẬP 2 (07:02)
- CREATIVE THEME – TẠO CSS CHO PHẦN BANNER – TẬP 1 (08:42)
- CREATIVE THEME – TẠO CSS CHO PHẦN BANNER – TẬP 2 (05:04)
- CREATIVE THEME – XỬ LÝ RESPONSIVE – TẬP 1 (07:09)
- CREATIVE THEME – XỬ LÝ RESPONSIVE – TẬP 2 (03:58)
- REATIVE THEME – XỬ LÝ KHỐI GIỚI THIỆU (08:43)
- CREATIVE THEME – XỬ LÝ PHẦN CHIA CỘT – TẬP 1 (04:58)
- CREATIVE THEME – XỬ LÝ PHẦN CHIA CỘT – TẬP 2 (05:48)
- CREATIVE THEME – XỬ LÝ KHỐI SẢN PHẨM – TẬP 1 (09:43)
- CREATIVE THEME – XỬ LÝ KHỐI SẢN PHẨM – TẬP 2 (07:55)
- CREATIVE THEME – XỬ LÝ HIỆU ỨNG JQUERY (07:59)
Phần 12 Học Bootstrap 4 qua việc làm theme bootstrap – Velocity theme
- VELOCITY THEME – BẮT ĐẦU VỚI MENU (08:22)
- VELOCITY THEME – TẠO BANNER (06:54)
- VELOCITY THEME – TẠO CSS CHO PHẦN LOGO – TẬP 1 (06:27)
- VELOCITY THEME – TẠO CSS CHO PHẦN LOGO – TẬP 2 (06:37)
- VELOCITY THEME – TẠO CSS CHO MENU RESPONSIVE – TẬP 1 (06:29)
- VELOCITY THEME – TẠO CSS CHO MENU RESPONSIVE – TẬP 2 (04:50)
- VELOCITY THEME – TẠO CSS CHO MENU RESPONSIVE – TẬP 3 (09:14)
- VELOCITY THEME – TẠO CSS CHO PHẦN BANNER RESPONSIVE (08:04)
- VELOCITY THEME – TẠO PHẦN DỊCH VỤ – TẬP 1 (07:13)
- VELOCITY THEME – TẠO PHẦN DỊCH VỤ – TẬP 2 (09:05)
- VELOCITY THEME – XỬ LÝ HIỆU ỨNG SLIDE – TẬP 1 (19:43)
- VELOCITY THEME – XỬ LÝ HIỆU ỨNG SLIDE – TẬP 2 (05:40)
- VELOCITY THEME – HIỆU ỨNG JQUERY – TẬP 1 (06:44)
- VELOCITY THEME – HIỆU ỨNG JQUERY – TẬP 2 (07:55)
Phần 13 Học cắt web từ file thiết kế photoshop
- GIỚI THIỆU PHẦN MỀM PHOTOSHOP (05:08)
- BƯỚC CHUẨN BỊ CHO CẮT WEB (09:06)
- TẠO CSS CHO MENU TRÊN MÀN HÌNH DESKTOP (08:50)
- TẠO CSS CHO MENU TRÊN MÀN HÌNH IPHONE (04:01)
- TẠO KHUNG HTML CHO SLIDE BANNER (06:30)
- TẠO CSS CHO SLIDE BANNER – TẬP 1 (11:35)
- TẠO CSS CHO SLIDE BANNER – TẬP 2 (08:24)
- TẠO KHUNG HTML CHO KHỐI DỊCH VỤ (05:20)
- TẠO CSS CHO KHỐI DỊCH VỤ (07:44)
- 116 – HƯỚNG DẪN XỬ LÝ CÁC PHẦN CỦA GIAO DIỆN (01:38)
Phần 14 Cắt web với sản phẩm bán chạy trên themeforest thefox
- CẮT WEB THEFOX- BƯỚC CHUẨN BỊ (06:10)
- CẮT WEB THEFOX – TẠO KHUNG HTML CHO TOPHEADER (05:55)
- CẮT WEB THEFOX – TẠO CSS CHO PHẦN TOPHEADER (16:13)
- CẮT WEB THEFOX – TẠO HTML CHO PHẦN MENU (07:27)
- CẮT WEB THEFOX – TẠO CSS CHO PHẦN MENU (11:34)
- CẮT WEB THEFOX – TẠO CSS CHO MENU TRÊN IPHONE (04:05)
- CẮT WEB THEFOX- TẠO KHUNG HTML CHO BANNER (09:35)
- CẮT WEB THEFOX- TẠO CSS CHO PHẦN BANNER (13:01)
- CẮT WEB THEFOX – TẠO HTML CHO PHẦN GIỚI THIỆU (06:02)
- CẮT WEB THEFOX – TẠO CSS CHO PHẦN GIỚI THIỆU (08:19)
- CẮT WEB THEFOX – HƯỚNG DẪN XỬ LÝ CÁC PHẦN CÒN LẠI (03:24)
Phần 15 Cắt web từ file thiết kế photoshop – giao diện illustrate
- Bước chuẩn bị cho giao diện Illustrate (03:02)
- Xử lý CSS cho phần top header (06:08)
- Xử lý CSS cho phần menu trên (12:33)
- Tạo khung HTML cho phần banner (03:10)
- Xử lý CSS cho phần banner (11:19)
- Xử lý phần HTML cho khối thông tin (02:59)
- Xử lý CSS cho phần khối thông tin (04:35)
- Xử lý phần HTML cho khối sản phẩm (04:59)
- Xử lý phần CSS cho khối sản phẩm (12:08)
Phần 16 Cắt web từ file thiết kế photoshop – giao diện Pix
- BƯỚC CHUẨN BỊ (01:53)
- XỬ LÝ PHẦN HTML CHO PHẦN LOGO VÀ MENU (05:26)
- XỬ LÝ PHẦN CSS CHO MENU (12:56)
- XỬ LÝ HTML CHO PHẦN BANNER (07:02)
- XỬ LÝ CSS CHO PHẦN BANNER (12:02)
- XỬ LÝ HTML CHO KHỐI 3 DỊCH VỤ (05:16)
- XỬ LÝ CSS CHO PHẦN 3 DỊCH VỤ (11:52)
- TÓM TẮT CÁC LÀM CHO PHẦN CÒN LẠI CỦA GIAO DIỆN (01:31)