Mern Projects for Beginners: Create Five Social Web Apps Using Mongodb, Express.Js, React, and Node
暫譯: 初學者的MERN專案:使用MongoDB、Express.js、React和Node創建五個社交網路應用程式
Biswas, Nabendu
商品描述
Learn how to use the MERN stack (MongoDB, Express.js, React, and Node) to build five fully functioning web apps for dating, video sharing, messaging, and social media. While creating these web apps, you'll learn key development concepts including how to use React hooks, Redux, MongoDB, Express, Heroku, Firebase, Material UI, and Google authentication. By expanding your portfolio with the projects you create, you will be well equipped as front-end developer.
You will first create a dating site with a swiping feature and chat functionality. You will then build a video sharing app with videos displaying vertically. Next, you will learn to build an awesome messaging web app. Users will be able to chat in real time, as well as log in to their account using Google authentication. You will also create a photo sharing app and social media web apps with the ability to post images with captions and log in using email and password authentication.
Most MERN tutorials out there today cover basic web apps but it is capable of so much more - learn how to use this stack to its full potential and build projects that can be converted into full scaled start-ups with additional features.
What You'll Learn
- Work with React hooks and React router
- Examine powerful MongoDB services for easy to use and setup
- Create routes using Node and host on Heroku
- Study different authentication techniques
- Deploy all sites using simple Firebase hosting
- Use the powerful React ecosystem to add functionalities to your apps
Who This book Is For
Those who have just started their career in web development and have basic knowledge of the core web technologies: HTML, CSS, and JavaScript. Those with basic React development and feel ready to explore its capabilities further.
商品描述(中文翻譯)
學習如何使用 MERN 堆疊(MongoDB、Express.js、React 和 Node)來構建五個功能完整的網頁應用程式,包括約會、視頻分享、即時消息和社交媒體。在創建這些網頁應用程式的過程中,您將學習關鍵的開發概念,包括如何使用 React hooks、Redux、MongoDB、Express、Heroku、Firebase、Material UI 和 Google 認證。通過擴展您所創建的項目組合,您將為成為前端開發者做好充分準備。
您將首先創建一個具有滑動功能和聊天功能的約會網站。接著,您將構建一個視頻分享應用程式,視頻將以垂直方式顯示。然後,您將學習如何構建一個出色的即時消息網頁應用程式。用戶將能夠實時聊天,並使用 Google 認證登錄他們的帳戶。您還將創建一個照片分享應用程式和社交媒體網頁應用程式,具備發佈帶有標題的圖片和使用電子郵件及密碼認證登錄的功能。
目前大多數 MERN 教學僅涵蓋基本的網頁應用程式,但它的潛力遠不止於此——學習如何充分利用這個堆疊,構建可以轉換為全規模初創企業的項目,並添加額外功能。
您將學到的內容:
- 使用 React hooks 和 React router
- 檢查強大的 MongoDB 服務,便於使用和設置
- 使用 Node 創建路由並在 Heroku 上託管
- 研究不同的認證技術
- 使用簡單的 Firebase 託管部署所有網站
- 利用強大的 React 生態系統為您的應用程式添加功能
本書適合對象:
適合剛開始從事網頁開發並具備 HTML、CSS 和 JavaScript 核心網頁技術基本知識的人。對於已具備基本 React 開發經驗並希望進一步探索其能力的人士。
作者簡介
Nabendu Biswas is a full stack JavaScript developer who has been working in the IT industry for the past 16 years and has worked for some of the world's top development firms and investment banks. He is a passionate tech blogger who publishes on dev.to and medium.com and on thewebdev.tech. He is an all-round nerd, passionate about everything JavaScript, React and Gatsby. You can find him on Twitter @nabendu82.
作者簡介(中文翻譯)
Nabendu Biswas 是一位全端 JavaScript 開發者,在 IT 行業工作了 16 年,曾為一些全球頂尖的開發公司和投資銀行工作。他是一位熱情的技術部落客,經常在 dev.to、medium.com 和 thewebdev.tech 上發表文章。他是一位全方位的技術迷,對 JavaScript、React 和 Gatsby 充滿熱情。你可以在 Twitter 上找到他 @nabendu82。