Call Us: +32 2 466 00 16
Email: info@u2u.be
Follow Us:

JavaScript Fundamentals

3days
Training code
UJSDEV
Book this course

JavaScript Introduction

JavaScript is THE programming language for the web, and it's becoming more and more important in other areas as well. In this module we'll take a first look at the language and how to make our lives easier by using it efficiently.

  • Why is JavaScript important?
  • What is ECMAScript?
  • Performance
  • Picking the right Libraries
  • Developer Tools

JavaScript Language Fundamentals

In this module, we'll talk about the very basics of JavaScript. JavaScript can be a very tricky language, so we'll try to explain a couple of its quirks as well. This way, we can avoid surprises later.

  • Variables
  • Primitives and Objects
  • Functions
  • Scope
  • Strict Mode
  • Error Handling

JavaScript Collections

Collections are a big part of OO programming, they allow you to map one-to-many or many-to-many relationships, as well as let you work with sets of data. In this module, we'll take a look at the different types of collections in JavaScript, and their uses.

  • Arrays
  • Useful Functions
  • Using Objects as Maps
  • Sets, Maps and Others

JavaScript Constructors and Classes

A lot of developers are familiar with the concept classes in OO programming. We can use the class pattern to mimic this functionality in JavaScript. We also take a look at the native class syntax introduced in ECMAScript 2015

  • Constructors
  • Prototypes
  • Classes
  • Properties
  • 'this' explained

JavaScript Dealing with Async Code

Asynchronous code is really handy in JavaScript, since it allows us to keep the UI responsive while running a lot of code. In this module we'll see how to make our code run asynchronously.

  • Threading in JavaScript
  • Using Callbacks
  • Working with Promises

Structuring JavaScript Applications

Creating an application using JavaScript can be daunting. There's library dependencies we need to manage, we want to ensure code quality, run tests, and maybe even bundle and minify our scripts. In this module we'll look at some ways we can make these processes easier to manage, so we as developer can focus more on the code itself.

  • Using Libraries
  • Content Delivery Networks
  • Getting Libraries with npm
  • Modules versus the Global Object
  • Using Task Runners like Gulp and WebPack
  • Tools for Code Quality and Minification

jQuery Basics

jQuery is a JavaScript library that makes the life of a developer a lot easier. It was once created to implement a cross-browser standard to make things work. The important parts of jQuery are its selectors, allowing ajax calls in an easy way and making event handling easier. Next to those three main parts, there are more things that jQuery can do, like creating animations, adding elements, ... In these modules, we'll explore the most important features and compare it with normal JavaScript.

  • Why jQuery?
  • The jQuery wrapped set
  • Detecting Page Readiness
  • Selecting elements with CSS selectors

jQuery Event Handling

Learn how jQuery improves upon the classical event handling method so you can better control what happens when a user interacts with your application.

  • Classical event handling
  • jQuery unified event handling
  • Binding and unbinding events

jQuery DOM Manipulation

In this module, you'll learn how to manipulate the DOM using JQuery. Create, modify, move or delete elements from your page using this powerful API.

  • Generating HTML
  • Set attributes and properties
  • Styling from code
  • Dealing with form elements

Client-side service consumption with jQuery

Modern web applications need to be snappy. We don't want to trigger an entire page refresh everytime a user clicks a button. By using JQuery AJAX we can call server-side actions from our client-side code and process the results in a quick, user-friendly manner.

  • JSON serialization
  • Getting data using jQuery AJAX
  • Consuming REST services with jQuery: GET
  • Uploading and updating entities through REST: POST, PUT, DELETE

Web Storage

Storage for browsers has been a nightmare for long. We could use cookies to store things, but that would be sent back and forth all the time. Enter Web Storage, a couple of features that allow us to store a bit extra in each browser. We'll look at Local and Session storage and compare it to IndexedDB.

  • Storing key-value pairs
  • Tracking changes
  • Local vs. session storage
  • Browser Database Storage

This course if the primer you need for any of your JavaScript endeavours. Whether you want to build web sites, web servers with node, mobile apps, office extensions, tools, machine learning,... The list goes on. JavaScript is everywhere and you need to know it.

Anyone with a background in programming who wants to learn JavaScript. Note: This is only about JavaScript, if you want to learn about Web Development in general, you need this course: UJSDEV

© 2018 U2U All rights reserved.