COURSE 1 WEEK 1
I. Welcome
Giới thiệu course
Phần giới thiệu này cho chúng ta biết về tổng quan khóa học, bao gồm HTML, CSS, Javascript. HTML và CSS là để hiển thị lên những thứ mà người dùng nhìn vào trình duyệt như hình ảnh, text, màu sắc,...... Javascript cho chúng ta sự thay đổi về CSS, HTML. Khóa học sẽ được đánh giá trên 3 bài tập chính: Website hẹn hò, Màu nền và Trò chơi đoán mặt người.
Giới thiệu về Full Stack Web Development Specialization
Internet và các trang web chỉ thông dụng gần đây nhất 2 thập kỷ. Ban đầu HTML để hiển thị văn bản, CSS tạo style, Javascript quản lý hành vi nhưng dần dần, các trang web trở thành các ứng dụng web. Thêm vào đó, ngày càng nhiều người sử dụng thiết bị di động để truy cập internet. Điều này dẫn đến phải có một hỗ trợ đa nền tảng (PC, Mobile, ....) Đây cũng là mục tiêu mà các máy chủ (server) muốn hướng tới. Và đó cũng là mục tiêu của khóa học: phát triển một dự án captone bao gồm web, thiết bị di động và các thành phần phía máy chủ. Để đạt được những điều này thì phải trải qua 6 phần: 1. HTML, CSS, Javascript; 2. Jquery và khung Bootstrap; 3. Các ứng dụng web sử dụng Angular JS; 4. Phát triển ứng dụng di động đa nền tảng bằng HTML, CSS, Javascript trên nền tảng Córdoba và Ionic Framework; 5. Node JS và Mongo DB. Tất cả sẽ dẫn đến một dự án Capstone. Nơi mà sử dụng các kỹ năng đã học từ các phần trên để làm ra nó.
Phần này giới thiệu về HTML, không có gì để translate. Tất cả các website đều phải sử dụng HTML, nên dù là khô khan người ta vẫn phải dạy. Trong này có chú thích là nếu bạn đã biết thì có thể bỏ qua các video, không thì cứ theo nó.
Phần này là cho mình chỗ download file zip, pdf. Nếu thánh nào muốn hiểu thêm thì down nó về mà triển
II. The Basic of HTML
About HTML
HTML sẽ được giới thiệu theo kiểu tổng quan đến chi tiết. Phân biệt giữa HTML và SVG (Scalable Vector Graphics – muốn thì trên mạng có giải thích thêm phần này. Cái này không có trong course). HTML là ngôn ngữ xây dựng web chính trong vòng 25-30 năm trở lại đây kể từ năm 1990. Phiên bản gần đây nhất là HTML 5, người ta sẽ dạy cho mình HTML5.
Trình duyệt (browser) yêu cầu một trang web từ máy chủ, chẳng hạn như trang index.html. Sau đó máy chủ (server) sẽ gửi lại cho trình duyệt, trình duyệt nhận được và hiển thị ra. Đây là điều đã được thực hiện trong 30 năm. Tuy nhiên thì 10 năm trở lại đây hoặc gần hơn, người ta không còn sử dụng việc yêu cầu một trang nữa mà chỉ một phần nhỏ trong trang web được yêu cầu. Ví dụ như mua bán thông tin chứng khoán, bạn muốn mua chứng khoán, bạn gửi thông tin cần mua đến máy chủ. Và nó sẽ gửi lại một phần nhỏ nào đó chẳng hạn như giá, chỉ số hiện tại,.... nó sẽ cần một chút Javascript để hiển thị lên.
Getting to Know HTML
HTML được định nghĩa bởi một nhóm người gọi World Wide Web Consortium. Bạn có thể xem mã nguồn HTML trên trang web khác. Nhưng lời khuyên là không nên làm vậy, nó có rất nhiều thứ không đạt chuẩn, thuộc hàng rác rưởi và không phải là nơi để học tập.
Lệnh HTML được gọi là yếu tố, sẽ có thẻ đóng và thẻ mở. Sau đây là một số cấu trúc cơ bản của trang web. DOCTYPE html ở trên đầu, phía dưới là phần thẻ html. Bên trong thẻ html sẽ có head và body. Cơ bản thì head là nơi bạn không thể nhìn thấy (phần title và favicon của trang web là do trình duyệt xây dựng ra thôi). Phần trong body mới là cái có thể nhìn thấy được. Trong head bao gồm các thẻ như meta, link, script, title,..... Mã nguồn html của 1 trang web là bạn có thể lấy được. Bằng cách bấm Ctrl+U trên máy Windows hoặc trên máy Mac để xem. Phần này có giới thiệu về trình soạn thảo html TinyMCE nữa. Nhưng mà không giới thiệu sâu nên không translate nhé.
Using a Code Editor For HTML
Mấy ông này nghĩ ai cũng giàu có nên ổng dùng trình soạn thảo Atom chạy trên máy Mac để edit html và còn kèm theo câu “tôi nghĩ bây giờ ai cũng có máy tính tốt”. Ở đây tui nghĩ dùng Notepad++ hoặc sublime text cũng được. Ai muốn xài gì thì xài nhé. Tui xài netbean
Some Common HTML Elements
HTML có 6 loại thẻ headind: h1->h6. Lưu ý h1 là duy nhất trên 1 page nhé. 10 năm trước hoặc xa hơn nữa thì những thẻ