Cơ bản về CSS Framework Bootstrap 4 trong Lập Trình Ứng Dụng Website với PHP, MySQL và Laravel. Làm việc với các ví dụ trong CSS Framework Bootstrap 4.
Thông Tin Tổng Quan Và Kiến Thức
Nội dung chi tiết, từ khóa liên quan đến kiến thức lập trình cụ thể và các thông tin về ngôn ngữ lập trình đã nhắc đến trong buổi học này gồm có:
- Giới thiệu về CSS Framework Bootstrap 4.
- Làm quen với Grid của Bootstrap.
- Làm quen với các class có liên quan đến: Colors, Spacing, …
- Thực hành ví dụ có sử dụng Bootstrap: http://13.251.77.163/projects/html-demo/layout/
Nguồn Tham Khảo Chính Trong Buổi Học
Tài liệu cần phải tham khảo để nắm được các thông tin đã học, dựa trên nguồn tài liệu cơ bản này để có thể tìm kiếm, tự nâng cao kiến thức lập trình.
Nguồn tài liệu, link tải phần mềm,… tương đối chính xác và hữu ích dựa trên sự tổng hợp của mình:
- Thông tin buổi học trước: GitHub cơ bản và lập trình website – HTML 3 – http://13.251.77.163/github-co-ban-va-lap-trinh-website-html-3/
- CSS Framework Bootstrap 4: https://getbootstrap.com/
- Grid trong Bootstrap 4: https://getbootstrap.com/docs/4.3/layout/grid/
- Bootstrap 4 Colors: https://getbootstrap.com/docs/4.3/utilities/colors/
- Bootstrap 4 Spacing: https://getbootstrap.com/docs/4.3/utilities/spacing/
- Mã nguồn bài tập: https://github.com/namnh06/html-demo/tree/master/layout
- Mã nguồn buổi học: https://github.com/namnh06/aptech-php-20-namnh/tree/master/html/04-20190808
- Visual Studio Code Extension – Live SASS Compiler: https://marketplace.visualstudio.com/items?itemName=ritwickdey.live-sass
Yêu Cầu Cần Thực Hiện Sau Buổi Học
Những yêu cầu, bài tập phải thực hiện và tìm hiểu thêm để đảm bảo chất lượng trong quá trình học lập trình website bao gồm:
- Thực hiện bài tập Cover: https://getbootstrap.com/docs/4.3/examples/cover/
- Thực hiện bài tập Sticky Footer: https://getbootstrap.com/docs/4.3/examples/sticky-footer/
- Thực hiện bài tập Sticky Footer NavBar: https://getbootstrap.com/docs/4.3/examples/sticky-footer-navbar/
- Đọc trước thông tin buổi học tiếp theo: Ngôn ngữ tiền xử lý SCSS và cú pháp BEM trong lập trình Website – HTML 5 – http://13.251.77.163/ngon-ngu-tien-xu-ly-scss-va-cu-phap-bem-trong-lap-trinh-website-html-5/
Kiến Thức Bổ Trợ Phải Tham Khảo Cho Lập Trình Viên Website
- Bootstrap 4 cơ bản https://www.w3schools.com/bootstrap4/default.asp
- Bootstrap là gì? Giới thiệu về bootstrap và học bootstrap, bootstrap tutorial https://kipalog.com/posts/Bootstrap-la-gi–Gioi-thieu-ve-bootstrap-va-hoc-bootstrap–bootstrap-tutorial
- Tìm hiểu Bootstrap 4 trong 5 phút https://dancongngheorg.wordpress.com/2018/03/20/tim-hieu-bootstrap-4-trong-5-phut/
- How the Bootstrap 4 Grid Works https://uxplanet.org/how-the-bootstrap-4-grid-works-a1b04703a3b7
- Tìm hiểu về Grid System trong Bootstrap https://viblo.asia/p/bai-2-tim-hieu-ve-grid-system-trong-bootstrap-MgNeWXjRkYx
- Tìm hiểu Grid Bootstrap trong 15 phút https://viblo.asia/p/tim-hieu-grid-bootstrap-trong-15-phut-rQOvPxOrvYj
Lập trình Website cần thời gian, óc sáng tạo và kỹ năng tìm kiếm.
Lập Trình Viên cần có sự cố gắng, kiên trì và không ngừng nỗ lực.
Chúc các bạn may mắn và thành công trong môn học Lập Trình Ứng Dụng Website với PHP & MySQL tại Softech Aptech Đà Nẵng.
Discussion about this post