Centriq Training Print Logo

Tuesday

July 23 06:40 AM

  • Ways to Train:
  • Live Classroom
    Class is delivered at a Centriq location with a live instructor actually in the classroom.
  • Live Virtual Class
    Class is delivered live online via Centriq's Virtual Remote technology. Student may attend class from home or office or other location with internet access.
  • HD Class
    Class is delivered via award winning HD-ILT at Centriq's facility. Students view the live instructor utilizing a 60'' HD monitor.
  • Ways to Buy:
  • Retail
    Class can be purchased directly via check, credit card, or PO.
  • CV Centriq Vouchers
    Class is available for students using Centriq Vouchers.
  • AP AP Eligible
    Class is available to students utilizing Centriq's unique Annual Pass program.
  • SA SATV Eligible
    Class is available for students utilizing Microsoft Software Assurance Training Vouchers.
  • CLC Cisco Learning Credit
    Class is available for students using Cisco Learning Credits.
Start Date End Date Duration Days Start Time End Time Time Zone Location Ways to Train Ways to Buy Price
Request a Date

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.

Audience

Web site admins/developers with minimal JavaScript/jQuery experience up to seasoned programmers or administrators who want to manage JavaScript based web applications.

Prerequisites

  • HTML, CSS, or programming experience in any language
  • JavaScript or jQuery experience

Course Completion

  • Student will understand the basics of building and using a JavaScript development environment.

View Course Outline

Web Tooling - Browsers

  • Browser market share
  • Browser compatibility
  • Chrome
  • Chrome Dev Tools
  • Firefox
  • Internet Explorer / Edge
  • Safari
  • Browser testing

Web Tooling - Editors

  • Editors – text
  • Editors – extensions – Emmet
  • Editors - extensions, linting
  • Editors – extensions, Live reload
  • Editors – IDEs
  • Editors - Online IDEs

Web Resources

  • Google web
  • Google SEO
  • Google mobile
  • Adobe

Transpilers

  • TypeScript
  • Other transpilers
  • Editor support

Package managers

  • About package managers
  • Chocolatey
  • npm
  • npmjs
  • package.json
  • Twitter Bower
  • Yeoman

CSS transpilers

  • CSS preprocessors
  • Ruby based
  • SASS
  • JavaScript based
  • LESS
  • PostCSS
  • Minification
  • Editor support
  • Twitter Recess

Deployment

  • Deployment terms
  • Continuous integration / delivery
  • Task runners / build automation
  • Grunt
  • Gulp
  • Uglify-JS

Software Configuration Management

  • About SCM
  • VCS vs DVCS
  • SCM in other languages
  • SemVer
  • Git
  • Git – terms
  • Git – workflow
  • Git - .gitignore
  • GitHub

Debugging

  • JSLint / JSHint
  • ESLint
  • Vorlon.js
  • Others

Script loading

  • Intro
  • Client/Server, script loading
  • Client/Server, script loading – CommonJS
  • Client/Server, script loading – Browserify
  • Client/Server, script loading –
  • AMD vs CJS
  • Client/Server, script loading –
  • ES6 package management

Resources

  • CDNs
  • Learning JavaScript
  • Reference