JavaScript Tooling

Elevate your web development skills with our JavaScript Tooling course, designed for developers and admins to master cutting-edge tools like Git, Grunt, and LESS for streamlined JavaScript workflows.

Course Thumbnail

Essential Skills Gained

Checkmark

Understand the essentials of setting up a JavaScript development environment.

Checkmark

Implement and manage task runners and build automation using Grunt and Gulp.

Checkmark

Utilize CSS preprocessors and transpilers for optimized front-end development.

Checkmark

Navigate and apply browser tools and editors to enhance development efficiency.

Format

  • Instructor-led
  • 2 days with lectures and hands-on labs.

Audience

  • Website developers
  • JavaScript programmers
  • Web administrators
  • Front-end developers

Description

JavaScript Tooling is a two day course for the web site admin/developer who wants to setup a development workflow for JavaScript based applications. The most popular cutting edge tools and processes are discussed. Students will work with Git, Grunt, LESS, Require.js , and more.

Calendar icon

Upcoming Course Dates

No upcoming dates. Please check back later.

Course Outline

Download PDF

Web Tooling - Browsers

  1. Browser market share

  2. Browser compatibility

  3. Chrome

  4. Chrome Dev Tools

  5. Firefox

  6. Internet Explorer / Edge

  7. Safari

  8. Browser testing

Web Tooling - Editors

  1. Editors – text

  2. Editors – extensions – Emmet

  3. Editors - extensions, linting

  4. Editors – extensions, Live reload

  5. Editors – IDEs

  6. Editors - Online IDEs

Web Resources

  1. Google web

  2. Google SEO

  3. Google mobile

  4. Adobe

Transpilers

  1. TypeScript

  2. Other transpilers

  3. Editor support

Package managers

  1. About package managers

  2. Chocolatey

  3. npm

  4. npmjs

  5. package.json

  6. Twitter Bower

  7. Yeoman

CSS transpilers

  1. CSS preprocessors

  2. Ruby based

  3. SASS

  4. JavaScript based

  5. LESS

  6. PostCSS

  7. Minification

  8. Editor support

  9. Twitter Recess

Deployment

  1. Deployment terms

  2. Continuous integration / delivery

  3. Task runners / build automation

  4. Grunt

  5. Gulp

  6. Uglify-JS

Software Configuration Management

  1. About SCM

  2. VCS vs DVCS

  3. SCM in other languages

  4. SemVer

  5. Git

  6. Git – terms

  7. Git – workflow

  8. Git - .gitignore

  9. GitHub

  10. Atlassian Bitbucket

  11. Git clients

  12. Git – resources

  13. Tools, misc

Debugging

  1. JSLint / JSHint

  2. ESLint

  3. Vorlon.js

  4. Others

Script loading

  1. Intro

  2. Client/Server, script loading

  3. Client/Server, script loading – CommonJS

  4. Client/Server, script loading – Browserify

  5. Client/Server, script loading – AMD vs CJS

  6. Client/Server, script loading – ES6 package management

Resources

  1. CDNs

  2. Learning JavaScript

  3. Reference

Your Team has Unique Training Needs.

Your team deserves training as unique as they are.

Let us tailor the course to your needs at no extra cost.