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

Le(s) formateur(s)

David Bruant

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

Voir son profil détaillé

Suivi de formation en option

A l'issue de la formation, nos formateurs peuvent aussi intervenir pour vous accompagner dans la mise en application des compétences acquises :

• en répondant à vos questions lors de rendez-vous téléphoniques réguliers
• en étant présents physiquement à l'amorce du projet
• en réalisant un audit de vos pratiques quelques semaines/mois après la formation