Html5 css3 ajax jquery angularjs : développement web et web mobile front-end

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émantiques, Audio/vidéo, Drag&Drop, Web Sockets, Web Messaging, Web Storage, etc…
• CSS3, adaptabilité aux écrans et les préprocesseurs 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.