Master JavaScript programming
Turn your application requirements into clear, maintainable code. Structure your JavaScript development approach and connect technical decisions to the intended functionality. Build the independence to design, test and evolve your applications.
- Duration
- 4 days 28 hours
- Code
- JAVA-CF-FR Code
Presentation
JavaScript is a high-level, interpreted, object-oriented programming language. It is primarily used to add interactive features to web pages, such as animations, drop-down menus and dynamic forms. JavaScript also supports client-side and server-side web application development. Often abbreviated to JS, it is one of the world's most popular programming languages.
This 5-day course will strengthen your web development skills. Open to beginners, it teaches JavaScript fundamentals and techniques for creating interactive websites.
Through basic JavaScript syntax, page structure, object-oriented programming, Ajax and JS APIs, you will master the essential tools for designing and coding pages that comply with web standards. Each lesson also includes practical exercises.
Objectives
During this JavaScript course, you will achieve the following learning objectives:
- master JavaScript syntax rules;
- create the DOM structure of an HTML page;
- use event-driven programming;
- work with CSS stylesheets;
- manage asynchronous AJAX exchanges.
Program
A brief introduction before coding
- Rendering engines.
- Enabling JavaScript in the browser.
- Checking whether JavaScript is enabled.
- HTML, XHTML, CSS and JavaScript code editors.
- Browser debugging mode.
- What you need to know before coding.
Introducing JavaScript
- The standard page structure.
- Where to insert JavaScript code.
- Code comments.
- Exception handling.
- Setting up an event handler.
- Variables and data types.
- Type conversions.
Exploring JavaScript
- Operators and expressions.
- Control statements: if–else.
- Iteration statements.
- The specific case of the for statement.
- The specific case of the while statement.
- Loop best practices.
- Defining an array.
Object-oriented programming in JavaScript
- JavaScript built-in objects.
- The Date object.
- The Math object.
- Using a built-in object.
- The String object.
- Regular expressions: the RegExp object.
- Browser-related objects.
- The history object.
- The location object.
- The navigator object.
- The document object.
- Array elements.
- The window object.
- Extending predefined objects.
- Defining objects with the Object class.
- Defining objects using JSON notation.
Introducing events and data
- Accessing DOM elements.
- Exercises using getElementById.
- Dynamically associating an event with an element.
- Passing literal parameters to the event function.
- Passing the this keyword to a function.
- Passing the event keyword to a function.
- The toggle effect.
- The modern event handler.
- Removing an event handler.
- Redirection in JavaScript.
- Managing cookies.
- Creating forms with HTML5 validation.
- Validating forms in JavaScript.
CSS interaction in JavaScript
- Accessing CSS properties in JavaScript.
- Adding and removing a class.
- The StyleSheet object.
Introducing AJAX with JavaScript
- Asynchronous exchanges over HTTP.
- jQuery terminology.
- Installing WampServer.
- Responding to a button click in jQuery.
- Loading a file with AJAX.
- Loading part of a file.
- GET requests.
- POST requests.
- Loading JSON data.
- The $.ajax() method.
Using JavaScript APIs
- The API file.
- Drag-and-drop functionality.
- The geolocation service.
- Local storage.
- Using a Web Worker.
- Using WebG.
Audience
This course is intended for:
- IT professionals who want to learn programming;
- anyone else managing web development projects.
Prerequisites
The JavaScript course has the following prerequisites:
- in-depth knowledge of HTML and CSS;
- fundamental web programming skills.
Teaching and assessment methods
- Initial skills assessment
- Training materials provided to participants
- Continuous assessment throughout the course
- End-of-course feedback questionnaire
- Combination of theory and practical application
- Attendance records
- Post-course follow-up evaluation
- Practical exercises
Course highlights
Dates and sessions
Choose the date and delivery format that suit you.
No upcoming sessions are currently available.
fr
en