Démarrer avec JavaScript, Ajax et jQuery

Vous êtes ici

Présentation: 

JavaScript est le langage de programmation des applications web. Il permet de rendre les interfaces utilisateurs interactives, d'échanger avec des serveurs distants (Ajax)... 
jQuery "Write less, do more" simplifie l'écriture du JavaScript, assure une meilleure portabilité du code, facilite le développement, la maintenance. Comment faire plus avec moins de code ?

Cette formation permet aux participants d'acquérir les bases de JavaScript et jQuery pour manipuler le HTML et le CSS, pour échanger avec un serveur (Ajax).

Objectifs: 

Acquérir les bases JavaScript et de jQuery nécessaires pour développer des interfaces (pages Web) plus fluides et plus conviviales.

  • Savoir comment interagir avec l'utilisateur
  • Savoir comment assurer la compatibilité avec les différents navigateurs
  • Découvrir les échanges AJAX
  • Utiliser jQuery pour développer plus rapidement et efficacement
Prérequis: 
Débutant en JavaScript, pratiquer HTML et CSS
Public: 
Personnes souhaitant créer ou mettre à jour un site Web avec des interfaces plus fluides et conviviales.
Durée: 
4 jours
Programme: 

Introduction

  • JavaScript : Pourquoi faire ?
  • Les différentes versions, la compatibilité avec les navigateurs
  • Les outils: l'éditeur, les outils de développement des navigateurs
  • Insérer un script dans un document HTML

Les bases de JavaScript

Le cœur du langage

  • La syntaxe
  • Les variables
  • Les fonctions globales
  • Les opérateurs
  • Les structures de contrôle
  • Les exceptions
  • Les fonctions
    Définition, arguments fonctions littérales, fermeture
  • Les objets
    Définition, objets littéraux, prototype
  • Les objets du langage
    Array, Date, Math, RegExp, String...
    Manipuler les tableaux , les dates, les chaînes de caractères...

Les objets du navigateur

  • Introduction
  • Window, Les cookies, Document, Location
  • Frames, Navigator, Form, History, Image, Screen

Le DOM (Document Object Model)

  • Rappel sur le HTML
  • Modélisation d'un document
  • Les interfaces
  • Manipuler les nœuds, les attributs
  • Créer et insérer de nouveaux éléments
  • Modifier les attributs d'un élément
  • Modifier le contenu d'un élément,
    Insérer dynamiquement une chaîne de caractères, du HTML 

Manipuler les éléments HTML avec JavaScript et jQuery

jQuery et le DOM

  • Introduction : intérêt et principe de jQuery
    La documentation, l'organisation, les méthodes
    Compatibilité avec les navigateurs
  • Un 1er exemple, un aperçu de jQuery, jQuery(), $()
    Importer la bibliothèque jQuery dans une page
    Les CDNs Content Delivery Network
  • Sélectionner un élément ou une collection d'éléments, les sélecteurs
  • Naviguer dans le DOM
  • Manipuler le DOM
    ajouter du HTML, modifier le contenu d'un élément
    modifier les attributs d'un élément HTML

Les styles CSS - JavaScript et jQuery

  • Rappel sur les styles CSS
  • Manipuler les styles CSS avec JavaScript et jQuery,
    ajouter une classe, appliquer un style...

La gestion des événements - JavaScript et jQuery

  • Principe des événements avec JavaScript
    JavaScript dans une URL
    Modèles "DOM 0" et DOM 2, compatibilité MSIE et DOM 2
  • Gestion des événements avec jQuery
    Des événements évolués : bouton à bascule...
    Les effets : fadeIn, fadeOut, slideIn, slideOut ...

Les formulaires - JavaScript et jQuery

  • Les différents éléments d'un formulaire
  • Principe des formulaires avec JavaScript : valider, soumettre
  • Gérer les formulaires avec jQuery
  • Utiliser un plugin jQuery de validation, définir les paramètres...
  • Utiliser un calendrier avec jQuery

Les échanges Ajax - JavaScript et jQuery

  • Principe d'AJAX Asynchronous JavaScript And XML
    L'objet XMLHttpRequest
  • Requêtes synchrones et asynchrones, GET et POST
  • L'encodage, les échanges : Texte, HTML, XML, JSON
  • Simplifier la mise en place des échanges avec jQuery
  • Les principales méthodes jQuery

Aller plus loin avec JavaScript et jQuery

  • Les bonnes pratiques
  • Les bibliothèques et frameworks
    jQuery Mobile, jQuery UI

Les ateliers

Les ateliers illustrent par des exemples concrets les sujets abordés, apportant ainsi aux participants une première expérience en JavaScript et jQuery.

Contact

Financement

Financement possible au titre de la formation continue. Consultez votre entreprise, votre OPCA (Organisme Paritaire Collecteur Agréé).

Intermittents du spectacle

Consultez l'AFDAS pour connaître les possibilités de financement.

En recherche d'emploi

Consultez Pôle Emploi pour connaître les possibilités de financement.

Formation en intra

Nous assurons nos formations en intra dans vos locaux. Pour cela nous nous déplaçons dans toute la France:

Bretagne, Normandie, Pays de Loire...

Rennes, St Brieuc, Quimper, Vannes, Brest, Lorient, Nantes, Angers, Caen, Laval, Tours, Poitiers, Orléans...

Formation sur mesure

Formation sur mesure en groupe ou en individuel, que vous soyez développeur, webdesigner ou débutant "total", le programme de chaque formation peut être adapté pour répondre parfaitement à vos attentes et votre expérience. Déplacement sur toute la France.