09-15: Combo lập trình web Front-end từ Cơ bản - Nâng cao - Fedu

09-15: Combo lập trình web Front-end từ Cơ bản – Nâng cao

Giảng viên: Nguyễn Đức Việt

Học phí (mua 1 lần học trọn đời) tại FEDU

1,349,000  499,000 

Học phí chỗ khác: 1,349,000 ₫

Học đến khi thành thạo thì thôi

Hoàn lại học phí nếu không hài lòng

Lưu ý: Hình thức học của Fedu là học ONLINE, chúng tôi không mở lớp dạy trực triếp hoặc offline. Học viên vui lòng cân nhắc trước khi đăng ký

Thời lượng: 40 Giờ

Bài học: 310 bài

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

Video bài học mẫu trong khóa học.

Bạn có biết,hơn 95% doanh nghiệp đã có Website cho riêng mình! Còn bạn thì sao? Bạn muốn tự mình thực hiện giao diện Web hoặc tự tạo trang trình bày sản phẩm. Hay bạn muốn tự thiết kế trang Blog cho cá nhân, tự làm trang Web giới thiệu công ty, cửa hàng?

Bạn đang muốn trở thành Lập trình Frontend, nâng cao kỹ năng lập trình HTML & CSS?Bạn đang muốn nâng cao thu nhập của mình bằng nghề thiết kế web, lập trình frontend?

Hãy tham gia ngay khoá học combo “lập trình web Front-end từ Cơ bản – Nâng cao” (Tổng hợp 2 khóa học VietND.09 và VietND.15)

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, HTML5, CSS3, JQUERY,….
  • Học được cách sử dụng công cụ Chrome developer tool trong việc lập trình hiện đại.
  • Học được 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
  • Học được 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 – Học được 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
  • Thành thạo cách sử dụng Bootstrap để lập trình HTML/CSS chuẩn Reponsive một cách nhanh chóng (Tiết kiệm 4-5 lần thời gian so với việc cắt web thường),…

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

  • 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
  • Học sinh, sinh viên đang học tại các trường đào tạo về CNTT.
  • Marketer hay chủ doanh nghiệp cần học và hiểu về lập trình
  • 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.
  • Bất cứ ai yêu thích và đam mê về lĩnh vực lập trình web

ĐỂ HOÀN THÀNH KHOÁ HỌC MỘT CÁCH TỐT NHẤT, HỌC VIÊN ĐĂNG KÍ THAM GIA 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 Ngô Minh Thắng (ĐH Bách Khoa Hà Nội):Sau khi kết thúc khoá học tôi đã hiểu kĩ và sâu hơn về lĩnh vực lập trình Frontend. Điều này phục vụ rất nhiều cho công việc hàng ngày của tôi. Mong rằng Fedu sẽ ra nhiều khoá học về lập trình bổ ích hơn nữa.

Bạn Trịnh Thành Công (ĐH Kinh doanh và Công nghệ Hà Nội): Bản thân mình rất phù hợp với phương pháp giảng dạy của thầy Việt. Sau hoàn thành combo hai khoá 9 và 15 mình hoàn toàn được trang bị đầy đủ kĩ năng từ cơ bản đến nâng cao trong việc sử dụng jquery, css3,…

Bạn Dương Hiếu Nghĩa (Khoa Công nghệ thông tin ĐH Mở): Combo tích hợp hai khoá học mang lại khá nhiều lợi ích. Nó giúp mình tiếp cận với kiến thức một cách hệ thống và bài bản hơn. Ngoài ra việc tiết kiệm thời gian và chi phí là yếu tố quan trọng để mình đăng kí combo khoá học này.

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 khoá học (27 giờ)

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)
 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 (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)
Giới thiệu
 Giới thiệu khóa học (19:37)
Bài mở đầu : khởi động
 Thông tin về group support trong quá trình học và phần mềm sử dụng trong khóa
 Nhắc lại thuộc tính CSS3 translate (12:49)
 Thuộc tính CSS3 quay và tâm quay (16:20)
 Thuộc tính CSS3 zoom (08:55)
 Áp dụng thuộc tính CSS3 quay, zoom, origin và transition-Phần 1.mp4 (12:05)
 Áp dụng thuộc tính CSS3 quay, zoom, origin và transition-Phần 2.mp4 (12:05)
 Select 05 – Áp dụng thuộc tính rotateY và Backface để làm hiệu ứng.mp4 (18:58)
 Áp dụng thuộc tinh transition delay (15:45)
Project số 2 : Random project từ themeforest
 Giới thiệu project hiệu ứng và các bước xử lý (08:18)
 Xử lý CSS cho phần mặt trước (13:19)
 Xử lý CSS hoàn thiện cho phần hiệu ứng đầu tiên (10:02)
 Xử lý HTML cho phần hiệu ứng TAB (05:37)
 Xử lý CSS cho phần hiệu ứng Tab (12:22)
 Xử lý Jquery cho phần nút (06:28)
 Xử lý Jquery cho phần nội dung (10:23)
 Tự tạo hiệu ứng cho phần slide (05:33)
Project số 3 viết hiệu ứng slide nhanh
 Project số 3 Lựa chọn slide và xử lý HTML (13:49)
 Xử lý CSS ban đầu cho khối giao diện (11:57)
 Xử lý phần CSS cho khối giao diện (07:40)
 Viết hiệu ứng JQUERY – Xử lý bộ đếm (14:03)
 Hoàn thành hiệu ứng slide ảnh cho sản phẩm (05:13)
 Nâng cấp version cho slide ảnh (05:42)
 Xử lý hiệu ứng Quick View phần HTML (03:15)
 Xử lý hiệu ứng Quick View phần CSS (03:57)
 Xử lý hiệu ứng Quick View phần Jquery (05:10)
 Sử dụng hàm jquery cho thao tác trên bàn phím (03:07)
 Nâng cấp Version 3 cho slide ảnh (09:13)
 Tổng kết các hàm quan hệ trong JQuery (05:00)
 Xử lý số lượng thay đổi bằng hàm quan hệ (04:23)
Project số 4 xử lý hiệu ứng isotope
 Giới thiệu giao diện kiểu Masonry (01:50)
 Tạo giao diện cho gallery – phần HTML (09:17)
 Tạo giao diện cho gallery – Phần CSS (04:30)
 Tạo giao diện cho gallery – Phần Jquery (08:09)
 Xử lý việc load ảnh băng thư viện Image Load (07:39)
 Xử lý responsive (02:52)
 Xử lý lọc dữ liệu theo danh mục – phần HTML (07:06)
 Xử lý hiệu ứng chọn cho nút (06:33)
 Xử lý hiệu ứng lọc dữ liệu theo danh mục khi click vào nút (08:19)
PROJECT 5 THEFOX – Full frontend thực hiện cắt web và làm giao diện responsive
 Xử lý Html cho phần top bằng bootstrap (05:41)
 Xử lý CSS cho phần Top (19:17)
 Xử lý CSS cho màn hình di động (10:21)
 Xử lý HTML cho trang contact (04:30)
 Xử lý CSS cho phần menu (06:36)
 Xử lý CSS cho phần menu hiển thị trên di động (06:09)
 Xử lý HTML cho phần bản đồ (05:57)
 Xử lý CSS cho khối thong tin liên hệ (09:20)
 Xử lý phần hiệu ứng (05:51)
 Xử lý CSS cho phần thông tin liên hệ trên di động (03:14)
 Xử lý phần form liên hệ (09:06)
 Xử lý phần CSS cho Form (09:50)
 Xử lý HTML cho phần footer (04:34)
 Xử lý CSS cho phần footer (06:40)
 Xử lý HTML cho phần lastest news -Phần 1 (06:02)
 Xử lý HTML cho phần lastest news – Phần 2 (16:36)
 Phương pháp sử dụng after và before trong css (09:01)
 Xử lý phần HTML cho khối tag widget (04:00)
 Bài giảng mới
 Xử lý phần CSS cho khối TAG WIDGET
 Xử lý phần CSS cho khối BLOG CATEGORY
 Xử lý phần HTML cho phần NEWSLETTER (06:37)
 Xử lý phần CSS cho phần NEWSLETTER (10:16)
 Xử lý phần HTML_CSS cho khối BOTTOM FOOTER (08:00)
 Xử lý hiệu ứng load cho trang CONTACT (11:51)
 Xử lý giao diện trang contact cho di động (09:09)
 Xử lý import giao diện cho trang chủ (02:16)
 Xử lý HTML cho khối giới thiệu trang chủ (05:26)
 Xử lý CSS cho khối giới thiệu (10:13)
 Xử lý HTML cho khối slide (10:08)
 Xử lý CSS cho phần news (07:36)
 Xử lý HTML trang tin tức (04:51)
 Xử lý bố cục tin bằng card column (04:50)
 Xử lý CSS cho các cột thông tin (06:40)
 Xử lý CSS và hiệu ứng cho trang tin tức (05:56)
 File đính kèm project
PROJECT ARTICA
 Xử lý HTML cho phần Top Header (08:00)
 Xử lý CSS cho phần Top Header (13:37)
 Xử lý CSS cho Top Header trên màn hình di động (10:17)
 Xử lý HTML cho phần Menu và Logo (05:17)
 Xử lý CSS cho phần Menu và Logo (07:08)
 Xử lý CSS cho phần Menu và Logo trên màn hình đi động (07:19)
 Xử lý phần HTML cho phần slide (06:54)
 Xử lý phần CSS cho phần slide (09:26)
 Xử lý CSS cho phần hiệu ứng slide hiển thị trên di động (07:27)
 Xử lý phần HTML cho khối dịch vụ (05:13)
 Xử lý Css cho khối 3 dịch vụ (09:27)
 Xử lý css cho khối 3 dịch vụ trên màn hình di động (07:57)
 Xử lý html cho khối tiêu đề thực đơn (05:54)
 Xử lý css cho khối tiêu đề menu (12:37)
 Xử lý css cho tiêu đề thực đơn trên di động (03:03)
 Tự viết hiệu ứng lọc cho phần thực đơn (09:20)
 Xử lý phần HTML cho khối thực đơn chi tiết (10:32)
 Xử lý phần CSS cho khối thực đơn chi tiết (17:20)
 Xử lý phần responsive cho khối thực đơn (03:04)
 Xử lý phần hiệu ứng sắp xếp khi thay đổi cỡ màn hình (03:51)
 Xử lý phần hiệu ứng load ảnh và truyền dữ liệu qua thuộc tính data của HTML5 (05:23)
 Xử lý phần hiệu ứng lọc dữ liệu cho thực đơn bằng javascript (05:52)
 Xử lý phần phần tiêu đề chi tiết của khối thực đơn (04:34)
 Xử lý phần HTML cho hiệu ứng slide trượt (07:43)
 Xử lý phần CSS cho carousel – Phần 1 (08:17)
 Xử lý phần CSS cho carousel – Phần 2 (10:48)
 Xử lý responsive cho phần hiệu ứng slide (18:37)
 Xử lý HTML cho phần giới thiệu đầu bếp (06:12)
 Xử lý CSS cho phần giới thiệu đầu bếp (10:30)
 Xử lý css Responsive cho phần giới thiệu đầu bếp (04:23)
 Xử lý khối slogan (06:55)
 Xử lý HTML cho khối đặt bàn – Phần 1 (06:05)
 Xử lý CSS cho khối đặt bàn – Phần 2 (07:22)
 Xử lý hiệu ứng fake loader (12:40)
 Xử lý form cho khối đặt bàn (11:59)
 Xử lý phần HTML cho khối phản hồi người dùng (07:47)
 Xử lý CSS cho phần phản hồi người dùng (05:37)
 Xử lý HTML cho phần Tin tức cập nhật (08:27)
 Xử lý CSS cho phần Tin tức cập nhật (09:23)
 Check giao diện trên màn di động (02:07)
 Xử lý HTML cho phần footer cột 1 (06:35)
 Xử lý css cho phần footer cột 1 (08:40)
 Xử lý HTML cho cột 2 footer (02:28)
 Xử lý CSS cho cột 2 footer (07:34)
 Xử lý css cho phần cột 4 footer (06:28)
 Xử lý footer và check giao diện trên di động (05:56)
 Tạo trang about bằng cách sử dụng lại code (03:38)
 Tạo HTML bằng cách sử dụng lại code (06:07)
 Tạo CSS cho khối thông tin đầu tiên trang about (05:31)
 Tạo khối thông tin thứ 2 bằng cách sử dụng lại code (02:04)
 Tạo khối thông tin thứ 3 trang about (07:39)
 Hoàn chỉnh trang about bằng cách xử dụng lại code (05:12)
 Tạo trang thực đơn trong 5 phút (05:39)
 Hoàn thiện trang thực đơn trong 10 phút (11:45)
 Tạo trang tin tức (03:32)
 Tạo cột trái cho trang tin tức (06:40)
 Xử lý phần tim kiếm cột phải (05:09)
 Xử lý khối danh mục (07:39)
 Hoàn thiện giao diện trang tin tức (12:17)
 Hoàn thiện giao diện trang tin chi tiết (12:17)
 Tạo trang contact phần form (09:29)
 Hoàn thiện trang contact (06:47)
 Tổng kết và đóng gói front end (05:30)
 Xử lý phần css cho khối contact form (06:47)
 File đính kèm
 HỌC VIÊN SAU KHI THAM GIA KHOÁ HỌC SẼ HOÀN TOÀN TỰ TIN:
  • Tường tận về các khái niệm và cấu trúc của website liên quan tới frontend
  • Thấu hiểu và có khả năng thực hiện các tính năng từ căn bản đến nâng cao
  • Sử dụng thư viện jquery, css3, photoshot ra HTML
  • Biết một số quy tắc và các tips để giúp thực hiện frontend chuyên nghiệp

Nguyễn Đức Việt

  •  Kỹ sư CNTT – trường ĐH Bách Khoa Hà Nội
  • Giảng viên tại trường FPT Arena, 8 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 1000+ học viên thiết kế, lập trình web tại Việt Nam.

“Từng làm việc trong nhiều dự án lớn thuộc tập đoàn FPT, anh đã và đang tham gia rât nhiều dự án Freelancer về thiết kế, lập trình web dựa trên các mã nguồn mở như WordPress, Drupal, Xenforo … 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”

 Anh đã tham gia hiệu đính và dịch rất nhiều đầu sách về thiết kế web cho hệ thống thư viện đại học FPT. Ngoài ra anh còn tham gia rất nhiều dự án web cho FPT, dạy các shortcourse cho người đi làm và các dự án Freelance khác về thiết kế web dựa trên ngôn ngữ lập trình mã nguồn mở.

Đánh giá

Chưa có đánh giá nào.

Hãy là người đầu tiên nhận xét “09-15: Combo lập trình web Front-end từ Cơ bản – Nâng cao”

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

09-15: Combo lập trình web Front-end từ Cơ bản – Nâng cao 499,000 đ ĐĂNG KÝ NGAY