11/09/19

REQUIREMENT

1. TÀI NGUYÊN CẦN CÓ

A. Sách, of course!!!
B. Link khoá học HTML5&CSS3 đính kèm tại mục 4B. Nếu thắc mắc sự tồn tại của cái
link này thì có thể kéo thẳng tới mục 4 để đọc :>
C. Tài liệu kèm theo sách, bao gồm các video hướng dẫn (khỏi xem cũng được, trong
sách có mô tả rồi) và phần code trong sách (Download về để view code trong sách
nếu muốn, nhưng khuyến khích download)

2. ĐỌC SÁCH
A. Nội dung sách
i. Đọc sách từ đầu đến hết trang 150.
ii. Tớ chưa đọc đến trang 150 nha mấy cậu nên đừng tự tin là tớ có thể chỉ hết cho
mấy cậu được :>
B. Sau khi đọc sách
i. Nắm được nội dung các thẻ cơ bản trong HTML (Mục Ngôn ngữ đánh dấu – Trang
12 đến trang 18). Hiểu cách sử dụng thẻ + viết demo file .css cho các thẻ.
ii. Biết khái niệm API (Trang 19)
iii. Biết được 1 số khả năng của CSS (Trang 22 đến trnag 28)
iv. Ngoài các thẻ được đề cập ở mục ii, phải biết thêm các thẻ <h1>, <h2>, …, <hn>
(có thể đọc thẻ này ở trang 32); <br>, <strong>, <em>, <u>,…
v. Đọc mục Mã HTML hiển thị trên trình duyệt (Trang 33)
vi. What da fuk is DOCTYPE ???
vii. Biết cấu trúc 1 tệp .html (Cấu trúc HTML – Trang 38)
viii. Cách đặt link trong HTML (Dòng code thứ 2 từ trên xuống, trang 41), thuộc tính
target=”_blank”
ix. Cách đặt ảnh trong HTML (Trang 41)
x. Cú pháp CSS (Trang 44): Định kiểu cho tag, định kiểu bằng class, bằng id, thẻ
<span>, 3 cách sử dụng CSS trong web (tới đây thì nhớ là luôn dùng external file
nhoé), xung đột về định kiểu css (trang 53).

NGUYỄN BẢO LONG 1

 xi. Định dạng văn bản bằng CSS: font-family, kích cỡ văn bản, thuộc tính văn bản, kiểu
danh sách trong HTML (Trang 55). Ít nhất phải đọc: font-family (trang 57), đơn vị
(trang 60 +61 + 62), mục 13 (trang 64), margin (trang 67), border (mục 3 trang
68), line-height (trang 70), Mục Biến đổi văn bản với CSS (trang 71), các thao tác
với danh sách (Từ trang 73, bao gồm danh sách không thứ tự, có thứ tự, kiểu định
nghĩa).
xii. Tìm hiểu các file thiết lập lại bố cục CSS: Tại sao phải thiết lập lại?, Thiết lập lại
như thế nào?, Source code ở đâu?, Có free không? (Ứng với yêu cầu đầu tiên trong
mục – Những nội dung chính trong bài – Bài 4. Có thể tìm bài đọc trên mạng thay
vì đọc sách)
xiii. Thẻ <div> thần thánh trang 91.
xiv. Thuộc tính float (Trang 96), Cách tạo cột với float (Trang 97), Thuộc tính clear
(Trang 99). Đoạn này nên đọc tuần tự theo trong sách vì nó áp dụng vào 1 layout
web cụ thể.
xv. Hiệu ứng margin và padding (Trang 104)

3. VIDEO DÀI 4 TIẾNG ĐỒNG HỒ NHƯNG CHỈ CẦN XEM 3 TIẾNG THOI
A. VScode
i. Cài đặt vsCcode
ii. Cài đặt extention trong vsCode, các extention bao gồm: pranaygp.vscode-css-
peek, abusaidm.html-snippets, oderwat.indent-rainbow, oderwat.indent-
rainbow, ritwickdey.liveserver, pkief.material-icon-theme, 2gua.rainbow-
brackets, visualstudioexptteam.vscodeintellicode, tomoki1207.pdf,
lonefy.vscode-js-css-html-formatter.
iii. Cách cài đặt như sau: vào phần extention ở thanh dọc ở góc trái bên trên màn
hình. Copy và paste tên của các extention bên trên vào. Mục đích là để viết code
ngầu hơn.
iv. Cố gắng sử dụng phím tắt. Lên mạng xem tips nhoé :>
B. Sau khi xem xong video
i. Demo được cái web y chóc của người ta thoi :>
ii. Tất nhiên là tự viết lại chứ k có vụ vừa nhìn vừa viết nhoé :>
iii. Chú ý cách họ xây dựng các class.

4. WATCH IF YOU WANT (RECOMMEND)

A. Xem hết tất cả các video trong link
https://drive.google.com/drive/u/0/folders/0B2t-Tmujl-IbWVhpYllwaEJmUE0

NGUYỄN BẢO LONG 2

 i. Các video này cung cấp mindSet về webDesign, cực ngắn.
ii. Ngoài ra nó còn giới thiệu 1 quyển e-book chứa toàn link, bao gồm link để chọn
màu siêu đẹp, chọn layout, chọn font, chọn đủ thứ luôn ấy :>
B. Có thể tham khảo thêm video trong link
https://drive.google.com/drive/u/0/folders/1aRW0gXBt-
DPWlGp8z2I96Kse3Q3iB_BF
i. Link này bao chứa link bên trên thoi :>
ii. Nó được tạo ra bởi 1 guy lập trình web tầm chục năm nay rồi, nên cung cấp các
kiến thức đầy đủ về quá trình tạo ra 1 trang web thực sự chứ không mang tính học
thuật như trong sách. Nếu ai có thể học qua video này thì sure vcl, khỏi đọc sách
cũng được nữa.
iii. BẮT BUỘC PHẢI XEM: Folder <05 The killer website project>. Folder này có thể
tìm thấy trong link ở mục ii. Nó chỉ ra các bước cơ bản để tạo ra 1 trang web thông
quá quá trình làm việc thực tế.

5. NOTE :>
A. Phần yêu cầu sau khi đọc sách sẽ được cập nhật thêm vì khi bao gói hết được các yêu
cầu trên thì mới chỉ cần đọc tầm 100 trang sách thoi. 50 trang kia có lẽ để sau.
B. Nhớ dùng vsCode để code nhoé. Nếu dùng để code cho C/C++ luôn thì càng tốt vì nó
tập được cái vụ compile bằng MinGW và cách compile bằng commandLine.
C. Một tuần là đủ để hoàn thành hết công việc trên kia, nếu không hết thì ít nhất cũng
phải được 2/3 nha mấy cậu.
D. Format word này là cái layout cho những file word tiếp theo được đẩy lên nhóm luôn
nhá. Cái format này có thể tìm trong các template của word. Nếu không muốn ngầu lòi
thì có thể dùng notePad cũng được, miễn sao đảm bảo các nội dung như trên (Bao
gồm ngày soạn, tên người soạn, tài nguyên cần có để làm việc, yêu cầu sau khi xong
việc, note). Hoàn toàn có thể thêm/bớt nội dung nếu muốn.

NGUYỄN BẢO LONG 3