CSS de A à Z

Théories + Projets pratiques + Livret d'apprentissage + Code source

4.44 (8 reviews)
Udemy
platform
Français
language
Other
category
78
students
13.5 hours
content
Jan 2024
last update
$19.99
regular price

What you will learn

Les bases (Couleur, taille, marge, modèle de boîte etc...)

Les propriétés importantes

Faire des animations et des transitions

Faire du responsive en CSS

Flexbox

CSS Grid

+30 projets pratiques

Coder un site en HTML et CSS

Description

Cette formation complète sur CSS vous apprendra les concepts fondamentaux de la feuille de style en cascade. Elle est divisée en plusieurs parties : la théorie et la pratique.


Tout dabord on abordera les concepts de base de CSS, y compris les sélecteurs, les propriétés, les valeurs, les règles de cascading et les principes fondamentaux de la mise en page CSS.


Vous apprendrez à utiliser les propriétés CSS telles que la taille, la couleur, les bordures, les marges et les padding pour contrôler l'apparence de vos éléments HTML. Vous découvrirez également les techniques pour gérer les propriétés de la police, de la ligne, de l'arrière-plan, de la transition et de l'animation.


La seconde partie de la formation mettra en pratique les concepts appris au cours de la première partie. Vous travaillerez sur des projets pratiques pour mettre en pratique les techniques CSS, en créant des mises en page complexes, en utilisant les concepts de grille et de flexbox, en développant des thèmes personnalisés pour des sites web .


En conclusion, cette formation sur CSS vous donnera une compréhension complète des concepts fondamentaux de CSS et une expérience pratique dans la mise en œuvre de ces concepts pour créer des mises en page web attrayantes et accessibles. Vous sortirez de cette formation avec une solide connaissance des différentes propriétés CSS, des techniques pour gérer l'apparence de vos éléments HTML et des techniques pour développer des mises en page complexes.

Content

Introduction

Introduction à la formation
Préparation à la formation

Les bases

Introduction à CSS
Ou écrire son CSS
Les couleurs
Les dimensions
Les marges
Border
Les éléments block et les éléments inline en CSS
Les displays
Opacity, visibility et display none
Image responsive + overflow
Exercice pratique - Carte simple en CSS
Conventions de nommage en CSS
Background
Font
Box-shadow et Text-shadow
Les liens et les boutons en CSS
Exercice pratique - Page d'accueil simple
Piliers du CSS

Notions intermédiaires

Les positions
Les unités de mesures
Exercice pratique - Home page avec vidéo
Les pseudos classes
Border-radius
Outline
Exercice pratique - Boutons en CSS
Les pseudos éléments
Les floats
Shape-outside
La fonction calc()
La fusions des marges
Transform
Transitions
Animations
Exercice pratique - Caroussel en CSS
Exercice pratique - Underline
Exercice pratique - Toggle switch CSS
Exercice pratique -Loader CSS

CSS avec JavaScript

Initiation à JavaScript
Les variables
Les selecteurs
Les fonctions
Les événements
Exercice pratique - Burger animé

Notions avancées

Les dégradés
Filter
Les tableaux en CSS
Les vendors et clip-path
Les spirites
Exercice pratique - formulaire
L'accessibilité
La sémantique
Les formulaires
Rem
Tabindex
Les attributs ARIA
Le contraste de couleurs
Responsive
Max-width et min-width
Les medias queries
Textes responsive

Flexbox et CSS Grid

Introduction à Flexbox
Justify-content
Align-items
Flex-direction
Flex-wrap
Flex shrink, grow et basis
Align-self
Align-content
Order
Exercice pratique - Flexbox
Exercice pratique - Flexbox 2
Introduction à CSS grid
Créer une grille
Repeat et fr
Grid-row et grid-col
Span et -1
Nommer des colonnes ou des rangés
Grid-area
Lignes implicites et explicites
Align-item, justify-item, align-self, justify-self et justify-content
Min-content, max-content et minmax
Auto-fill et auto-fit
Exercice pratique - CSS grid
Exercice pratique - CSS grid 2

Projet final

Introduction projet
Préparation projet
Navbar coté HTML
Navbar coté CSS
Icon burger coté CSS
Icon burger coté JS
Header coté HTML
Header coté CSS
Section à la une coté HTML
Section à la une coté CSS
Section choix coté HTML
Section choix coté CSS
Section newsletter coté HTML
Section newsletter coté CSS
Section Footer + bouton retour vers le haut coté HTML
Section Footer + bouton retour vers le haut coté CSS
Bouton vers le haut coté JS
Page portfolio coté HTML
Page portfolio coté CSS
Page contact coté HTML
Page contact coté CSS
Page à propos coté HTML
Page à propos coté CSS

Screenshots

CSS de A à Z - Screenshot_01CSS de A à Z - Screenshot_02CSS de A à Z - Screenshot_03CSS de A à Z - Screenshot_04

Reviews

Boury
September 4, 2023
Très bien expliqué Prise en compte de tous les cas de figure Bien détaillé Sur certains points au niveau du codage des exercices, un peu rapide mais sinon c'est toujours aussi intéressant
Kevin
March 6, 2023
Une formation bien détaillée avec des exercices pratique. Donc, je dirai seulement merci pour ce bon boulot.

Charts

Price

CSS de A à Z - Price chart

Rating

CSS de A à Z - Ratings chart

Enrollment distribution

CSS de A à Z - Distribution chart

Related Topics

4866242
udemy ID
9/4/2022
course created date
9/8/2022
course indexed date
Bot
course submited by