Développeur web

Introduction

• Déroulement du cours
• Les outils nécessaires
• Sublime Text Le HTML
• Le HTML, c'est quoi ?
• La syntaxe du HTML
• Les balises Meta
• Les titres et paragraphes
• Le formatage de texte
• Les liens
• Les images
• Les listes
• Les tableaux
• Les formulaires
• Les blocs et balises de structure Le CSS
• Où écrire le CSS ?
• Syntaxe du CSS
• Les id
• Les class
• Que choisir entre balise, id et class ?
• Styliser du texte
• Découvrons l'inspecteur de Firefox
• Arrière-plans
• Types de disposition des éléments (display)
• Le display flex
• Redimensionner et positionner des éléments
• Les marges
• Les bordures
• Les éléments flottants
• Les pseudo-class
• Les transitions
• Les media-queries Le PHP et SQL
• À quoi sert le PHP
• Installation de Wamp
• Syntaxe du PHP
• Les variables
• Les tableaux
• Comparer des valeurs
• Les conditions
• Les boucles
• Les fonctions
• isset() et empty()
• Variables superglobales : Les variables d'URL
• Variables superglobales : Récupérer les données d'un formulaire
• Variables superglobales : Récupérer des informations sur le client
• Variables superglobales : Stocker des informations de session
• Variables superglobales : Sauvegarder des informations dans des cookies
• Introduction à MySQL et phpMyAdmin
• Notre première requête SQL
• L'objet PDO
• Formater la date en SQL
• Créer une page dynamique (avec SQL et variable d'URL)
• Insérer des données dans la base de données
• Mettre à jour des données dans la base de données
• Supprimer des données de la base de données Création d'un blog (HTML, CSS, PHP et SQL)
• Introduction & Schéma du blog (layout)
• Structure des fichiers (architecture)
• Création de la base de données
• Front-end - Création du menu du site
• Front-end - Création de la navigation latérale (sidebar)
• Front-end - Création du footer
• Front-end - Création de la page d'articles
• Création et sécurisation de l'espace d'administration
• Espace d'administration - Ajouter des catégories
• Espace d'administration - Ajouter des articles
• Affichage des articles sur la page d'accueil (depuis la base de données)
• Affichage dynamique des articles (page d'article unique)
• Mise en place de l'espace commentaires
• Affichage des catégories et des commentaires récents dans la sidebar
• Tri des articles par catégorie
• Mise en place de la barre de recherche pour les articles La Programmation Orienté Objet (POO) en PHP
• Introduction à la POO
• Notre première classe
• Les attributs
• Les méthodes
• Le constructeur : une méthode particulière
• Les méthodes et attributs statiques
• La visibilité : public, protected et private
• Les getters et setters
• L'héritage
• Charger ses classes automatiquement : spl_autoload_register() Boostrap
• Introduction
• À quoi ça sert
• Qu'allons-nous apprendre et à qui s'adresse cette formation ? Installer Boostrap
• Installation via les fichiers sources
• Installation via les CDN La structure de Boostrap (Layout)
• Les containers
• La grille Bootstrap : Les lignes et les colonnes (rows et columns)
• Gérer des lignes dont les colonnes sont de tailles égales
• Imbriquer des lignes et colonnes
• Modifier l'alignement des colonnes (vertical et horizontal)
• Modifier l'ordre des colonnes
• Décaler des colonnes (offset)
• Espacer ses colonnes avec les gouttières (gutters) Notre premier projet : Reproduire Instagram
• Notre 1er projet : Instagram
• Place à la pratique
• Dissection de l'interface d'Instagram
• Le header
• Les stories
• Les postes
• La sidebar Formater du contenu avec Bootstrap
• Les textes
• Les citations
• Les images et figures
• Les tableaux
• Les formulaires
• Les attributs d'accessibilité (ARIA) Les composants Boostrap
• Introduction de la section
• Les boutons (button)
• Les groupes de boutons (buttons group)
• Les listes déroulantes (dropdown)
• Les cartes (card)
• Les menus de navigation (nav)
• Les onglets (nav tabs)
• Les barres de navigation / Menus principaux (navbar)
• Les modales (ou "dialog" ou "popup") (modal)
• Les popovers & tooltips (pour apporter des précisions à un élément)
• Les notifications (toasts)
• Les fils d'Ariane (breadcrumb)
• La pagination Second projet : Créer une boutique e-commerce
• Le header
• Le carousel
• Les breadcrumbs & list group
• Les cards
• La pagination et le footer
• Le toast Projet final : Reproduire Twitch
• Place à la pratique
• Le header : partie 1
• Le header : partie 2
• La sidebar : partie 1
• La sidebar : partie 2
• Le main : partie 1
• Le main : partie 2
• La modal

‍

Introduction

• Déroulement du cours
• Les outils nécessaires
• Sublime Text Le HTML
• Le HTML, c'est quoi ?
• La syntaxe du HTML
• Les balises Meta
• Les titres et paragraphes
• Le formatage de texte
• Les liens
• Les images
• Les listes
• Les tableaux
• Les formulaires
• Les blocs et balises de structure Le CSS
• Où écrire le CSS ?
• Syntaxe du CSS
• Les id
• Les class
• Que choisir entre balise, id et class ?
• Styliser du texte
• Découvrons l'inspecteur de Firefox
• Arrière-plans
• Types de disposition des éléments (display)
• Le display flex
• Redimensionner et positionner des éléments
• Les marges
• Les bordures
• Les éléments flottants
• Les pseudo-class
• Les transitions
• Les media-queries Le PHP et SQL
• À quoi sert le PHP
• Installation de Wamp
• Syntaxe du PHP
• Les variables
• Les tableaux
• Comparer des valeurs
• Les conditions
• Les boucles
• Les fonctions
• isset() et empty()
• Variables superglobales : Les variables d'URL
• Variables superglobales : Récupérer les données d'un formulaire
• Variables superglobales : Récupérer des informations sur le client
• Variables superglobales : Stocker des informations de session
• Variables superglobales : Sauvegarder des informations dans des cookies
• Introduction à MySQL et phpMyAdmin
• Notre première requête SQL
• L'objet PDO
• Formater la date en SQL
• Créer une page dynamique (avec SQL et variable d'URL)
• Insérer des données dans la base de données
• Mettre à jour des données dans la base de données
• Supprimer des données de la base de données Création d'un blog (HTML, CSS, PHP et SQL)
• Introduction & Schéma du blog (layout)
• Structure des fichiers (architecture)
• Création de la base de données
• Front-end - Création du menu du site
• Front-end - Création de la navigation latérale (sidebar)
• Front-end - Création du footer
• Front-end - Création de la page d'articles
• Création et sécurisation de l'espace d'administration
• Espace d'administration - Ajouter des catégories
• Espace d'administration - Ajouter des articles
• Affichage des articles sur la page d'accueil (depuis la base de données)
• Affichage dynamique des articles (page d'article unique)
• Mise en place de l'espace commentaires
• Affichage des catégories et des commentaires récents dans la sidebar
• Tri des articles par catégorie
• Mise en place de la barre de recherche pour les articles La Programmation Orienté Objet (POO) en PHP
• Introduction à la POO
• Notre première classe
• Les attributs
• Les méthodes
• Le constructeur : une méthode particulière
• Les méthodes et attributs statiques
• La visibilité : public, protected et private
• Les getters et setters
• L'héritage
• Charger ses classes automatiquement : spl_autoload_register() Boostrap
• Introduction
• À quoi ça sert
• Qu'allons-nous apprendre et à qui s'adresse cette formation ? Installer Boostrap
• Installation via les fichiers sources
• Installation via les CDN La structure de Boostrap (Layout)
• Les containers
• La grille Bootstrap : Les lignes et les colonnes (rows et columns)
• Gérer des lignes dont les colonnes sont de tailles égales
• Imbriquer des lignes et colonnes
• Modifier l'alignement des colonnes (vertical et horizontal)
• Modifier l'ordre des colonnes
• Décaler des colonnes (offset)
• Espacer ses colonnes avec les gouttières (gutters) Notre premier projet : Reproduire Instagram
• Notre 1er projet : Instagram
• Place à la pratique
• Dissection de l'interface d'Instagram
• Le header
• Les stories
• Les postes
• La sidebar Formater du contenu avec Bootstrap
• Les textes
• Les citations
• Les images et figures
• Les tableaux
• Les formulaires
• Les attributs d'accessibilité (ARIA) Les composants Boostrap
• Introduction de la section
• Les boutons (button)
• Les groupes de boutons (buttons group)
• Les listes déroulantes (dropdown)
• Les cartes (card)
• Les menus de navigation (nav)
• Les onglets (nav tabs)
• Les barres de navigation / Menus principaux (navbar)
• Les modales (ou "dialog" ou "popup") (modal)
• Les popovers & tooltips (pour apporter des précisions à un élément)
• Les notifications (toasts)
• Les fils d'Ariane (breadcrumb)
• La pagination Second projet : Créer une boutique e-commerce
• Le header
• Le carousel
• Les breadcrumbs & list group
• Les cards
• La pagination et le footer
• Le toast Projet final : Reproduire Twitch
• Place à la pratique
• Le header : partie 1
• Le header : partie 2
• La sidebar : partie 1
• La sidebar : partie 2
• Le main : partie 1
• Le main : partie 2
• La modal

‍

Coder en HTML, CSS et PHP
Créer des sites web de façon autonome
Partir d'une simple idée / d'un schéma de site pour lui donner vie
Apprendre à programmer en PHP Orienté Objet (POO)

‍