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
Bình luận chuyên mục
frontend dễ có việc làm không anh ?
Hiệ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 :)
Đa tạ bằng hữu đã PR :D
Không chi chú :D
em kết quả giao diện của bác rồi đấy Huy ạ =D
mô xem thử :))
Hình như cái clip k có tiếng a ơi, toàn nghe tiếng click chuột cạch cạch
Có bài 3 không bạn?
phần nội dung code bài 1 không download được nữa ad ơi
Để email lại mình share cho nhé
Anh ơ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. :(
Nếu không phiền a cho e xin part 3 với nhé. lenhatnamitc@gmail.com. Thanks a!
Cá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é!
chỉ 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
nế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
có 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
Thank ad ?
phần 3 đâu ad
sao phần float :left làm giống a mà nó k sang ngang hàng dc a ơi
Thank ad
Ad ơ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 ạ?
Bạn phải mua <a href="https://go.tinohost.com/huykira" target="_blank" rel="noopener noreferrer nofollow">host</a> và domain mới up lên được bạn ạ!
Anh ơ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.