Description
The JavaScript language has become essential in website development, both for its strong relationship to the graphical interface and for client/server processing. This course will provide you with all the knowledge to interface the language with the graphic elements of web pages and thus be able to create drop-down menus, animations, dynamically modify presentation styles or even react to user actions... It will teach you also to launch requests to the server (Ajax) and to manipulate XML data.
Who is this training for ?
For whom ?Web developers and project managers.
Prerequisites
Training objectives
Training program
- Web technologies
- Presentation of browser types.
- Impact on the portability of JavaScript programs.
- Versions of JavaScript.
- Web components: HTML , XHTML, CSS, JavaScript, Flash, Java.
- HTTP, HTTPS protocols.
- Impact of JavaScript on accessibility and SEO.
- Importance of JavaScript on Web 2.0 sites.
- Impact of XHTML compliance on the dynamic use of JavaScript.
- Development tools (editor, debugger).
- Positioning and illustration of DHTML technologies.
- The JavaScript language
- Variable declaration and scope.
- Data types (Number, Boolean, Date, Math, String, Array).
- Type conversion.
- Type detection with typeof.
- Array management.
- Logical and arithmetic operators.
- Loops (for, while.).
- Creation of functions and variable parameterization.
- Provide secure coding with error management and exceptions.
- Reminders of object concepts.
- Object development in JavaScript: creation of classes (methods, properties).
- Constructor.
- Overload.
- Reserved words prototype, this.
- Instance creation.
- Use of Object on dynamic classes.
- Use of JSON format for class creation.
- The predefined objects of the language (Array, Date, String, Regexp.) and their use.
- Extension of predefined objects.
- Exercise: Implementation of the different JavaScript functionalities through multiple practical work.
- Events and data
- Organization of events.
- Impact of events on browser types and DOM versions.
- Positioning listeners on events programmatically and setting HTML tags .
- Rules for cross-browser coding.
- Create, destroy listeners.
- JavaScript event processing: keyboard, mouse, forms, rollover, menus dynamic.
- The Event object and its use.
- DOM objects (window, document.) and their manipulation.
- Manipulation of URLs (redirects http .).
- Cookie management (reading and writing).
- Exercise: Programming multiple events on form, mouse, keyboard elements.
- HTML form management
- Manipulation of form content.
- Access and dynamic modification of form components: input zone, check boxes, option boxes.
- Functions of form validation.
- Events related to form elements: change, initialization, click.
- Exercise: Design custom functions controlling user activities.
- Interacting with Cascading Style Sheets
- Reminder about cascading style sheets (CSS-1, CSS-2).
- Tools to manipulate them.
- Implementation of CSS as properties of DOM objects.
- Direct modification of CSS properties of DOM objects.
- Modification of the CSS stylesheets object.
- Make the page dynamic via changing style properties.
- Exercise: Creating simple pages to familiarize yourself with the use of style sheets and their manipulation through JavaScript.
- Manipulating the XML DOM
- Presentation of the XML language (attribute elements).
- Implementation of XML parsers at Microsoft IE and others: variations between browsers, maintenance.
- Object manipulation of the DOM (reading, adding, deleting, modifying nodes).
- Exercise: Familiarization with constructing an access path to a DOM element.
- Ajax
- Presentation of Asynchronous JavaScript And Xml.
- Issues, solutions and alternatives.
- Libraries on the market.
- HTTP and Ajax: exchanges HTTP and the XMLHttpRequest object.
- Exercise: Retrieving XML data and displaying the data.
- Querying a database.
- Creating a login form.
