Khóa Học : Giao diện Website Bootstrap

Bài 1: Thiết kế giao diện Bootstrap - Giới thiệu chung

Chưa có bình luận 222

Bài này mình xoay quanh giới thiệu về Series học lập trình giao diện bằng bootstrap và trình bày giới thiệu về giao diện của mình sẽ được học.

Link share code trong bài  : https://bit.ly/2UvDS1U


Bài 2: Download và Cài đặt công cụ lập trình và Boostrap

Chưa có bình luận 158

Video hướng dẫn các bạn download bootstrap,jquery và hướng dẫn cách tạo folder website thường thấy ,sau đó copy những files có trong bootstrap và tạo file jquery.Link đường dẫn file css và js cho chuẩn để chuẩn bị lập trình website giao diện bootstrap.

Video cần thiết được nhắc tới trong bài :

Video cài đặt Sublime Text : https://bit.ly/2QuS64I

Video cài đặt cấu hình xampp : https://bit.ly/2rzlZlC

Link bài học miễn phí : https://bit.ly/2GuiXcT


Bài 3: Tạo Topbar cho Website bằng Bootstrap

Chưa có bình luận 206

Navbars bootstrap là một thành phần phục vụ cho headers website hoặc ứng dụng.Navbars bootstrap có nhiều tùy chọn như là thuộc tính click vào đổ xuống hoặc double click trên mobile lẫn các thiết bị khác,navbars bootstrap có thể co dãn theo kích thước trên mọi thiết bị trình duyệt website hiện có bây giờ.

Link download file css bootstrap 3 : https://bit.ly/2Exn8CC


Bài 4: Tạo Slider Website bằng Bootstrap

Chưa có bình luận 164

Carousel Bootstrap là một dạng slideshow trình chiếu ảnh động ,được xây dựng trên nền tảng CSS 3D và Javascript.Carousel Bootstrap hoạt động với nhiều series hình ảnh khác nhau,dữ liệu và tùy chọn phía người dùng.Carousel Bootstrap cũng bao gồm các nút tới lui hình ảnh và các nút tròn nhỏ trên nền sliders.Carousel Bootstrap có bao gồm luôn hiển thị nội dung chú thích về hình ảnh.

Link file JS : https://bit.ly/2CgkzT2

Link folders Fonts : https://bit.ly/2Exn8CC


Bài 5: Tạo Menu bằng Navbar Bootstrap

Chưa có bình luận 163

Ở phần này thì chúng ta sẽ tìm hiểu cách khai báo kiểu navbar cơ bản mà bootstrap hỗ trợ sẵn đó là tạo ra một thanh ngang menu và  hỗ trợ responsive trên mọi trình duyệt.

Code trong bài này : http://bit.ly/2Sa7f8j


Bài 6: Thêm giỏ hàng cho giao diện Bootstrap Website

Chưa có bình luận 553

Bài học này các bạn sẽ được học về thêm icon giỏ hàng dropdown vào thanh menu ngang website

Code trong bài này : http://bit.ly/2Sa7f8j


Bài 7: Tạo Sidebar Product cho Boostrap

Chưa có bình luận 162

Ở bài này chúng ta sẽ học về tạo sidebar website bằng bootstrap,sidebar website là thành phần nằm bên trái website.Được coi là một thành phần dùng để show ra các sản phẩm tin tức nổi bật trong một website ,hoặc là thành phần dùng để chưa những thông tin nổi bật của một website

Code trong bài này : http://bit.ly/2Sa7f8j


Bài 8: Tạo Sidebar Tin tức cho Bootstrap Website

Chưa có bình luận 219

Ở bài học này chúng ta sẽ học về tạo sidebar tin tức một thành phần quan trọng của một website ,dùng để show cho các bạn thấy được một phần tin tức mới nhất,tin tức được xem nhiều nhất của một website

Code trong bài này : http://bit.ly/2Sa7f8j


Bài 9: Tạo Main cho Bootstrap Website

Chưa có bình luận 138

Ở bài học này chúng ta sẽ học về phần main của một website ,phần main này chứa các phần sản phẩm và tin tức của một website ,phần main dùng các cột column trong bootstrap ,để hiểu thêm về column trong bootstrap,mời các bạn theo dõi bài này nhé.

Code trong bài này : http://bit.ly/2Sa7f8j

 


Bài 10: Tạo Footer cho Bootstrap Website - End Index Page

Chưa có bình luận 234

Ở bài này chúng ta sẽ học về footer của một website,footer là chân website chứa những thông tin về website và doanh nghiệp : bao gồm thông tin doanh nghiệp,tin tức,liên hệ, những icon kết nối mạng xã hội với doanh nghiệp

Code trong bài này : http://bit.ly/2Sa7f8j


Bài 11: Breadcrumb và Tabs chi tiết sản phẩm Website Bootstrap

Chưa có bình luận 195

Breadcrumb và Tabs trong trang chi tiết sản phẩm của website được tạo ra bằng teamplate có sẳn trong bootstrap ,giúp khách hàng có thêm nhiều lựa cho hơn và thấy được những thông tin của dịch vụ và sản phẩm mà mình cung cấp


Bài 12: Xây dựng trang giỏ hàng Bootstrap Website

Chưa có bình luận 212

Xây dựng trang giỏ hàng Bootstrap Website với table responsive trong bootstrap


Bài 14: Tạo trang loại tin tức trong Bootstrap Website

Chưa có bình luận 162

Tạo trang loại tin tức trong Bootstrap Website nhằm đưa ra những thông tin và danh mục tin tức mới nhất cho website


Bài 15: Tạo trang chi tiết tin tức trong Website Bootstrap

Chưa có bình luận 176

Tạo trang xem chi tiết của một tin tức Website bằng Giao diện Bootstrap.


Bài 16: Tạo trang Liên Hệ trong Bootstrap Website

Chưa có bình luận 185

Tạo trang Liên Hệ trong Bootstrap Website,hiển thị thông tin doanh nghiệp và bản đồ doanh nghiệp


Bài 17: Sharecode giao diện website bằng bootstrap

Chưa có bình luận 477

Sharecode giao diện website bằng bootstrap ,share source full code tạo giao diện website bán hàng bằng bootstrap

Full Source code : https://drive.google.com/open?id=1tpuw8QSHe3CUE7EO0kwHwC9pUQNIN_83



CÔNG TY THIẾT KẾ WEBSITE CHUYÊN NGHIỆP

Kết nối với chúng tôi