Học HTML & CSS làm sao cho hiệu quả ? Cũng như học lập trình nói chung làm sao cho hiểu quả??? Chả có cách học nào hiệu quả đâu =)) Bạn phải cày, cày như 1 con trâu thì mới mong lên trình được.
Vậy cày như thế nào ?? Thì lao đầu vào làm dự án thực tế hoặc tự nghỉ ra dự án để làm chứ sao… chẳng hạn như clone giao diện facebook như mình :)) Hoặc clone Youtube như anh chàng này: fuvavi.com
Biết được những khó khăn của các bạn (thật ra là khó khăn của mình lúc trước), Hôm này mình xin chia sẻ bài viết hướng dẫn học front end (html & css) qua dự án thực tế. Chúng mình cùng bắt đầu học nhé.
1. Bắt đầu học html & css
- Dự án chúng ta là xây dựng giao diện website này: http://huykira.com/
- Xem trước bài này để chuẩn bị tool học front end: Tại đây
- Xem trước những kiến thức cở bản về html và css: Tại đây (Giọng Quảng Nam hơi khó nghe nha 😀 )
- Xem mộ số video khác của mình về html và css: Tại đây
** Mình sẽ cập nhật các bài học ở bài viết này, các bạn có thể xem video hướng dẫn rồi làm theo, cũng có thể download code của từng bài tại đây luôn, đồng thời mình sẽ ra bài tập để các bạn rèn luyện nội dung vừa học.
2. Bài 1: Tạo project và code phần header của trang web.
Video hướng dẫn học HTML & CSS bài 1: Mình vừa code vừa hướng dẫn nên một số đoạn video sẽ không code, các bạn có thể tour qua chổ đó, hoặc chỉnh tốc độ lên để xem nhanh hơn 😀
Thông qua bài học này cần chú ý một số điều như sau:
- Phân tích kỹ dự án trước khi code
- Nắm được kỹ thuật chia layout website
- Chú ý khi sử dụng thuộc tính float trong css thì phải clear float (clear: both;)
- Chú ý lỗi cú pháp
Code của bài 1: Download tại đây
Bai tập: Chọn 1 trong 2 phần để làm
– Code phần header của website zing.vn
– Code phần header của website kenh14.vn
3. Bài 2: Code phần nội dung chính của trang web
Bài 2 code phần content của website, Chú ý thuộc tính postion của css, Video này có tiếng nên các bạn cứ từ từ xem cho hiểu nhé~
#14spt
Thanh Tàifrontend dễ có việc làm không anh ?
Thích Trả lời 6 năm trước
HuyKiraHiện tại công ty nào cũng cần front hết, học tốt thì ko thiếu việc để làm đâu em :)
Thích Trả lời 6 năm trước
xuân trườngnếu chuyển hướng ko có bằng cấp các công ty có nhận ko a
Thích Trả lời 3 năm trước
FuvaviĐa tạ bằng hữu đã PR :D
Thích Trả lời 6 năm trước
HuyKiraKhông chi chú :D
Thích Trả lời 6 năm trước
DinhMVem kết quả giao diện của bác rồi đấy Huy ạ =D
Thích Trả lời 6 năm trước
HuyKiramô xem thử :))
Thích Trả lời 6 năm trước
NamHình như cái clip k có tiếng a ơi, toàn nghe tiếng click chuột cạch cạch
Thích Trả lời 6 năm trước
AugusCó bài 3 không bạn?
Thích Trả lời 6 năm trước
Khoaphần nội dung code bài 1 không download được nữa ad ơi
Thích Trả lời 6 năm trước
HuyKiraĐể email lại mình share cho nhé
Thích Trả lời 6 năm trước
KhoaCó bài 3 không ad, em đang cần tham khảo. Xem đến bài 2 đang hay >"<. Cho em xin hướng dẫn đầy đủ của web này với ạ ^_^. Mail của em: maxxkuby@gmail.com
Thích Trả lời 6 năm trước
NamAnh ơi rảnh làm thêm nhiều video dạng này share cho anh em tự học như em với. Hoặc bán như một khóa học online cho các bạn. Trên mạng có nhiều clip dạy nhưng không trất's như của a được. :(
Thích Trả lời 6 năm trước
NamNếu không phiền a cho e xin part 3 với nhé. lenhatnamitc@gmail.com. Thanks a!
Thích Trả lời 6 năm trước
HuyKiraCái part 3 hôm đó anh bị ốm nên ko quay được em, để vài bữa có thời gian a làm 1 site hoàn chỉnh cho dễ theo dõi nhé!
Thích Trả lời 6 năm trước
hoangphucchỉ nghe tiếng chuột click ko có âm thanh vậy a ơi nếu không phiền cho em xin p2 với ạ winwin260299@gmail.com
Thích Trả lời 5 năm trước
hoangphucnếu không phiền cho e xin p2 với ạ xem video chỉ nghe tiếng click chuột không có j nữa ạ winwin260299@gmail.com
Thích Trả lời 5 năm trước
Nguyễn Văn Chiếncó ai lm bài tập thêm kenh14.vn ko ạ, chia sẻ code cho e vs ạ, zing e lm đc rồi, kenh14 e chỉ lỗi cái background cho màu đỏ mà nó ko hiện ko biết ts
Thích Trả lời 5 năm trước
dffgThank ad ?
Thích Trả lời 5 năm trước
huyphần 3 đâu ad
Thích Trả lời 5 năm trước
Đoàn hữusao phần float :left làm giống a mà nó k sang ngang hàng dc a ơi
Thích Trả lời 5 năm trước
Hà Hữu ThươngThank ad
Thích Trả lời 4 năm trước
Thanh LamAd ơi cho mình hỏi mình có tất cả các thư mục rồi, up lên web thế nào ạ?
Thích Trả lời 4 năm trước
Huy KiraBạn phải mua host và domain mới up lên được bạn ạ!
Thích Trả lời 4 năm trước
nguyen huyAnh ơi e đang hơi bị đuối phần ajax với Jquery không biết a có chia sẻ gì cho e hay với?Cảm ơn a nhiều nhiều.
Thích Trả lời 4 năm trước