This course contains everything you need to know to become a full-stack developer with the React stack.
Prerequisites
This course contains everything you need to know to become a full-stack developer with the React stack.
Prerequisites
28+ Hours of Video Instruction
React: Zero to Full-Stack video collection is based on four video courses that give you everything you need to become a full-stack developer with the React and MERN stacks.
This master class includes the following courses:
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, 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 .
Introduction
Learn JavaScript: Introduction
Lesson 1: What Is JavaScript?
Learning objectives
1.1 Learn what you can do with JavaScript
1.2 Take a look at JavaScript’s features
1.3 Learn the pros and cons of JavaScript
1.4 Learn the JavaScript dialects and browser compatibility
1.5 Running code using a REPL
1.6 Learn basic JavaScript syntax
Lesson 2: Learn the 8 JavaScript Data Types
Learning objectives
2.1 Learn the 8 data types
2.2 Learn about JavaScript’s “Number” type
2.3 Learn about JavaScript’s “String” type
2.4 Learn about JavaScript’s “Boolean” type
2.5 Learn about JavaScript’s “Object” type
2.6 Learn about arrays in JavaScript
2.7 Learn about JavaScript’s “Function” type
2.8 Learn about JavaScript’s “Undefined” type
2.9 Learn about JavaScript’s “BigInt” type
2.10 Learn about JavaScript’s “Symbol” type
Lesson 3: Learn Basic JavaScript Control Flow
Learning objectives
3.1 Learn about equality in JavaScript
3.2 Learn about If statements in JavaScript
3.3 Learn about For Loops in JavaScript (For-in and For-of)
3.4 Learn about While Loops in JavaScript (while and do-while)
3.5 Handling and throwing errors in JavaScript
3.6 Learn about Switch-Case Blocks in JavaScript
3.7 Learn about Ternary Operators in JavaScript
3.8 Learn the difference between block-scoped and function-scoped variables
Lesson 4: Object-Oriented Programming in JavaScript
Learning objectives
4.1 Learn about JavaScript classes
4.2 Learn about Prototype-Based Inheritance
4.3 Using the “This” keyword in JavaScript
Lesson 5: Working with Objects, Arrays, and Functions in JavaScript
Learning objectives
5.1 Use built-in Object Functions
5.2 Use built-in Array Functions
Lesson 6: Learn JavaScript ES6+ Syntax
Learning objectives
6.1 Write functions using Arrow syntax
6.2 Set default values for function arguments
6.3 Learn about the “spread operator”
6.4 Use object destructuring to get object properties
6.5 Use Interpolation to insert data into strings
6.6 Learn the Import and Export code in JavaScript
Lesson 7: Write and Run a JavaScript Program
Learning objectives
7.1 Learn about writing and running JavaScript programs
7.2 Write a JavaScript program for the browser
7.3 Move JavaScript to an external script
7.4 Install Node.js and NPM
7.5 Write a Node script
7.6 Use Babel to transpile code
Lesson 8: Work with Asynchronous Code in JavaScript
Learning objectives
8.1 Use callbacks to handle asynchronous operations
8.2 Learn about Promises
8.3 Use Async and Await to make asynchronous code readable
Lesson 9: Create a Web Server with JavaScript
Learning objectives
9.1 Learn the basics of writing a Node server
9.2 Create and set up a Node.js project
9.3 Create and run a basic Express server
9.4 Create and test a GET endpoint
9.5 Read a file with the ‘fs’ package
9.6 Create and test a POST endpoint
Lesson 10: Learn JavaScript Best Practices
Learning objectives
10.1 Use ESLint to ensure code style
10.2 Ensure Immutability in JavaScript programs
10.3 Avoid Loops when working with arrays
Summary
Learn JavaScript: Summary
Introduction
Learn React for Modern Web Applications: Introduction
Lesson 1: Learn Basic React Syntax and Concepts
Learning objectives
1.1 Understand the purpose and benefits of React
1.2 Create and run a React app
1.3 Write your first JSX
1.4 Create React components
1.5 Pass props to components
1.6 Render components conditionally
1.7 Display lists of components
1.8 Handle Clicks and other events
1.9 Style components in React
Lesson 2: Learn About State and the Component Lifecycle
Learning objectives
2.1 Use State in components
2.2 Decide where to put State
2.3 Use Lifecycle Events in components
Lesson 3: Learn Routing in React
Learning objectives
3.1 Install and set up React-Router
3.2 Use URL parameters and query parameters
3.3 Implement “not found” pages
3.4 Redirect with React-Router
3.5 Navigate programmatically
Lesson 4: Learn Common React Patterns
Learning objectives
4.1 Create and manage forms in React
4.2 Build a navigation sidebar
4.3 Load data and make network requests
4.4 Use the Children prop
Lesson 5: Learn Class-Based Components
Learning objectives
5.1 Differentiate between functional and class-based components
5.2 Use State in class-based components
5.3 Use Lifecycle Events in class-based components
Lesson 6: Write Clean React Code
Learning objectives
6.1 Understand the difference between Inheritance and Composition
6.2 Apply the Single-Responsibility Principle in React
6.3 Avoid common Anti-Patterns
Lesson 7: Learn Advanced React Topics
Learning objectives
7.1 Use Context in React
7.2 Persist Data in React
7.3 Create Custom React Hooks
7.4 Learn about other React Boilerplate Options
Lesson 8: Host React Applications
Learning objectives
8.1 Host a React app on Netlify
8.2 Host a React app on Amazon S3
8.3 Host a React app on Firebase Hosting
Summary
Learn React for Modern Web Applications: Summary
Introduction
Node.js Essentials: Introduction
Lesson 1: Create Your First Node.js Project
Learning objectives
1.1 Install Node.js and NPM
1.2 Write and run Node scripts
1.3 Manage Node versions with the Node Version Manager (NVM)
Lesson 2: Node.js Basics
Learning objectives
2.1 Learn about the package.json file
2.2 Create script shortcuts in the package.json file
2.3 Run Node scripts with arguments
2.4 Work with Node.js modules
2.5 Use Babel to write modern JavaScript
Lesson 3: Read and Write Files
Learning objectives
3.1 Understand the ‘fs’ package
3.2 Read and write files synchronously
3.3 Read and write files asynchronously with callbacks
3.4 Read and write files asynchronously with promises
Lesson 4: Create Web Servers
Learning objectives
4.1 Create a web server without frameworks
4.2 Use Express.js to create a web server
4.3 Use Koa.js to create a web server
4.4 Use Hapi to create a web server
Lesson 5: Write Programs That Interface with Databases
Learning objectives
5.1 Use MongoDB with Node.js
5.2 Use SQL databases with Node.js
Lesson 6: Work with Web Sockets
Learning objectives
6.1 Learn the basics of web sockets
6.2 Create web sockets
6.3 Send messages via web sockets
6.4 Subscribing to web socket events
Lesson 7: Create and Publish an NPM Package
Learning objectives
7.1 Learn the structure of an NPM package
7.2 Create an NPM package
7.3 Publish a package on NPM
Lesson 8: Host Node.js Applications
Learning objectives
8.1 Prepare Node.js applications for production
8.2 Host a Node.js app on Heroku
Lesson 9: Test Node.js Programs
Learning objectives
9.1 Learn about the available testing tools
9.2 Write unit tests with Mocha and Chai
9.3 Test server endpoints with Supertest
9.4 Create test scripts
9.5 Run test scripts automatically
9.6 Ensure and display test coverage
Summary
Node.js Essentials: Summary
Introduction
Full-Stack React: Introduction
Lesson 1: Meet the MERN Stack
Learning Objectives
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
Learning Objectives
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–Part 1
2.5 Implement the Home page–Part 2
2.6 Implement the Home page–Part 3
2.7 Implement the Add Ingredient page
2.8 Implement the Recipe Search page
2.9 Implement the Shopping List page
Lesson 3: Build a Members-Only Website
Learning Objectives
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
Learning Objectives
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
Learning Objectives
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
Learning Objectives
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
Full-Stack React: Summary