Blog / Aptech PHP Blog / Aptech PHP
Lập Trình Giao Diện Website Sử Dụng HTML & CSS – HTML 2
Cài đặt Chrome extension và Visual Studio Code extension. Xử lý nội dung trang web với HTML và cơ bản về CSS. Lập trình giao diện website sử dụng HTML và CSS.
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ó:
- Thông tin buổi học trước: https://namcoi.com/lap-trinh-website-co-ban-ve-lap-trinh-website-html-1/
- Chrome extensions: Ddict Translate, VisBug.
- Visual Studio extensions: Live Server, Beautify, Prettier.
- Các thành phần HTML: Links, Images, Lists, Blocks, Layout.
- CSS cơ bản: cú pháp (syntax), màu chữ (color), màu nền (background-color), tùy chỉnh chữ, display flex.
- Lập trình giao diện website cơ bản sử dụng HTML & CSS đã học
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: Lập trình website – Cơ bản về Lập Trình Website – HTML 1 – https://namcoi.com/lap-trinh-website-co-ban-ve-lap-trinh-website-html-1/
- Ddict Translate: https://chrome.google.com/webstore/detail/ddict-translate-translato/bpggmmljdiliancllaapiggllnkbjocb?hl=en
- VisBug: https://chrome.google.com/webstore/detail/visbug/cdockenadnadldjbbgcallicgledbeoc?hl=en
- Live Server: https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer
- Beautify: https://marketplace.visualstudio.com/items?itemName=HookyQR.beautify
- Prettier: https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode
- HTML Lists: https://www.w3schools.com/html/html_lists.asp
- HTML Blocks: https://www.w3schools.com/html/html_blocks.asp
- HTML Links: https://www.w3schools.com/html/html_links.asp
- HTML Images: https://www.w3schools.com/html/html_images.asp
- HTML Layout: https://www.w3schools.com/html/html_layout.asp
- Thêm CSS vào trang HTML: https://www.w3schools.com/css/css_howto.asp
- CSS cú pháp: https://www.w3schools.com/css/css_syntax.asp
- CSS màu chữ: https://www.w3schools.com/css/css_colors.asp
- CSS màu nền: https://www.w3schools.com/css/css_background.asp
- CSS kích cỡ chữ: https://www.w3schools.com/css/css_font.asp
- CSS display flex: https://www.w3schools.com/css/css3_flexbox.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:
- Hoàn thiện bài tập Sơ Yếu Lí Lịch.
- Hoàn thiện bài tập HTML Layout: https://www.w3schools.com/html/html_layout.asp
- Thực hiện bài tập HTML Layout Custom: https://namcoi.com/du-an/aptech-php-html-demo/layout/
- Đọc trước thông tin buổi học tiếp theo: GitHub cơ bản và lập trình website – HTML 3 – https://namcoi.com/github-co-ban-va-lap-trinh-website-html-3/
Kiến Thức Bổ Trợ
Kiến Thức Bổ Trợ Phải Tham Khảo Cho Lập Trình Viên Website
- 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/
- VS Code can do that?! https://vscodecandothat.com/
- Css cho người mới bắt đầu https://viblo.asia/p/css-cho-nguoi-moi-bat-dau-gDVK28NvlLj
- emmet cheat-sheet https://docs.emmet.io/cheat-sheet/
- 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
- Giới thiệu công cụ VisBug, chính chủ Google làm ra giúp cuộc đời FrontEnd Designer của bạn bớt khổ cực: https://techtalk.vn/gioi-thieu-cong-cu-visbug-chinh-chu-google-lam-ra-giup-cuoc-doi-frontend-designer-cua-ban-bot-kho-cuc.html
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.
[
Khóa Học HTML 5, CSS 3, Bootstrap 4 Và Cắt Trang Web Từ File Thiết Kế