Web Developer Toolbox – Essentials for Modern Web Development

Web Developer Toolbox – Essentials for Modern Web Development

English | MP4 | AVC 1920×1080 | AAC 44KHz 2ch | 2h 37m | 702 MB

Simplify application development and deployment, by focusing on creating apps with improved capabilities

This course will teach you everything you need to know about the essential tools you need to become a better web developer. Through a series of real-life practical examples, we will explore a range of tools that form an essential part of your web development toolbox. We will start off by understanding Complex Dependency Management with NPM and YARN and how it will help you simplify application development and deployment. Moving along, we will cover essential tools and frameworks (such as moment.js, a modern date time calculation library) and fetch a high-speed HTTP request library, along with other relevant tools for your developer toolkit. Finally we will set up Webpack.

By the end of this tutorial, you will have all the tools necessary to simplify application development and deployment, enabling you to focus on creating apps with improved capabilities and spend less time worrying about meta problems such as dependency management, deployment, and code bundling.

This tutorial is a comprehensive yet easy to follow guide, packed full of examples designed to introduce viewers to tools in web development.

What You Will Learn

  • Install React, NPM and Redux
  • Setup of Webpack 2
  • Leverage flexbox to create responsible style sheets
  • Complex Dependency Management in modern web applications with NPM
  • Building your code with Webpack
  • Exploring front-end libraries
  • Styling your application
  • Linting and formatting your application
Table of Contents

01 The Course Overview
02 Setting Up npm to Install Dependencies
03 Running Command-Line Tools
04 Writing Scripts
05 Locking Down Dependencies
06 Setting Up Webpack
07 Setting Up Babel
08 Loaders for SCSS
09 Loaders for Images
10 Compressing Assets
11 Hot Reloading Code
12 Tree Shaking
13 Neutrino
14 Server-Side Rendering with Next.js
15 Lodash
16 Moment.js for Dates
17 HTTP Calls Using SuperAgent_Fetch
18 CSS Modules
19 Flexbox
20 Linting JavaScript
21 Linting CSS
22 Auto-formatting JavaScript