Description

The JavaScript language has become essential for the development of rich client applications. This course will give you all the technological know-how to implement real web applications from advanced JavaScript ES5 concepts, while preparing you to use ES2015.

Who is this training for ?

For whom ?

Web Developers and Project Managers.

Prerequisites

Training objectives

Learn advanced JavaScript ES5 concepts Putting Object Oriented Programming into practice Master the debugging environment Implement the jQuery JavaScript Framework Manipulate HTML5 JavaScript APIs Understanding the notion of server-side JavaScript with Node

js

Training program

• JavaScript callbacks: ES5, DOM, event, manipulation
  • Methods for dynamic object creation.
  • Event phases capture, capturing, bubble.
  • Event management.
  • Event type objects.
  • XML and JSON data structure Advanced methods in ES5.
  • Exercise: JSON data exchange.
  • Creating events.
• Framework jQuery
  • Operation and integration.
  • Event management and delegation.
  • jQuery for Ajax exchanges and forms management.
  • Practical work Create a jQuery plugin.
• Introduction to ES6 / 2015
  • The main new features.
  • JavaScript supersets: TypeScript, Babel, Traceur.
  • ES6 in production.
  • Practical work r nProduction of ES2015 code with TypeScript and Node.
  • js.
• Object Oriented Programming
  • Callbacks about the object.
  • Properties.
  • The scope chain.
  • The prototype chain.
  • Methods.
  • Inheritance.
  • Private and public data scope.
  • Mapping and serialization.
  • Design Pattern Keys in JavaScript .
  • Closure function.
  • Singleton and Modules.
  • Exercise: Putting OOP into practice.
  • Developing a micro framework for managing the DOM.
• Regular expressions
  • Structure and syntax of a regular expression.
  • Using the RegExp object correctly.
  • Asynchronous validation.
  • Practical work Date check, email.
• Debugging environment
  • Chrome Devtools, Firefox Developer, Node-debug Handle client error messages in production.
  • Cross-browser testing.
  • Test storage.
  • Performance tests.
  • Practical work Bug finding and performance optimization with ChromeDevtools.
• Data exchange, interactions
  • Embedded data storage solution: SQLite, LocalStorage, Cookies.
  • Compensate for communication latencies.
  • JSON Web Token, secure exchanges.
  • Ajax and XMLHttpRequest, consumption of remote services.
  • JavaScript Node server.
  • js.
  • Practical work Calling Web services.
  • Use an onboard base, exchanges with the remote base.
• JavaScript programming under HTML5
  • New events.
  • Multimedia API management.
  • Client/server communication modes.
  • Using Web Workers.
  • Mobile development "offline first".
  • Technique for optimizing client/server communications.
  • Practical work Manipulation of JavaScript APIs under HTML5.