Prix (Formation inter-entreprise)

1500€ HT / personne

Durée

3 jours

Dates

Nous pouvons organiser des sessions à d'autres dates ou dans d'autres villes (Bordeaux, Lille, Lyon, Marseille, Montpellier, Nantes, Nice, Paris, Strasbourg, Toulouse...)

Si la maîtrise de HTML et CSS pour faire des pages complexes reste relativement aisée, JavaScript reste souvent une Terra Icognita pour les intégrateurs web ou les équipes de développement habituellement plus à l'aise côté serveur avec une stack PHP, Java ou C#. Pourtant, la connaissance de JavaScript est fondamentale pour offrir la meilleure expérience utilisateur possible en évitant le rechargement complet de la page à chaque interaction, en sauvegardant localement un commentaire tapé dans un formulaire afin de le restituer en cas de crash ou pour faire des visualisations de données interactives.

On ressort de cette formation JavaScript avec la confiance de savoir faire des pages web interactives qui offrent une meilleure expérience utilisateur.

Les objectifs

  • Savoir construire une page web simple (HTML+CSS)
  • Comprendre les éléments de base de la programmation en JavaScript et interaction avec la page web (dont programmation événementielle)
  • Maîtriser les concepts importants de JavaScript (types, objets, fonctions, syntaxe, etc.)
  • Connaître des idiomes de la programmation JavaScript moderne (promesses, programmation fonctionnelle, etc.)
  • Savoir trouver une réponse sur le web (documentation, StackOverflow, caniuse.com, spécifications etc.)
  • Savoir analyser en autonomie une page web avec les outils développeur.

Pré-requis

  • Connaissance d'un langage de programmation
  • Connaissance élémentaire du HTML
  • Ordinateur portable à apporter

Le programme de la formation JavaScript

Jour 1

  • Rappels HTML et CSS
    • HTML
      • structure de base
      • éléments HTML importants et sémantiques
    • CSS
      • couleur
      • positionnement
      • "box model"
    • Étudier une page web avec l'inspecteur des outils développeur
  • Mise en pratique : construction d'une page web simple
  • JavaScript
    • Types primitifs
    • Objets
    • Fonctions
      • Notion de "scope"
    • Rappels sur le DOM
      • Requêtes sur l'arbre DOM
      • Programmation événementielle
  • Mise en pratique : construction d'une petite application interactive

Jour 2

  • (fin mise en pratique jour 1)
  • Communication client/serveur
    • Introduction simple à HTTP
      • GET/POST
      • En-têtes HTTP
      • Codes de retour
      • Cache HTTP
    • En JavaScript : XMLHttpRequest
    • Introduction aux promesses
  • Mise en pratique : construction d'une petite application utilisant XMLHttpRequest

Jour 3

  • (fin mise en pratique jour 2)
  • Introduction de l'API de localStorage
  • Conseils de performance/sécurité
  • Mise en pratique : construction d'une application stockant de l'information localement

Télécharger le programme

Le(s) formateur(s)

formateur David Bruant est un développeur web passionné et curieux. Il contribue régulièrement à la partie JavaScript de la documentation MDN (Mozilla Developer Network) et donne des conférences dans l'espoir de rendre simples et accessibles au plus grand nombre les complexités des technologies web. Il participe autant que possible aux processus de standardisations des technologies web sur les listes de diffusions où les décisions se prennent (WHATWG, es-discuss, etc.).

Vous pourrez trouver une interview de David Bruant sur le blog de Human Coders

2 témoignages

Bonne formation, qui va à l'essentiel.

Thierry Dauchez - Association Aides

Une formation très intéressante grâce aux compétences évidentes du formateur David Bruant.

Lionel Capdecomme

Besoin d'aide ?

Vous souhaitez discuter avec nous à propos de votre projet de formation ?
Vous voulez plus d'information sur une formation ou notre fonctionnement ?


Rappel Email

Nos forces

  • Des formation à taille humaine
  • Des formateurs passionnés
  • Des véritables workshop
Accèder au Manifeste

Nos clients

BNP Paribas
Alcatel
Peugeot
Decathlon
Meetic
Axa

Nos formations en images

Sass et Compass
CasperJS
Ruby on Rails
Ruby

Si la maîtrise de HTML et CSS pour faire des pages complexes reste relativement aisée, JavaScript reste souvent une Terra Icognita pour les intégrateurs web ou les équipes de développement habituellement plus à l'aise côté serveur avec une stack PHP, Java ou C#. Pourtant, la connaissance de JavaScript est fondamentale pour offrir la meilleure expérience utilisateur possible en évitant le rechargement complet de la page à chaque interaction, en sauvegardant localement un commentaire tapé dans un formulaire afin de le restituer en cas de crash ou pour faire des visualisations de données interactives.

On ressort de cette formation JavaScript avec la confiance de savoir faire des pages web interactives qui offrent une meilleure expérience utilisateur.

Les objectifs

  • Savoir construire une page web simple (HTML+CSS)
  • Comprendre les éléments de base de la programmation en JavaScript et interaction avec la page web (dont programmation événementielle)
  • Maîtriser les concepts importants de JavaScript (types, objets, fonctions, syntaxe, etc.)
  • Connaître des idiomes de la programmation JavaScript moderne (promesses, programmation fonctionnelle, etc.)
  • Savoir trouver une réponse sur le web (documentation, StackOverflow, caniuse.com, spécifications etc.)
  • Savoir analyser en autonomie une page web avec les outils développeur.

Pré-requis

  • Connaissance d'un langage de programmation
  • Connaissance élémentaire du HTML
  • Ordinateur portable à apporter

Le programme de la formation JavaScript

Jour 1

  • Rappels HTML et CSS
    • HTML
      • structure de base
      • éléments HTML importants et sémantiques
    • CSS
      • couleur
      • positionnement
      • "box model"
    • Étudier une page web avec l'inspecteur des outils développeur
  • Mise en pratique : construction d'une page web simple
  • JavaScript
    • Types primitifs
    • Objets
    • Fonctions
      • Notion de "scope"
    • Rappels sur le DOM
      • Requêtes sur l'arbre DOM
      • Programmation événementielle
  • Mise en pratique : construction d'une petite application interactive

Jour 2

  • (fin mise en pratique jour 1)
  • Communication client/serveur
    • Introduction simple à HTTP
      • GET/POST
      • En-têtes HTTP
      • Codes de retour
      • Cache HTTP
    • En JavaScript : XMLHttpRequest
    • Introduction aux promesses
  • Mise en pratique : construction d'une petite application utilisant XMLHttpRequest

Jour 3

  • (fin mise en pratique jour 2)
  • Introduction de l'API de localStorage
  • Conseils de performance/sécurité
  • Mise en pratique : construction d'une application stockant de l'information localement

Télécharger le programme

Le(s) formateur(s)

formateur David Bruant est un développeur web passionné et curieux. Il contribue régulièrement à la partie JavaScript de la documentation MDN (Mozilla Developer Network) et donne des conférences dans l'espoir de rendre simples et accessibles au plus grand nombre les complexités des technologies web. Il participe autant que possible aux processus de standardisations des technologies web sur les listes de diffusions où les décisions se prennent (WHATWG, es-discuss, etc.).

Vous pourrez trouver une interview de David Bruant sur le blog de Human Coders

2 témoignages

Bonne formation, qui va à l'essentiel.


Une formation très intéressante grâce aux compétences évidentes du formateur David Bruant.