React: Zero to Full-Stack (Video Collection)

React: Zero to Full-Stack (Video Collection)

by Shaun Wassell
Released June 2021
Publisher(s): Pearson
ISBN: 0137611675

Read it now on the O’Reilly learning platform with a 10-day free trial.

O’Reilly members get unlimited access to books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Start your free trial

Video description

This course contains everything you need to know to become a full-stack developer with the React stack.

Prerequisites

  • Basic knowledge of how programming works
  • Some experience with the command line (not required)
  • Ideally, know the basics of HTML, CSS, and JavaScript
  • At the very least, have a strong grasp of basic programming concepts: variables, arrays, control flow, etc.
  • Working knowledge of JavaScript
  • Some experience working on either the front or back end of a web application, but this is not a requirement
Description

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: Learn JavaScript LiveLessons gives first-time JavaScript users what they need to become successful developers. Shaun Wassell offers a modern, full-fledged introduction to JavaScript. In particular, the viewer learns the modern syntax of JavaScript: ES6. Shaun delivers step-by-step guidance that takes the learner from the basic syntax and concepts of JavaScript, all the way through the more advanced concepts that are covered in technical interviews.

Learn React for Modern Web Applications LiveLessons provides a solid foundation in creating modern web applications using the latest version of React. React enables developers to create beautiful, performant, easily maintainable websites incredibly quickly. React is currently the most popular JavaScript framework on the market and is used by a majority of companies, yet it has one of the largest gaps between the number of employers who want it and the number of developers who know it. In short, 33% of employers need React skills, but only 19% of developers say they know React.

Node.js Essentials LiveLessons teaches you how to write performant back-end applications in JavaScript by leveraging the Node.js runtime. Several years ago, it wasn't possible to write JavaScript programs for the back end. JavaScript was strictly limited to running in a browser, and if a developer wanted to write back-end software, they had little choice but to learn another programming language, such as PHP. Now, that has all changed. Thanks to Node.js, which enables JavaScript to be run outside the browser, JavaScript developers can write web servers, server-side scripts, and any number of other useful back-end programs.

Full-Stack React LiveLessons 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 the front and back end 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.

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, 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.

Table of contents

  1. Introduction
    1. Learn JavaScript: Introduction
  2. Lesson 1: What Is JavaScript?
    1. Learning objectives
    2. 1.1 Learn what you can do with JavaScript
    3. 1.2 Take a look at JavaScript's features
    4. 1.3 Learn the pros and cons of JavaScript
    5. 1.4 Learn the JavaScript dialects and browser compatibility
    6. 1.5 Running code using a REPL
    7. 1.6 Learn basic JavaScript syntax
  3. Lesson 2: Learn the 8 JavaScript Data Types
    1. Learning objectives
    2. 2.1 Learn the 8 data types
    3. 2.2 Learn about JavaScript's "Number" type
    4. 2.3 Learn about JavaScript's "String" type
    5. 2.4 Learn about JavaScript's "Boolean" type
    6. 2.5 Learn about JavaScript's "Object" type
    7. 2.6 Learn about arrays in JavaScript
    8. 2.7 Learn about JavaScript's "Function" type
    9. 2.8 Learn about JavaScript's "Undefined" type
    10. 2.9 Learn about JavaScript's "BigInt" type
    11. 2.10 Learn about JavaScript's "Symbol" type
  4. Lesson 3: Learn Basic JavaScript Control Flow
    1. Learning objectives
    2. 3.1 Learn about equality in JavaScript
    3. 3.2 Learn about If statements in JavaScript
    4. 3.3 Learn about For Loops in JavaScript (For-in and For-of)
    5. 3.4 Learn about While Loops in JavaScript (while and do-while)
    6. 3.5 Handling and throwing errors in JavaScript
    7. 3.6 Learn about Switch-Case Blocks in JavaScript
    8. 3.7 Learn about Ternary Operators in JavaScript
    9. 3.8 Learn the difference between block-scoped and function-scoped variables
  5. Lesson 4: Object-Oriented Programming in JavaScript
    1. Learning objectives
    2. 4.1 Learn about JavaScript classes
    3. 4.2 Learn about Prototype-Based Inheritance
    4. 4.3 Using the "This" keyword in JavaScript
  6. Lesson 5: Working with Objects, Arrays, and Functions in JavaScript
    1. Learning objectives
    2. 5.1 Use built-in Object Functions
    3. 5.2 Use built-in Array Functions
  7. Lesson 6: Learn JavaScript ES6+ Syntax
    1. Learning objectives
    2. 6.1 Write functions using Arrow syntax
    3. 6.2 Set default values for function arguments
    4. 6.3 Learn about the "spread operator"
    5. 6.4 Use object destructuring to get object properties
    6. 6.5 Use Interpolation to insert data into strings
    7. 6.6 Learn the Import and Export code in JavaScript
  8. Lesson 7: Write and Run a JavaScript Program
    1. Learning objectives
    2. 7.1 Learn about writing and running JavaScript programs
    3. 7.2 Write a JavaScript program for the browser
    4. 7.3 Move JavaScript to an external script
    5. 7.4 Install Node.js and NPM
    6. 7.5 Write a Node script
    7. 7.6 Use Babel to transpile code
  9. Lesson 8: Work with Asynchronous Code in JavaScript
    1. Learning objectives
    2. 8.1 Use callbacks to handle asynchronous operations
    3. 8.2 Learn about Promises
    4. 8.3 Use Async and Await to make asynchronous code readable
  10. Lesson 9: Create a Web Server with JavaScript
    1. Learning objectives
    2. 9.1 Learn the basics of writing a Node server
    3. 9.2 Create and set up a Node.js project
    4. 9.3 Create and run a basic Express server
    5. 9.4 Create and test a GET endpoint
    6. 9.5 Read a file with the 'fs' package
    7. 9.6 Create and test a POST endpoint
  11. Lesson 10: Learn JavaScript Best Practices
    1. Learning objectives
    2. 10.1 Use ESLint to ensure code style
    3. 10.2 Ensure Immutability in JavaScript programs
    4. 10.3 Avoid Loops when working with arrays
  12. Summary
    1. Learn JavaScript: Summary
  13. Introduction
    1. Learn React for Modern Web Applications: Introduction
  14. Lesson 1: Learn Basic React Syntax and Concepts
    1. Learning objectives
    2. 1.1 Understand the purpose and benefits of React
    3. 1.2 Create and run a React app
    4. 1.3 Write your first JSX
    5. 1.4 Create React components
    6. 1.5 Pass props to components
    7. 1.6 Render components conditionally
    8. 1.7 Display lists of components
    9. 1.8 Handle Clicks and other events
    10. 1.9 Style components in React
  15. Lesson 2: Learn About State and the Component Lifecycle
    1. Learning objectives
    2. 2.1 Use State in components
    3. 2.2 Decide where to put State
    4. 2.3 Use Lifecycle Events in components
  16. Lesson 3: Learn Routing in React
    1. Learning objectives
    2. 3.1 Install and set up React-Router
    3. 3.2 Use URL parameters and query parameters
    4. 3.3 Implement "not found" pages
    5. 3.4 Redirect with React-Router
    6. 3.5 Navigate programmatically
  17. Lesson 4: Learn Common React Patterns
    1. Learning objectives
    2. 4.1 Create and manage forms in React
    3. 4.2 Build a navigation sidebar
    4. 4.3 Load data and make network requests
    5. 4.4 Use the Children prop
  18. Lesson 5: Learn Class-Based Components
    1. Learning objectives
    2. 5.1 Differentiate between functional and class-based components
    3. 5.2 Use State in class-based components
    4. 5.3 Use Lifecycle Events in class-based components
  19. Lesson 6: Write Clean React Code
    1. Learning objectives
    2. 6.1 Understand the difference between Inheritance and Composition
    3. 6.2 Apply the Single-Responsibility Principle in React
    4. 6.3 Avoid common Anti-Patterns
  20. Lesson 7: Learn Advanced React Topics
    1. Learning objectives
    2. 7.1 Use Context in React
    3. 7.2 Persist Data in React
    4. 7.3 Create Custom React Hooks
    5. 7.4 Learn about other React Boilerplate Options
  21. Lesson 8: Host React Applications
    1. Learning objectives
    2. 8.1 Host a React app on Netlify
    3. 8.2 Host a React app on Amazon S3
    4. 8.3 Host a React app on Firebase Hosting
  22. Summary
    1. Learn React for Modern Web Applications: Summary
  23. Introduction
    1. Node.js Essentials: Introduction
  24. Lesson 1: Create Your First Node.js Project
    1. Learning objectives
    2. 1.1 Install Node.js and NPM
    3. 1.2 Write and run Node scripts
    4. 1.3 Manage Node versions with the Node Version Manager (NVM)
  25. Lesson 2: Node.js Basics
    1. Learning objectives
    2. 2.1 Learn about the package.json file
    3. 2.2 Create script shortcuts in the package.json file
    4. 2.3 Run Node scripts with arguments
    5. 2.4 Work with Node.js modules
    6. 2.5 Use Babel to write modern JavaScript
  26. Lesson 3: Read and Write Files
    1. Learning objectives
    2. 3.1 Understand the 'fs' package
    3. 3.2 Read and write files synchronously
    4. 3.3 Read and write files asynchronously with callbacks
    5. 3.4 Read and write files asynchronously with promises
  27. Lesson 4: Create Web Servers
    1. Learning objectives
    2. 4.1 Create a web server without frameworks
    3. 4.2 Use Express.js to create a web server
    4. 4.3 Use Koa.js to create a web server
    5. 4.4 Use Hapi to create a web server
  28. Lesson 5: Write Programs That Interface with Databases
    1. Learning objectives
    2. 5.1 Use MongoDB with Node.js
    3. 5.2 Use SQL databases with Node.js
  29. Lesson 6: Work with Web Sockets
    1. Learning objectives
    2. 6.1 Learn the basics of web sockets
    3. 6.2 Create web sockets
    4. 6.3 Send messages via web sockets
    5. 6.4 Subscribing to web socket events
  30. Lesson 7: Create and Publish an NPM Package
    1. Learning objectives
    2. 7.1 Learn the structure of an NPM package
    3. 7.2 Create an NPM package
    4. 7.3 Publish a package on NPM
  31. Lesson 8: Host Node.js Applications
    1. Learning objectives
    2. 8.1 Prepare Node.js applications for production
    3. 8.2 Host a Node.js app on Heroku
  32. Lesson 9: Test Node.js Programs
    1. Learning objectives
    2. 9.1 Learn about the available testing tools
    3. 9.2 Write unit tests with Mocha and Chai
    4. 9.3 Test server endpoints with Supertest
    5. 9.4 Create test scripts
    6. 9.5 Run test scripts automatically
    7. 9.6 Ensure and display test coverage
  33. Summary
    1. Node.js Essentials: Summary
  34. Introduction
    1. Full-Stack React: Introduction
  35. Lesson 1: Meet the MERN Stack
    1. Learning Objectives
    2. 1.1 Learn the basics of React
    3. 1.2 Learn the basics of Node.js
    4. 1.3 Learn the basics of Express
    5. 1.4 Learn the basics of MongoDB
  36. Lesson 2: Build a Full-Stack Meal-Tracker Application
    1. Learning Objectives
    2. 2.1 Learn about the example application
    3. 2.2 Create and set up the project
    4. 2.3 Learn about REST APIs
    5. 2.4 Implement the Home page--Part 1
    6. 2.5 Implement the Home page--Part 2
    7. 2.6 Implement the Home page--Part 3
    8. 2.7 Implement the Add Ingredient page
    9. 2.8 Implement the Recipe Search page
    10. 2.9 Implement the Shopping List page
  37. Lesson 3: Build a Members-Only Website
    1. Learning Objectives
    2. 3.1 Learn about the example application
    3. 3.2 Create and set up the project
    4. 3.3 Learn the basics of user authentication
    5. 3.4 Implement the Sign In page
    6. 3.5 Implement the Groups List page
    7. 3.6 Implement the Create Group page
    8. 3.7 Implement the Group page
  38. Lesson 4: Build an Image-Sharing Application
    1. Learning Objectives
    2. 4.1 Learn about the example application
    3. 4.2 Create and set up the project
    4. 4.3 Store and serve files
    5. 4.4 Implement the Sign In page
    6. 4.5 Implement the Browse Photos page
    7. 4.6 Implement the Upload Photo page
    8. 4.7 Implement the Photo Detail page
  39. Lesson 5: Build a Stock-Trading Application
    1. Learning Objectives
    2. 5.1 Learn about the example application
    3. 5.2 Create and set up the project
    4. 5.3 Learn the basics of interacting with third-party APIs
    5. 5.4 Implement the basic user interface
    6. 5.5 Implement the stock ticker chart
    7. 5.6 Allow users to buy and sell stocks
    8. 5.7 Track user progress over time
  40. Lesson 6: Build a Real-Time Chat Application
    1. Learning Objectives
    2. 6.1 Learn about the example application
    3. 6.2 Create and set up the project
    4. 6.3 Learn the basics of web sockets and real-time interaction 
    5. 6.4 Implement the Sign In page
    6. 6.5 Implement the Home page
    7. 6.6 Implement the New Conversation page
    8. 6.7 Implement the Conversation page
  41. Summary
    1. Full-Stack React: Summary

Product information

  • Title: React: Zero to Full-Stack (Video Collection)
  • Author(s): Shaun Wassell
  • Release date: June 2021
  • Publisher(s): Pearson
  • ISBN: 0137611675