Full-Stack React LiveLessons (Video Training)

Description

• Copyright 2021
• Edition: 1st

• Online Video
• ISBN-10: 0-13-688734-1
• ISBN-13: 978-0-13-688734-8

13+ Hours of Video Instruction

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 applicationsfrontend, backend, and databaseusing 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.


Skill Level

• Intermediate

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

Who Should Take This Course

• JavaScript developers, web developers

Course Requirements

Prerequisites:

• Working knowledge of JavaScript
• Some experience working on either the front- or backend of a web application, but this isn't a requirement

About Pearson Video Training

Pearson publishes expert-led video tutorials covering a wide selection of technology topics designed to teach you the skills you need to succeed. These professional and personal technology videos feature world-leading author instructors published by your trusted technology brands: Addison-Wesley, Cisco Press, Pearson IT Certification, Prentice Hall, Sams, and Que. Topics include IT Certification, Network Security, Cisco Technology, Programming, Web Development, Mobile Development, and more. Learn more about Pearson Video training at http://www.informit.com/video.

Video Lessons are available for download for offline viewing within the streaming format. Look for the green arrow in each lesson.



Sample Content

Table of Contents

Overall Introduction
Lesson 1: Meet the MERN Stack
1.1 Learn the basics of React
1.2 Learn the basics of Node.js
1.3 Learn the basics of Express
1.4 Learn the basics of MongoDB

Lesson 2: Build a Full-Stack Meal-Tracker Application
2.1 Learn about the example application
2.2 Create and set up the project
2.3 Learn about REST APIs
2.4 Implement the Home page
2.5 Implement the Add Ingredient page
2.6 Implement the Recipe Search page
2.7 Implement the Shopping List page

Lesson 3: Build a Members-Only Website
3.1 Learn about the example application
3.2 Create and set up the project
3.3 Learn the basics of user authentication
3.4 Implement the Sign In page
3.5 Implement the Groups List page
3.6 Implement the Create Group page
3.7 Implement the Group page

Lesson 4: Build an Image-Sharing Application
4.1 Learn about the example application
4.2 Create and set up the project
4.3 Store and serve files
4.4 Implement the Sign In page
4.5 Implement the Browse Photos page
4.6 Implement the Upload Photo page
4.7 Implement the Photo Detail page

Lesson 5: Build a Stock-Trading Application
5.1 Learn about the example application
5.2 Create and set up the project
5.3 Learn the basics of interacting with third-party APIs
5.4 Implement the basic user interface
5.5 Implement the stock ticker chart
5.6 Allow users to buy and sell stocks
5.7 Track user progress over time

Lesson 6: Build a Real-Time Chat Application
6.1 Learn about the example application
6.2 Create and set up the project
6.3 Learn the basics of web sockets and real-time interaction
6.4 Implement the Sign In page
6.5 Implement the Home page
6.6 Implement the New Conversation page
6.7 Implement the Conversation page

Summary



Updates

Submit Errata

