Formation Maîtriser le langage CSS - niveau avancé

Présentation de la formation

Le CSS est un langage de feuille de style qui permet de mettre en forme des pages web. Mise en page couleurs, polices… autant d’éléments qui sont déterminés par le CSS. Le fait est qu’une fois les bases assimilées, certains paramétrages tels que les animations ou encore la prise en compte des contraintes responsive design demandent une certaine maîtrise de ce langage.

Cette formation pour les initiés vous permettra de prendre en main toutes les approches avancées en CSS pour avoir un contrôle maximum sur la mise en page de votre site internet.

Au terme de cette formation, vous serez à même d’écrire les CSS directement dans le navigateur, d’animer des éléments, et de créer des mises en page complexes optimisées pour tous les devices.
 

Pourquoi réaliser une Formation Maîtriser le langage CSS - niveau avancé ?

La majorité des développeurs s’accordent sur le fait que maîtriser la programmation HTML et CSS est un passage obligé pour débuter en développement informatique. Le fait est que le rôle de ces langages est absolument essentiel puisqu’il indique au navigateur web comment afficher le contenu sur une page et comment il doit être mis en forme.

Grâce à cette formation, approfondissez votre maîtrise du CSS afin d’appliquer des mises en page complexes et responsives sur vos pages web !

Objectifs de la formation Maîtriser le langage CSS - niveau avancé

• Appliquer les bonnes pratiques en CSS
• Écrire les CSS en direct dans le navigateur
• Animer les éléments avec les CSS
• Créer des mises en page complexes avec les CSS
• Appliquer les CSS de manière contextuelle et optimiser le responsive design

Pour qui ?

Cette formation s’adresse aux futurs développeurs et concepteurs web.

Programme

Partie 1 : Préparer Son Environnement De Travail

•   Chapitre 1 - Présentation et organisation des ressources
•   Chapitre 2 - Installer le logiciel pour éditer  
•   Chapitre 3 - Éditer le CSS en direct et en local avec Chrome

 
Partie 2 : Intégrer Les Fondamentaux Indispensables Pour Optimiser Le Responsive Design

•   Chapitre 4 - Parler CSS avec la bonne grammaire
•   Chapitre 5 - Comprendre la cascade, la spécificité et l'héritage
•   Chapitre 6 - Visionner le box model
•   Chapitre 7 - Privilégier le REM comme unité de mesure  
•   Chapitre 8 - Optimiser vos CSS avec les variables  
•   Chapitre 9 - Optimiser l'affichage responsive avec les unités vh et vw  
•   Chapitre 10 - Organiser le responsive design  

 
Partie 3 : Personnaliser Vos Formulaires Avec Les Css

•   Chapitre 11 - Rappels sur la construction d'un formulaire
•   Chapitre 12 - Ajouter les styles de base aux formulaires
•   Chapitre 13 - Ajouter des styles avancés aux formulaires

 
Partie 4 : Ajouter Du Mouvement Avec Les Css

•   Chapitre 14 - Introduction et outils en ligne  
•   Chapitre 15 - Présentation des transformations  
•   Chapitre 16 - Pratiquer créer des transformations  
•   Chapitre 17 - Présentation des animations  
•   Chapitre 18 - Pratiquer créer des animations  

 
Partie 5 : Répartir Les éléments Avec Flexbox

•   Chapitre 19 - Introduction et ressources sur Flexbox  
•   Chapitre 20 - Déclarer les différentes propriétés de Flexbox  
•   Chapitre 21 - Ajouter des réglages spécifiques pour les éléments internes  
•   Chapitre 22 - Pratiquer - Faire un menu avec Flexbox

 
Partie 6 : Comprendre Les Bases De Grid Layout

•   Chapitre 23 - Introduction et ressources sur Grid Layout
•   Chapitre 24 - Lister les terminologies et les propriétés essentielles de Grid Layout
•   Chapitre 25 - Construire sa première grille  
•   Chapitre 26 - Utiliser les unités de mesure et les fonctions avec Grid Layout  
•   Chapitre 27 - Placer les éléments avec Grid Layout  
•   Chapitre 28 - Pratiquer - Créer une page web responsive design avec Grid Layout

 
Partie 7 : Créer Des Mises En Page Complexes Avec Grid Layout

•   Chapitre 29 - Comprendre les grilles explicites et implicites  
•   Chapitre 30 - Utiliser des lignes nommées pour définir une grille  
•   Chapitre 31 - Utiliser des zones nommées pour définir une grille  
•   Chapitre 32 - Justifier et aligner les éléments depuis le parent
•   Chapitre 33 - Justifier et aligner les enfants directement  
•   Chapitre 34 - Créer des alignements automatiques et responsive  
•   Chapitre 35 - Améliorer la compatibilité avec @supports  
•   Chapitre 36 - Pour aller plus loin

Prérequis

Des connaissances de base en CSS sont requises pour accéder à cette formation

Modalités et délais d'accès

Financer sa formation en Développement Web / Informatique

Plusieurs dispositifs de financement sont possibles en fonction de votre statut professionnel et peuvent financer jusqu’à 100% votre formation.

Pour plus de renseignements, nous vous invitons à consulter notre guide du financement et à contacter nos conseillers pour vous accompagner pas à pas dans vos démarches.

Cycle de formation associé

Ce module de formation est dispensé dans le cadre de l’Executive Bachelor Concepteur Développeur d'Applications. Cet Executive Bachelor vous permet d’acquérir des compétences solides pour la conception et le développement front-end et back-end d’interfaces web et de bases de données.  Il est par ailleurs sanctionné par un diplôme reconnu par l'État de niveau 6.

Parmi les débouchés de cet Executive Bachelor : 
 

Les avantages VISIPLUS academy

Ces formations pourraient également vous intéresser