Trong video này, chúng ta sẽ cùng nhau sử dụng Bootstrap 4 để có thể design nhanh một form responsive có đầy đủ thông tin để tạo mới người dùng. Trong form này, chúng ta cũng load động data theo thông tin lấy từ database, từ đấy, ở các video tiếp theo, chúng ta có thể kết hợp với api để tạo mới người dùng luôn.
Cụ thể và chi tiết các bạn cùng xem video nhé. Demo nhanh sản phẩm đạt được khi kết thúc video, các bạn xem tại 1:20 ❤
🎁 Link Form Bootstrap 4 mình sử dụng trong video:
———————————— IMPORTANT —————————–
🚀 Learn by doing : Hiện tại, mình đang làm 1 tutorial miễn phí, học và thực hành để trở thành 1 fullstack web developer từ A đến Z, với nội dung như sau:
1️⃣ Các bạn nhận được gì khi kết thúc khóa học?
✔ Các bạn có thể làm chủ công nghệ, cũng như học được, biết được những kiến thức thực tế dùng tại các công ty hiện nay. Sau khi kết thúc khóa học này, mình tin chắc rằng dự án này đủ lớn, đủ thực tế để cho các bạn mới ra trường viết vào CV xin việc của mình ^^
✔ Các bạn hiểu được 1 FullStack Web Developer thì cần chuẩn bị những gì. Ở đây, mình không dám chắc 100% các bạn sẽ trở thành Fullstack Developer, nhưng nếu bạn chọn Frontend hay Backend thì khóa học này cũng cung cấp cho bạn nhiều điều bổ ích
2️⃣ Nội dung khóa học ?
Mình dự định sẽ làm 1 website với nội dung hỗ trợ việc đặt lịch khám bệnh bác sĩ, tương tự như website: . Trong khóa học này, mình sẽ clone (sao chép) lại giao diện Frontend và tự làm hoàn toàn phần Backend cũng như cơ sở dữ liệu của dự án.
3️⃣ Công nghệ sử dụng ?
✔ Frontend: Reactjs + Redux. HTML/CSS-scss/Bootstrap4 (reactrap)
✔ Backend: Node.js (Express) + MySql (Sequelize)
4️⃣ Lịch trình ra video ?
Hiện tại, mình đang đi làm fulltime, vì vậy không thể dành 100% thời gian làm video khóa học này được. Tuy nhiên, mình luôn cố gắng để làm video đều đặn và thường xuyên, vì mình nhận được rất nhiều tin nhắn cũng như comment của các bạn, mong muốn được học khóa học này ❤
👉 Tối thiểu là 1 tuần sẽ có 2 video về khóa học, còn đôi khi mình có nhiều thời gian rảnh thì 1 tuần 7 cái luôn 😁
👉Các bạn muốn video ra nhanh thì đừng quên Đăng Ký Kênh, Like, Share và Comment bên dưới video để mình có thêm động lực làm video nha. Cảm ơn các bạn nhiều 💕💕💕
👉 Đây là video thứ tự 56 trong khóa học này
👉 Các videos này sẽ được cập nhật vào playlist – Khóa học Fullstack Web Developer Miễn Phí với Hỏi Dân IT:
👉 Các bạn đăng ký kênh, bật thông báo để có thể nhận được những video từ series này một cách sớm nhất nhé ❤
———————————— IMPORTANT —————————–
🧠 Nội dung video:
0:00 Giới thiệu
0:20 Review bài học trước
1:20 Demo kết quả đạt được
2:50 Tạo bố cục component
8:30 Tạo form bootstrap
13:55 Bỏ các Style Customize
20:20 Code thuần Bootstrap
33:10 Reinstall Bootstrap
39:25 Khai file dịch
48:45 Load Genders
53:45 Lưu data vào state
57:20 Renders array với function Map
🌎 Tìm mình tại đây:
1. Facebook Fanpage (Tiếng việt):
2. Facebook Fanpage (Tiếng anh):
3. Github:
4. Youtube channel:
5. Email: haryphamdev@gmail.com
Cần giải đáp thắc mắc (hỗ trợ), các bạn vui lòng comment bên dưới video hoặc inbox trực tiếp qua facebook cho mình.
ĐỪNG QUÊN NHẤN CHUÔNG 🔔 ĐỂ NHẬN CẬP NHẬT VIDEO MỚI NHẤT CŨNG NHƯ ► ĐĂNG KÝ KÊNH! ►
#fullstackDeveloper #khoaHocWebMienPhi #HoiDanIT
🌹Bạn nào muốn mua cho mình cốc cà phê, cái pizza hay chỉ là gói mì tôm hảo hảo, hãy dùng MoMo quét mã QR tại link này nhé: https://nhantien.momo.vn/hoidanit (lưu ý: tên người nhận là PHAM VAN TUAN)
Đây là video #56 trong series học và thực hành (miễn phí) để trở thành 1 fullstack web developer.
👉Xem Full Playlist này tại đây: https://www.youtube.com/playlist?list=PLncHg6Kn2JT6E38Z3kit9Hnif1xC_9VqI
👉Các bạn đăng ký kênh, Like cũng như comment để mình có thêm động lực làm video nha. Cảm ơn mọi người ❤
👉Chanel khác của mình (Tiếng anh): https://www.youtube.com/channel/UCHqJxLo7mKam9GKqqwr2wfA
khi render gender em lại nhận được tới hai lần mỗi option, nghĩa là mảng gender có length là 6.
khi làm video, anh đừng sợ việc tốn time trong quá trình fix bugs, đọc doc khiến video dài, vì thứ tụi e học được nhiều nhất chính là những kinh nghiệm fix bugs, đọc doc, cách xử lý của a chứ ko phải việc hoàn thành proj đâu anh trai !
ở chỗ Load gender của em làm theo anh mà sao vẫn không ra vậy ạ?