Day 2: Đứng hình mất 5s với Profile Card giới thiệu bản thân | 30 Days Thực chiến HTML CSS JS

👇 LỘ TRÌNH LÊN FULLSTACK, trọn bộ serial course MIỄN PHÍ 👇:
• Luyện tập 30 Projects thực chiến: • Day 1: Thiết kế Produc...
• HTML: • HTML căn bản cho người...
• CSS: • [CSS căn bản] | bài 1:...
• JS: • [Javascript căn bản] |...
• NodeJS: • NodeJS backend - Cơ ch...
• ExpressJS: • [ExpressJS] | Giới thi...
• ReactJS: • ReactJS căn bản, làm b...
Ngoài ra nếu bạn muốn học hiệu quả hơn, có kinh nghiệm đi làm ngay thì nên học tập tại:
• Học OFF (2 - 4 tháng): Nodemy.vn​
Được đưa vào làm dự án, giảng viên hỗ trợ 1-1, trực tiếp hướng dẫn làm task. Đầu ra cam kết việc làm có lương ngay.
• Học ONLINE: class.nodemy.vn/​
Video call, giải đáp trực tiếp, hỗ trợ 1-1, teamview review sửa code. Hướng dẫn code dự án thực tế.
❓Tại sao mình nói học OFF hoặc ONLINE qua class.nodemy.vn/​ lại hiệu quả hơn ?
Vì khi bạn tham gia các chương trình đào tạo trên, bạn sẽ được giảng viên hỗ trợ trực tiếp. Đó là cách bạn lên kinh nghiệm nhanh nhất, học từ người đi trước.
Có người hướng dẫn bạn sẽ học tập trung kiến thức trọng tâm, kiến thức chuyên sâu, tránh sai lầm khi code. Những điều đó thôi cũng giúp bạn rút ngắn gần 1 năm so với tự học lập trình.
✪ Để học tập ONLINE qua youtube hiệu quả :
⚠️⚠️ ⚠️ Các bạn không nên quá phụ thuộc vào video. Video chỉ giúp các bạn hiểu kiến thức, để vận dụng thành thạo các bạn cần luyện tập nhiều và làm dự án thực tế, cần 1 người đi trước chỉ dẫn.
⭐ Nên tự code lại kiến thức đã học (tắt video đi code lại),
⭐ Làm bài tập cần pause video, tự nghĩ và làm bài tập trước, rồi mới xem đáp án
⭐ Xem hiểu hết video không có nghĩa là bạn đã biết code. Vì vậy các bạn đừng vội xem nhanh và nhiều video trong 1 ngày. Các bạn có thể thực hiện theo công thức bên dưới:
1. Xem video, khoảng 5 - 10 phút thì dừng lại để luyện tập
2. Tóm tắt những kiến thức trong 5-10 phút vừa xem theo cách bạn dễ nhớ
3. Tắt video, code lại những gì đã học trong video (không được mở video tham khảo, chỉ nhìn vào bản tóm tắt để làm, nếu không nhớ thì google search)
4. Tự lấy thêm ví dụ để kiểm chứng xem mình đã hiểu đúng về kiến thức chưa.
5. Nếu tự code được bằng chính khả năng của mình thì tiếp tục xem tiếp video.
☝️CHÚ Ý: Thường các video có dài hơn 30 phút đến 1 tiếng thì vẫn phải áp dụng 5 bước trên, mỗi lần xem video chỉ 10 phút rồi phải thực hành lại ngay.
❓ Nếu có bất kì thắc mắc nào về bài giảng có thể để lại comment, mình sẽ trả lời sớm nhất cho các bạn. Mọi người có thể cùng nhau học lập trình, tham gia group bên dưới:
Nodemy là một startup trường học công nghệ đào tạo chuyên sâu về Nodejs - Javascript, được nhóm admin NodeJs Việt Nam - cộng đồng Js lớn nhất Việt Nam thành lập.
✪ Follow Me :
• Fanpage: / nodemy.vn​
• Website: www.edmforyou95.com​
•Group học tập: / nodemy​
•Website: nodemy.vn​
✪ Cộng đồng:
• Nodejs Việt Nam: / congd...​
• Diễn đàn: nodejs.vn​
• Fanpage Nodejs Việt Nam: / nodejs.vn​
✪ Các bạn có thể liên hệ trực tiếp với mình qua:
📞 08 666 33 805
🙋‍♂: / nam.nodemy​

Пікірлер: 66

  • @conghaunguyen6811
    @conghaunguyen68112 жыл бұрын

    Hay quá anh, lúc em làm rườm rà lắm xong xem video của anh học được nhiều mẹo ghê.

  • @dattan5462
    @dattan54626 ай бұрын

    thật sự bổ ích, mình học xong lý thuyết từ các trang online nhưng cảm giác không tự tin thực hành, may mà tìm được trang này. cảm ơn anh rất nhiều

  • @quantrinh6817
    @quantrinh68172 жыл бұрын

    cảm ơn anh, bài này rất thực tế ạ

  • @vumranh1944
    @vumranh19442 жыл бұрын

    Hay quá Bro ơi. Những kiến thức căn bản nhưng rất hay

  • @Nodemy

    @Nodemy

    2 жыл бұрын

    thank bạn, follow để đón xem video mới nhé

  • @lilmet6474
    @lilmet64742 жыл бұрын

    hay qá anh ơi

  • @emmajennnings5920
    @emmajennnings59202 жыл бұрын

    thật sự cảm ơn anh rất nhiều! video rất giá trị

  • @Nodemy

    @Nodemy

    2 жыл бұрын

    Thanks em. Chăm chỉ luyện hết 30days này là lên tay luôn nhé

  • @NhiAnya
    @NhiAnya2 жыл бұрын

    cảm ơn anh rất nhiều ạ

  • @AlanTran18
    @AlanTran182 жыл бұрын

    hóng quá !!!

  • @Nodemy

    @Nodemy

    2 жыл бұрын

    Đăng ký kênh để anh ra tiếp các video khác không bị bỏ lỡ em nhé.

  • @tintrung678
    @tintrung6782 жыл бұрын

    hay quá a ơi

  • @Nodemy

    @Nodemy

    2 жыл бұрын

    Cảm ơn bạn. Thấy hay thì đăng ký kênh với chia sẻ ae cùng học hỏi và trao đổi nhé em

  • @Kevin-xi3nz
    @Kevin-xi3nz2 жыл бұрын

    Hay quá anh ơi, nhưng mà nếu có ứng dụng grid system , responsive vào thì hay biết mấy

  • @huynhcongluan8199
    @huynhcongluan8199 Жыл бұрын

    video rất hay và bổ ích ạ nhưng a nên bỏ link ảnh để mn dễ thực hành ạ

  • @tuanphimhay425
    @tuanphimhay4252 жыл бұрын

    anh nên để link demo để bọn em soi màu hoặc tự code theo cho dễ ạ

  • @beeatechjs2928
    @beeatechjs29282 жыл бұрын

    Video rất hay ạ

  • @Nodemy

    @Nodemy

    2 жыл бұрын

    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

  • @beeatechjs2928

    @beeatechjs2928

    2 жыл бұрын

    @@Nodemy e dky r ạ

  • @hoangtientrungkien6749
    @hoangtientrungkien674911 ай бұрын

    8:40 Đôi khi có vài bạn sẽ không thể add ảnh đúng ( tức nếu code theo thì ảnh sẽ bị lệch và bị zoom quá mức - nó sẽ k tự căn chỉnh phù hợp) như a Nam đang làm dù có code theo y hệt; Thì các bạn thử thêm trong file index.html phần ảnh thành nhé. Trong vid thì a ý lại không thêm class img vào thẻ img chỗ HTML mà phần style.css a ý vẫn gọi img{} rồi vẫn chạy đc mà mình cũng không hiểu sao nó lại chạy bình thường như thế được =)). Nhưng theo cách của mình fix bên trên thì mọi người có thể thấy sẽ hoạt động giống y hệt trong vid nhé. Đó là cách của mình (Mình đang học thôi nên chưa có nhiều kiến thức lắm). Ai mà làm đc theo cách a Nam trong vid thì có thể giải thích cho mình nhé. Cảm ơn mn. cảm ơn Nodemy rất nhiều !

  • @anhpham6932

    @anhpham6932

    2 ай бұрын

    Khi sử dụng overflow: hidden;, bất kỳ phần nào của nội dung vượt quá kích thước của phần tử sẽ bị ẩn đi và không hiển thị ra ngoài.

  • @anhpham6932

    @anhpham6932

    2 ай бұрын

    trong bài này chỉ có 1 phần img nên vẫn gọi thẳng để css cho img, khi nào bạn đặt trong class="img" thì bạn mới .img

  • @LeNhutCuongB
    @LeNhutCuongB Жыл бұрын

    anh ơi nếu như em muốn tác nó 3 cái trên cái dưới thì sài lệnh gì vậy

  • @chiecmusic9117
    @chiecmusic91172 жыл бұрын

    Đi làm có làm mấy cái này ko ạ hay khó hơn nhiều ạ

  • @LeNhutCuongB
    @LeNhutCuongB Жыл бұрын

    anh ơi em muốn chia bố cục trên 3 thẻ dưới 3 thẻ thì sao a

  • @thinhmusic7648
    @thinhmusic76482 жыл бұрын

    Mấy bạn cho mình hỏi sao ảnh của mình chỉ nhận góc trên bên trái vậy, tại ảnh mình khá lớn ấy

  • @xuanmanhdao
    @xuanmanhdao2 жыл бұрын

    4:40 tại sao lại dùng thẻ div bao thẻ a vậy ạ? Chỗ này em hay dùng ul>li>a, nó có khác nhau gì ở đây không và nên dùng cách nào ạ?

  • @Nodemy

    @Nodemy

    2 жыл бұрын

    Dùng ul li a cũng được em nhé, không khác biệt lắm, chú ý là thẻ a vs div sẽ có những css mặc định, dùng kiểu gì cugnx được, miễn là css ra ngon lành nhé.

  • @xuanmanhdao

    @xuanmanhdao

    2 жыл бұрын

    @@Nodemy cảm ơn anh đã giải đáp

  • @chitrunghuynh8288
    @chitrunghuynh82882 жыл бұрын

    A nhà ở đâu thé, cứ tới lui trong tim e....

  • @monngongiadinhtoi
    @monngongiadinhtoiАй бұрын

    Mình từng làm bên a này rồi nè , thiết kế , tạo , mở w e b rất yên tâm cứ nhờ phây búc Moganit xong trong 1 nốt nhạc ❤❤❤️

  • @vothisaungay493
    @vothisaungay493 Жыл бұрын

    Up file lên ở đâu anh

  • @anloc233
    @anloc233 Жыл бұрын

    anh làm sao mà vừa code mà vừa coi được kết quả nó chạy như anh vậy

  • @natsukihatake7658
    @natsukihatake76582 жыл бұрын

    sao e code xong đưa chuột vào ảnh thì từ bên trái thì nó hiện từ giữa sang bên trái và hết khung nhưng khi e đưa ở giữa thì nó nhấp nháy từ giữa sang trái trái giữa nó nhảy liên tục v là sao ạ, giúp e

  • @Nodemy

    @Nodemy

    2 жыл бұрын

    Cái này phải inspect mới rõ được nguyên nhân, k thể miêu tả vậy được, em vào nhóm zalo để được hỗ trợ nhé, link group trong miêu tả đó em

  • @limonislam5792
    @limonislam57927 ай бұрын

    Cần gấp mà k biết tạo wed si te như nào thì nhờ phây búc Moganit ho làm thì khỏi phải bàn

  • @taiphamminh8056
    @taiphamminh80562 жыл бұрын

    mình có boottrap thì nó ko hover ảnh như vậy ạ , nó chỉ hover đúng phần div của nó thôi , xóa boottrap thì như video trên .

  • @khainguyenhuu5057

    @khainguyenhuu5057

    2 жыл бұрын

    bạn dùng bootrap mà bạn muốn restyle lại property bạn phải gọi lại element chỉ đích cụ thể rồi bạn style property của nó lại , để đè lên cái mặc định của bootrap nhé. cí dụ nút button của bootrap nó mặc định là không có màu bg , bo tròn góc 3px , bạn phải gọi lại button#'id của button' { // style lại }

  • @tuantran3725
    @tuantran37252 жыл бұрын

    anh cho em hỏi sao em bỏ hình vào nó kh nhận hết cả hình mà chỉ nhận được có 1 góc

  • @Nodemy

    @Nodemy

    2 жыл бұрын

    Vì kích thước ảnh vs kích thước img HTML khác nhau nhé, em để object-fit: cover hoặc contain để giữ nguyên độ nét ảnh. Còn muốn khít thì em phải thiết kế ảnh theo độ dài rộng của thiết kế trước.

  • @nonedisplay8409
    @nonedisplay84092 жыл бұрын

    b làm luôn cái day7 dc ko b . Đúng cái mình đang cần làm cho project :v

  • @nhatbui229

    @nhatbui229

    2 жыл бұрын

    theo thứ tự chứ bro

  • @nhattuan4443

    @nhattuan4443

    2 жыл бұрын

    xem code đc mà bạn

  • @Nodemy

    @Nodemy

    2 жыл бұрын

    Các vid hướng dẫn sẽ ra dần dần b nhé. Nhớ đăng ký kênh để nhận được thông báo mỗi video nha :D

  • @phuhientv5355
    @phuhientv53552 жыл бұрын

    Quay không thấy đc code

  • @xuanmanhdao
    @xuanmanhdao2 жыл бұрын

    24:45 tại sao lại cần set thuộc tính transition trong class card_img mà không phải đặt tại card_img:hover vậy ạ?

  • @HuyPham-ft5vq

    @HuyPham-ft5vq

    2 жыл бұрын

    Vì phải có transition đối với hoạt cảnh trở về nữa đó bạn . Ví dụ là bạn hover vào thì sẽ thấy mượt , tuy nhiên khi bạn bỏ hover ra mà ko có transition thì cái hiệu ứng khi nó trở về vị trí cũ sẽ ko mượt .

  • @xuanmanhdao

    @xuanmanhdao

    2 жыл бұрын

    @@HuyPham-ft5vq Cảm ơn bạn, giải thích rất rõ ràng

  • @dunghuynh-cw4kd
    @dunghuynh-cw4kd7 ай бұрын

    Làm khó kinh nha mọi người , mình lên phây búc tìm Moganit họ làm cho hay lắm

  • @mucbanghuongnoi
    @mucbanghuongnoi Жыл бұрын

    warning: in the working copy of 'fontawesome-free-6.3.0-web/sprites/solid.svg', LF will be replaced by CRLF the next time Git touches it Là như nào ạ

  • @michaelnguyen1148
    @michaelnguyen1148 Жыл бұрын

    Bài giảng rất hay nhưng sao bạn không cho link để tải các hình ảnh cho thực hành code lại nội dung đã học.

  • @Nodemy

    @Nodemy

    Жыл бұрын

    Bạn có thể thay bất kì ảnh nào vào thay thế nhé

  • @longminhdone
    @longminhdone2 жыл бұрын

    23:57 sao không hover rồi để margin về 0 nhỉ @@

  • @Nodemy

    @Nodemy

    2 жыл бұрын

    Có nhiều cách lắm, bạn thử xem và cùng so sánh 2 hiện tượng nhé.

  • @yennguyen-ws7fm
    @yennguyen-ws7fm7 ай бұрын

    Mình không có máy tính không biết tạo 1 trang như thế nào may sao lên phây búc tìm Moganit bên này họ làm cho t ốt phết mọi người ạ

  • @huupham3323
    @huupham33232 жыл бұрын

    mới hiểu cơ bản html css thì theo được k ạ

  • @Nodemy

    @Nodemy

    2 жыл бұрын

    Em làm theo hướng dẫn hoàn toàn có thể theo được em nhé :D

  • @nguyenmanhcuong6619

    @nguyenmanhcuong6619

    2 жыл бұрын

    phải học chácw truocsw bạn à

  • @beeatechjs2928

    @beeatechjs2928

    2 жыл бұрын

    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.

  • @user-el8dd5ej2j
    @user-el8dd5ej2j Жыл бұрын

    em xin src code đc ko anh

  • @user-tk7kb2sp3i
    @user-tk7kb2sp3i11 ай бұрын

    tạo cái host 127.11:5500 như nào v anh

  • @Nodemy

    @Nodemy

    11 ай бұрын

    em tải liveserver nhé

  • @Tinhhpham1
    @Tinhhpham17 ай бұрын

    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. ✨✨✨

  • @user-ks5nf2ws6b
    @user-ks5nf2ws6b7 ай бұрын

    Mò cả buổi trời không xong may mắn sao tìm được phây búc Moganit họ làm cho vừa nhanh lại được việc

  • @dodang16868
    @dodang168687 ай бұрын

    Làm khó kinh nha mọi người , mình lên phây búc tìm Moganit họ làm cho hay lắm

Келесі