Using Modern JavaScript Today

Using Modern JavaScript Today

image description

What you will learn

  • Use Modern JavaScript tools and language features on all web platforms

  • Organize their JavaScript, images and stylesheets into modules with a clear dependency hierarchy

  • Quickly iterate on code in development, using file watchers that re-compile code on any change

  • Easily deploy production-ready asset bundles

  • Use a build step in order to allow code transformations so that other languages (such as Less, Sass, CoffeeScript, and TypeScript) can be used in the browser

  • Automate common tasks during development and deployment using Node libraries and Gulp

Curriculum

Section 1: Fundamentals: How To Node

Section 2: NPM: Never manually download a library again

Section 3: Bower and Less: How to make CSS bearable

Section 4: ES2015: How to make JavaScript bearable

Section 5: Gulp: How to automate your life

Section 6: Modules: How to organize your assets

Section 7: Modules: RequireJS

Section 8: Modules: Browserify

Section 9: Modules: Webpack

Section 10: Modules: JSPM

Section 11: The End

Course Description

what every web developer needs to know

Requirements

  • Experience building web applications or sites, using JavaScript and common libraries such as jQuery, is required
  • Have a basic understanding of how to navigate your platform's terminal or command line

Description

This course’s purpose is to introduce any JavaScript developer on any platform to the powerful world of Node.js, task automation, package management and module loading. Basically: Modern JavaScript.

This is course that I wish I had before years of trial and error, source-code spelunking and documentation reading; so with it I hope to save you guys all the trouble and get going writing modern, maintainable, and organized JavaScript today!

Node.js? I thought you said ANY platform!

While this course is a great introduction to writing server-side applications in node (certainly not wasted time, even if you don’t intend to use a node server), we spend most of our time using node as a development tool.

If you’re writing an application in PHP, ASP. NET, or anything else, no problem! Node won’t need to be installed on the production server for it to do it’s thing. We simply use it to process our assets; there’s no need for it to be deployed into production unless your backend server also uses node.

Especially if you’re an ASP. NET developer, Microsoft is incorporating these tools right into Visual Studio and ASP. NET 5! Node.js isn’t just for Linux and servers anymore! But on the other hand, that means you have to have a good grasp on these tools to stay ahead in the world of ASP. NET - and that’s why I’m here!

Modern JavaScript

To write modern JavaScript, we need three things: a JavaScript transpiler, a module loader, and a module bundler.

transpiler is what takes modern JavaScript and turns it into legacy JavaScript that will run in any browser! Using a transpiler these days is practically the norm. There is no reason why we should be stuck writing 5 year old JavaScript because some of your customers are stuck with ancient browsers. We will be using Babel extensively for this purpose.

In addition to the new features of JavaScript, modules are one of the most important aspects to writing highly maintainable, modular (see what I did there?) code for applications from the small to the enterprise. I’m going to show you guys some tools that makes writing properly organized modular code in JavaScript sosimple that there’s no reason not to use them, even for small projects!

What else will be covered?

Since a lot of these tasks are going to require a bit of automation, we’re going to be introducing you to Gulp(version 4). Gulp is an awesome task runner that allows us to write code that can perform automated tasks, such as transpiling or bundling our JavaScript. Note: Gulp is supported as a first class citizen in Visual Studio 2015! It’s even used in the project templates for ASP. NET 5!

We’re also going to take a look at Bower. Bower is a client-side package manager that makes it easy for us to install third party dependencies.

Finally, we’ll also take a look at LESS - the CSS preprocessor. I know that’s not much to do with JavaScript, but it will give us a reason to look into automating the building and bundling process of our styles. Besides, once you use LESS, you’ll never want to use vanilla CSS again!

Who this course is for:

  • This course is NOT an introduction to JavaScript
  • This course IS for JavaScript developers who want to develop using leading edge technology and techniques
  • This course is ESPECIALLY for ASP.NET developers who wish to learn more about Gulp, Bower and Node for use in ASP.NET 5