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é.
Thông tin
Khóa học thuộc đơn vị nào?
Khóa học thuộc đơn vị FEDU, một trong những nơi học trực tuyến tốt nhất tại Việt nam.
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
Khóa học có bản quyền khi mua tại freetuts.net không?
Freetuts.net chỉ đảm nhận việc thu nhận tiền từ các bạn đăng ký, còn khi học bạn sẽ được học trên hệ thống học trực tuyến chuyên nghiệp của FEDU.
Có được hỗ trợ trong quá trình học hay không?
Mỗi khóa học trên FEDU đều có một nhóm hỗ trợ giải đáp riêng cho chính giảng viên đảm nhận, vì vậy các bạn an tâm nhé.
Bảng giá
| Nhóm giá | Giá | |
|---|---|---|
| Giá gốc | 699,000đ | |
| Bán tại tại FEDU | 349,000đ | MUA |
| Bán tại freetuts | 297,000đ | MUA |
KHÓA NÀY THUỘC COMBO SAU
Có an toàn khi mua ở đây không?
Bạn hãy yên tâm nhé, khi bạn đặt mua ở đây bạn sẽ được giảm giá rất nhiều, và đương nhiên bạn sẽ được nhận mã kích hoạt của đúng đơn vị đó cung cấp. Mình là đại lý cung cấp khóa học giá ưu đãi nên rất mong được các bạn ủng hộ.
Dưới đây là một số khách hàng đã mua khóa học tại blog của mình. Bạn cũng có thể xem danh sách đầy đủ để thấy dịch vụ của mình uy tín như thế nào.
| Khách hàng | Mua khóa | Giá mua | Giá gốc |
|---|---|---|---|
| Vũ Huy Chung | Khóa học chuyển từ PSD sang HTML & CSS dành cho người đi làm | 450,000đ | 499,000đ |
| mai trung nguyên | 12: Học lập trình ra website hoàn chỉnh A-Z với WordPress | 297,000đ | 349,000đ |
| Nguyễn Văn Nhàn | Khóa học Facebook Marketing từ A - Z | 199,000đ | 599,000đ |
| Thiên | Khóa học SEO bài bản - Làm SEO lên Top đơn giản | 315,000đ | 449,000đ |
| Lê Thạc Lĩnh | Khóa học Facebook Marketing từ A - Z | 199,000đ | 599,000đ |
| Hằng | Bán hàng đỉnh cao với Affiliate | 720,000đ | 899,000đ |
| Nguyễn Thái Nhân | Khóa học React js và Redux - tạo ứng dụng fullstack với Node JS + React JS | 340,000đ | 399,000đ |
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)
Đăng ký khóa học
