Learning Full-Stack JavaScript Development: MongoDB, Node, and React

Learning Full-Stack JavaScript Development: MongoDB, Node, and React
Learning Full-Stack JavaScript Development: MongoDB, Node, and React
English | MP4 | AVC 1280×720 | AAC 48KHz 2ch | 3h 27m | 485 MB

Learn by doing! Learn full-stack JavaScript development by building a web application with MongoDB, Node.js, and React.js.

Learn how to use Node as a web server and an API server, how to consume data and build user interfaces with React, and how to read and write data with a MongoDB database. React allows you to build full-featured, data-driven applications faster and more efficiently than what is possible with JavaScript alone.

Samer Buna introduces modern JavaScript programming concepts, with an emphasis on functional methods and open-source tools. The lessons are almost completely hands-on, with live coding demonstrations that bring the concepts home.

Topics include:

  • Using modern JavaScript features
  • Configuring webpack and Babel
  • Working with native Node modules
  • Creating an Express server
  • Working with React components and JSX
  • Loading and working with test mock data
  • Fetching data from a remote API
  • Working with data in MongoDB
  • Isomorphic rendering on the server
  • Front-end routing and back-end routing
Table of Contents

Introduction
1 Course overview
2 What this course covers

Getting Started
3 Modern JavaScript
4 Setting up project dependencies
5 Project structure and configurations

Node as a Web Server
6 Node modules
7 The HTTP HTTPS modules
8 Creating an Express server
9 Using the EJS template language

React Basics
10 React elements and JSX
11 React components
12 Component composability
13 Components with modules
14 Component state
15 Component life cycle

Working with Data
16 Loading the test data
17 Displaying a list of objects
18 Using Sass with Node
19 Reading from the state
20 Fetching data from a remote API

Rendering on the Server
21 Fetching data from the server side
22 Server rendering with ReactDOMServer
23 Fix the checksum problem

Routing on Client and Server
24 Handling the contest click event
25 Navigating to a contest
26 Looking up the contest on route change
27 Fetching contest information from the API
28 A bit of refactoring
29 Server-side routing for a contest
30 Navigating to a list of contests
31 Handling the browser s back button

Working with MongoDB
32 Reading data from MongoDB
33 API to fetch a list of names
34 Displaying the list of names
35 Example script to update all data
36 Converting the application to use id
37 Creating an API to propose a name
38 Wiring the proposed new name form
39 Challenges and QA
40 Alternatives – MERN and Electrode