![[10 phút mỗi ngày|C++] Giới thiệu về lập trình C++ mà ai cũng có thể dễ dàng họcCourse Thumbnail](https://cdn.inflearn.com/public/courses/326363/cover/2ec65ea9-9e63-4931-94b2-f6ff9fd9280c?f=avif&w=420)
[10 phút mỗi ngày|C++] Giới thiệu về lập trình C++ mà ai cũng có thể dễ dàng học
pandacoding
'C++' dành cho người mới bắt đầu lập trình Đây là một khóa học
Beginner
C++
BEST
Cộng đồng MERN STACK: React thông báo cho bạn từ khi bắt đầu đến khi triển khai
Chúng tôi tạo và phân phối các ứng dụng cộng đồng bằng MERN Stack. (MongoDB, Express, React, Nút + Firebase)
Đánh giá từ những học viên đầu tiên
Dịch cái này sang tiếng Việt
Phản ứng
Thể hiện
MongoDB (Cầy mangut)
Firebase (Xác thực)
AWS E3 (Dịch vụ đám mây Naver)
Học lập trình web toàn diện với MERN Stack!
MongoDB, Express, React, Node.js
Xây dựng trang web cộng đồng (có Firebase)
- ✅ Phát triển các trang web cộng đồng bằng MERN Stack.
- ✅ Chúng tôi cung cấp tất cả kiến thức về front-end và back-end và hướng tới mục tiêu tạo ra một trang web/ứng dụng hoàn chỉnh.
Các kỹ năng được đề cập trong bài giảng này
Phản ứng
(Phản ứng)
Thể hiện
(Thể hiện)
MongoDB/Mongoose
(MongoDB/Mongoose)
Căn cứ hỏa lực
(Căn cứ hỏa lực)
Nhân tiện, React là gì? ✨
React là một thư viện JavaScript được Facebook tạo ra.
Mặc dù hiện nay có nhiều Javascript Framework/Thư viện như Vue.js, Angular, v.v., React vẫn là một trong những lựa chọn phổ biến và được săn đón nhất trong thế giới front-end.
Các tính năng của React
1️⃣ JSX
Là Javascript XML, nó có cú pháp tương tự như XML/HTML. Nó cho phép mã giống HTML được thực thi trong JS, sau đó được tối ưu hóa và chuyển đổi thành JS có thể đọc được trên trình duyệt, giúp nó nhanh hơn nhiều so với JS thông thường.
2️⃣ DOM ảo
Trước năm 2013, các trang web và trang web luôn phải làm mới để hiển thị dữ liệu mới cho người dùng. Tuy nhiên, React chỉ cập nhật những phần dữ liệu cần thiết, loại bỏ nhu cầu hiển thị lại trang web. Điều này có nghĩa là web/ứng dụng React có thể mang đến cho người dùng trải nghiệm giống như ứng dụng!
Trong một bài giảng
Đã nhận được MERN Stack !
#1.
Phản ứng
Chúng tôi sẽ triển khai tất cả các tính năng cần thiết cho một trang web cộng đồng bằng cách tạo ra các thành phần khác nhau, bao gồm tạo bài đăng và đăng ký thành viên. Các hook sẽ được cung cấp khi cần thiết để phù hợp với vòng đời của thành phần, và dịch vụ Người dùng sẽ được phát triển nhanh chóng bằng Firebase và được quản lý bằng Redux.
#2.
Thể hiện
Chúng ta sẽ xây dựng một máy chủ web bằng Express và trình diễn một ứng dụng được xây dựng bằng React. Chúng ta sẽ lưu trữ dữ liệu văn bản và hình ảnh được truyền từ phía máy khách trong cơ sở dữ liệu hoặc máy chủ. Trong bài học này, chúng ta cũng sẽ tìm hiểu cách lưu trữ hình ảnh trên bộ nhớ ngoài bằng Naver Cloud.
#3.
MongoDB /
cầy mangut
Chúng ta sẽ quản lý MongoDB, một cơ sở dữ liệu NoSQL, bằng Mongoose. Tìm hiểu về quy trình CRUD (Tạo, Đọc, Chỉnh sửa và Xóa), bao gồm lưu, đọc, chỉnh sửa và xóa thông tin bài đăng và người dùng trong cơ sở dữ liệu. Trong khóa học này, chúng ta sẽ sử dụng Mongoose để tạo các mô hình trong MongoDB và thao tác chúng bằng nhiều phương pháp khác nhau.
#4.
React-Bootstrap,
Cảm xúc
Chúng tôi giới thiệu React-Bootstrap cho dự án, cho phép hoàn thiện UI/UX nhanh chóng và tạo thiết kế trang web bằng Emotion, một thư viện định kiểu dựa trên SASS, khi cần.
Tôi đã tham gia khóa học này
Tôi có thể nghe thấy bạn không? 🙋♂️
Bạn đã bao giờ muốn trải nghiệm việc triển khai website của riêng mình trong khi học lập trình chưa? Khóa học này bao gồm cả front-end và back-end, giúp bạn có thể tự tạo website chỉ bằng cách làm theo hướng dẫn.
H. Tôi có thể bắt đầu phát triển web thông qua khóa học này không?
Tất cả các stack được sử dụng trong khóa học này đều được thiết kế dành cho người mới bắt đầu. Do đó, ngay cả khi bạn chưa có kiến thức nền tảng về công nghệ, khóa học vẫn sẽ cung cấp đầy đủ giải thích để đảm bảo bạn có thể theo dõi mà không gặp nhiều khó khăn. Tuy nhiên, những người chưa có kiến thức cơ bản về phát triển web như HTML, JS và CSS có thể thấy khóa học này hơi khó. (Vui lòng kiểm tra kiến thức tiên quyết!)
H. Tôi chỉ có kinh nghiệm về front-end (back-end). Vậy có được không?
Bạn sẽ chỉ học những kiến thức cơ bản để xây dựng website cộng đồng hiệu quả, và mỗi khi bạn sử dụng một công nghệ mới, khóa học sẽ cung cấp đầy đủ thông tin về "lý do" và "cách" sử dụng. Mặc dù React là trọng tâm chính của khóa học này, nhưng nó cũng cung cấp kiến thức toàn diện về phát triển website, khiến đây trở thành một khóa học được khuyến khích cho bất kỳ lập trình viên đầy tham vọng nào.
H. Tôi có thể nắm vững toàn bộ MERN Stack thông qua khóa học này không?
Không. Khóa học này được thiết kế dành cho người mới bắt đầu phát triển website bằng framework hoặc thư viện, vì vậy nó bao gồm nội dung từ cơ bản đến trung cấp cho mỗi nền tảng. Khóa học này là một cách tuyệt vời để kiểm tra năng lực lập trình web của bạn.
H. Người chơi cần có trình độ hiểu biết nào?
Tôi khuyên bạn nên tham khảo tài liệu này . Nếu bạn có kiến thức cơ bản về các kiểu dữ liệu JavaScript (bao gồm mảng và đối tượng) cũng như cách khai báo và sử dụng các hàm do người dùng định nghĩa, bạn sẽ ổn thôi.
Khuyến nghị cho
những người này
Khóa học này dành cho ai?
Bất cứ ai muốn phát triển một trang web hoàn chỉnh bằng React
Người gặp khó khăn khi triển khai dự án do thiếu kiến thức BackEnd
Những người muốn phân phối trang web của riêng họ
Cần biết trước khi bắt đầu?
HTML/CSS
JavaScript
Chương trình giảng dạy
Tất cả
49 bài giảng ∙ (6giờ 45phút)
Tài liệu khóa học:
Tài liệu bài giảng
1. Giới thiệu
02:59
2. Ngăn xếp MEAN
06:40
3. Cài đặt
02:14
5. Thành phần
11:09
6. JSX
11:42
7. useState (1)
08:01
8. useState (2)
06:21
9. useState (3)
07:50
10. Reac-router-dom
10:06
11. đạo cụ
06:24
12. sử dụngHiệu ứng
06:52
13. Thể hiện
12:10
14. MongoDB
08:45
15. trục & cors
11:42
18. Cảm xúc
13:47
Ngày đăng:
Cập nhật lần cuối:
Đánh giá
Tất cả
27 đánh giá
4.7
27 đánh giá
- coookieee995538
Đánh giá 1
∙
Đánh giá trung bình 5.0
5
12% đã tham giaBài giảng rất bổ ích và dễ hiểu! Tôi đã tham gia nhiều khóa học khác nhau tại Infron. Khóa học này khiến tôi hài lòng đến mức đây là lần đầu tiên tôi viết bài đánh giá! Tôi cũng thực sự thích cách xử lý AtoZ một cách chi tiết. Tôi nghĩ bạn đã tổng hợp một số điểm dễ hiểu hơn. Thực ra, là một người không chuyên ngành, tôi đã gặp khó khăn trong việc học phát triển, nhưng tôi thực sự thích sự giải thích rõ ràng. Gần đây tôi sử dụng thư viện React được sử dụng trên nhiều trang web. Tôi nghĩ nó sẽ rất hữu ích trong thực tế! Nếu bạn quan tâm đến React, tôi nghĩ bạn sẽ hiểu rất rõ nếu nghe bài giảng này :) Panda Coding, cảm ơn bạn rất nhiều vì bài giảng tuyệt vời!! Hãy xuất bản các bài giảng khác càng sớm càng tốt!!!
- pandacodingGiảng viên
Cảm ơn :) - Cảm ơn bạn đã để lại đánh giá cho khóa học đầu tiên :) Tôi cũng bắt đầu viết mã với tư cách là một người không chuyên và hiện đang làm việc với tư cách là một nhà phát triển. Tôi nghĩ một trong những điều quan trọng nhất khi học viết mã là không mất hứng thú với việc viết mã. Theo nghĩa đó, chúng tôi đã cố gắng hết sức để thoát khỏi những bài giảng đơn giản về giải thích và liệt kê ngữ pháp. Chúng tôi sẽ tiếp tục làm việc chăm chỉ để đảm bảo rằng bạn không mất hứng thú với việc viết mã.
geonu1101Đánh giá 4
∙
Đánh giá trung bình 4.8
4
71% đã tham giaTôi đã tham gia khóa học sau khi xử lý React và nút một lần. Nhìn chung, thật tốt khi xem lại và nhắc nhở bản thân về những gì tôi đã học trước đây và tôi không biết cách kết nối React và nút, nhưng tôi đã học cách di chuyển dữ liệu máy chủ và máy khách bằng axios. Tuy nhiên, điều đáng thất vọng là phông chữ trong IDE của người hướng dẫn quá nhỏ nên tôi không dễ đọc khi xem bài giảng trên máy tính bảng. Tôi đã cố gắng trình bày nhiều chủ đề khác nhau trong một lớp học ngắn hạn, nhưng tôi không thể hiểu được mã của phần chuyển đổi, vì vậy tôi đã xem qua các bài giảng mà tôi đã xem trước đây. Tôi thực sự thậm chí còn không biết rằng sử dụng Amazon S3 có nghĩa là sử dụng Naver Cloud. Đây là lỗi của tôi. Cuối cùng, mặc dù tôi đã đăng câu hỏi nhưng tôi vẫn chưa nhận được phản hồi trong hai tuần. Tôi không biết liệu người hướng dẫn có bận không ㅠㅠ. Vì đây là bài giảng trả phí nên tôi mong anh ấy chú ý hơn đến việc trả lời các câu hỏi. Tuy nhiên, về tổng thể, thật tốt khi có thể nắm bắt được bức tranh toàn cảnh về cách sử dụng giao diện người dùng, mặt sau, cơ sở dữ liệu và bộ nhớ ngoài.
- pandacodingGiảng viên
Cảm ơn :)
- qlsnaos12
Đánh giá 4
∙
Đánh giá trung bình 5.0
5
100% đã tham giaTốc độ hơi nhanh nhưng không sao đâu, bạn chỉ cần nghe vài lần thôi là mình đã thấy hay rồi. Tôi đang vui vẻ với nó! // phép cộng Mình bận quá nên nghe đến cuối cũng khá lâu nên không biết phải cảm ơn thế nào! Thật tuyệt khi có được bức tranh toàn cảnh về cách hoạt động của quá trình phát triển web và tôi biết rằng vẫn còn nhiều lĩnh vực còn thiếu, vì vậy tôi dự định nghiên cứu sâu hơn về những lĩnh vực đó trong khi thực hiện một dự án riêng. Cảm ơn bạn~
- pandacodingGiảng viên
Cảm ơn :)
- copperhun5642
Đánh giá 1
∙
Đánh giá trung bình 5.0
5
94% đã tham giaTốc độ nhanh đến mức có chút bực bội. Nhưng tôi nghĩ phần phụ trợ rất hữu ích. Nó đáng xem ngay cả khi bạn là người mới bắt đầu. Tôi định xem đi xem lại nhiều lần
- pandacodingGiảng viên
Cảm ơn :)
- rgc05824542
Đánh giá 1
∙
Đánh giá trung bình 5.0
5
100% đã tham giaTôi nghĩ rằng tôi đã có thể học được nhiều hơn tôi mong đợi. Tôi không chỉ có thể học cách sử dụng cơ sở dữ liệu và kho công nghệ mà còn cả cách áp dụng chúng. Do sự khác biệt trong phương pháp viết, chúng tôi có thể xác định được một số cải tiến.
- pandacodingGiảng viên
Cảm ơn bạn :) - Xin lỗi. Xin lỗi vì trả lời muộn! Tôi hy vọng bạn không chỉ dừng lại ở việc học ngữ pháp mà còn học cách áp dụng và sử dụng nó (__)
805.828 ₫
Khóa học khác của pandacoding
Hãy khám phá các khóa học khác của giảng viên!
![[10 phút mỗi ngày|Web-App] Ruby on Rails, framework web đầu tiên của tôiCourse Thumbnail](https://cdn.inflearn.com/public/courses/327534/cover/33cd6f1f-38f5-431d-826e-6f46141c5dc3/327534-eng.jpg?f=avif&w=420)
![[10 phút mỗi ngày|GA] Xem báo cáo Google Analytics (GA)Course Thumbnail](https://cdn.inflearn.com/public/courses/326643/cover/b81f669a-4a30-4608-abf8-1284e176d738/326643.jpg?f=avif&w=420)
![[10 phút mỗi ngày|Dự án web] Tạo trang web kiểm tra tâm lý của riêng bạn với HTML/JS/CSSCourse Thumbnail](https://cdn.inflearn.com/public/courses/326568/cover/046cf2ee-87e8-4f8b-b000-5a19ce34a1bf?f=avif&w=420)
Khóa học tương tự
Khám phá các khóa học khác trong cùng lĩnh vực!
![Từ DOM đến pixel, chinh phục hoàn toàn quá trình rendering của trình duyệt và CRP - [DOM 완전 정복 Part 3]Course Thumbnail](https://cdn.inflearn.com/public/files/courses/338418/cover/01k34f9mhtvq2xgzr15w1qhmas?f=avif&w=420)
![[Sửa đổi lần thứ 3] Sách giáo khoa Node.js - Từ cơ bản đến thực hành dự ánCourse Thumbnail](https://cdn.inflearn.com/public/courses/330181/cover/47e0125e-75ad-4946-96d3-54bbc444a188/330181-eng.jpg?f=avif&w=420)
![Chinh phục hoàn toàn GraphQL (khóa học full stack vừa học vừa tạo kiosk) - [Đổi mới một phần vào năm 2024]Course Thumbnail](https://cdn.inflearn.com/public/courses/329186/cover/a63c6c95-2318-4e7a-a4f0-34d4512b3ae6/329186-eng.png?f=avif&w=420)
