La construction d'un site Web - Initiation

A l'issue de la formation, les participants seront préparés à :

Jour 1 - Matin

1. Identifier les limitations liées au client serveur

• Contraintes et fonctionnement d'un serveur
• Évolutions des techniques et moyens disponibles
• Construction d'une architecture de page et d'une arborescence
• Les habitudes sur le web

2. Découvrir le HTML5

• Structurer ses pages
• Choisir une mise en forme logique ou physique
• Faire des liens internes et externes

Jour 1 - Après-midi

3. Expérimenter les fonctions avancées de HTML5

• Connaître les principales balises disponibles
• Utiliser les différents types de balises block, inline, inline-block ...
• Utiliser les balises sémantiques
• Choisir entre les tableaux et les div

4. Renforcer l'expérience utilisateur

• Incorporer des images
• Incorporer des fichiers audios et vidéos
• Insérer des formulaires

Jour 2 - Matin

5. Réaliser sa première mise en forme avec les CSS

• Comprendre les notions de css
• Tirer parti du système en cascade
• Lier les feuilles de style CSS de manière optimale

6. Ecrire des feuilles CSS performantes

• Connaître les sélecteurs et les propriétés
• Manipuler les class et les id
• Gérer les polices de caractère

Jour 2 - Après-midi

7. Examiner les fonctionnalités avancées de CSS

• Gérer plus finement les styles avec les pseudo-sélecteurs
• Utiliser les transformations et les transitions
• Créer des styles responsive design

8. Intégrer quelques bases de JavaScript

• Accéder en lecture et écriture aux éléments du DOM
• Changer à la volée le style des éléments
• Gérer les Interactions avec l'utilisateur

Jour 3 - Matin

9. Identifier les bases de JavaScript pour le web

• Connaître les principaux objets du DOM
• Utiliser le gestionnaire d'événements pour réagir aux actions utilisateurs
• Valider les éléments de formulaires

10. Déterminer les paradigmes de programmations en JavaScript

• Utiliser la portée des variables
• Structurer son code avec des fonctions
• Devenir performant en créant ses objets

Jour 3 - Après-midi

11. Identifier les nouveautés ES6

• Comprendre la notation fléchée
• Découvrir les nouvelles variables et les littéraux
• Utiliser le nouvel itérateur et le générateur

12. Distinguer quelques API JavaScript pour HTML5

• Dessiner sur la page avec le canevas
• Afficher et animer le svg
• Utiliser le storage pour sauvegarder localement

Jour 4 - Matin

13. Gérer les bases du traitement de l'image

• La redimensionner pour le web
• La retoucher colorimétriquement
• Lui ajouter des effets

14. Produire des images utilisables sur le Web

• Détourer des images et faire des montages simples
• Supprimer des éléments sur une image
• Réaliser des gifs animés

Jour 4 - Après-midi

15. Gérer les bases du dessin vectoriel avec Inkscape

• Connaître les formes et les outils de tracé
• Dessiner avec les courbes de bézier
• Utiliser les dégradés et les opérations booléennes

16. Réaliser des éléments pour le Web

• Créer un logo
• Dessiner un ensemble de boutons de style glossy
• Dessiner un ensemble de boutons de style flat

Jour 5 - Matin

17. Créer du dynamisme avec PHP

• Présentation de PHP, ses configurations, ses bases et sa structure
• Gérer les formulaires (récupération, gestion et contrôles avec les filtres)
• Échanger des fichiers avec le client, les gérer sur le serveur

18. Construire une architecture de données MySQL [MariaDB]

• Utiliser une interface graphique
• Créer une structure efficace et cohérente
• Utiliser les types de donnée les plus adéquats
• Mettre en place clés, index et vues pour gagner en performance

Jour 5 - Après-midi

19. Gérer l'interaction entre PHP et MariaDB/MySQL/sqlite

• Utiliser les extensions mysqli et pdo
• Faire des requêtes simples en langage SQL
• Afficher les éléments dans la page

20. Créer des fonctionnalités utiles pour le Web

• Gérer des zones privées avec une base de données et les sessions PHP
• Afficher et mettre à jour une liste de produits
• Garder en mémoire des préférences utilisateurs

21. Gérer la mise en ligne d'un projet