mình thấy rất nhiều channel lập trình tiếng việt có một điểm chung ở người hướng dẫn (mentor), đấy chính là họ quá focus vào code. theo quan điểm cá nhân của mình, thì nếu là với beginners, thì chúng ta nên vừa làm vừa giải thích, tức là bạn có thể css trực tiếp trên trình duyệt, sau đấy copy paste code vào VS code, như vậy nó sẽ trực quan hơn, đúng nghĩa của từ "thực chiến" cho beginners. comment của mình chỉ có ý đóng góp thôi, chứ ko có ý gì cả. dù sao cũng cảm ơn bạn đã làm video cho beginners. tất cả vì một cộng đồng lớn mạnh, giúp đỡ đàn em chúng ta. cheer :v 😁
Vô cùng cảm ơn anh đã làm ra những video như thế này, đây là 1 chuỗi video rất thực tế dành cho những người bắt đầu học lập trình, xin cảm ơn anh và chúc anh sức khỏe.
45:15 e nghĩ a nên thêm z-index:2 để có thể di chuột dc vào cả 2 icon ạ!! còn lại e thấy video này rất tốt và có ích, mong a ra thêm nhiều video thực chiến chia sẻ kn như này hơn ạ=))
để margin_top: 150px cho size thì khi hover vào vị trí đó nó cũng thực hiện, hover vào bên ngoài cái sản phẩm mà nó cũng thực hiện hành vi thì sai rồi anh ơi,
tưởng dành cho người mới học, mong bạn có thể bỏ thêm chút thời gian để giải thích các đoạn như thẻ con dùng absolute và thẻ cha dùng relative, tạo sao lại phải dừng như vậy và nó có tác dụng gì dc k ạ
@ relarive là cố định nó trong phạm vi đó, absolute k thể tràn ra ngoài relative, là thèn con nó chỉ nằm trong thèn cha, nếu k có relative thì thèn con nó nằm bên ngoài thèn cha nha bạn
Cái này là kiến thức căn bản rồi em, về absolute vs relative em có thể tìm hiểu các khoá căn bản về css trên nodemy hoặc có thể tham gia khoá html css js bài bản được giảng viên hướng dẫn để hiểu rõ hơn em nhé.
Cảm ơn anh rất nhiều, video rất hay, nhưng mà anh ơi, ảnh chiếc giày đấy anh cắt như thế nào vậy. Em thử dùng một ảnh khác thì bị lỗi luôn anh ạ. Mong a giải đáp :D
Cho em hỏi là tại sao khi mình linear vào thẻ body thì nó phủ màu cả trang nhưng kích thước của thẻ body thì không bao gồm phần thẻ card margin lên phía trên ạ
a ơi cho em hỏi: e muốn là khi mình click vào 1 img sau đó hiện ra product-card thì làm ntn ạ với lại có nhiều sản phẩm mà dùng nhiều product-card như vậy thì có vẻ không ổn. Anh chỉ e cách với ạ
Trời ơi, mình mất bao nhiêu thời gian công sức mà chả được cái gì có lần Nhờ phây búc Moganit ✨tạo cho 1 cái giờ dung khỏe re, biết ơn rất là nhiều luôn. ✨✨✨
anh oi.. anh có thể làm cái hover mà khi di chuột vào thì cả tilte, prize, size, color, action đều transition cùng lúc được ko anh, vì em thấy nó transaction riêng đó ạ..
visibility : hidden - ẩn item, item bị ẩn ko thể click vào dc - không hoạt động khi kết hợp với thuộc tính transition. opacity: 0 - làm mờ item, làm mờ nên có thể bị click trúng - hoạt động với transition. kết hợp cả 2 để làm item có hiệu ứng ẩn hiện mượt
Cho mình xin hỏi chút, trường hợp bên dưới card có phần tử khác thì phần size, color, action đẩy xuống dưới như video hướng dẫn thì nó có chiếm khoảng trống và đẩy phần tử bên dưới lệch xuống không ạ? Xin cảm ơn!
Cho ảnh nó fix đúng tỷ lệ mình muốn ấy, div card chứa div card-img, set card-img width = 90% tức là nó rộng = 90% cái div chứa nó, set tiếp card-img img 100% tức là độ rộng bằng 100% thẻ chứa img tức là thẻ div card-img, nên cái ảnh = 90% độ rộng của thẻ mình deisgn ban đầu
mình thấy rất nhiều channel lập trình tiếng việt có một điểm chung ở người hướng dẫn (mentor), đấy chính là họ quá focus vào code. theo quan điểm cá nhân của mình, thì nếu là với beginners, thì chúng ta nên vừa làm vừa giải thích, tức là bạn có thể css trực tiếp trên trình duyệt, sau đấy copy paste code vào VS code, như vậy nó sẽ trực quan hơn, đúng nghĩa của từ "thực chiến" cho beginners.
comment của mình chỉ có ý đóng góp thôi, chứ ko có ý gì cả. dù sao cũng cảm ơn bạn đã làm video cho beginners. tất cả vì một cộng đồng lớn mạnh, giúp đỡ đàn em chúng ta.
cheer :v 😁
Cảm ơn bạn đã góp ý nhé :D
nói đúng rồi
bạn nói hay quá
idol
ahihi :v@@thaotranthithu6417
Vô cùng cảm ơn anh đã làm ra những video như thế này, đây là 1 chuỗi video rất thực tế dành cho những người bắt đầu học lập trình, xin cảm ơn anh và chúc anh sức khỏe.
Cảm ơn em, sắp tới xong series 30 ngày HTML CSS sẽ còn nhiều series hay ho hơn nữa, subcrible để nhận thông báo mới nhất nhé :))
45:15 e nghĩ a nên thêm z-index:2 để có thể di chuột dc vào cả 2 icon ạ!! còn lại e thấy video này rất tốt và có ích, mong a ra thêm nhiều video thực chiến chia sẻ kn như này hơn ạ=))
đúng này, trc toi ngồi mò mãi sao hover vào cái heart nó k có pointer mới nhìn ra cái giày nó che mất :v
Cái heart khi hover vào bị cái ảnh xoay đi lên che mất, nên cho .card__heart, .card__cart có z-index: 1 để khắc phục
thích xem a nam dạy nhất
Cảm ơn em, nhớ follow và share cho các anh em biết với nhé.
anh dạy dễ hiểu và video em thấy hay lắm ạ😁😁
thank em nhé, subcrible kênh để đón chờ nhiều video hay hơn nữa nhé
Tố chất sư phạm đấy bạn! Vua làm vua giải thích như này dễ hiểu
Cảm ơn bạn nhé :D
vid hay lắm anh oi, em học qua html css nay thêm vid của anh có nhiều kinh nghiệm
rất cảm ơn anh rất hay và chi tiết
sắp ra mắt thêm về reactjs nhé ae
Rất hữu ích cho người mới bắt đầu ạ. Xin cảm ơn nhiều.
Cảm ơn bạn. Thấy hay thì bạn nhớ đăng ký kênh với chia sẻ để nhận thông báo đầu tiên cho các video tiếp theo nhé bạn
rất thực tế luôn anh coi khoá anh trình độ css js lên lắm luôn
Thanks bác, đã hoàn thành bài 1 sau hơn 1h làm theo bác, khá nhiều kiến thức bổ ích và mới!
Cảm ơn bác, sắp tới xong series 30 ngày HTML CSS sẽ còn nhiều series hay ho hơn nữa, subcrible để nhận thông báo mới nhất nhé :))
Rất hay và bổ ích, đối với sinh viên như mình thì rất cần những giải thích cơ bản về thao tác cũng như tìm lỗi khi làm như trong video. Respect !
Cảm ơn bạn, Thấy anh nhớ đăng ký để nhận thông báo cho video mới nhất nhé
em xem chỉ biết làm theo chứ chưa hiểu rõ,,, mong a làm các video sau vừa làm vừa giải thích cách dùng của nó để mn hiểu rõ hơn ạ
You are a legend, you helped a lot and you explained it really great!
ok
Đã đăng kí và bật thông báo. Rất thích video kiểu làm các thứ thực tế ntn, qua đó học sẽ hứng thú hơn. Tks b
Nếu bạn có thời gian, bạn có thể tham khảo khóa học cắt giao diện thực chiến trên kênh của mình nhé, cảm ơn! Cảm ơn bạn đã đọc.
Cảm ơn bác nhiều !!
Cảm ơn bác, sắp tới xong series 30 ngày HTML CSS sẽ còn nhiều series hay ho hơn nữa, subcrible để nhận thông báo mới nhất nhé :))
Rất bổ ích cho người mới học, cảm ơn anh nhiều ạ
Thấy hay thì follow kênh và chia sẻ cho các anh em nhé.
oke e
cảm ơn anh nhiều nha rất tốt cho sinh viên mới lập trình ạ
Cảm ơn em, sắp tới xong series 30 ngày HTML CSS sẽ còn nhiều series hay ho hơn nữa, subcrible để nhận thông báo mới nhất nhé :))
rất cảm ơn video của anh, chúc anh sức khỏe và thành công
Cảm ơn em nhé. Thấy hay thì đăng ký kênh với chia sẻ ae cùng học hỏi và trao đổi nhé em
rất hay, cảm ơn anh và mong anh có thật nhiều sức khỏe để có thể ra những clip nhưng thế này giúp ae coder
Cảm ơn em. Thấy hay thì đăng ký kênh với chia sẻ cho các anh em muốn biết nữa nhé :D
video rất hay
Cảm ơn em, sắp tới xong series 30 ngày HTML CSS sẽ còn nhiều series hay ho hơn nữa, subcrible để nhận thông báo mới nhất nhé :))
Đã đăng ký ạ. Quá bổ ích cho người tự học ạ
em cảm ơn anh rất nhiều, video rất hay
Cảm ơn em, thấy hay nhớ đăng ký kênh để ủng hộ anh ra nhiều video chủ đề mới nữa nhẽ bạn
hay quá anh ơi, cảm ơn anh rất nhiềuuuu
Rất hay và bổ ích. Cảm ơn các anh nhiều. Ủng hộ
Cảm ơn em. Thấy hay thì đăng ký kênh với chia sẻ cho các anh em muốn biết nữa nhé :D
Thanks bạn
Cảm ơn bạn, sắp tới xong series 30 ngày HTML CSS sẽ còn nhiều series hay ho hơn nữa, subcrible để nhận thông báo mới nhất nhé :))
video hay quá ạ, cảm ơn a nhiều
Thanks em nhé, Chăm chỉ cày hết 30days này là lên tay ngay em nhé
cảm ơn thầy rất nhiều
Quá hay anh Nam ơi !!!
ok ae follow nhé, sắp tới còn nhiều cái hay hơn :D
video của a hay quá
Vô tình thấy video hay 🥳
Cảm ơn bạn, thấy hay nhớ đăng ký kênh để ủng hộ đội ngũ ra nhiều video chủ đề mới nữa nhẽ bạn
hay ah
Cảm ơn b, sắp tới xong series 30 ngày HTML CSS sẽ còn nhiều series hay ho hơn nữa, subcrible để nhận thông báo mới nhất nhé :))
Mê quá anh ơi
Rất hay cảm ơn anh
Rất hay bác ạ
Cảm ơn bác, thấy hay nhớ đăng ký kênh để ủng hộ mình ra nhiều video chủ đề mới nữa nhé bạn
hay qua anh, em moi fl roi do. mong anh ra nhieu kien thuc bo ich hon ^^
Cảm ơn em. Thấy hay thì với chia sẻ cho các anh em muốn biết nữa nhé :D
tuyệt vời anh ơi
Hehe chào anh nhé, bổ ích lắm ạ
Thấy hay thì follow với các anh em khác nhé.
bổ ích quá ạ
Ok, anh thấy hay thì subcrible kênh nhé :3
Mong nodemy ra nhiều series thực chiến hơn nữa ạ :
Cảm ơn a rất nhiều
Cảm ơn em, sắp tới xong series 30 ngày HTML CSS sẽ còn nhiều series hay ho hơn nữa, subcrible để nhận thông báo mới nhất nhé :))
@@Nodemy dạ ok anh, em sẽ luôn theo dõi và ủng hộ anh
xịn anh ạ. em đang thiêu thực chiến.
Cảm ơn em, đăng ký kênh để khi nào a ra video mói sẽ có thông báo nhé.
Hay qua a oi
ok em ơi , subcrible nhận video mới nhé :D
Thề luôn
Giảng chi tiết thật sự!
Thank you for sharing this tutorial
tuyetj vời ,hihihi
em cảm ơn nhiều!
e ngu cực chỗ frontend tks a nhìu.
OK em nhé, subcrible nhé, nhiều video hay ho hơn nữa sắp ra mắt r
tuyệt quá anh zai
Cảm ơn em. Thấy hay thì đăng ký kênh rồi chia sẻ cho anh nhé :D
bữa sau anh làm video nhớ phóng to chữ nha anh,em nhìn mà đâu mắt luôn ý
anh dạy khá hay, mà em góp ý là a để font chữ to lên a nhé
ok em ơi, anh cảm ơn em nhé, nhất định sẽ tăng size chữ :D
hay
Cảm ơn b, sắp tới xong series 30 ngày HTML CSS sẽ còn nhiều series hay ho hơn nữa, subcrible để nhận thông báo mới nhất nhé :))
hayyy
😍
The first video I've found wNice tutorialch makes production seem accessible, thanks!
Cảm ơn video của a ạ , chúc a thành công trong cuộc sống nha , a có mở dạy lớp học FE hay BE k ạ
Anh có em nhé. anh có lớp sắp khai giảng luôn. Em nhắn qua đây anh tư vấn kĩ hơn nhé facebook.com/nam.nodemy
hay qua
good good
Thấy hay thì follow với các anh em khác nhé.
Nice
a chia đôi màn hình chữ nhỏ quá em k thấy rõ a ơi,nhìn lâu mỏi mắt quá
Good
I hope you get what you're looking for!
Có 1 lưu ý nho nhỏ là lần sau a có thê quay phần code cho chữ nó to hơn tý chứ nhìn thế này hơi nhỏ nha a :)) cảm ơn vì video
Ok bạn, bên mình đã set up quay chữ to hơn rồi
hay quá, để em học xong cơ bản em qua học với anh :v
Cảm ơn em. Thấy hay thì đăng ký kênh với chia sẻ cho các anh em muốn biết nữa nhé :D
anh ơi cho em hỏi là khi e thêm phần margin cho phần card thì phần background trên phần card k có màu j cả ạ, mà e làm giống anh ạ
để margin_top: 150px cho size thì khi hover vào vị trí đó nó cũng thực hiện, hover vào bên ngoài cái sản phẩm mà nó cũng thực hiện hành vi thì sai rồi anh ơi,
And I recomnd starting with LMMS instead of spending 0 and not really know what your getting into. LMMS is free and I've been
tưởng dành cho người mới học, mong bạn có thể bỏ thêm chút thời gian để giải thích các đoạn như thẻ con dùng absolute và thẻ cha dùng relative, tạo sao lại phải dừng như vậy và nó có tác dụng gì dc k ạ
@ relarive là cố định nó trong phạm vi đó, absolute k thể tràn ra ngoài relative, là thèn con nó chỉ nằm trong thèn cha, nếu k có relative thì thèn con nó nằm bên ngoài thèn cha nha bạn
@@dunguyen4026 mình cảm ơn
Cái này là kiến thức căn bản rồi em, về absolute vs relative em có thể tìm hiểu các khoá căn bản về css trên nodemy hoặc có thể tham gia khoá html css js bài bản được giảng viên hướng dẫn để hiểu rõ hơn em nhé.
Đã sụp rai :v
Sụp rai rồi thì chia sẻ cho mình với nhé :D
Hi ad, cái link bài mẫu xem thế nào vậy. Thanks.
anh có thể gửi link cái ảnh và cái web gốc trên video để mình tự làm dc ko ạ
Lấy image chiếc giày đó ở đâu vậy ạ. Giúp em với >
chổ hover cart title và cart price bạn dùng transform vậy rùi tên sản phẩm dài ngắn là nó vỡ hết rùi
à thường thì nếu ok nhất thì mình nên xác định số lượng kí tự của sp, mình có thể eclip text.
Bác có cách fix cho vụ này k k, mong bác góp ý thêm
@@Nodemy theo mình bạn chỉ cần text-aline: left. xong nếu muốn dời sang trái nữa thì hả transform
Bạn nên cho thêm link download ảnh sử dụng trong video
Thanks bạn đã góp ý
anh ơi sao em bỏ ảnh vào làm theo anh mà ko hiện ảnh ạ
Bạn ơi cho mình hỏi thêm là khi hover nhưng thả ở phần color, size, button thì nó bị giựt giựt chỗ này có cách fix nào hiệu quả không ạ
Group học tập phải đăng ký mới vào được à anh
không phải đâu e vào thoải mái em nhé:
zalo.me/g/yhdkef092
bá quá
Cảm ơn em. Thấy hay thì đăng ký kênh với chia sẻ cho các anh em muốn biết nữa nhé :D
anh lấy ảnh nền trong suốt ở đâu v ạ?
Cảm ơn anh rất nhiều, video rất hay, nhưng mà anh ơi, ảnh chiếc giày đấy anh cắt như thế nào vậy. Em thử dùng một ảnh khác thì bị lỗi luôn anh ạ. Mong a giải đáp :D
ok em ơi, e vào trong group zalo zalo.me/g/yhdkef092
để được giải đáp nhé
Anh nên cải thiện gõ phím. Xem rất khó chịu luôn
Code này trên vscode dko ạ
delete notes....and I literally don’t know what’s happening in the soft roll...tNice tutorials problem seems to be unresolvable...I have tried sooo
Cho em hỏi là tại sao khi mình linear vào thẻ body thì nó phủ màu cả trang nhưng kích thước của thẻ body thì không bao gồm phần thẻ card margin lên phía trên ạ
anh cho em hỏi các khoá học trên nodemy chỉ có tầm 20 bài 1 khoá như vậy hay chưa ra hết vậy anh
team đăng bổ sung thêm nha bạn
Sẽ bổ xung liên tục em nhé
có cách nào để code trong vscode thành web riêng k a
a ơi cho em hỏi: e muốn là khi mình click vào 1 img sau đó hiện ra product-card thì làm ntn ạ
với lại có nhiều sản phẩm mà dùng nhiều product-card như vậy thì có vẻ không ổn. Anh chỉ e cách với ạ
Trời ơi, mình mất bao nhiêu thời gian công sức mà chả được cái gì có lần Nhờ phây búc Moganit ✨tạo cho 1 cái giờ dung khỏe re, biết ơn rất là nhiều luôn. ✨✨✨
a ơi sao e làm 2 cái biểu tượng heart với cart nó ko vào ô đó mà nó nằm ở ngoài v a
anh oi.. anh có thể làm cái hover mà khi di chuột vào thì cả tilte, prize, size, color, action đều transition cùng lúc được ko anh, vì em thấy nó transaction riêng đó ạ..
46p ???
cho mình hỏi chỗ hover mấy thẻ size, color ấy, tại sao lại phải dùng visibility: hidden khi mà dùng opacity thôi là đủ làm đc như file gốc rồi
Opacity chỉ làm mờ đi thôi, thực tế nó vẫn nằm ở đấy
Chúng t có thể dùng visibility : hidden cho chắc cú k bị bất kì click nào ảnh hưởng. Thường hidden sẽ kéo theo pointer-event: none .
visibility : hidden - ẩn item, item bị ẩn ko thể click vào dc - không hoạt động khi kết hợp với thuộc tính transition.
opacity: 0 - làm mờ item, làm mờ nên có thể bị click trúng - hoạt động với transition.
kết hợp cả 2 để làm item có hiệu ứng ẩn hiện mượt
Cho mình xin hỏi chút, trường hợp bên dưới card có phần tử khác thì phần size, color, action đẩy xuống dưới như video hướng dẫn thì nó có chiếm khoảng trống và đẩy phần tử bên dưới lệch xuống không ạ? Xin cảm ơn!
Nếu bị đẩy xuống, thì nên cho .card thêm overflow hidden để tránh ảnh hướng đến cái khác,
@@Nodemy nhưng như vậy cái giày cũng bị ẩn ạ
chỗ card-img tại sao lại dùng width: 90%; vậy mọi người
Em liên hệ qua facebook.com/nam.nodemy anh hỗ trợ nhé.
Cho ảnh nó fix đúng tỷ lệ mình muốn ấy, div card chứa div card-img, set card-img width = 90% tức là nó rộng = 90% cái div chứa nó, set tiếp card-img img 100% tức là độ rộng bằng 100% thẻ chứa img tức là thẻ div card-img, nên cái ảnh = 90% độ rộng của thẻ mình deisgn ban đầu
anh có thể gắn kèm link tài nguyên như img như trong video được k ạ??
www.nodemy.vn/projects/html-css-js/product-card/Nike%20Zoom%20KD%2012.png đây em nhé
is no one gonna to notice that how he is wearing Nice tutorials headphone?(Rip Gramr)
Cho em xin img chiếc giầy của anh được không ạ
em thấy có 14video anh ạ k thấy đủ 30 video thực chiến :(((
Mỗi ngày ra 1 video em nhé
@@Nodemy dạ vâng ạ em hiểu r
a ơi cho e hỏi lỗi này sửa kiểu gì ạ :Bad CMake executable "". Is it installed or settings contain the correct path (cmake.cmakePath)?
em gặp lỗi này ra sao em?
e vào group này nhé, để đc giải đáp:zalo.me/g/yhdkef092