Video Description
Simplify application development and deployment, by focusing on creating apps with improved capabilities
About This Video
- Get familiar with the essential tools you need to become a better web developer
- Simplify application development and deployment, and focus on creating apps with improved capabilities while spending less time on meta problems
- Understand Complex Dependency Management with NPM and YARN
In Detail
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.
Style and ApproachThis tutorial is a comprehensive yet easy to follow guide, packed full of examples designed to introduce viewers to tools in web development.
Table of Contents
-
Chapter 1 : Complex Dependency Management in Modern Web Applications with NPM
- The Course Overview 00:03:34
- Setting Up npm to Install Dependencies 00:10:25
- Running Command-Line Tools 00:04:54
- Writing Scripts 00:04:20
- Locking Down Dependencies 00:03:59
-
Chapter 2 : Building Your Code with Webpack
- Setting Up Webpack 00:05:50
- Setting Up Babel 00:09:18
- Loaders for SCSS 00:07:16
- Loaders for Images 00:03:31
- Compressing Assets 00:04:15
- Hot Reloading Code 00:02:54
- Tree Shaking 00:02:23
- Neutrino 00:04:41
- Server-Side Rendering with Next.js 00:06:37
-
Chapter 3 : Exploring Front-End Libraries
- Lodash 00:21:27
- Moment.js for Dates 00:10:35
- HTTP Calls Using SuperAgent/Fetch 00:05:00
-
Chapter 4 : Styling Our Application
- CSS Modules 00:09:43
- Flexbox 00:18:23
-
Chapter 5 : Linting and Formatting
- Linting JavaScript 00:07:20
- Linting CSS 00:03:16
- Auto-formatting JavaScript 00:07:45