Học HTML, CSS, và JS (build một trang Portfolio cho mình)
ฝัง
- เผยแพร่เมื่อ 7 ต.ค. 2024
- Hello các bạn, trong tutorial này chung ta sẽ học về cơ bản của HTML, CSS, và JS. Và dự án chung ta sẽ build ra là một trang Portfolio riên cho cá nhân mình.
▬▬▬▬▬▬ SUPPORTS ▬▬▬▬▬▬
☕️ Support PASSIONCORNERS With A Cup Of Coffee
Coffee: www.buymeacoff...
▬▬▬▬▬▬ MY SOCIALS ▬▬▬▬▬▬
TikTok: / passioncorners
Twitter: / @passioncorners
Instagram: / passion_corners
▬▬▬▬▬▬ FACEBOOK GROUP ▬▬▬▬▬▬
Group: / 365803381815813
▬▬▬▬▬▬ SOURCE CODE ▬▬▬▬▬▬
GitHub: github.com/PAS...
▬▬▬▬▬▬ DESIGN ▬▬▬▬▬▬
Link: drive.google.c...
▬▬▬▬▬▬ MUSIC ▬▬▬▬▬▬
Track: Happy at Home Background Music For Videos
Author: Lesfm
Link: pixabay.com/us...
![[Watch Party] RoV Pro League 2024 Winter | ( Bacon Time Vs FS )](http://i.ytimg.com/vi/lD6z1BugdZw/mqdefault.jpg)
em đang là sinh viên, với kiến thức khô khan trên trường, em còn ko chắc chắn ra trường sẽ xin được viên, nhưng nhờ ccó những người đi trước như anh, bọn em sẽ họcc hỏi được nhiều kinh nghiệm thực tế hơn. Em cảm ơn anh nhiều
Các bạn sẽ là tương lai ! Hãy cố lên nha 😊
@@passioncorners mong cụ ra nhiều video hơn nữa
Bạn ơi bạn code theo có còn source code không cho mình tham khảo với ạ! Mình cảm ơn!
Cảm ơn bạn rất nhiều, bạn vừa code vừa hướng dẫn và giải thích ngắn gọn, rất dễ hiểu và theo kịp video dành cho người tay ngang bắt đầu học như mình. Mình làm công việc về website wordpress, SEO, viết nội dung, chỉ kéo thả nhưng đang tìm hiểu và học thêm code html, css, js. Mình nghĩ mình đã tìm đúng kênh để học rồi.
Chưa thấy ai dạy kĩ như anh, đang nản mất động lực xem video này hào hứng hẳn, thanks anh nhiều
Học trên trường dạy nản thật luôn ấy, năm 3 rồi mà tự học cũng chả đến đâu, hên xem được video của anh khá dễ hiểu
Em đã có kiến thức cơ bản HTML.CSS mà nhìn cách anh code thấy nhiều kiến thức vận dụng rất hay,1 tư duy code, sắp xếp,học hỏi được nhiều . Cảm ơn anh nhiều.
Cảm ơn bạn, và mỗi ngày mình cũng học hỏi khá là nhiều điều từ máy ae trong nghề để năng cao kỹ năng của cá nhân hơn 😃
Rất hay và chi tiết, giọng dễ nghe tiếng anh chuẩn nữa. Cám ơn rất nhiều
Rất hữu ích và chi tiết. Cảm ơn anh, 1 năm rồi ko thấy a ra video mới 🥲
a này giảng kỹ nhất, mà dễ hiểu nữa
quá hay, mong anh ra nhiều hơn những video bổ ích như vậy. respect anh
Video rất hay rất chi tiết. Cám ơn anh, chúc anh thật nhiều sức khỏe 🌷
Tư duy code của anh tốt quá. Cám ơn vì vid chất lượng
Cảm ơn anh vì một video tuyệt vời! Chúc anh sức khỏe và luôn ra những sản phẩm video chất lượng cao như vậy nữa nha ❤.
Cảm ơn bạn nha! Và channel sẽ cố gắng ra thêm những content hữu ích cho ae 😃
Cảm ơn anh! Video tuyệt vời! Chúc anh sức khoẻ và thành công trong công việc !
video của anh giảng dạy chi tiết và hay quá, cảm ơn anh. Mong anh ra nhiều video hơn nhữa
cảm ơn anh vì video hữu ích , chúc anh sức khoẻ và thành công và mang tới nhiều video hướng dẫn sắm tới , em chờ những video học cơ bản như này ạ
cảm ơn anh😊 video của anh rất rõ ràng chi tiết. Tuyệt vời!
anh giảng cuốn thật sự
Anh hướng dẫn rất chi là dễ hiểu nếu anh mà đi dạy chắc sinh viên toàn A
video rất hay và hữu ích, cảm ơn bạn
video dễ hiểu lắm anh. mong anh làm thêm về sâu hơn về js ạ!!
Dạy hay quá anh. Hi vọng anh có nhiều video nữa. Chúc sức khỏe anh.
Cảm ơn bạn nha = )
Tình cờ thấy video này của anh, sau đó em có xem thêm vài video khác và thấy rằng kênh rất hữu ích. Mong anh ra thêm video nữa ạ.
Cảm ơn bạn nha, channel đang chuẩn bị nhiều content mới cho các bạn 🤗
@@passioncorners Dạ, hóng ạ.
E xem nhiều kênh quá toàn ko được nản quá, thấy anh giản kỹ quá thấy thêm động lực mà ko biết khi nào xong trang của đây😅😅
tr oi anh oiiii video này tuyệt vowifiiiiiiiii. tất cả mọi thứ đều được giải thích cặn kẽ và kĩ lưỡng, về cả mặt visual lẫn nội dung luôn ạ. Em cảm ơn anh nhiều lắm ヾ(≧▽≦*)o mong anh lên nhiều video hơn nữa ạ
Cảm ơn anh vì Clip
tư duy code của a mượt quá, và giao diện còn đẹp nữa chứ !
Rất hay , cảm ơn anh rất nhiều.
Cảm ơn anh rất nhiều. Mong anh ra thêm các video lập trình nhiều kiểu trang web khác nhau ạ.
a làm chi tiết quá cảm ơn a nhiều ạ
Thanks dude...It helps alot especially on beginners like
Beautiful man, you're the only one who helped me
Cảm ơn anh vì bài giảng đầy bổ ích
siêu dễ hiểu lun , tks anh ^^
Nghe phát âm Tiếng Anh của anh thích quá ạ. Chúc anh nhiều sức khỏe
Cảm ơn bạn nha! Nghe vài từ quen thuộc rồi lúc ra nghề sẽ hiểu dễ hơn 😃
Cám ơn Anh . Video rất hữu ích
Hy vọng anh ra thêm nhiều video như thế này ạ 😊Video rất hữu ích và thú vị ❤
Cảm ơn bạn nha, và channel sẽ còn nhiều content hơn trong gần tương lai 😃
thank kiu ad vì một video hữu ích
hay quá anh ơi, ra thêm nhiều video tiếng việt như thế này đi anh ạ 🥰
năm 2004 mới học lớp 6 nhưng đã học thuộc lòng cuốn sách html căn bản. giờ ko theo dc đam mê nữa
a giảng dễ hiểu , mong a ra nhiều sản phẩm hơn nữa
Cảm ơn bạn nha, mình sẽ cố gắng chuẩn bị những nhiều bài kế tiếp nữa 😃
Awesome, great video!
Đúng chủ đề e cần. Cảm ơn anh nhiều ạ
Rất vui mình đã giúp ích được bạn 😃
Hay quá anh ơii ❤️
khi nào e mới giỏi đc như a nhỉ , a giỏi quá ngưỡng mộ ghê
Cảm ơn bạn, và nếu mỗi ngày học và thực hành tốt thì từ từ mọi việc sẽ tới với bạn 😃
giọng anh hay ghê ta, ra nhiều video nha anh ơi
Hi vọng anh ra thêm nhiều video về HTML ❤️
Mình sẽ cố gắng sắp xếp 😃
Hay quá anh ơi
Great job !
tNice tutorials was so cool thanks man
Cám ơn anh
hi vọng a ra nhiều hơn về khóa học ntn ạ ^^ chúc a thành công .
Mình sẽ cố gắng ra thêm nhiều content hữu ích cho các bạn 😃
giọng hay thế, nghe cuốn cuốn
quá vip luôn anh zai ơi
thanks bạn !
understanding how everytNice tutorialng works. TNice tutorials is like my 10th ti watcNice tutorialng tNice tutorials lol I’m so basic!
yayy
Hi vọng anh có thể làm video hướng dẫn build 1 trang web với html, css, js và sử dụng các component, responsive cùa boostrap ạ. Tks a nhiều ^^
Ok nha ban ! Channel sẽ sắp xếp 😃
giọng anh rất đặc biệt
em là dân trái ngành đang cố gắng nhiều lúc thấy bế tắc quá anh, đang cố gắng nhưng sợ ra trường 28 29 tuổi không ai nhận mình, em thích vào kênh anh nghe anh nói tiếng anh vì giọng của anh thật sự rất hay nên em vào xem
Cố lên và cứ tiếp tục đi trên con đường của bạn 💪🏻
hay qua a
sao e thích giọng nói của a ghê @@
W🎉🎉
Anh có làm về ReactJS không anh. Mong anh làm về một trang web đơn giản về ReactJS ạ. Em rất thích cách trình bày của anh
Hello Lộc, channel sẽ ra content về React và những frameworks nỗi bật nhất trong nghê, mong bạn vui lòng đợi một xíu để chuẩn bị tài liệu. Tại vì ra một bài hoàng chỉnh sẽ tốn khá nhiều thời giang 😅
Em cảm ơn anh vì video và em năm nay lớp 11 có đam mê với IT vậy bây giờ em tìm hiểu và học sớm về code liệu có hợp lí không anh ạ. Em cảm ơn
giọng anh nghe trầm ấm quá
ra thêm series html/cs/js đi a ơi
người chưa biết gì về lập trình theo kịp video này không a
Được nha bạn, từ từ hiểu mỗi khái niêm và kiên nhẫn là sẽ được 👌🏻
Anh ơi em không có kiến thức về code, mà em muốn hiểu cái này thì em đi tìm học thêm về gì ạ. E cảm ơn anh ạ
Bạn đang cb lên đại học ? Nếu vậy thì Công Nghệ Thông Tinh về Lập Trình Web hoặc Lập Trình gì bạn thích hợp.
dạo này ko thấy b ra clip nữa ta :(
mình xin phép lấy source code về sửa để làm project của mình nhé bạn !!
cám ơn anh vì video rất bổ ích, cho em hỏi những tấm ảnh anh sử dụng thì anh lấy ở nguồn nào vậy ạ
Hello bạn, mình cho rằng bạn đang có ý về design file. Nếu design file thì mình đã lấy ở www.uistore.design. Còn nếu hình hamburger trên tutorial thì sẽ là flaticon.com.
cám ơn anh nhiều !
cho em hỏi tại sao chỗ này là open: menuButton.classList.toggle("open"), mà ko phải navbar__open ạ
Hey Đại, tại vì trong css của mình đã đặt tên cho class là .open, và chúng ta dùng javascript để toggle class này. Đóng, mở, đóng, mở.
Cho mình hỏi phần mềm xác định mã màu mà bạn xài trong video là gì vậy ạ? Mình cảm ơn ^^
Đoạn nào vậy bạn?
Hey!
ngay 44: em tạo button animation thì lúc bấm vào 3 gạch ở menu thì gạch ở giữa kg biến mất mặc dù em làm giống hệt với anh . dấu gạch ở giữa vẫn xuất hiện ở đó hiện cả dấu x nữa . mong anh đọc cmt rep giúp em ạ
Em kiểm tra css lại coi đc chưa?
Chào anh !!!
Anh cho em hỏi sau khi code xong như trên r làm thế nào để gửi đường link trang web vừa mới code đó cho người khác xem được vậy anh
Bạn thử nghiên cú dịch vụ miễng phí này "Netlify"
Cho em hỏi ngu 1 cái là ấn lưu như anh nó là nút nào ạ
Ấn f5 thì nó vẫn đẩy lên trình duyệt mà
Cmd + S (macOS) | Ctrl + S (Windows)
anh ơi video hay quá cho em hỏi ứng dụng anh dùng mở để xem design là gì vậy anh
Adobe XD nha bạn.
@@huyqd99 em cảm ơn ạ
sao em làm theo mà không hiển thị được cái gạch thứ Nhất của Menu vậy em , chỉ em với
Cho a coi css thử.
Em....when we finished to compose how to get it out ?
Try CTRL + C
Nếu dùng bootstrap thì k cần css nhiều vậy đúng k ạ ?
Bạn sẽ dùng class có sẵn của BS nha
sau khi em làm xong 3 thanh menu và code chức năng xong nhưng ấn vào rồi không thấy nó đẩy thông tin trang menu ra ạ :((
Cho a coi css thử
làm sao để chia sẻ host cho người khác a ơi?
E tìm hiều về GitHub page thử.
Mình style như này gọi là mobile first phải không anh Phong ?
Yes, đúng vậy bạn !
I dont know why but I am watching this. I am working as a developer in korea :)
Hello from Việt Nam 👋🏻 I have an English version on the channel if that will help you better 😃
@@passioncorners xin chao and cam on i will check!
Anh cho em hỏi là anh dùng phần mềm gì để file design đấy ạ.
Figma hoặc Adobe XD, nha bạn = )
Mình dùng theme gì đấy ạ
Tokyo Night
Chào anh, cho em hỏi khi code layout mình nên dùng theo Mobile-first hay Desk-first vậy anh?
Hello bạn, đa số mình sẽ build từ Mobile rồi lên Desktop. Nhưng nếu dự án có khá nhiều animations, thì có thể mình sẽ bắt đầu từ Desktop xuống Mobile.
@@passioncorners Cảm ơn anh đã chia sẻ
Does it have the repeat step sequencer in the step sequencer ??
Sorry, not sure of the question. Can you please expound the step sequencer? Like what part of the video is that?
cho em hỏi sao chỗ pseudo nth-child(odd) lại để img order: 2 trong khi mình đang cần chỉnh cái ở giữa là even, mà vẫn ra đc kq mong muốn z nhỉ, e thử để even nhưng kq ko ra như mong muốn
Cho a coi css thử
công cụ design anh đang dùng là cái gì vậy anh
Mình sử dụng, Adobe XD và Figma, những giờ sẽ là Figma nhiều hơn.
anh cho em hỏi phút 45:19 tại sao .open lại để trước mấy cái class vậy anh
Tại vì mình sẽ theo open class, và dùng js để lợi dụng open class đó để đóng và mở menu.
anh ơi, khi e đổi localhost như hướng dẫn thì sau e F5 debug thì trình duyệt nó hiện báo là about:blank chứ ko chạy file index.html của mình. Vậy e muốn sửa cái này thì làm như nào nhỉ a
Bạn nhớ chậy "Live Server" trước nha
làm đc giao diện web rồi có up lên hosting hay cpanel nó chạy đc lun k a
Đc bạn
Em có chút thắc mắc ạ, nếu đi làm khách hàng có bắt mình làm chuẩn từng px theo như bản desgin không anh. Em cảm ơn !!!
Quan trọng sẽ là responsive và hiện thỉ đúng trên mỗi browsers khác nhau(Safari, Chrome, Firefox...). Nếu Định sơ sót một vài chỗ px thì đa số khách hàng sẽ không phàn nàn đâu.
Em cám ơn anh đã chia sẻ
a ới e làm theo a mà nó k hiện cái menu bên cạnh ấy không biết nó bị sao ạ
Là mobile menu kg hiện thị ở bên trái?
or I have sotNice tutorialng to plug-in with it .
sao em vào js lại báo lỗi chỗ dấu bằng v anh?
Để timestamp đi bạn.
anh sài font gì mà cái dấu { màu vàng v ạ
Đây là chức năng của VScode có sẳng gọi là "vscode bracket pair colorizer" nha bạn = )
kênh còn hoạt động khong ạ
Còn nha = )
1:15