Développeur Web
et Webmobile
HTML & CSS
Objectifs
Le module HTML et CSS regroupe les fondamentaux du web. Il permet d’acquérir les premières base du développement Front avant d’attaquer les véritables lanagages de programmation.
Il 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
HTML & CSS : les fondamentaux
Objectifs
Le module HTML et CSS regroupe les fondamentaux du web. Il permet d’acquérir les premières base du développement Front avant d’attaquer les véritables lanagages de programmation.
Il 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 ?
- Les balises
- Les attributs
- 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
