Course Information
Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
16 Hour(s) 24 Minute(s)
Language
English
Taught by
3D BUZZ Programming and Digital Art training, Nelson LaQuet
Rating
3 views
Course Overview
what every web developer needs to know
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.
A 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 so simple 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!
Course Content
- 10 section(s)
- 68 lecture(s)
- 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
What You’ll 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
Reviews
-
HHero Wanders
Well explained, step by step. Enlightening explanations about module loading syntax vs. module loading during runtime. Results are reproducible, when adding additional version declarations during npm install. Unfortunately much has happened since the creation of this course and quite some methods are deprecated or even removed from current libs versions by now so the course would profit very much from an update on this.
-
AAnonymized User
+: good breadth -: it would have been much more beneficial to have a 'real' demo app throughout the application instead of little toys with no more functionality than console.log("BLEH"). it is hard to appreciate the tools mentioned otherwise
-
ААлександр Плотников
Very good for beginners. Helps to structure all those technologies in mind and separate their concerns. But, sometimes i ran into outdated code(new versions brought new stuff and ripped old stuff), some examples just doesn't work, but that's fine, it's good for beginners to google themselves (but well, you know, not for paid course), but anyway, that was minor problems. T
-
NNick Fiorentini
The instructor seems to have stopped answering student questions. Additionally, he doesn't provide that lecture's code so that you can find where you went wrong. It's a shame because this is very useful course and the instructor has a fun and engaging style.
