Bootstrap AZ - Xây dựng giao diện website chuẩn, nhanh chóng, chuyên nghiệp với Bootstrap

Giúp bạn làm chủ Bootstrap 4 - Một framework frontend hàng đầu để xây dựng giao diện website với Html, Css, Jquery, Repsonsive... nhanh chóng chuyên nghiệp qua dự án thực tế.

(15)
159 học viên
Phan Văn Cương

Bạn nhận được gì

  • Bạn làm chủ Framework Frontend hàng đầu thế giới giúp xây dựng giao diện chuẩn, nhanh gấp 10 lần so với thông thường
  • Tạo bố cục website nhanh chóng vững vàng và tương thích đa thiết bị với hệ thống Grid 
  • Tùy chỉnh hiển thị các đối tượng text, khối trên giao diện với mạng lưới các class tối ưu
  • Nắm được hệ thống tiện ích nâng cao để hiển thị giao diện web đa dạng, phong phú
  • Chương trình học bao gồm Lý Thuyết - Thực Hành - Đồ Án - Reviews Góp ý đến hoàn thiện
  • Bạn được tham gia nhóm kín hỗ trợ 24/24 qua Facebook Messenger và kết nối học hỏi những người đang tham dự
  • Được hỏi bài - Giải đáp thắc mắc bất kỳ lúc nào + Trao đổi trực tiếp với Chuyên gia
  • Có hướng dẫn làm đồ án để áp dụng Bootstrap vào thực tế - Kỹ năng quan trọng để đi làm

Học thử

Bạn click vào nút Học thử để xem video bài học, đây là giải pháp để bạn tiếp cận kiến thức thực tế đi làm sau một khoảng thời gian ngắn, bấm vào Đăng ký ngay để tham gia chương trình

  • Bài 1: Bootstraps là gì? Tạo sao cần sử dụng nó
  • Bài 3: Cách học Bootstrap AZ hiệu quả
  • Bài 11: Hệ thống Grid bootstrap tùy biến trên đa thiết bị
    15:38 Học thử
  • Bài 24: Bài tập 2: Xây dựng trang chi tiết bài viết với Bootstrap
  • Bài 39: Hướng dẫn bài tập 3: Hiển thị danh sách bài viết dạng lưới
  • Bài 46: Xây dựng thanh phân trang danh sách bài viết, sản phẩm...
    15:01 Học thử

Ai là người phù hợp với chương trình này

  • Người đam mê học lập trình web muốn phát triển sự nghiệp theo nghề web
  • Sinh viên muốn học để xây dựng kỹ năng chuyên sâu để sau này đi làm web
  • Những người đã đi làm lập trình muốn nâng cao kỹ năng để tăng lương
  • Người mong muốn xây dựng website phục vụ công việc kiếm tiền online, kinh doanh...

Tại sao bạn cần tham gia chương trình này?

Khi tìm đến với khóa học này chắc bạn đã biết giao diện website xây dựng nên với Html, Css, Jquery... tuy nhiên trong quá trình code xây dựng giao diện website chúng ta thường gặp rào cản không biết làm thế nào để xây dựng giao diện cho chuẩn, dễ nhìn và hiển thị đẹp. 

Chính vì điều đó Bootstrap ra đời và nó được xem là một bộ khung chuẩn trên thế giới giúp những người xây dựng giao diện website có thể sử dụng những tính năng hiển thị, xử lý đã được nghiên cứu phù hợp với phần đa dự án. Việc của chúng ta chỉ cần họ nó để xây dựng giao diện website nhanh hơn thông qua việc khai báo đúng cú pháp mà Bootstrap hỗ trợ. 

Đến với chương trình Bootstrap Az bạn không những được học những tính năng hỗ trợ mà còn được tư vấn tư duy, cách sử dụng nó linh hoạt vào dự án để giúp bạn xây dựng website nhanh gấp ít nhất 10 lần và chuyên nghiệp. 

Đây cũng là một chương trình đã được các học viên cũ của Unitop đề xuất thực hiện và nó là một kỹ năng mà gần như 100% các công ty tuyển dụng xây dựng giao diện web yêu cầu khi xin việc. Nếu bạn có nó bạn sẽ gia tăng sự tự tin và được đánh giá cao hơn. 

Nếu bạn là người đang học để xây dựng dự án phục vụ kinh doanh thì đây là chương trình giúp bạn tạo giao diện nhanh đến không ngờ. Bạn có thể tạo ra website, landing page tùy biến cho những ý tưởng dự án của mình. 

Để đảm bảo bạn học và áp dụng tốt trong chương trình có hệ thống bài tập áp dụng và đồ án thực tế để giúp bạn làm chủ kỹ năng của mình. Ngoài ra nhóm hỗ trợ luôn tương tác hàng ngày giúp bạn luôn tập trung vào mục tiêu và gỡ rối những vướng mắc trong suốt quá trình học. 

Mọi thứ nó thực sự rất tuyệt, hãy bắt đầu thôi. Một khoản đầu tư nhỏ có thể giúp bạn gia tăng "sức mạnh" rút ngắn thời gian và tự tin khi đi tuyển dụng và xây dựng dự án cho riêng mình. 

Bạn click nút đăng ký để bắt đầu ngay. Hẹn gặp bạn trong chương trình! 

Chế độ hỗ trợ đặc biệt

  • Những kiến thức trong chương trình đều kết hợp Lý thuyết gốc vững - Bài tập - Đồ án 
  • Tất cả những câu hỏi đều được hỗ trợ nhanh chóng qua nhóm kín
  • Được tư vấn tương tác trực tiếp với anh Phan Văn Cương và đội ngũ hỗ trợ để đạt kiết quả tốt
  • Bạn được hướng dẫn - phân tích làm đồ án để áp dụng vào công việc thực tế tại các công ty

Điều kiện tham gia chương trình

  • Bạn cần có kiến thức Html, Css, Query nền tảng. Nếu không khi đến Bootstrap bạn sẽ không nắm được bản chất của nó dẫn đến mơ hồ
  • Bạn không cần phải biết Bootstrap trước đó, tất cả mọi thứ đều được hướng dẫn từng bước
  • Có đam mê, thích tối ưu giao diện và có mục tiêu trở thành người xây dựng giao diện website chuyên nghiệp - chuẩn quốc tế

Nội dung khóa học

  • Phần 1: Giới thiệu - Khởi động
    6 bài
    • Bài 1: Bootstraps là gì? Tạo sao cần sử dụng nó
      4:39
    • Bài 2: Khóa học Bootsrap AZ và người hướng dẫn Phan Văn Cương
      3:44
    • Bài 3: Cách học Bootstrap AZ hiệu quả
      6:09
    • Bài 4: Thiết lập mục tiêu và lên kế hoạch học tập
      5:18
    • Bài 5: 2 phần mềm cần cài đặt khi học Bootstraps
      3:04
    • Bài 6: Cách cài đặt Bootstrap chỉ trong 5 phút
      20:32
  • Phần 2: Xây dựng layout website responsive với Grid Systems
    8 bài
    • Bài 7: Khám phá hệ thống Grid Design và Grid Css
      7:51
    • Bài 8: Quy tắc dựng layout với grid bootstrap
      19:07
    • Bài 9: Bài tập: Xây dựng layout 3 cột với bootstrap
      3:37
    • Bài 10: Hướng dẫn: Xây dựng layout 3 cột bootstrap
      15:40
    • Bài 11: Hệ thống Grid bootstrap tùy biến trên đa thiết bị
      15:38
    • Bài 12: Tùy biến kích thước container trong bootstrap
      11:49
    • Bài 13: Xử lý khối lồng khối trong grid boostrap
      10:59
    • Bài 14: Hủy bỏ vùng đệm của cột trong grid
      6:00
  • Phần 3: Tiện ích cho text, hình ảnh trong bootstrap
    11 bài
    • Bài 15: Định dạng hiển thị tiêu đề h1-h6
      7:54
    • Bài 16: Nhóm class căn chỉnh text (left - center - right-justify)
      9:22
    • Bài 17: Nhóm class tùy chỉnh màu sắc text
      8:54
    • Bài 18: Nhóm class tùy chỉnh đậm nhạt của text
      4:22
    • Bài 19: Nhóm class tùy chỉnh in hoa thường của text
      4:02
    • Bài 20: Class bỏ gạch chân text
      2:56
    • Bài 21: Tùy chỉnh danh sách ul, ol trong bootstrap
      7:47
    • Bài 22: Nhóm class xây dựng hình ảnh - responsive
      10:21
    • Bài 23: Kỹ thuật căn giữa hình ảnh trong bootstrap
      1:38
    • Bài 24: Bài tập 2: Xây dựng trang chi tiết bài viết với Bootstrap
      3:46
    • Bài 25: Hướng dẫn: Xây dựng trang chi tiết bài viết với Bootstrap
      6:51
  • Phần 4: Tiện ích cho khối trong boostrap
    14 bài
    • Bài 26: Nhóm class thiết lập màu nền khối
      9:44
    • Bài 27: Nhóm class tùy chỉnh đường viền khối
      12:37
    • Bài 28: Nhóm class tùy chỉnh bo tròn góc khối
      7:33
    • Bài 29: Nhóm class tùy chỉnh chế độ hiển thị
      11:23
    • Bài 30: Nhóm class tùy chỉnh vùng đệm - khoảng cách khối
      21:40
    • Bài 31: Căn giữa khối trong bootstrap
      10:55
    • Bài 32: Nhóm class tùy chỉnh float, clear
      10:52
    • Bài 33: Sập độ cao là gì? Cách chống sập độ cao trong bootstrap
      7:01
    • Bài 34: Thiết lập kích thước khối tiện lợi theo phần trăm
      10:22
    • Bài 35: Nhóm class tùy chỉnh vị trí hiển thị đối tượng - position
      15:13
    • Bài 36: Nhóm class tùy chỉnh đổ bóng khối
      6:37
    • Bài 37: Nhóm class tùy chỉnh hiện tượng tràn văn bản - overflow
      5:17
    • Bài 38: Bài tập 3: Hiển thị danh sách bài viết dạng lưới
      5:11
    • Bài 39: Hướng dẫn bài tập 3: Hiển thị danh sách bài viết dạng lưới
      9:22
  • Phần 5: Nhóm tiện ích nâng cao Bootstrap
    27 bài
    • Bài 40: Xây dựng tùy chỉnh nút bấm trong form(border, background, size...)
      19:43
    • Bài 41: Xây dựng tùy chỉnh hiển thị nội dung trên table
      23:11
    • Bài 42: Cấu hình hiển thị table trên đa thiết bị
      7:16
    • Bài 43: Tạo menu điều hướng website chạy trên đa thiết bị
      13:11
    • Bài 44: Tạo thanh dropdown menu
      12:44
    • Bài 45: Xây dựng Breadcrumb - Thanh điều hướng
      8:22
    • Bài 46: Xây dựng thanh phân trang danh sách bài viết, sản phẩm...
      15:01
    • Bài 47: Xây dựng nội dung hiển thị kiểu Popup Modal
      10:08
    • Bài 48: Xây dựng nội dung hiển thị kiểu Popup Modal - phần 2
      12:46
    • Bài 49: Tạo form cơ bản đầu tiên với bootstrap
      9:25
    • Bài 50: Hiển thị các phần tử form (input text, email, select, radio, checkbox...)
      12:47
    • Bài 51: 5 loại bố cục hiển thị form với bootstrap
      18:30
    • Bài 52: Tùy chỉnh kích thước phần tử form trong bootstrap
      4:53
    • Bài 53: Tùy chỉnh hiển thị input nâng cao
      16:06
    • Bài 54: Sử dụng hộp thoại cảnh báo Alert
      19:56
    • Bài 55: Hiện thị Carousel Slideshow với Bootstrap
      22:18
    • Bài 56: Sử dụng chú thích nâng cao với Tooltip
      14:24
    • Bài 57: Sử dụng thanh mô tả tiến trình Progress
      10:02
    • Bài 58: Sử dụng tiện ích Nav Tabs Bootstrap
      8:52
    • Bài 59: Sử dụng List group
      13:51
    • Bài 60: Hiển thị Tab theo chiều ngang (List group - Tab)
      7:55
    • Bài 61: Hiển thị nội dung có cấu trúc phần 1
      15:17
    • Bài 62: Hiển thị nội dung có cấu trúc phần 2
      20:07
    • Bài 63: Hiển thị nội dung kiểu media, comment đa cấp
      8:25
    • Bài 64: Hiển thị nội dung kiểu Accordion - xổ thực đơn
      10:29
    • Bài 65: Hiển thị hiệu ứng chờ xử lý chương trình
      8:37
    • Bài 66: Kỹ thuật nhúng video vào website theo tỉ lệ và tương thích đa thiết bị
      6:05

Cảm nhận về khóa học

  • PT
    (5/5)
    Đã học tại Unitop
    Các bài giảng của thầy ngắn gọn và dễ hiểu, mình đã theo thầy từ đầu đến giờ và mọi khóa học đối với mình đều như nhận xét ở trên! Có 1 vấn đề nhỏ em muốn góp ý là: Phần nội dung video có thể bị phần video nhỏ 1 bên của thầy che khuất, hoặc khi dừng lại để ghi chép thì lại bị phần nút play che khuất.
  • CC
    (5/5)
    Đã học tại Unitop
    Kết thúc khóa học này tốc độ làm giao diện của mình tăng lên nhanh hơn và biết được nhiều hơn những tiện ích mà bootstrap mang lại. Nếu anh em nào còn đang suy nghĩ , bâng khuân về khóa học này. Đừng chần chừ mà hãy bắt đầu đăng ký để trải nghiệm nó.
  • ND
    (5/5)
    Đã học tại Unitop
    Đơn Giản Ngắn Gọn và Rất dễ hiểu . Thích nhất là phần 5 . Em cảm ơn Anh Cương Đã Tạo Khóa Học này
  • GH
    (5/5)
    Đã học tại Unitop
    Khóa học thật tuyệt vời, cảm ơn thày Cương đã cho em những kiến thức và những trải nghiệm bổ ích. Nó là một khóa học không thể bỏ qua!!!
  • HC
    (5/5)
    Đã học tại Unitop
    Chuẩn chỉnh , đơn giản nhanh chóng , tiện ích . Cảm ơn thầy Phan Văn Cương
  • BK
    (5/5)
    Đã học tại Unitop
    Khóa học tuyệt vời, mọi thứ dễ dàng để xây dựng 1 website hoàn thiện trong thời gian ngắn, cảm ơn thầy vì khóa học ạ <3 , khóa học tuyệt vời!
  • PH
    (5/5)
    Đã học tại Unitop
    Khóa học quá tuyệt vời so với mong đợi của mình, Không những lí thuyết được liệt kê đầy đủ và chi tiết mà khi học còn được anh Cương hướng dẫn từng chút một, mình là một người không thông minh và suy nghĩ chậm mà sau khi hoàn thành song khóa học mình đã có thể biết cách sử dụng gần như là toàn bộ những gì anh Cương đã hướng dẫn.. Các bạn cứ iên tâm mà lựa chọn anh Cương , và càng iên tâm hơn nữa khi lựa chọn khóa học này.. Tóm lại là : rất tuyệt vời.. và cảm ơn anh Cương
  • TH
    (5/5)
    Đã học tại Unitop
    Mình là Hùng, là một học viên của unitop.vn. Sau khi hoàn thành khóa học Bootstrap này mình cảm thấy thật sự thích thú, sự tiện lợi của hệ thống class của bootstrap mang lại giúp mình xây dựng lên giao diện của một website nhanh chóng và tiện lợi. Qua những bài giảng của thầy Phan Văn Cương, hướng dẫn của thầy rất chi tiết chuẩn chỉnh từng li từng tí một đã giúp mình càng học càng thấy hay. Đây là một khóa học rất tuyệt vời không thể bỏ qua!
  • PT
    (5/5)
    Đã học tại Unitop
    Thật tuyệt vời, kết thúc khóa bootstrap này, tốc độ dựng web của em đã tăng gấp nhiều lần. Cảm ơn thầy rất nhiều ạ.
  • QT
    (5/5)
    Đã học tại Unitop
    Khóa học rất hay. Lúc trước mình lên giao diện bằng CSS thuần thật sự rất mất công và tốn thời gian, responsive thì phải tinh chỉnh từng cái breakpoint rất là mệt mõi. Với khóa học này thì mình chỉ cần thêm class được bootstrap làm sẵn vào là giải quyết vấn đề. Mình không nghĩ là lên một cái giao diện với bootstrap lại nhanh và dễ dàng đến vậy. Mọi người thật sự nên học khóa học này nó rất hay và những điều anh Cương chia sẽ trong mỗi video bài học cực kỳ quý báu. :D
  • QK
    (5/5)
    Đã học tại Unitop
    Khóa học Bootstrap AZ này đã mang đến cho mình một trải nghiệm hết sức tuyệt vời. Bài giảng hay, ngắn gọn, súc tích, dễ hiểu, đi kèm với đó là những bài thực hành áp dụng để củng cố thêm tư duy và kĩ năng giải quyết vấn đề. Thông qua khóa học, mình cảm thấy lên một tầm cao mới, dựng nên một website nhanh chóng và chuyên nghiệp hơn trước rất nhiều. Mình rất vui vì điều đó. Em cảm ơn thầy Cương rất nhiều!!!
  • LT
    (5/5)
    Đã học tại Unitop
    Mình từ một ngừời chưa biết gì về bootstrap qua khoá học này giúp mình làm chủ được nó một cách dễ dàng, bản thân mình cảm thấy rất bổ ích. Anh dạy rất dễ hiểu, hệ thống hoá kiến thức rất chi tiết, tỷ mỷ, rõ ràng, đầy đủ . Qua khoá học mình gửi lời cảm ơn rất nhiều đến anh Phan Văn Cương đã tạo ra khoá học tuyệt vời này.
  • VH
    (5/5)
    Đã học tại Unitop
    Khóa học rất hay và chi tiết, nội dung được thầy chia ra từng phần rất dễ hiểu. Trong khoảng 10 ngày ngắn ngủi mình đã làm chủ được bootstrap thật tuyệt vời . Cám ơn anh Phan Văn Cương rất nhiều
  • TT
    (5/5)
    Đã học tại Unitop
    Khóa học tuyệt vời rất bổ ích. Thầy dạy rất chi tiết và dễ hiểu, chia ra từng phần học rất chi tiết. Hệ thống các class trong bootstrap giúp mình có có thể xây dựng giao diện dễ dàng nhanh chóng và rút ngắn được thời gian khi thiết kế giao diện web. Trong quá trình học thầy hướng dẫn nhiệt tình khi mình gặp khó khăn. Trước lúc học bootstrap mình muốn xây dựng giao diện mất khoảng nửa ngày đến 1 ngày mới hoàn thành giao diện. Khi mình hoàn thành khóa học bootstrap thì chỉ mất khoảng nửa giờ hoặc 1 giờ để hoàn thành giao diện. Và vừa hoàn thành khóa học mình nhận làm một dự án kiếm tiền luôn dự án đầu. Qua khóa học mình gởi lời cảm ơn rất nhiều đến Thầy Phan Văn Cương đã tạo ra khóa học rất tuyệt vời này và có tính thực chiến rất cao
  • VV
    (5/5)
    Đã học tại Unitop
    Khóa học rất hay và chi tiết,thầy dậy dễ hiểu,sau khóa học mình có thể tự thiết kế giao diện trong 1 thời gian rất ngắn,cảm ơn anh Phan Văn Cương rất nhiều
799.000đ 1.860.000đ
Đăng ký học Học sớm đi làm sớm
Bao gồm
  • 67 bài học
  • Hỗ trợ hỏi đáp 8h - 22h mỗi ngày

Bạn cần tư vấn

  • Gọi chúng tôi

    Bạn gọi cho chúng tôi để hỏi các câu hỏi của bạn
    Gọi ngay
  • Live chat

    Bạn gọi cho chúng tôi để hỏi các câu hỏi của bạn
    Chat ngay
  • Email cho unitop

    Bạn gọi cho chúng tôi để hỏi các câu hỏi của bạn
    Email ngay
  • Ý kiến người đọc

    Bạn gọi cho chúng tôi để hỏi các câu hỏi của bạn
    Xem ngay

CÂU HỎI THƯỜNG GẶP CÓ THỂ BẠN QUAN TÂM

  • Tôi là người mới bắt đầu từ số 0 có học được không?

    Chương trình được xây dựng từng bước một từ cơ bản lên nên bạn hoàn toàn có thể theo học mà không gặp bất kỳ khó khăn gì. Trên thực tế có nhiều bạn xuất phát điểm số 0 nhưng học theo hướng dẫn có kết quả tốt hơn người biết mỗi chút một ít

  • Unitop có nhiều khóa học tôi cần học theo lộ trình như nào?

    Bạn học theo lộ trình bên dưới để đi làm fullstack:

    Vì các kỹ năng được xây dựng theo bậc thang bạn nên học đến đâu nắm chắc đến đó trước khi qua phần mới sẽ đạt được hiệu quả tốt nhất.

  • Tôi tham gia trọn bộ khóa học này thì bao lâu đi làm đượcc?

    Thời gian hoàn thành phụ thuộc vào sự tập trung và thời gian của bạn. Những bạn tập trung được 3-4h mỗi ngày trở lên thì trong 3-5 tháng hoàn thành và đi làm mức lương khởi điểm thường 7 - 9.000.000đ

  • Trong khóa học có làm sản phẩm thực tế không?

    Mục tiêu Unitop tập trung đồng hành cùng với học viên là học để đi làm được việc kiếm được tiền nên trong quá trình học sau những nội dung lý thuyết gốc thì có phần bài tập thực hành, đồ án. Qua đó giúp bạn nắm chắc bài hơn và biết được công việc khi đi làm nó như thế nào.

  • Khi có vấn đề vướng mắc tôi nhờ hỗ trợ bằng cách nào

    Sau khi hoàn tất thanh toán khóa học bạn được thêm vào 2 nhóm kín hỗ trợ: 1. Nhóm chat kèm cặp 24/24, 2. Nhóm reviews góp ý bài tập thực hành. Nếu bạn thực sự là người chủ động thì tốc độ học của bạn sẽ rất nhanh. Khó khăn gì có người để hỏi không phải mò mẫm như trước nữa.

    Đây cũng quyền lợi đặc biệt mà chỉ Unitop giành cho bạn. Bạn không phải chỉ ngồi học một mình qua video bài học như các khóa học online thông thường. Giờ đây bạn được tương tác 2 chiều bất kỳ lúc nào.

  • Học xong có được hướng dẫn làm đơn xin việc, cách phỏng vấn không?

    Sau khi hoàn tất chương trình ở giai đoạn xin việc bạn được thầy Phan Văn Cương hướng dẫn cụ thể cách viết đơn xin việc cuốn hút nhằm tăng tỉ lệ mời đi phỏng vấn. Ngoài ra bạn cũng được hướng dẫn kinh nghiệm để có một buổi phỏng vấn chuyên nghiệp, tạo được thiện cảm cho nhà tuyển dụng từ đó góp phần dễ dàng có được công việc tốt hơn, lương cao hơn.

Hệ thống
Tài khoản
Copyright © 2017-2020 Unitop.vn
Miễn phí Nhận kinh nghiệm, lộ trình học web đi làm lương khởi điểm 7-9tr/tháng sau 3-5 tháng năm 2020 Xem ngay→