Học lập trình web front-end cơ bản với Bootstrap 4, Jquery, CSS3, HTML5

Khoá học Học lập trình web front-end cơ bản với Bootstrap 4, Jquery, CSS3, HTML5

51 học viên

Nhà cung cấp

EWIKI

0 đ0 đ

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

Mô tả 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” 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,…

Khóa học này phù hợp với
  • 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.
Để tham gia khóa học, bạn cần
  • 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.

Bạn sẽ học được gì ?

  • 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

Nội dung khóa học

  • Bài 1 : Giới thiệu khóa học

  • Bài 2 : Cài đặt 2 phần mềm cần thiết

  • Bài 3 : Giới thiệu các thẻ html cần thiết cho cắt web.mp4

  • Bài 4 : Ba cách đưa CSS vào website

  • Bài 5 : Các thuộc tính CSS cơ bản

  • Bài 6 : Áp dụng các thuộc tính đã học chữa bài 1 – kenh14.vn

  • Bài 7 : Áp dụng các thuộc tính đã học chữa bài 2 – kenh14.vn

  • Bài 8 : Giới thiệu Class và ID

  • Bài 9 : Luyện tập CSS cơ bản với Class và ID – TẬP 1

  • Bài 10 : Luyện tập CSS cơ bản với Class và ID – TẬP 2

  • Bài 11 : Luyện tập CSS cơ bản với Class và ID – TẬP 3

  • Bài 12 : Load font bất kì thế nào

  • Bài 13 : Sử dụng font icon và hiệu ứng hover thế nào

  • Bài 14 : Chữa bài 4 megafun

  • Bài 15 : Chữa bài 5 icon vnexpress

  • Bài 16 : Chữa bài docbao.vn

  • Bài 17 : Chữa bài vietnamnet.vn

  • Bài 18 : Chữa bài Marry.vn – Tập 1

  • Bài 19 : Chữa bài Marry.vn – Tập 2

  • Bài 20 : Chữa bài Marry.vn – Tập 3

  • Bài 21 : Chữa bài Giadinh.net

  • Bài 22 : Chữa bài Saga.vn – Tập 1

  • Bài 23 : Chữa bài Saga.vn – Tập 2

  • Bài 24 : Giới thiệu về thuộc tính absolute và relative

  • Bài 25 : Giới thiệu về thuộc tính Flex

  • Bài 26 : Luyện tập về thuộc tính Flex

  • Bài 27 : Ví dụ về thuộc tính Flex

  • Bài 28 : Luyện tập thuộc tính Absolute với website Guu.vn – Tập 1

  • Bài 29 : Luyện tập thuộc tính Absolute với website Guu.vn – Tập 2

  • Bài 30 : Chữa bài 1 absolute với website Usatoday.com

  • Bài 31 : Thực hành absolute với website tiin-.vn

  • Bài 32 : Thực hành absolute với website udemy.com

  • Bài 33 : Thực hành absolute kết hợp hiệu ứng transition

  • Bài 34 : Chữa bài hiệu ứng cuộn chuột sử dụng background attachment

  • Bài 35 : Chữa bài thuộc tính animation

  • Bài 36 : Áp dụng thuộc tính position và hover transition qua bài tập

  • Bài 37 : Áp dụng thuộc tinh absolute, transition, flex

  • Bài 38 : Luyện tập absolute và hover transition

  • Bài 39 : Hoàn thiện sản phẩm

  • Bài 40 : Áp dụng absolute và transition qua bài hiệu ứng sô 4

  • Bài 41 : Tổng kết phần HTML CSS và giới thiệu kiến thức phần 2

  • Bài 42 : Giới thiệu về bootstrap 4

  • Bài 43 : Hướng dẫn cài đặt Bootstrap tập 1

  • Bài 44 : Hướng dẫn cài đặt Bootstrap tập 2

  • Bài 45 :Giới thiệu hệ thống lưới của Boostrap

  • Bài 46 : Áp dụng hệ thống lưới cho web responsive thế nào

  • Bài 47 : Thành phần alert trong bootstrap 4

  • Bài 48 : Thành phần breadcrumb

  • Bài 49 : Thành phần button trong bootstrap

  • Bài 50 : Ghi chú về cách học Bootstrap 4

  • Bài 51 : Thành phần checkbox và radio

  • Bài 52 : Thành phần dropdown menu và button group

  • Bài 53 : Thành phần card layout

  • Bài 54 : Thành phần card deck

  • Bài 55 : Thành phần card group trong bootstrap 4

  • Bài 56 : Thành phần card column trong bootstrap 4

  • Bài 57 : Thành phần carousel trong bootstrap 4

  • Bài 58 : Thành phần collapse trong bootstrap 4

  • Bài 59 : Thành phần form trong bootstrap 4

  • Bài 60 : 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

  • Bài 61 : Xử lý menu với bootstrap thế nào

  • Bài 62 : Xử lý chia cột và giới thiệu thành phần spacing bootstrap

  • Bài 63 : Xử lý khối thông báo và giới thiệu class sử dụng cho căn chỉnh

  • Bài 64 : Xử lý khối 3 cột thông tin bằng card layout

  • Bài 65 : Tổng kết kiến thức đã học từ website số 1

  • Bài 66 : Giới thiệu website số 3

  • Bài 67 : Thực hành bootstrap với navbar collapse

  • Bài 68 : Thực hành bootstrap với jumbotron

  • Bài 69 : Thực hành bootstrap với card decks

  • Bài 70 : Thực hành bootstrap với float xs và hiệu ứng jquery scroll

  • Bài 71 : Tổng kết website số 3

  • Bài 72 : Giới thiệu website

  • Bài 73 : Thực hành bootstrap 4 với menu responsive

  • Bài 74 : Thực hành bootstrap 4 với hiệu ứng carosel tùy biến

  • Bài 75 : Thực hành bootstrap làm toàn bộ website trong 5 phút

  • Bài 76 : Tổng kết website và kiến thức học được

  • Bài 77 : Giới thiệu website và các kiến thức cần sử dụng

  • Bài 78 : Tạo menu và carosel bằng phím tắt

  • Bài 79 : Tinh chỉnh và hoàn thiện menu

  • Bài 80 : Xử lý phần khoảng cách cho menu

  • Bài 81 : Xử lý phần nội dung carousel caption

  • Bài 82 : Giới thiệu phương pháp xử lý responsive

  • Bài 83 : Xử lý căn chỉnh nội dung bằng row trong row

  • Bài 84 : Tinh chỉnh phần nội dung bằng css

  • Bài 85 : Xử lý khối thông tin web site chứa facebook button

  • Bài 86 : Hoàn thiện khối thông tin website với css

  • Bài 87 : Hoàn thiện footer

  • Bài 88 : CREATIVE THEME – BƯỚC CHUẨN BỊ

  • Bài 89 : CREATIVE THEME – TẠO KHUNG HTML

  • Bài 90 : CREATIVE THEME – TẠO CSS CHO PHẦN MENU TRÊN

  • Bài 91 : CREATIVE THEME – TẠO CSS CHO PHẦN BANNER

  • Bài 92 : CREATIVE THEME – XỬ LÝ RESPONSIVE

  • Bài 93 : CREATIVE THEME – XỬ LÝ KHỐI GIỚI THIỆU

  • Bài 94 : CREATIVE THEME – XỬ LÝ PHẦN CHIA CỘT

  • Bài 95 : CREATIVE THEME – XỬ LÝ KHỐI SẢN PHẨM

  • Bài 96 : CREATIVE THEME – XỬ LÝ HIỆU ỨNG JQUERY

  • Bài 97 : VELOCITY THEME – BẮT ĐẦU VỚI MENU

  • Bài 98 : VELOCITY THEME – TẠO BANNER

  • Bài 99 : VELOCITY THEME – TẠO CSS CHO PHẦN LOGO

  • Bài 100 : VELOCITY THEME – TẠO CSS CHO MENU RESPONSIVE – TẬP 1

  • Bài 101 : VELOCITY THEME – TẠO CSS CHO MENU RESPONSIVE – TẬP 2

  • Bài 102 : VELOCITY THEME – TẠO CSS CHO PHẦN BANNER RESPONSIVE

  • Bài 103 : VELOCITY THEME – TẠO PHẦN DỊCH VỤ

  • Bài 104 : VELOCITY THEME – XỬ LÝ HIỆU ỨNG SLIDE

  • Bài 105 : VELOCITY THEME – HIỆU ỨNG JQUERY

  • Bài 106 : Giới thiệu phần mềm photoshop

  • Bài 107 : Bước chuẩn bị cho cắt web

  • Bài 108 : Sử dụng bootstrap tạo khung menu

  • Bài 109 : Tạo CSS cho menu trên màn hình Desktop

  • Bài 110 : Tạo CSS cho menu trên màn hình Iphone

  • Bài 111 : Tạo khung HTML cho Slide Banner

  • Bài 112 : Tạo CSS cho Slide Banner – Tập 1

  • Bài 113 : Tạo CSS cho Slide Banner – Tập 2

  • Bài 114 : Tạo khung HTML cho khối dịch vụ

  • Bài 115 : Tạo CSS cho khối dịch vụ

  • Bài 116 : Hướng dẫn xử lý các phần của giao diện

  • Bài 117 : CẮT WEB THEFOX- BƯỚC CHUẨN BỊ

  • Bài 118 : CẮT WEB THEFOX – TẠO KHUNG HTML CHO TOPHEADER

  • Bài 119 : CẮT WEB THEFOX – TẠO CSS CHO PHẦN TOPHEADER

  • Bài 120 : CẮT WEB THEFOX – TẠO HTML CHO PHẦN MENU

  • Bài 121 : CẮT WEB THEFOX – TẠO CSS CHO PHẦN MENU

  • Bài 122 : CẮT WEB THEFOX – TẠO CSS CHO MENU TRÊN IPHONE

  • Bài 123 : CẮT WEB THEFOX- TẠO KHUNG HTML CHO BANNER

  • Bài 124 : CẮT WEB THEFOX- TẠO CSS CHO PHẦN BANNER

  • Bài 125 : CẮT WEB THEFOX – TẠO HTML CHO PHẦN GIỚI THIỆU

  • Bài 126 : CẮT WEB THEFOX – TẠO CSS CHO PHẦN GIỚI THIỆU

  • Bài 127 : CẮT WEB THEFOX – HƯỚNG DẪN XỬ LÝ CÁC PHẦN CÒN LẠI

  • Bài 128 : Bước chuẩn bị cho giao diện Illustrate

  • Bài 129 : Xử lý CSS cho phần top header

  • Bài 130 : Xử lý CSS cho phần menu trên

  • Bài 131 : Tạo khung HTML cho phần banner

  • Bài 132 : Xử lý CSS cho phần banner

  • Bài 133 : Xử lý phần HTML cho khối thông tin

  • Bài 134 : Xử lý CSS cho phần khối thông tin

  • Bài 135 : Xử lý phần HTML cho khối sản phẩm

  • Bài 136 : Xử lý phần CSS cho khối sản phẩm

  • Bài 137 : BƯỚC CHUẨN BỊ

  • Bài 138 : XỬ LÝ PHẦN HTML CHO PHẦN LOGO VÀ MENU

  • Bài 139 : XỬ LÝ PHẦN CSS CHO MENU

  • Bài 140 : XỬ LÝ HTML CHO PHẦN BANNER

  • Bài 141 : XỬ LÝ CSS CHO PHẦN BANNER

  • Bài 142 : XỬ LÝ HTML CHO KHỐI 3 DỊCH VỤ

  • Bài 143 : XỬ LÝ CSS CHO PHẦN 3 DỊCH VỤ

  • Bài 144 : TÓM TẮT CÁC LÀM CHO PHẦN CÒN LẠI CỦA GIAO DIỆN

Nhận xét của học viên

Chưa có đánh giá

Lịch sử giá

Giá thấp nhất: 0 đ
Giá cao nhất: 199000 đ
Được cập nhật: 19 giờ trước
  • Hiện tại đang là giá thấp nhất, bạn có muốn mua ngay? Đến nơi bán
  • Bạn đang chờ giá tốt hơn ?. Sử dụng 2 cách nhận thông báo bên dưới nhé

Từ trình duyệt

Trình duyệt không hỗ trợ

Từ email

Đăng ký nhận thông báo thất bại

Đăng ký nhận thông báo thành công

Hủy đăng ký thông báo thất bại

Hủy đăng ký thông báo thành công

Xin vui lòng nhập đúng định dạng email

Bạn đang gặp lỗi khi sử dụng ?. Báo cáo tại đây

Nguồn: EWIKI

Tính năng khóa học

  • Bài giảng 144
  • Thời lượng 3h 20'
  • Học viên 51
  • Ngôn ngữ: Tiếng Việt
  • Cấp độ: Tất cả cấp độ

Đến nơi bán