[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ợ

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

Hướng dẫn học lập trình, cơ bản về command line, cơ bản về ngôn ngữ HTML, CSS và các công cụ học lập trình như Visual Studio và các extensions hỗ trợ học lập trình Website.

Học Lập Trình PHP - Môn HTML Buổi Học 2
Học Lập Trình PHP – Môn HTML Buổi Học 2

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

  1. Học Command Line cơ bản như : cd, ls, mkdir, touch, pwd, …
  2. Học HTML cơ bản, cấu trúc file HTML, tìm hiểu về attribute của HTML và học các elements cơ bản như :  h1, p, img, div, …
  3. Học CSS cơ bản : property, block, statement, color, font-size, background-color, display, …
  4. Cách lựa chọn thành phần HTML, id HTML, class HTML trong CSS.
  5. Các cách viết CSS như : inline CSS, internal CSS.
  6. Tìm hiểu về vòng đời của Git và cách đưa dữ liệu lên GitHub với các câu lệnh như : git add, git commit, git push (dùng thường xuyên).

Bài tập về nhà :

  1. Hoàn thiện bài lý lịch cá nhân, có sử dụng các thành phần HTML như : h1, h2, …, p, img, div, ul, ol, li, …
  2. Hoàn thiện bài tập chia bố cục trang với thành phần HTML như : div, các thuộc tính của CSS như : background-color, display, height, width, …
  3. Push bài tập lên GitHub cá nhân trước 17h của buổi học tiếp theo và comment link GitHub cá nhân trong bài viết này.

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

  1. Ôn lại HTML cơ bản, CSS cơ bản, bố cục Website, Git & GitHub, Command Line cơ bản.
  2. Học thêm về các thành phần HTML, các thuộc tính CSS.
  3. Học về CSS external.
  4. Học về chia bố cục, sắp xếp nội dung.
  5. Thực hiện ví dụ đơn giản về một website tin tức sử dụng HTML, CSS.

Các bài đọc hiểu:

  • TẠI SAO CÁC DEVELOPER NÊN HỌC COMMAND LINE https://techtalk.vn/tai-sao-cac-developer-nen-hoc-command-line.html
  • TỔNG HỢP CÁC TEXT EDITOR “ĐỈNH” CHO DÂN CODER https://aptech-danang.edu.vn/ace/tin-tuc-su-kien/chi-tiet/16517/tong-hop-cac-text-editor-dinh-cho-dan-coder
  • Visual Studio Code: Code Editor yêu thích mới của tôi https://webdesign.tutsplus.com/vi/tutorials/visual-studio-code-my-new-favorite-code-editor–cms-28012
  • 8 Visual Studio Code Extensions hữu ích dành cho Front End Developer https://viblo.asia/p/8-visual-studio-code-extensions-huu-ich-danh-cho-front-end-developer-gGJ59XQplX2
  • Viết code nhanh hơn với Emmet plugin http://itcviet.com/viet-code-nhanh-hon-voi-emmet-plugin/
  • Command Line trên Mac, tương tự như trên Git Bash https://gist.github.com/poopsplat/7195274
  • Những lệnh Git cơ bản cần nhớ https://viblo.asia/p/nhung-lenh-git-co-ban-can-nho-V3m5W1OyZO7
  • Git practice : https://try.github.io/levels/1/challenges/1
  • Git cơ bản : https://thachpham.com/series/git-co-ban
  • Hướng dẫn git : https://backlog.com/git-tutorial/vn/+ Github căn bản và nâng cao | Github là gì? https://freetuts.net/hoc-git/github-can-ban-va-nang-cao
  • Css cho người mới bắt đầu https://viblo.asia/p/css-cho-nguoi-moi-bat-dau-gDVK28NvlLj
  • HTML VÀ CSS CĂN BẢN DÀNH CHO CHO MỌI NGƯỜI https://thachpham.com/web-development/html-css/html-va-css-can-ban-danh-cho-cho-moi-nguoi.html
  • 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

Trả lời các câu hỏi sau trong buổi học tiếp theo:

  1. Command Line là gì ?
  2. Git Bash là gì? Có công cụ nào tương tự GitBash trên máy của bạn không ?
  3. 3 câu lệnh thường xuyên sử dụng để đưa dữ liệu lên GitHub là gì?
  4. CSS có phần mở rộng file là gì? 
  5. Có bao nhiêu cách viết CSS? Nêu tên các cách viết và cách sử dụng.
  6. Selector trong CSS là gì? Nêu các selector phổ biến.
  7. Attribute trong HTML là gì? cú pháp?
  8. Property trong CSS là gì? cú pháp?

Chúc các bạn may mắn và thành công.

11 Comments

Gửi phản hồi

%d bloggers like this: