Học lập trình frontend từ cơ bản Bootstrap 4, Jquery, CSS3, HTML5 Học toàn bộ kiến thức về CSS3, HTML5

  [masp]fedu-08[/masp]

[giaban]0đ[/giaban]

[tinhtrang]Còn hàng[/tinhtrang]

[chitiet]

Học lập trình frontend từ cơ bản Bootstrap 4, Jquery, CSS3, HTML5 Học toàn bộ kiến thức về CSS3, HTML5

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

Bootstrap 4, Jquery, CSS3, HTML5 Học toàn bộ kiến thức về CSS3, HTML5, Jquery từ chưa biết gì. 

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

Bạn muốn học lập trình web một cách bài bản? Bạn muốn trải nghiệm kiến thức chuẩn quốc tế với các phần mềm thông dụng nhất hiện nay? Bạn muốn tìm các khoá học đáp ứng đầy đủ yêu cầu trên? 

Khoá học “Lập trình web front-end cơ bản với Bootstrap 4, Jquery, CSS3, HTML5” của Fedu là dành cho bạn. Khoá học của chúng tôi không chỉ cung cấp hệ thống đầy đủ các kiến thức cần thiết và bổ ích mà còn cho học viên có cơ hội trải nghiệm và áp dụng vào 10 dự án thức tế được chọn lọc như kenh14, vnexpress, docbao,… 

THAM GIA KHOÁ HỌC, BẠN SẼ ĐƯỢC CUNG CẤP ĐẦY ĐỦ KIẾN THỨC VỀ:

Hiểu được các khái niệm chuyên ngành, bản chất và cấu trúc của Bootstrap

Cách sử dụng công cụ Chrome developer tool trong thiết kế web hiện đại

Cắt được giao diện website theo chuẩn Bootstrap

Cách sử dụng thư viện jQuery kết hợp với Bootstrap trong việc làm các Carousel ảnh, hiệu ứng cuộn chuột, hiệu ứng chuyển động

Cách sử dụng CSS3 kết hợp Bootstrap để thao tác với các hiệu ứng trong thiết kế phẳng

Cách tư duy theo hướng Bootstrap để clone lại các website dùng cho các mục đích khác nhau

Cắt giao diện website từ photoshop ra HTML sử dụng Bootstrap

Hiểu về bản chất wordpress và các hàm cơ bản để tạo website động trên wordpress

HỌC VIÊN SAU KHI THAM GIA KHOÁ HỌC SẼ HOÀN TOÀN TỰ TIN KHI ĐƯỢC FEDU CUNG CẤP ĐẦY ĐỦ KIẾN THỨC: 

Học toàn bộ về ngôn ngữ lập trình HTML các thẻ và cách sử dụng

Học về cách kết hợp HTML và CSS

Học về cách tạo hiệu ứng đẹp cho website với Jquery, Html5, Css3

Học toàn bộ về CSS các thẻ và cách sử dụng

Học về cách thiết kế web tương thích trên thiết bị di động, ipad, iphone chuẩn reponsive

KHOÁ HỌC ĐANG HƯỚNG ĐẾN NHỮNG BẠN:

Muốn học lập trình web bài bản từ đầu bắt buộc phải biết  về khóa học này.

Các lập trình viên hệ thống muốn học về lập trình web front-end để trở thành lập trình viên FullStack

Sinh viên, những người kinh doanh tự do muốn xây dựng các website với giao diện và hiệu ứng theo yêu cầu bản thân -Những người mới bước đầu làm quen với lập trình web, muốn tìm hiểu để có cơ hội việc làm tại các công ty chuyên về lập trình.

ĐỂ HOÀN THÀNH KHOÁ HỌC MỘT CÁCH TỐT NHẤT, HỌC VIÊN ĐĂNG KÍ THAM GIA CHỈ CẦN CÓ: 

Máy tính kết nối với Internet

Cài đặt các phần mềm, framework áp dụng cho việc lập trình với Bootstrap, HTML.

HÃY CÙNG XEM CẢM NHẬN CỦA HỌC VIÊN KHI HOÀN THÀNH KHOÁ HỌC NÀY NHÉ: 

Bạn Bùi Quang Thư (Sinh viên ĐH Công nghệ Hồ Chí Minh):Cuối năm ngoái, mình đăng ký mua khóa học Bootstrap của thầy Nguyễn Đức Việt. Thấy khóa học của thầy rất thực tế, dễ hiểu, support nhiệt tình nên mình đã quyết định mua hết các khóa học của thầy liên quan đến học thiết kế Website (từ Bootstrap, jQuery, WordPress và cả Photoshop nữa), các khóa học rất logic và bài bản. Qua đây rất mong thầy Việt ra các khóa học chuyên thiết kế giao diện website bằng photoshop qua các dự án thực tế, cảm ơn thầy!

Bạn Quang Hải (Sinh viên ĐH Kĩ thuật Công nghiệp Hà Nội): Trước em cũng có học qua 1 trung tâm về thiết kế web nhưng sau khóa học thì em cũng chưa có tí kinh nghiệm nào cả, từ khi học khóa bootstrap của anh Việt thấy kiến thức của em cũng khá ổn rồi, bây giờ em chuyển sang học wordpress thì e cảm thấy nghiện luôn. Cảm ơn khóa học của Fedu. 

Hãy tham gia ngay khoá học để trở thành thành viên trên con đường chinh phục lập trình và thiết kế web!

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

  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ảng Viên: Thầy Nguyễn Đức Việt

Giảng viên với 12 năm trong nghề thiết kế, lập trình web. Anh đã và đang giảng dạy, đào tạo cho khoảng hơn 10.000+ học viên thiết kế, lập trình web tại Việt Nam. Tốt nghiệp khoa CNTT, Đại học bách khoa Hà Nội. Từng làm việc trong nhiều dự án lớn thuộc tập đoàn lớn, anh đã và đang tham gia rât nhiều dự án Freelancer về thiết kế đồ họa nên kinh nghiệm thực tế dồi dào, mong muốn đem những kinh nghiệm này chia sẻ cho tất cả mọi người, giúp các bạn có được những hành trang quý báu trên con đường sự nghiệp.

Từng du học nghành thiết kế đồ họa đa phương tiện – tại tập đoàn Aptech Limited – Bangalore Ấn Độ theo chương trình giảng viên tài năng.

Tốt nghiệp khoa CNTT, Đại học bách khoa Hà Nội.

[/chitiet]

Học lập trình frontend từ cơ bản Bootstrap 4, Jquery, CSS3, HTML5 Học toàn bộ kiến thức về CSS3, HTML5