Web

Technologies Web

La section Web est assez conséquente. Je vous conseille l'ordre de lecture suivant en fonction de votre niveau de connaissances :

1. HTML et CSS classiques (pré HTML5, c'est à dire HTML 4.01 et XHTML 1.0 en gros)
2. Javascript et jQuery (en mettant de côté AJAX et JSON à la première lecture)
3. HTML 5 et CSS3
4. Si vous avez besoin de faire de l'AJAX, je conseille de compléter par la lecture du XML

Les supports de cours :

• HTML, CSS, XML, JS, jQuery
• TS/ES6 to Angular/Vue
• Performance Web

HTML / CSS

• CSS sur une table
• CSS sur un formulaire
• Placement simple de bloc

Javascript / jQuery

Les exercices sont réalisables en Vanilla JS ou en jQuery.

• Sommaire dynamique d'une page
• Recherche dans une page
• Flood It
• Baby framework
• Un composant horloge

HTML5 / CSS3

Exercices :

• Ruguedebi (Animation dans un canvas)
• Pool I Yeah (Drag & Drop)
• Tout doux (liste éditable, localStorage et un peu d'AJAX avec ou sans CORS)
• Sousous (localStorage et un peu d'objet)
• Utilisation d'opencv.js
• Au boulot !! (workers)
• Des Lapins qui bossent

Démonstrations :

• Balises video, audio
• Canvas et contexte 2D
• Éléments de formulaire

Liens :

• HTML5test : Évaluer son navigateur.
• Can I use : Ce qu'il est possible de faire en fonction des navigateurs

XML

Références bibliositographiques

• Alsacréations
• W3 School
• Site du zéro pour les cours et les tutoriels
• Responsive Web Design avec HTML5 et CSS 3, Ben Frain, Pearson, 2013
• HTML5, De la page web à l'application web, Jean-Pierre Vincent, Jonathan Verrechia, DUNOD, 2011
• Le site dev de Mozilla sur le JS (vous pouvez vous balader plus largement !)