Développeur Web
et Webmobile
Fondamentaux : HTML & CSS
Objectifs
Le Module Fondamentaux développeur web : HTML et CSS est ouvert à tous, sans condition de diplôme ni pré-requis.
Seule compte la motivation, la curiosité, l’envie de réussir et relever les défis que vous rencontrerez durant votre parcours.
Développeur Web
et Webmobile
Fondamentaux : HTML & CSS
Objectifs
Le Module Fondamentaux développeur web : HTML et CSS est ouvert à tous, sans condition de diplôme ni pré-requis.
Seule compte la motivation, la curiosité, l’envie de réussir et relever les défis que vous rencontrerez durant votre parcours.
Programme
1. Découverte et installation de l’environnement
- Découverte des langages Web
- Quels projets sont réalisables?
- Qu’est ce qu’un éditeur de code?
- Comment faire son choix?
- Choisir son navigateur de test
2. HTML
- Qu’est ce que le HTML ?
- Comment commencer un projet ?
- Qu’est ce qu’une balise ?
- Qu’est ce qu’un attribut ?
- Structure de base d’une page HTML
- Mettre des commentaires pour soigner son travail
- Ajouter des titres
- Mettre en valeur certains éléments
- Créer des listes
- Créer une nouvelle page web, relier des pages existantes
- Les attributs spécifiques aux liens
- Lien d’envoie d’email & de téléchargement de document
- Gestion des images, les attributs spécifiques aux images, les figures
- Créer des formulaires
- Initiation aux événements
- Les balises structurantes
- Versionner son code avec git
3. CSS
- Où écrire notre code CSS ?
- Les commentaires au sein d’une feuille de style
- Les types de sélecteur: classe & ID
- Les sélecteurs avancés
- Modification de texte
- Modifier le fond d’un élément
- Jouer avec la transparence
- Ajouter des bordures: CSS 3, bords arrondis, ombres
- CSS 3: Transformations, transitions et animations.
- Les bases du responsive design
- Positionnement des blocs avec flex
- Les blocs flottants
- Les grilles en CSS
4. BOOTSTRAP
- Première page avec Bootstrap
- Les grilles Bootstrap
- Les tableaux
- Classes contextuelles Bootstrap et font-awesome
- Les Cards Bootstrap
