React 2024 - Component cha con - props object - map

#React #web209#component #props #map
React 2024 - Component cha - con - props object - map
- Tham khảo snippet bootstrap:
https://bbbootstrap.com/snippets/
- Tham khảo công cụ chuyển html to jsx:
https://divmagic.com/tools/jsx-to-html
------- Trong clip này bao gồm:
00:00:00 Cài đặt react với vite
00:04:30 Trang web free snippet các html css bootstrap
00:06:36 Tạo component con
00:09:43 Import component vào app
00:12:09 Nhúng css bootstrap và thư viện js bootstrap
00:12:09 Nhúng css bootstrap và thư viện js bootstrap
00:15:40 Tạo component cha
00:19:27 Tạo mảng users
00:22:16 Sử dụng map để đọc thông tin từ mảng user truyền vào component con
00:29:31 Liên kết hình ảnh đúng
00:30:35 Viết CSS bổ sung và đè lên css bootstrap như thế nào

--------------------------- Các khóa học đã có trên kênh này:
1. Khóa học HTML & CSS
https://www.youtube.com/watch?v=JYPlqaF1itI&list=PLieAxB9_noZnz11Jp4PuH6hWD5JqqkB2K
2. Khóa học Javascript:
https://www.youtube.com/watch?v=KoU18KvvAJM&list=PLieAxB9_noZmWReTAruqZG1D-8oJdWsCP
3. Khóa học Javascript nâng cao:
https://www.youtube.com/watch?v=aVebceWxcyE&list=PLieAxB9_noZkHXac22HVnPQaXf0OECe4A
4. Khóa học lập trình PHP (dự án mẫu):
- HTML & CSS layout:
https://www.youtube.com/watch?v=wy3a9WJyoW4&list=PLieAxB9_noZmNlEAM3IPVRrTL5wZmLf43
- Lập trình PHP & MySQL (Full):
https://www.youtube.com/watch?v=VnSi-yPMPME&list=PLieAxB9_noZnmnkQJxQw1bCFeu8qKCd2N
- Module sản phẩm
https://www.youtube.com/watch?v=haGy0Vx6VWU&list=PLieAxB9_noZmDTSrbItOoz2ftx8kwV-vZ
- Module thành viên
https://www.youtube.com/watch?v=2idEU53RSVE&list=PLieAxB9_noZmQuHHin1o-I1Qob0mkzwDp
- Module bình luận
https://www.youtube.com/watch?v=SRCIm6I649o&list=PLieAxB9_noZlYV75Z0k3aOBuWdyBk_-re
- Module giỏ hàng
https://www.youtube.com/watch?v=YeHaC8X_TwM&list=PLieAxB9_noZlgG2ETVjtdACbh0bv8ero2
- Module thống kê
https://www.youtube.com/watch?v=yojRcQ72z58&list=PLieAxB9_noZn_h5Y8LKyGzWYWG7gaPK0U
5. Học lập trình PHP cơ bản
https://www.youtube.com/watch?v=X2hwPgSqnRM&list=PLieAxB9_noZnwyw9vXWnak2ibDW9NNfjT
6. Chuyển từ PSD sang HTML & Lập trình PHP cơ bản cho phần Admin
- Chuyển PSD sang HTML:
https://www.youtube.com/watch?v=BaY7f_pNbSo&list=PLieAxB9_noZmLHhhrsLgO69qeAfbyZ6ZT
- Chuyển PSD sang HTML & Lập trình Admin (Thêm,Sửa,Xóa) với PHP cơ bản: https://www.youtube.com/watch?v=cSmItQqADBc&list=PLieAxB9_noZmsPgnzWqTmqm1hdkjaK-62
---------------------------
Là giảng viên Thiết kế đồ họa, công nghệ thông tin, kênh "Thầy Hộ WEB" sẽ tập trung các bài học cơ bản đến nâng cao liên quan đến ngành lập trình website, thiết kế trang web. Các bạn có thể tìm thấy các khóa học:
- Xây dựng trang web với html5 & css3
- Lập trình php
- Lập trình javascript cơ bản
- Thiết kế layout website với PTS
- Thiết kế UX/UI trang web
....
-----------------
Mọi chi tiết thắc mắc các bạn có thể liên hệ
Zalo: 0918326706
Email: tranbaho@gmail.com
Website: https://bahozone.com/
Fanpage: https://www.facebook.com/thayhoweb/
Facebook cá nhân: https://www.facebook.com/baho.tran
Tiktok: https://www.tiktok.com/@thayhozone?lang=vi-VN
Meet: https://meet.google.com/vaq-xnvg-mtn
Donate: https://paypal.me/tranbaho?country.x=VN&locale.x=vi_VN
-----------------
#htmlcss#tuhocthietkeweb#webdesigner#laptrinhphp#javascript

Видео React 2024 - Component cha con - props object - map канала Thầy Hộ Fpoly