Skip to content

Contact sales

By filling out this form and clicking submit, you acknowledge our privacy policy.

Modern Web Application Development Tools

Course Summary

The Modern Web Application Development Tools training course brings students up to speed with the Node.js based tools used to manage modern web application development.

This course begins by covering the basic concepts of using Node.js as development tooling, Webpack bundler, and popular transpilers such as Babel and PostCSS. Next, the course covers how to use these tools to configure and manage modern web application projects. The course concludes with a lesson on transpiling.

Prior working knowledge and practical experience of Modern Web Applications are very helpful for this course.

Purpose
 Learn about Node.js tools used to manage Modern Web Application development.
Audience
 Web developers wanting to learn Modern Web Applications such as React, Angular or Vue.
Role
Web Developer
Skill Level
Intermediate
Style
Targeted Topic - Workshops
Duration
1 Day
Related Technologies
JavaScript | Web Development | Node.js

 

Productivity Objectives
  • Explore how to use Node.js, NPM and NPX to manage web projects.
  • Bundle JavaScript, CSS and other files with Webpack.
  • Transpile source code to JavaScript and CSS for execution in desired web browsers.

What You'll Learn:

In the Modern Web Application Development Tools training course, you'll learn:
  • Introduction
    • Modern Web Development Tools
    • Node.js and NPM
    • Transpilers
    • Bundlers
  • Node.js and NPM
    • Installing and Managing Node.js Versions
    • Managing Global and Local Packages with NPM
    • Command Line Tools and NPX
    • Package.json Scripts
    • Running Multiple Programs with NPM Scripts
    • REST Service with JSON Server
  • Bundling
    • What is bundling?
    • Webpack Bundler
    • ES2015 Modules
    • Configure Tree Shaking
    • Webpack Development Server
  • Transpiling
    • Connecting Transpilers to Webpack
    • Babel Transpiler
    • Using Babel Plugins
    • Babel Presets and BrowserList
    • PostCSS Transpiler
    • Using PostCSS Plugins
real world content

Real-World Content

Project-focused demos and labs using your tool stack and environment, not some canned "training room" lab.
expert practitioners

Expert Practitioners

Industry experts that bring their battle scars into the classroom.
experiential learning

Experiential Learning

More coding than lecture, coupled with architectural and design discussions.
tailored outlines

Tailored Outlines

One-size-fits-all doesn't apply to training teams. That's where we come in!
“I appreciated the instructor's technique of writing live code examples rather than using fixed slide decks to present the material.”

VMware

Dive in and learn more

When transforming your workforce, it's important to have expert advice and tailored solutions. We can help. Tell us your unique needs and we'll explore ways to address them.

Let's chat

By filling out this form and clicking submit, you acknowledge our privacy policy.