Web Development Guide (4-Course Bundle)

Enhance your web development skills to build reliable real-world web apps with JavaScript, Node.js, Angular, and React.

What you'll learn

Utilize ES6 classes to work better with prototypal inheritance

Dive deeper into building APIs and implementing RESTful best practices

Make your applications backward compatible by setting accurate HTTP status codes

Build an Angular 9 app from scratch

Use React dev tools to help debug and optimize your code during development

Deploy React apps to production

Requirements

Prior basic knowledge of HTML, CSS, and JavaScript is assumed.

Description

If you look at almost any web application, it is powered by JavaScript or one of its very popular frameworks like Angular, React, and Vue; but JavaScript continues to be a complex language with a steep learning curve and some areas that even seasoned developers struggle with. This is a practical course with a purpose to provide clarity in areas of the language that are the hardest to understand.Course 1: JavaScriptThe course will begin with the most common areas like hoisting, scopes, binding, and prototypal inheritance. The course will then move on to selected features that are actually used in the day-to-day development of complex apps. You will also cover asynchronous programming with tasks like modernizing callback-based applications. Lastly, the course will focus on process management, web workers, and PM2.Course 2: Node.jsNext, you will learn to create scalable and rich RESTful applications based on the latest Node.js platform. You will learn to customize your RESTful development process using the latest NPM and understand the key principles to convert an HTTP application into RESTful-enabled applications. You will then create and test Node.js modules with automated tests, use MongoDB to store data, and get to grips with using self-descriptive URLs.Course 3: AngularThe course will also cover the new Angular engine, Ivy, the code name for Angular's next-generation compilation and rendering pipeline. You will understand how to make the best use of these new features practically in your front-end applications and work around deprecations, breaking changes, and code refactoring for your current Angular applications.Course 4: ReactThis course will cover all the React.js basics such as its API, which will help you create elements and components; the virtual DOM and the JSX syntax extension; using state; working with browser events; and component lifecycle methods. You will build an application from scratch throughout the course and use the knowledge you've gained in a practical way. You will also learn to update various elements of a site or application seamlessly without delay, without disrupting the rest of the display or requiring the user to refresh.

Overview

Section 1: JavaScript Essentials for Modern Web Development

Lecture 1 Course Overview

Lecture 2 Objects and Types in JavaScript

Lecture 3 Scopes and Closures

Lecture 4 Constants and Block Scoped Variables

Lecture 5 Context and `this`

Lecture 6 Arrow Functions

Lecture 7 Prototypal Inheritance

Lecture 8 Classes

Lecture 9 Single-Threaded JavaScript

Lecture 10 Object, Keys, Values, and Entries

Lecture 11 Property Descriptors

Lecture 12 Array.prototype.includes

Lecture 13 Asynchronous Iterations

Lecture 14 Maps and Sets

Lecture 15 flat and flatMap

Lecture 16 Introduction to Functional Programming and Reactive Programming

Lecture 17 Default Arguments and the Spread Operator

Lecture 18 Functionally Iterating Over Arrays

Lecture 19 Transforming Arrays Using Array.map()

Lecture 20 Filtering Data

Lecture 21 Reducing Arrays

Lecture 22 Observables and Streams

Lecture 23 Working with RxJS

Lecture 24 Simplify the Callback Hell

Lecture 25 Using Promises

Lecture 26 Promisify Callbacks

Lecture 27 Handling Rejections with Promise.finally

Lecture 28 Async Functions

Lecture 29 Working with CommonJS

Lecture 30 Using Webpack

Lecture 31 AMD versus UMD

Lecture 32 ES6 Modules

Lecture 33 npm and Yarn

Lecture 34 Transpiling with Babel

Lecture 35 Spawning a Child Process

Lecture 36 Using the Standard Input and Output

Lecture 37 Running OS Scripts in Node

Lecture 38 Inter-Process Communication

Lecture 39 Web Workers

Lecture 40 Introduction to PM2

Lecture 41 Multiple Services

Lecture 42 Express Servers

Lecture 43 Installing Middleware

Lecture 44 Environmental Variables and Databases

Lecture 45 API Gateways

Section 2: RESTful Web API Design with Node.js 12

Lecture 46 The Course Overview

Lecture 47 New Features in Node.js 12

Lecture 48 Installing Node.js 12 with NVM

Lecture 49 Setting Up a Development Environment

Lecture 50 Handling HTTP Requests

Lecture 51 Modularizing Code and ES6 Modules with ESM

Lecture 52 Testing Node.js Server with SuperTest

Lecture 53 Deploying an Application on Heroku

Lecture 54 Specifying the API

Lecture 55 Implementing Routes

Lecture 56 Querying the API Using Mock Data

Lecture 57 Content Negotiation

Lecture 58 API Versioning

Lecture 59 MongoDB - A Document Store Database

Lecture 60 Using Mongo Atlas Cloud Services

Lecture 61 Database Modeling with Mongoose

Lecture 62 Testing a Mongoose Model with Mocha

Lecture 63 Endpoint URLs and HTTP Status Codes Best Practices

Lecture 64 Extensibility and Versioning

Lecture 65 Linking Data

Lecture 66 Working with Arbitrary Data - Database Layer

Lecture 67 Working with Arbitrary Data - Business Layer

Lecture 68 Linking Your Data

Lecture 69 Implementing Paging and Filtering

Lecture 70 Caching Data

Lecture 71 Caching Data - Business Logic

Lecture 72 Cross-Origin Resource Sharing (CORS)

Lecture 73 Rate Limiting

Lecture 74 Authentication - Database Logic

Lecture 75 Authentication Business Logic: Using Tokens

Lecture 76 Authorization - Guarding Routes with Middleware

Lecture 77 Authorization - Business Logic

Lecture 78 Documenting RESTful APIs with OpenAPI (Swagger)

Lecture 79 Using PM2 for Production Process Management

Lecture 80 Dockerizing the App

Lecture 81 Source Control with AWS CodeCommit

Lecture 82 Creating an AWS IAM Role

Lecture 83 Setting an AWS EC2 Instance

Lecture 84 Deploying the Application

Lecture 85 Setting Up the Web Application Server

Lecture 86 Handling Errors on the Frontend

Lecture 87 Signing Up and Signing In

Lecture 88 Displaying Logged User Contacts

Lecture 89 Creating Contacts

Lecture 90 Deploying the Web App Microservice

Lecture 91 Course Summary

Section 3: Angular 9 New Features

Lecture 92 The Course Overview

Lecture 93 New Features of Angular 9

Lecture 94 Working with Tree Shaking

Lecture 95 Learning about Code Splitting

Lecture 96 Comparing Angular 6, 7, and 8 with Angular 9

Lecture 97 Upgrading an Angular 8 Application to Angular 9

Lecture 98 Friendlier Error Messages

Lecture 99 Better Stack Trace for Debugging

Lecture 100 Three Modes of Template Type Checking

Lecture 101 The Basic Mode of Template Type Checking

Lecture 102 The Full Mode of Template Type Checking

Lecture 103 The Strict Mode of Template Type Checking

Lecture 104 Setting Up Localization with @angular/localize for i18n

Lecture 105 Language Service Improvements

Lecture 106 Breaking Changes in Angular 9

Lecture 107 Deprecations in Angular 9

Lecture 108 Other Important Features of Angular 9

Lecture 109 Course Summary

Section 4: Learning React

Lecture 110 The Course Overview

Lecture 111 Thinking in React

Lecture 112 Start Using React Right away

Lecture 113 Local React Dev Environment Setup with create-react-app

Lecture 114 Building Our First Custom React Component

Lecture 115 Using State and Conditional Rendering in JSX

Lecture 116 Using React Dev Tools to Help Build and Debug Our Apps

Lecture 117 Handle Mouse, Keyboard, Form, and Browser Events

Lecture 118 Basic Form Validation

Lecture 119 Create a Shopping List Component

Lecture 120 Persist Shopping List State with Local Storage

Lecture 121 Overview:Mini Address Book App

Lecture 122 Use Stateful and Stateless Components to Build UIs

Lecture 123 Pass Props Down to Nested Components

Lecture 124 Update Parent Component State from a Child Component

Lecture 125 Persist Address Book State with Local Storage

Lecture 126 Intro to Hooks

Lecture 127 Implement the useState and useEffect

Lecture 128 Overview: Multi-Page React App

Lecture 129 React Router 5 Setup and Configuration

Lecture 130 Handle Dynamic URL Values, and Error State

Lecture 131 Convert Render Props into Components

Lecture 132 Conditionally Render Components, Redirects

Lecture 133 Overview: React App + Star Wars API

Lecture 134 Fetch DATA from swapi.co

Lecture 135 Extract Logic into Separate Components

Lecture 136 Fetch Data Based on URL/Route

Lecture 137 Persist API Data in Local Storage

Lecture 138 Build React App to Optimize for Production

Lecture 139 Deploy to Netlify: Drag and Drop

Lecture 140 Deploy to Netlify: Command Line

Lecture 141 Deploy to Netlify: Continuous Deployment

Lecture 142 What’s Next? Eject from CRA, More Hosting Options

This course is for web developers who wants to build scalable and robust web applications. This 4-bundles course covers all the popular technologies from JavaScript to Node .js to Angular and React.