Phân tích và thiết kế giao diện, bố cục của một Website hiện đại. Giới thiệu và lập trình website với 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ó:
- Phân tích và hướng dẫn cách thức thực hiện một website hiện đại.
- Học về Carousel Component và Jumbotron trong Bootstrap 4 Framework.
- Thực hiện bài tập Carousel.
- Thực hiện bài tập Blog.
- Học về CSS Background-image property.
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: Mô hình Waterfall, thiết kế Mockup trong Lập Trình Website – HTML 7 – https://namcoi.com/mo-hinh-waterfall-thiet-ke-mockup-trong-lap-trinh-website-html-7/
- Bootstrap 4 Framework – Carousel Component: https://getbootstrap.com/docs/4.3/components/carousel/
- Bootstrap 4 Framework – Jumbotron: https://getbootstrap.com/docs/4.3/components/jumbotron/
- Bài tập Carousel: https://getbootstrap.com/docs/4.3/examples/carousel
- Bài tập Blog: https://getbootstrap.com/docs/4.3/examples/blog/
- CSS Background Image: https://www.w3schools.com/cssref/pr_background-image.asp
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 Mockup đã thiết kế.
- Thực hiện giao diện Dashboard: https://getbootstrap.com/docs/4.3/examples/dashboard/
- Thực hiện giao diện Product: https://getbootstrap.com/docs/4.3/examples/product/
- Đọc trước thông tin buổi học tiếp theo: Lập trình giao diện Website với Chart.js – HTML 9 – https://namcoi.com/lap-trinh-giao-dien-website-voi-chart-js-html-9/
Kiến Thức Bổ Trợ Phải Tham Khảo Cho Lập Trình Viên Website
Phần này bao gồm các bài báo, bài viết, thông tin chia sẻ, kiến thức kèm theo, kiến thức bổ trợ cho quá trình học lập trình.
Các bài viết được chia sẻ bám sát với quá trình học và từ các nguồn thông tin có uy tín, đã được kiểm duyệt:
- 20 bước để có layout website hoàn hảo https://viblo.asia/p/20-buoc-de-co-layout-website-hoan-hao-phan-1-157G5nPZvAje
- Hướng dẫn sử dụng Bootstrap Carousel https://o7planning.org/vi/12011/huong-dan-bootstrap-carousel
- Hướng dẫn sử dụng Bootstrap Jumbotron https://o7planning.org/vi/12017/huong-dan-bootstrap-jumbotron
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.
AD ơi . cho thu nhỏ màn hình sang bên trái thì các dòng chữ sẽ tự động kéo sang trái và tự động xuống dòng . làm ntn để được như vậy ạ .
Phần này liên quan đến thẻ meta viewport trên cặp thẻ head nha.
Bạn tham khảo thêm tại: https://www.w3schools.com/css/css_rwd_viewport.asp
dạ e có làm thẻ đó r ạk mà không thấy n chạy hay gì cả ạ
Bạn có thể để lại email mình liên hệ nha