Tạo Menu Website Responsive(Desktop, Mobile) với Html - Css - Jquery | Unitop.vn

[@hocwebdilam]

Bạn bấm đăng ký kênh để cập nhật những video mới trong những ngày tới! » Nhận tài liệu miễn phí: hocwebdilam.com? » Blog lập trình: unitop.com.vn » Đăng ký khoá học web đi làm: unitop.vn Chúc bạn học tốt!

[@xuanlongle326]

nhờ xem video này mà em mới biết đc thên là những thứ dài full màn thì k cần phải xét chiều dài rộng cho nó, video rất dễ hiểu

[@hocwebdilam]

Chúc mừng em nhé. Em theo dõi thêm trên unitop.vn để học bài bản để làm dự án đi làm tốt nhé.

[@NguyenCanh.]

Còn dạng mà bấm vào dấu 3 gạch đó, 1 menu từ bên trái màn hình chạy qua, nhưng chạy tầm 60 70% width thì dừng lại chứ ko full 100% width như này thì làm sao vậy a?

[@hocwebdilam]

Mình cho độ rộng của khối menu đó, khi bấm vào thì đẩy nó ra thôi e. Dùng position để thiết lập vị trí cho nó nhé.

[@TuanNguyenMOD]

Quá tuyệt vời, kiến thức quá hay và dễ hiểu, cám ơn anh🙆

[@hocwebdilam]

Nếu muốn học bài bản đi làm em tham khảo lộ trình trên unitop.vn nhé

[@bichphuc86]

thầy dạy dễ hiểu quá ạ

[@hocwebdilam]

Thank em, e chia sẻ video cho bạn bè đang học web cùng xem nhé!

[@minhangquang1144]

Rất hay và ý nghĩa ạ! Cảm ơn những video bổ ích này của thầy ạ!

[@hocwebdilam]

Thank em nhé!

[@PhuocNguyen-xq2ub]

clip thực tế và dễ hiểu quá, mong anh ra nhiều clip như vậy nữa

[@hocwebdilam]

Chào Phước. Nếu muốn học bài bản em xem thêm Responsive Master trên unitop.vn nhé unitop.vn/course/bi-quyet-responsive-lam-website-tren-da-thiet-bi/intro

[@sonmacthethebreaker6757]

noi dung video rat chi tiet, cam on anh, chuc anh suc khoe-cong viec thuan loi

[@hocwebdilam]

Cám ơn em nhé! Chúc em học tốt làm tốt

[@vannvcva]

Video của thầyrất chất lượng. Cho em hỏi thêm 1 chút nữa. Em muốn mình click ra ngoài Menu cũng ẩn đi thì làm như thế nào ạ. Em cảm ơn thầy

[@tuzelitydancet8tv856]

video rất chi tiết chất lượng. Có thể cho e xin bộ video hướng dẫn code toàn bộ trang web và setup code vào web, hosting được không a Phan Văn Cương?

[@hocwebdilam]

Đó là câu chuyện cả lộ trình. Nếu muốn học bài bản e xem lộ trình học để tự tạo web và đưa lên mạng cho mình ở đây unitop.com.vn/lotrinh

[@tuzelitydancet8tv856]

@@hocwebdilam bây giờ anh còn dạy offline như ảnh trong lộ trình ko?

thầy cho hỏi tại sao khi viết JQuery trực tiếp trong file Html thì chạy được nhưng khi viết tách ra file .js rồi dẫn vào thì lại không chạy vậy,có phỉa khi viết ra file riêng thì cú pháp sẽ khác chứ không phải bắt đầu bằng $ đúng không ạ?

[@hocwebdilam]

Chắc là em viết sai cú pháp. E check tab console của trình duyệt xem có lỗi gì không nhé. Với khi import js thì để ý file thư viện để lên trên sau đó mới tới file code js của mình tạo ra. Nếu muốn học đi làm và được support kịp thời qua nhóm kín e tham khảo chương trình chuyên sâu tại unitop.vn nhé.

@@hocwebdilam cảm ơn thầy

[@NhuNguyen-tf4hc]

Bài dạy của anh rất chi tiết và ý nghĩa ạ. Nhưng em làm theo đúng hết các bước anh hướng dẫn, tới phần cài cho dấu thanh menu hiện khi thu nhỏ màn hình và ẩn khi kéo rộng màn hình hiển thị nó bị lỗi ngay chỗ: Em thêm trong #toggle{ display: none;... nó ẩn luôn icon menu khi màn hình hiển thị kéo rộng ra luôn ạ. Em có kiểm tra lại trong @media screen.... có #toggle{ display: block;.. rồi. Nhưng khi chạy vẫn không hiện icon menu thu gọn dù màn hình hiển thị to ạ. Mong anh chỉ giúp em với ạ. :(((

[@hocwebdilam]

E inbox về [e-mail] gửi code qua để mình check xem nhé.

[@riodien232]

Em cám ơn anh. Bài rất hay ạ

[@hocwebdilam]

Chúc em học tốt

[@dragon-chungkhoantechcom]

cảm ơn anh

[@bibanhbeo3620]

có lỗi 1 chút là khi thu nhỏ màn hình vào rồi lại mở to màn hình ra thì menu biến mất phải reset lại thì menu mới hiện ra

[@hocwebdilam]

Làm thêm bạn nhớ trong Responsive Mastery có đủ thông tin về Responsive. Bạn xem thêm ở unitop.vn

[@aoMinhNgocPH]

rất hay ạ

[@hocwebdilam]

Thank e. E đọc thêm cuốn ebook này để nắm thêm tư duy học và đi theo nghề lập trình web unitop.com.vn/free

[@phuhuy64]

dễ hiểu quá ạ

[@hocwebdilam]

Chúc e học tốt, nếu cần học đi làm e xem thêm lộ trình ở unitop.com.vn/lotrinh

[@Blue-Bear3112]

Hay quá thầy ơi

[@hocwebdilam]

Cám ơn em nhiều!

[@hungang4248]

rat tam huyet, cam on a

[@hocwebdilam]

Cám ơn em, chúc e áp dụng tốt!

[@hieubui9438]

Thầy ơi, lúc em bấm lại nút toggle lần một nó hiện thì bình thường nhưng lần thứ hai khi nó thu vào và em để lại default width của pc thì nó lại mất cái thanh công cụ ạ. Thầy có thể giúp em cách khắc phục được không ạ. Em cảm ơn thầy nhiều !

[@hocwebdilam]

E sử dụng js để mở lại menu to ra khi lên màn hình to em à.

[@vanbuithe9106]

tôi đã thử và luôn gặp vấn đề đó là khi bấm nút hiện ra nội dung menu và khi trở về màn desktop thì nội dung menu bị biến mất hoàn toàn

[@hieunguyenminh3290]

bạn fix được chưa ạ? mình cũng bị

[@hocwebdilam]

Cái này nguyên lý khi thay đổi độ rộng thiết bị mình nên ẩn luôn menu ae nhé. Sử dụng sự kiện resize để remove class open menu là ok.

[@nhannguyen-sv2ez]

Lm menu fixed vs đa cấp đi thầy

[@hocwebdilam]

Oki em!

[@lethongnhat8986]

Quá hay aoi

[@hocwebdilam]

Thank ae, chúc e học tốt! Nhận thêm tài liệu ở đây nhé unitop.com.vn/free

[@MegaTrungdung]

anh em nhấn vào icon là mất luôn ko hiện đc ra. khăc phục thế nào anh

[@hocwebdilam]

E check lại code js nhé.

[@truongmy8128]

Thầy đăng source code lên với thầy ạ

[@hocwebdilam]

E xem ở đây nha unitop.com.vn/tao-menu-responsive-chay-tren-da-thiet-bi-voi-html-css-jquery.html/

[@nhatduong5791]

e nói khó nghe thì có xin được việc k thầy

[@hocwebdilam]

Lập trình thì cần nhất là tư duy code xử lý được vấn đề. Còn nói khó nghe mình có giải pháp thay thế. Nỗ lực nhé.

[@phamphuoc6328]

Quá vjp thầy ơi

[@hocwebdilam]

Xem hết chưa em? :)

[@hocwebdilam]

Nếu ae thích những video kiểu này thì sẽ bố trí làm nhiều hơn cho ae luyện thêm.

[@phamphuoc6328]

@@hocwebdilam dạ chưa , tối em về xem hihii

[@tuan89dnu]

@@hocwebdilam hay anh. Anh hd thêm đoạn javascript click vào id nào đó để điều khiển các sự kiện khác nhé

[@burgasHoH]

Awesome !!!

[@hocwebdilam]

Thankyou!