HTML5 CSS3 AJAX JQuery AngularJS : développement Web et web mobile front-end

Code UE : RSX122

  • Cours + travaux pratiques
  • 6 crédits

Responsable national

Nicolas BAUPIN

Responsable opérationnel

Nicolas BAUPIN

Public et conditions d'accès

Cet enseignement s'adresse en particulier aux auditeurs qui préparent le certificat de Compétences "Concepteur et développeur d'Intranets : Modélisation, conception et développement avancés de sites Web dynamiques d'Intranets".
Conditions d'accès :
  • Certificat Professionnel Webmestre, bac +2 informatique
  • Connaitre au moins un langage de développement (C, C++, c#, PHP, etc)
  • Avoir suivi l'UE NFA016 et, si possible, les UE NFA031 et/ou NFA017

Objectifs pédagogiques

Concevoir et créer des sites Web adaptatifs, ciblés pour les appareils fixes et mobiles (tablettes et smartphones type Android et IoS) grâce à des contenus HTML5, CSS3 + LESS/SASS et JavaScript/AJAX/Jquery/AngularJS

Compétences visées

Développement de sites web front-end dynamiques

Contenu

  • HTML5 : rappels
    • De HTML4 vers le web sémantique
    • Restructuration de balises et nouvelles structures de pages web
    • Les grands principes et technologies portés par HTML5 : Balises sémentiques, Audio/vidéo, Drag&Drop, WebSockets, Web Messaging, Web Storage, etc…
  • CSS3, adaptabilité aux écrans et les preprocesseurs SASS ou LESS:
    • Création de sites web uniquement avec des CSS3 (manipulation de bordure, d'arrière plans et effets de transformations)
    • Preprocessing de CSS avec SASS ou LESS : principes et exemples
    • Personnalisation de l'aspect en fonction des navigateurs ou des tailles d'écrans : polices téléchargeables, attributs personnalisés et utilisation des "media queries"
  • Développement web classique, web mobile et tablettes :
    • Théories du Grid pour le web, Responsive Design et approche Mobile First
    • Présentation et utilisation d’un framework CSS (par exemple Bootstrap, Knacss ou  Foundation)
  • AJAX, JS, DOM et framework JS : principes de base
    • Echange d'information avec un serveur applicatif : XmlHTTPRequest, XML et JSON
    • Manipulation du DOM pour la création dynamique de pages web via l’utilisation des gestionnaires d’événements
  • Exploitation de fonctionnalités spécifiques aux mobiles et tablettes :
    • Rechercher les fonctionnalités des appareils mobiles avec JavaScript
    • Prise en charge de l'interaction avec l'utilisateur et des fonctionnalités dédiées aux mobiles telles que la géolocalisation pour afficher du contenu ciblé
    • Prise en compte des spécificités tactiles, orientation du terminal, etc.
    • JavaScript mobile : exemple avec Jquery Mobile
  • Présentation et utilisation d'un framework de développement JS au choix (exemple JQuery, AngularJS, etc.)
  • Développement d’un site web exemple compatible web mobile comme synthèse de l’apprentissage de cette UE en utilisant des frameworks CSS et JS.

Cette UE apparaît dans les diplômes et certificats suivants

Chargement du résultat...
Patientez
Type
Intitulé
Equipe pédagogique
Modalité(s) / Lieu(x)
Code
Equipe pédagogique Informatique
Modalité(s) / Lieu(x)
  • Enseignée en formation présentielle et/ou partiellement à distance : Normandie
  • Type Intitulé Equipe pédagogique Modalité(s) / Lieu(x) Code

    Contact

    Cnam Normandie
    Esplanade Rabelais BP86
    14203 Hérouville Saint clair
    Tel :02 31 56 66 00
    Nicolas Baupin

    Voir les dates et horaires, les lieux d'enseignement et les modes d'inscription sur les sites internet des centres régionaux qui proposent cette formation

    Enseignement non programmé cette année