• KHÓA HỌC THIẾT KẾ WEB CƠ BẢN VỚI BOOTSTRAP 4, JQUERY, CSS3, HTML5

  • Mã KH : BOOTSTRAP - Đánh giá (0): - Lượt xem 61
  • 199.000 đ Giảng Viên : 0
  • Khóa học này bao gồm:

    Bài học: 144

    Tổng thời lượng: 200 Giờ

    Ngôn ngữ: Tiếng Việt

    Cấp độ: Tất cả cấp độ

  • Học Thử Khóa Này

Lợi ích khóa học 

  • 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

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.

Thông tin giảng viên

Thông tin giáo trình

Phần 1 : Giới thiệu và các phần mềm cần thiết

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 

Phần 2 : Các kiến thức cơ bản

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 

Phần 3 : Học cách cắt web qua từng bài tập

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 

Phần 4 : Các thuộc tính chia layer trong css

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 

Phần 5 : Giới thiệu Bootstrap 4 và cài đặt

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 

Phần 6 : Bắt đầu học Bootstrap 4

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 

Phần 7 : Học Bootstrap bằng việc làm lại các website – Phần 1

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 

Phần 8 : Học Bootstrap bằng việc làm lại các website – Phần 2

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 

Phần 9 : Học Bootstrap bằng việc làm lại các website – Phần 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 

Phần 10 : Học Bootstrap bằng việc làm lại các website – Phần 4

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 

Phần 11 : Học Bootstrap 4 qua việc làm theme bootstrap – Creative theme

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 

Phần 12 : Học Bootstrap 4 qua việc làm theme bootstrap – Velocity theme

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 

Phần 13 : Học cắt web từ file thiết kế photoshop

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 

Phần 14 : Cắt web với sản phẩm bán chạy trên themeforest thefox

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 

Phần 15 : Cắt web từ file thiết kế photoshop – giao diện illustrate

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 

Phần 16 : Cắt web từ file thiết kế photoshop – giao diện Pix

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 giá và nhận xét " KHÓA HỌC THIẾT KẾ WEB CƠ BẢN VỚI BOOTSTRAP 4, JQUERY, CSS3, HTML5 "

0 Trên 5
0 Đánh giá
  • 5Sao
    0
  • 4Sao
    0
  • 3Sao
    0
  • 2Sao
    0
  • 1Sao
    0
Nhận Xét Khóa Học Này
Tin tức bài viết

Khóa học khác