Duration
40.0 hours
Regular fee
$250
Objectives of the training
Web development requires many skills, including mastery of the JavaScript language to be able to create rich and responsive pages and even client applications. This training is for developers who want to learn how to do Front End web development using the JavaScript language and the jQuery library.Targeted audience
DevelopersPrerequisite
An introduction to the TypeScript language allows you to get started with Angular.Trainers
Upcoming information
Course architecture
Introduction to JavaScript
• Objectives
• JavaScript up to now
• The JavaScript execution mode
• The JavaScript ecosystem
• Introduction to the JavaScript language
• Demonstration - Variables and functions
• The essentials for writing JavaScript code
• Demonstration - Code structures and JavaScript objects
• Lecture - The basics of JavaScript
• Conclusion
DOM control with JavaScript
• Objectives
• What is the DOM?
• The API to manipulate the DOM
• Integrating JavaScript in an HTML page
• Demonstration - Manipulating the DOM
• The JavaScript objects available in a web page
• The management of events
• Demonstration - Event management
• Presentation of the practical work - Management of useless knowledge
• Conclusion
Developing libraries in JavaScript
• Objectives
• Create an object
• Demonstration - Creating an object
• Creating classes
• Demonstration - Creating a class
• Inheritance in JavaScript
• Demonstration - The inheritance mechanism
• Lesson Plan - Managing useless knowledge (evolution 1)
• Conflicts between libraries
• Demonstration - Conflicts between libraries
• The execution contexts
• Demonstration - Encapsulation of libraries
• Method specialization and closures
• Demonstration - Closures
• Local storage
• Demonstration - Local storage
• Case study - Management of useless knowledge (evolution 2)
• Asynchronous processing
• Demonstration - Callbacks
• Promises
• Demonstration - Promises
• Practical work - Radar
• Conclusion
Using a library of the market : jQuery
• Objectives
• The Curriculum Vitae of jQuery
• Interest and use of jQuery
• Installation of jQuery
• Getting started with selectors
• Demonstration - Selectors
• DOM events
• Demonstration - Events
• How to use jQuery
• Demo - Loading the page
• Manipulating the DOM
• The utility methods of the root object
• Demo - Modifying the DOM
• AJAX
• Demonstration - AJAX
• Statement of the TP - Management of useless knowledge (evolution 3)
• Conclusion
The basics of TypeScript
• Objectives of TypeScript
• The TypeScript Curriculum Vitae
• Why TypeScript?
• Transcompilation
• Demonstration - Transcompilation and execution
• Variables and enumerations
• Demonstration - Variables and enumerations
• Classes and inheritance
• The interfaces
• Demonstration - Classes
• The generics
• Demonstration - The generics
• The modules
• Demonstration - Modules
• Lambda expressions
• Demonstration - Lambda expressions
• Case study - Auction
• Conclusion
The basics of Angular
• Objectives of Angular
• History of Angular
• Angular CLI
• Creating, running and organizing a project
• Demonstration - Creating and running a first Angular project
• General architecture
• Data binding
• Demo - Data binding
• Components
• Demo - Creating a component
• The directives
• Demo - Using directives
• Pipes
• Demo - Using pipes
• Lesson Plan - Messaging
• Services
• Demonstration - Setting up the service layer
• Reactive programming with RxJS
• Demonstration - Reactive programming
• Forms
• Demonstration - Forms
• Lesson plan - Messaging (evolution 1)
• Navigation and routing
• Demo - Navigation and routing
• The use of REST web services
• Demo - Using REST web services
• Lecture - Messaging (evolution 2)
• Conclusion
Angular - Develop your web applications with the Google JavaScript framework
• Introduction to Angular
• My first application
• Fundamentals of Angular
• TypeScript
• Angular CLI
• The components
• Services
• Dependency injection
• http requesting
• User interactions
• Forms
• Routing
• Directives
• Testing your application
• Cross-platform with Angular
• To go further
HTML5 and CSS3 - Master the standards of web design (New edition)
• The evolution of specifications
• Browsers
• Good practices
• HTML elements
• Page structure
• Semantic containers
• Text containers
• Semantic text formatting
• Interaction elements
• Links
• Tables
• Images
• Forms
• Multimedia
• The semantic Web with Microdata
• Integrating CSS styles
• Defining CSS styles
• Styles for fonts
• Styles for text
• Styles for text containers
• Styles for boxes
• Layout using boxes
• Responsive Web Design
• Animation modules
• CSS modules for graphic designers
• Style sheets for printing
• Objectives
• JavaScript up to now
• The JavaScript execution mode
• The JavaScript ecosystem
• Introduction to the JavaScript language
• Demonstration - Variables and functions
• The essentials for writing JavaScript code
• Demonstration - Code structures and JavaScript objects
• Lecture - The basics of JavaScript
• Conclusion
DOM control with JavaScript
• Objectives
• What is the DOM?
• The API to manipulate the DOM
• Integrating JavaScript in an HTML page
• Demonstration - Manipulating the DOM
• The JavaScript objects available in a web page
• The management of events
• Demonstration - Event management
• Presentation of the practical work - Management of useless knowledge
• Conclusion
Developing libraries in JavaScript
• Objectives
• Create an object
• Demonstration - Creating an object
• Creating classes
• Demonstration - Creating a class
• Inheritance in JavaScript
• Demonstration - The inheritance mechanism
• Lesson Plan - Managing useless knowledge (evolution 1)
• Conflicts between libraries
• Demonstration - Conflicts between libraries
• The execution contexts
• Demonstration - Encapsulation of libraries
• Method specialization and closures
• Demonstration - Closures
• Local storage
• Demonstration - Local storage
• Case study - Management of useless knowledge (evolution 2)
• Asynchronous processing
• Demonstration - Callbacks
• Promises
• Demonstration - Promises
• Practical work - Radar
• Conclusion
Using a library of the market : jQuery
• Objectives
• The Curriculum Vitae of jQuery
• Interest and use of jQuery
• Installation of jQuery
• Getting started with selectors
• Demonstration - Selectors
• DOM events
• Demonstration - Events
• How to use jQuery
• Demo - Loading the page
• Manipulating the DOM
• The utility methods of the root object
• Demo - Modifying the DOM
• AJAX
• Demonstration - AJAX
• Statement of the TP - Management of useless knowledge (evolution 3)
• Conclusion
The basics of TypeScript
• Objectives of TypeScript
• The TypeScript Curriculum Vitae
• Why TypeScript?
• Transcompilation
• Demonstration - Transcompilation and execution
• Variables and enumerations
• Demonstration - Variables and enumerations
• Classes and inheritance
• The interfaces
• Demonstration - Classes
• The generics
• Demonstration - The generics
• The modules
• Demonstration - Modules
• Lambda expressions
• Demonstration - Lambda expressions
• Case study - Auction
• Conclusion
The basics of Angular
• Objectives of Angular
• History of Angular
• Angular CLI
• Creating, running and organizing a project
• Demonstration - Creating and running a first Angular project
• General architecture
• Data binding
• Demo - Data binding
• Components
• Demo - Creating a component
• The directives
• Demo - Using directives
• Pipes
• Demo - Using pipes
• Lesson Plan - Messaging
• Services
• Demonstration - Setting up the service layer
• Reactive programming with RxJS
• Demonstration - Reactive programming
• Forms
• Demonstration - Forms
• Lesson plan - Messaging (evolution 1)
• Navigation and routing
• Demo - Navigation and routing
• The use of REST web services
• Demo - Using REST web services
• Lecture - Messaging (evolution 2)
• Conclusion
Angular - Develop your web applications with the Google JavaScript framework
• Introduction to Angular
• My first application
• Fundamentals of Angular
• TypeScript
• Angular CLI
• The components
• Services
• Dependency injection
• http requesting
• User interactions
• Forms
• Routing
• Directives
• Testing your application
• Cross-platform with Angular
• To go further
HTML5 and CSS3 - Master the standards of web design (New edition)
• The evolution of specifications
• Browsers
• Good practices
• HTML elements
• Page structure
• Semantic containers
• Text containers
• Semantic text formatting
• Interaction elements
• Links
• Tables
• Images
• Forms
• Multimedia
• The semantic Web with Microdata
• Integrating CSS styles
• Defining CSS styles
• Styles for fonts
• Styles for text
• Styles for text containers
• Styles for boxes
• Layout using boxes
• Responsive Web Design
• Animation modules
• CSS modules for graphic designers
• Style sheets for printing
Private or personalized training
If you have more than 8 people to sign up for a particular course, it can be delivered as a private session right at your offices. Contact us for more details.
Request a quoteDuration
40.0 hours
Regular fee
$250
Private or personalized training
If you have more than 8 people to sign up for a particular course, it can be delivered as a private session right at your offices. Contact us for more details.
Request a quote