Nam Còi
  • Trang chủ
  • Lập Trình Website
  • Khóa Học
  • Động Lực
  • Tuyển Dụng
No Result
View All Result
  • Trang chủ
  • Lập Trình Website
  • Khóa Học
  • Động Lực
  • Tuyển Dụng
No Result
View All Result
Nam Còi
No Result
View All Result
Home Khóa Học Aptech PHP

[APTECH PHP 17 – HTML 3] HTML block, BEM, SCSS, CSS Box Model, Flex và cơ bản về CSS Framework Bootstrap 4

Nguyễn Hải Nam by Nguyễn Hải Nam
05/03/2019
in Aptech PHP
1
Lập Trình Ứng Dụng Website với PHP và MySQL

Lập Trình Ứng Dụng Website với PHP và MySQL

0
SHARES
73
VIEWS

Chúng ta đã có cái nhìn tổng quan về Lập Trình Website thông qua việc xác định các HTML block. Làm quen với việc điều chỉnh bố cục sử dụng CSS Flex và làm quen với CSS Framework Bootstrap 4.

aptech-php-da-nang-17-html-3
aptech-php-da-nang-17-html-3

Trong buổi học này, chúng ta đã được học :

  1. Giải đáp bài tập về nhà với CSS padding, border, margin.
  2. Tổng hợp các cách sắp xếp bố cục một Website với margin, padding và CSS Flex.
  3. Sử dụng các thuộc tính của CSS Flex như flex-direction, justify-content, align-items, …
  4. Làm quen với kỹ thuật đặt tên BEM và extension của CSS là SCSS để viết mã nguồn nhanh hơn, sạch hơn.
  5. Hướng dẫn sử dụng Bootstrap 4 với : container, row, col, …

Bài tập về nhà :

  1. Chuyển toàn bộ bài tập CV cá nhân và layout từ CSS thuần sang CSS Framework Bootstrap 4.
  2. Học và làm các ví dụ về Bootstrap 4 trong W3schools https://www.w3schools.com/bootstrap4/
  3. Làm các giao diện ví dụ trong https://getbootstrap.com/docs/4.3/examples/

Trong buổi học tiếp theo, chúng ta sẽ học :

  1. Tiếp tục sử dụng CSS Framework Bootstrap 4.
  2. Học thêm về HTML Semantic.
  3. Học thêm về các property khác của CSS như : border-radius, text-align, …

Kiến Thức Bổ Trợ

  1. Bootstrap 4 cơ bản https://www.w3schools.com/bootstrap4/default.asp
  2. 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
  3. Tìm hiểu Bootstrap 4 trong 5 phút https://dancongngheorg.wordpress.com/2018/03/20/tim-hieu-bootstrap-4-trong-5-phut/
  4. How the Bootstrap 4 Grid Works https://uxplanet.org/how-the-bootstrap-4-grid-works-a1b04703a3b7
  5. Tìm hiểu về Grid System trong Bootstrap https://viblo.asia/p/bai-2-tim-hieu-ve-grid-system-trong-bootstrap-MgNeWXjRkYx
  6. 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.

Related

Tags: aptechbembootstrapbootstrap 4cssđà nẵnghtmlscss
Previous Post

[APTECH PHP 17 – HTML 2] Command Line, HTML cơ bản, CSS cơ bản, công cụ lập trình và các công cụ hỗ trợ

Next Post

[APTECH PHP 17 – HTML 4] Lập trình Website với HTML, CSS và Bootstrap 4

Nguyễn Hải Nam

Nguyễn Hải Nam

Mình là Nam - nick name ở nhà là Còi, trong tiếng Anh là Nick. Hiện nay, mình đang làm việc tại Axon Active Việt Nam với vị trí là Scrum Master. Ngoài ra, mình còn tham gia thỉnh giảng khóa học Lập Trình Ứng Dụng Website với PHP & MySQL. tại Softech Aptech Đà Nẵng.

Next Post
Lập Trình Ứng Dụng Website với PHP và MySQL

[APTECH PHP 17 - HTML 4] Lập trình Website với HTML, CSS và Bootstrap 4

Comments 1

  1. Hoàng Gia Huy says:
    6 năm ago

    https://github.com/huyhg27/aptech-php-17-huyhg/tree/master/html/3-2019-03-04

    Trả lời

Trả lời Hủy

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Recent News

  • Handling Vericlock Webhooks: Overcoming Challenges and Optimizing Costs
  • Webinoly – Trọn Bộ LEMP – Tối Ưu Hóa Máy Chủ Web Chạy NGINX
  • Upload Multiple Files và đính kèm vào Task sử dụng Teamwork API thông qua PHP Laravel API

Category

  • Aptech PHP
  • Command Line
  • Động Lực
  • Git
  • Khóa Học
  • Lập Trình Website
  • Laravel
  • Nginx
  • Phần Mềm
  • PHP
  • Software
  • SQL
  • Tiền Mã Hoá
  • Tuyển Dụng
  • WordPress

Thông Tin Website

  • Các Điều Khoản Và Điều Kiện
  • Chính Sách Bảo Mật
  • Liên Hệ

Liên Kết

  • Vape PHP Đà Nẵng Website
  • Nga Đức Ninh Thuận Website

Bản Quyền © 2018 - | Nam Còi | [email protected]

No Result
View All Result
  • Trang chủ
  • Lập Trình Website
  • Khóa Học
  • Động Lực
  • Tuyển Dụng

Bản Quyền © 2018 - | Nam Còi | [email protected]