O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Modern JavaScript Tools & Skills

Book Description

There's no doubt that the JavaScript ecosystem changes fast. Not only are new tools and frameworks introduced and developed at a rapid rate, the language itself has undergone big changes with the introduction of ES2015 (aka ES6). Understandably, many articles have been written complaining about how difficult it is to learn modern JavaScript development these days. We're aiming to minimize that confusion with this set of books on modern JavaScript.

This book outlines essential tools and skills that every modern JavaScript developer should know. It contains:

  • A Beginner's Guide to Babel by James Kolce
  • A Beginner's Guide to Webpack 4 and Module Bundling by Mark Brown
  • An Introduction to Gulp.js by Craig Buckler
  • 10 Languages That Compile to JavaScript by James Kolce
  • 10 Must-have VS Code Extensions for JavaScript Developers by Michael Wanyoike
  • Introducing Axios, a Popular, Promise-based HTTP Client by Nilson Jacques

This book is for all front-end developers who wish to improve their JavaScript skills. You'll need to be familiar with HTML and CSS and have a reasonable level of understanding of JavaScript in order to follow the discussion.

Table of Contents

  1. Modern JavaScript Tools & Skills
  2. Notice of Rights
  3. Notice of Liability
  4. Trademark Notice
  5. About SitePoint
  6. Preface
    1. Who Should Read This Book?
    2. Conventions Used
      1. Code Samples
      2. Tips, Notes, and Warnings
  7. Chapter 1: A Beginner’s Guide to Babel
    1. by James Kolce
    2. Getting Started
    3. Running Babel
    4. Babel Ecosystem: A Quick Overview
      1. Babel Polyfill
      2. Advanced Use
    5. Alternatives
    6. Conclusion
  8. Chapter 2: A Beginner’s Guide to Webpack 4 and Module Bundling
    1. by Mark Brown
    2. Setup
    3. Modules
    4. Loaders
      1. Sass
      2. CSS in JS
      3. Images
      4. Dependency Graph
    5. Code Splitting
    6. Plugins
      1. Production
      2. Split CSS
      3. Generating HTML
    7. Development
      1. HotModuleReplacement
      2. CSS Replacement
    8. HTTP/2
    9. Over to You
  9. Chapter 3: An Introduction to Gulp.js
    1. by Craig Buckler
    2. That Sounds Scarily Complicated!
    3. Task Runners: the Options
    4. What About Gulp 4?
    5. Step 1: Install Node.js
    6. Step 2: Install Gulp Globally
    7. Step 3: Configure Your Project
    8. Step 4: Install Gulp Locally
      1. Alternative Deployment Options
    9. Step 4: Create a Gulp Configuration File
    10. Step 5: Create Gulp Tasks
      1. Image Task
      2. HTML Task
      3. JavaScript Task
      4. CSS Task
    11. Step 6: Automate Tasks
    12. Step 7: Profit!
  10. Chapter 4: 10 Languages That Compile to JavaScript
    1. by James Kolce
    2. Dart
    3. TypeScript
    4. Elm
    5. PureScript
    6. CoffeeScript
    7. ClojureScript
    8. Scala.js
    9. Reason
    10. Haxe
    11. Nim
    12. Conclusion
  11. Chapter 5: 10 Must-have VS Code Extensions for JavaScript Developers
    1. by Michael Wanyoike
    2. VS Code Extensions by Category
    3. Snippet Extensions
    4. Syntax Extensions
    5. Linter Extensions
    6. Node Extensions
    7. Formatting Extensions
    8. Browser Extensions
    9. Framework Extensions
    10. Testing Extensions
    11. Awesome Extensions
    12. Extension Packs
    13. Summary
  12. Chapter 6: Debugging JavaScript Projects with VS Code & Chrome Debugger
    1. by Michael Wanyoike
    2. Prerequisites
    3. Debugging JavaScript in VS Code
    4. Debugging Tests with Mocha
    5. Debugging JavaScript with Chrome Debugger
    6. Debugging Client-side Routing
    7. Summary
  13. Chapter 6: Introducing Axios, a Popular, Promise-based HTTP Client
    1. by Nilson Jacques
    2. Axios vs Fetch
    3. Installing
      1. Browser support
    4. Making Requests
      1. Request Options
      2. Convenience methods
    5. Receiving a Response
      1. The response object
      2. The error object
    6. Transforms and Interceptors
      1. Transforms
      2. Interceptors
    7. Third-party Add-ons