Live Code chục cái UI bằng ReactJS và TailwindCSS trong 2 tiếng
Ғылым және технология
Nhớ subscribe cho mình nhe: bit.ly/codedaotube
Mua sách ủng hộ mình: book.toidicodedao.com
Hôm nay, mình sẽ sử dụng ReactJS + TailwindCSS để code chục cái giao diện nha :3.
Các bạn có thể lấy design và làm theo ở đây arc.net/folder/B4B22D05-901D-...
Channel Tôi Đi Code Dạo là nơi mình chia sẻ những kiến thức, kinh nghiệm về ngành lập trình mà mình đạt được trong quá trình làm việc. Những kiến thức này sẽ biến các bạn từ một coder trở thành developer - lập trình viên thứ thiệt.
Nhớ ghé thăm và subscribe channel để xem clip mới vào 8H TỐI T3 hàng tuần nha!
Timestamps
00:00:00 - Giới thiệu vlog
00:04:50 - Giao diện 1: User Card
00:14:58 - Giao diện 2: Search
00:26:30 - Giao diện 3: Collection List
00:39:21 - Giao diện 4: Review Modal
00:57:40 - Giao diện 5: Users List
01:09:36 - Giao diện 6: Notification
01:16:35 - Giao diện 7: Subscription
01:27:55 - Giao diện 8: Job Cards
01:36:10 - Giao diện 9: Company List
01:45:30 - Langding Page
Ghé thăm mình tại:
Blog: toidicodedao.com/
Fanpage: / toidicodedao
Пікірлер: 95
Dạo này tăng cân quá đấy Bro!
Hay quá anh ơi
Thông tin hữu ích. Thanks
Cảm ơn anh!
Cho bạn nào xem tua thì lúc đầu anh Hoàng có giới thiệu là dùng Cursor Ai code editor r ấy
cảm ơn Hoàng
hay anh
anh chia sẻ những extension anh sài đi
hay quâ ah
Các pro cho hỏi muốn tự học viết auto game giả lập mobie thì học gì và lộ trình như nào ạ kiểu căn bản hay master mới tự viết a_z được ấy.
da cho minh hoi ti, 16:38, minh lam sao ma ra duoc nguyen doan code input ah, minh co can cai extension gi hong ah, cam on nhieu ah
khúc 23:20 render mấy cục grid column á anh, mình dùng loop nhanh hơn đúng k ạ
Vô ngắm anh Hoàng dz 🎉❤
đúng là dung tailwindcss sướng thật a,truóc e code bằng bosstrap mà còn thiếu quá e qua học tailwindcss mới được
@pikaju1855
7 ай бұрын
Mình cũng vậy
a huong dan cach cai AI vao VS Code duoc khong anh
A nên nghe bài Rap chậm thôi của MCK Btw video rất hay Mong a sẽ có buổi phát sóng liên quan đến web nữa
@HoangNguyen-tf1ri
6 ай бұрын
~~! Nhạc cũng khuyên luôn hả
a này là vua web hả mn ?
Hôm nào anh làm video về rule coding trong reactJS được không ạ, và kinh nghiệm về code ReactJS để code tốt hơn ạ.
@doanhnguyen5743
7 ай бұрын
S.O.L.I.D
A chậm rồi, Facebook ms ra StyleX kìa 🐧
a cho em hỏi sao khúc kia mình gán class border cho thằng div bọc input lại không được vậy ạ , mà phải bọc thêm 1 div xong add class border vô nó mới hiện ạ
cho em hỏi mấy cái file index_cpp.py dùng để train dữ liệu từ model hả a ????????????
Để luyện suy nghĩ nhanh, các bạn nên bấm x2 tốc độ 😗
cho e hỏi làm sao để import flowbite icon được v a ? em copy paste thì nó k hiện ra.
Mình là 3D game artist, vẫn hay nghe những video clip của bạn trên youtube mặc dù ko hiểu gì về code :))
@nguyenmanh6751
2 ай бұрын
mới đầu học game thì anh học ở đâu ạ
@H4rubboy
2 ай бұрын
@@nguyenmanh6751 Hồi xưa mình học 3d ở Arena multimedia ra nhưng do trường đó dạy ko chuyên sâu bài bản gì cả, rồi sau này mình học lớp riêng của 1 anh đang làm art director trong cty game outsource lớn ở VN mở ra rồi sau đó mình vào cty anh đó làm luôn.
Anh ơi e muốn học lập trình thì ko biết nên học ở đâu ạ ?
mn oi cho mình hỏi phút 3:26 ảnh config prettier.config.js phải có đuôi .cjs thì nó mới chạy dc á? Trong khi hướng dẫn không có, mà đúng là xóa đi chữ c trong đuôi cjs thì nó không chạy dc 🥲🥲
hôm nào live code angular đi anh
anh dùng extension gì để gợi ý code typescript vậy ạ
A xài macbook gì v a
a làm về threejs và react three đi anh
7 ай бұрын
À nếu nhiều bạn quan tâm a sẽ làm nhé
Can you share the github link of the projects? It's easier to go back and re-read the code than replaying the video. Thanks, great work btw. Sorry ban, laptop minh khong co vietkey. :))
Live hơn tháng a mới ra video =))
@hieunghia9341
7 ай бұрын
live này có full ở đâu không bạn ới
@hieunguyenthanh9765
7 ай бұрын
@@hieunghia9341 Anh xoá live full rồi. Nhưng xem cái này cũng được vì live full cũng 3 tiếng nhưng có mấy đoạn không liên quan như đi uống nước hay giới thiệu sách nên cắt đi
cho e xin list extension vs a ơi
extension auto format code a dùng là gì ạ
16:33 dùng extensiton gì mà render ra code vậy mn
dạo này không thấy anh ra video ạ
mn cho mình hỏi AI mà anh hoàng dùng code là gì vậy ạ
Anh có thể review code giúp e được không? E thất nghiệp cũng lâu r muốn đc nâng trình
@TrongNguyen-yc1lx
3 ай бұрын
có việc chưa bạn
Sao sếp không dung prompt codepilot :() ai thay thế hết dev rồi
1:42:11 làm sao để thẻ div nó tự bọc được v nhỉ
sao anh gõ các mã màu kiểu #0ABCD mà nó ra nhanh vậy ạ
Đoạn 25:09 là con AI tạo ra hay extensions nào thế nhỉ :))
mình mới vào ngành và chưa hiểu rỏ về ReactJs lắm bạn cho mình hỏi là tsx nó có khác j với Jsx hay js kh vậy
@TrongNguyen-yc1lx
3 ай бұрын
là TypeScript XML và JavaScript XML
cho em hỏi anh dùng extensions gì mà gõ div là nó tự tạo thẻ luôn ạ
@Thin_Phuw
7 ай бұрын
.div là ra bạn
@hieuhuu3175
7 ай бұрын
hình như auto rename tag
@AmeGaming97
7 ай бұрын
auto close tag nhé
Mọi người cho em hỏi ở chỗ 11:06 làm sao để các thuộc tính đang không thẳng hàng thành thẳng hàng như video ạ
@hoangnguyen-rf6zo
7 ай бұрын
inline-block -> display: inline-block; làm cho element vừa có tính chất inline (trên 1 hàng) vừa có tính chất block (set được kích thước, khoảng cách) flex -> display: flex; để sử dụng flexbox items-center -> align-items: center; căn giữa các item theo hướng flex (mặc định hướng flex là hướng nằm ngang: flex-direction: row;)
hii anh, em học chuyên tin về lập trình thi đấu c++ em định hướng vào đhqg TPHCM công nghệ thông tin, anh nghĩ nếu ra trường thì mức khởi điểm tầm bao nhiêu ạ
@dhung.
7 ай бұрын
6 triệu nha em
@dhung.
7 ай бұрын
nếu em biết viết nhúng sẽ cao hơn
@quangnhat6164
7 ай бұрын
sao em tưởng cũng > 10 triệu khởi điểm :(
@dhung.
7 ай бұрын
cứ nghĩ đi em chưa có bất cứ kinh nghiệm gì mà đòi cty trả 10tr khởi điểm làm gì có đâu em @@quangnhat6164
@dhung.
7 ай бұрын
cũng đừng lo quá nếu em giỏi thì sau 3 đến 6 tháng em sẽ được hưởng mức trên 10tr thôi @@quangnhat6164
rồi mấy a e làm auto test thấy khóc thét un
Chán nhỉ trước có mấy video hack mà mất hết rồi
Anh ơi cho em hỏi 1:48:15 phím tắt bọc thẻ div cho đoạn code là gì vậy?
@DangTheVinh-Hanjo
7 ай бұрын
Ctrl + Shift + [ nhé
@ThaoNguyen-gn8nm
7 ай бұрын
@@DangTheVinh-Hanjo Mình bấm không được. Mình xin video hoặc web hướng dẫn với.
@_NguyenKhacLoc
7 ай бұрын
alt W
@_NguyenKhacLoc
7 ай бұрын
hnhu phải cài extension, mai mình lên máy xem cho, còn ko bạn search thử htmlwraptag, kéo phần feature xem ngta demo có phải cái đó ko nhe
@ThaoNguyen-gn8nm
7 ай бұрын
@@_NguyenKhacLoc Không được bạn ơi. Mình xin video hoặc web hướng dẫn với.
Rồi mới dữ chưa
dạo này mập ra ta ơi
@tuankietngo650
7 ай бұрын
hôm ảnh live có ông nói như ông vậy đó, xong bị ban thẳng tay vì tội body shaming :))
13:26 =)))
UI này chỉ dành cho web ah mọi ng ,
ông này có cái tội rất lớn nói nhanh quá. việc nói nhanh thì phải suy nghĩ nhanh mới bắt kịp ổng.khi hiểu ra là ổng nói hết 80% video :)))
@Quoccute854
7 ай бұрын
tua chậm video ô :))
@hieunghia9341
7 ай бұрын
giảm speed xuống nghe đi bạn, từ từ sẽ quen thôi
7 ай бұрын
Nghe quen sẽ x2 nghe mới phê bạn nhé
@thuannguyenlehoa9711
7 ай бұрын
thuyết âm mưu đó, ổng nói nhanh, mình nghe k kịp => ko hỉu => xem lại => cày view kkk
@phuhuynh9380
7 ай бұрын
@@thuannguyenlehoa9711 haha thuyết âm mưu này có lý
Có thể trở thành hacker khi là 1 thằng ất ơ chả biết gì ko a
Á à a bị vợ a strap giống abe rồi vợ có bầu rồi nó sợ nó xấu mình bỏ nó nên nó bắt mình ăn rồi mập như lợn women ☕
Tào lao
caasn asc