Full-Stack React LiveLessons

Full-Stack React LiveLessons
Full-Stack React LiveLessons
English | MP4 | AVC 1280×720 | AAC 44KHz 2ch | 13h 15m | 4.69 GB

BuildFull-Stack Apps with MongoDB, Express, React, and Node.js

In this LiveLessons video, Shaun Wassell covers the fundamentals of full-stack development with the MERN (MongoDB, Express, React, and Node.js) stack. For the full stack, developers need to make sure both front- and backend communicate well together. Toward that end, this video teaches you how everything works, what the key responsibilities of each component are, and how they flow together. Shaun addresses the key points for developers, with specific examples to demonstrate concepts.

Learn to use MongoDB, Express, React, and Node.js (MERN) to create full-stack apps. MERN is currently the most popular stack for building full-stack web applications. It allows developers to quickly write entire applications frontend, backend, and database using only JavaScript.

In this 13+ hour LiveLessons video, Shaun Wassell covers the fundamentals of full-stack development with the MERN stack. You can learn by doing, as Shaun walks you through five example projects of increasing complexity that demonstrate the many different aspects of full-stack application development. How do you ensure your applications are secure? How do you handle authentication in full-stack apps? These are all questions Shaun answers in this timely and practical LiveLessons video. At the end of this video, you’ll have five portfolio pieces that you can use for full-stack job interviews.

What You Will Learn

Companies have realized that a relatively small team of full-stack developers (developers that work on all parts of a web application) can build and maintain websites much more easily and cost-effectively than if there were separate frontend, backend, and database teams.

Learn How To:

  • Build full-stack applications using React, Node.js, Express, and MongoDB
  • Use network requests and REST APIs to communicate between the front- and backend
  • Correctly divide application logic between the front- and backend
  • Structure full-stack applications for maximum readability and ease of maintenance
  • Implement an authentication flow that allows users to log in and save data
  • Integrate powerful third-party APIs into your full-stack applications
Table of Contents

01 Full-Stack React – Introduction
02 Learning Objectives
03 1.1 Learn the basics of React
04 1.2 Learn the basics of Node.js
05 1.3 Learn the basics of Express
06 1.4 Learn the basics of MongoDB
07 Learning Objectives
08 2.1 Learn about the example application
09 2.2 Create and set up the project
10 2.3 Learn about REST APIs
11 2.4 Implement the Home page–Part 1
12 2.5 Implement the Home page–Part 2
13 2.6 Implement the Home page–Part 3
14 2.7 Implement the Add Ingredient page
15 2.8 Implement the Recipe Search page
16 2.9 Implement the Shopping List page
17 Learning Objectives
18 3.1 Learn about the example application
19 3.2 Create and set up the project
20 3.3 Learn the basics of user authentication
21 3.4 Implement the Sign In page
22 3.5 Implement the Groups List page
23 3.6 Implement the Create Group page
24 3.7 Implement the Group page
25 Learning Objectives
26 4.1 Learn about the example application
27 4.2 Create and set up the project
28 4.3 Store and serve files
29 4.4 Implement the Sign In page
30 4.5 Implement the Browse Photos page
31 4.6 Implement the Upload Photo page
32 4.7 Implement the Photo Detail page
33 Learning Objectives
34 5.1 Learn about the example application
35 5.2 Create and set up the project
36 5.3 Learn the basics of interacting with third-party APIs
37 5.4 Implement the basic user interface
38 5.5 Implement the stock ticker chart
39 5.6 Allow users to buy and sell stocks
40 5.7 Track user progress over time
41 Learning Objectives
42 6.1 Learn about the example application
43 6.2 Create and set up the project
44 6.3 Learn the basics of web sockets and real-time interaction
45 6.4 Implement the Sign In page
46 6.5 Implement the Home page
47 6.6 Implement the New Conversation page
48 6.7 Implement the Conversation page
49 Full-Stack React – Summary