Bài giảng trước
Bài giảng sau
FRONTEND - 02 - Học lập trình frontend từ cơ bản : Bootstrap 4, Jquery, CSS3, HTML5
0%
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
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)
Lưu ý về cài đặt phần mềm bootstrap 4
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 4
(09:21)
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)
031 - Thực hành absolute với website tiin-.vn - Tập 2
(07:17)
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)
Tổng kết phần HTML CSS và giới thiệu kiến thức phần 2
(06:57)
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
(13:32)
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
(09:34)
Á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
FILE ĐÍNH KÈM PHẦN CẮT WEB
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)
092CREATIVE THEME - XỬ LÝ RESPONSIVE - TẬP 2
(03:58)
CREATIVE THEME - XỬ LÝ KHỐI GIỚI THIỆU
(08:43)
0CREATIVE 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
(07:05)
VELOCITY THEME - XỬ LÝ HIỆU ỨNG SLIDE - TẬP 1 (1)
(12:38)
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)
Bài giảng mới
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)
Giới thiệu hệ thống lưới của Boostrap
Hoàn thành
Chúc mừng, bạn đã hoàn thành khóa học này!
Quay lại
Thông báo!
Đóng
Thông báo!
Đóng
0
bình luận
Đăng
