Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA CompTIA Security+ Amazon AWS AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Mindfulness Personal Development Personal Transformation Life Purpose Meditation Emotional Intelligence Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Blogging Freelancing Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Development Web Development PHP

Développement web de A à Z : créez un site complet sécurisé

D'un site statique à un site dynamique. MVC, HTML/CSS/Bootstrap, PHP, JS/JQuery, MySQL/PDO, sécurité, MCD/MPD (MERISE)..
Rating: 4.3 out of 54.3 (190 ratings)
1,194 students
Created by Matthieu GASTON
Last updated 2/2021
French
30-Day Money-Back Guarantee

What you'll learn

  • Créer un site web dynamique "responsive" à partir de zéro (HTML / CSS / PHP / JS...)
  • Analyser le besoin de son client avec la méthode MERISE (partie des données)
  • Mettre en place une Base de Données (BD) MySQL
  • Utiliser PHP data objects (PDO) pour manipuler les données de la BD
  • Styliser avec Bootstrap
  • Sécuriser son site internet et gérer les erreurs

Course content

10 sections • 99 lectures • 13h 23m total length

  • Preview02:08
  • Preview01:00
  • Preview00:13
  • Conseils pour suivre la formation
    01:27
  • Les outils
    00:58

  • Découverte du site internet
    06:47
  • Le process de mise à jour actuel
    09:23
  • La problématique et les contraintes
    04:02

  • Preview00:47
  • Preview02:25
  • Création de l'espace de travail
    06:06
  • Les fichiers sources
    00:12
  • Des paramétrages de base (installation bootstrap + google font)
    08:03
  • Bootstrap v4 et V5
    00:25
  • Les nouveautés de bootstrap 5
    04:49
  • La partie Header
    09:26
  • Créer le menu
    09:54
  • Finalisation de la structure des pages
    08:03
  • Page Index.php : le carrousel
    09:57
  • Page Index.php : finalisation
    12:44
  • Page Association.php
    08:36
  • Page partenaires.php
    06:33
  • Mieux coder
    18:07
  • Les pages "conseils"
    12:28
  • Les pages "dons" et "mentions-légales"
    06:42
  • Page "contact" : formulaire et traitement
    15:51
  • La page "pensionnaires"
    14:07
  • La page "actus"
    07:51
  • La page "animal"
    08:00
  • Conclusion du module
    01:53
  • Tester ses connaissances
    7 questions

  • Preview00:55
  • Diagramme de Use Case
    05:13
  • MCD et Analyse des données
    10:09
  • MCD Finalisation
    02:44
  • Passage du MCD au MLD
    03:50
  • Installation de MySQL workbench (explication)
    00:25
  • Installation de MySQL workbench
    03:58
  • Réalisation du MPD - étape 1
    08:10
  • Réalisation du MPD - étape 2
    06:28
  • Export de Workbench vers PHPMYADMIN
    04:50
  • Fin du module
    00:40
  • L'analyse en Quizz
    6 questions

  • Preview00:39
  • Création de la BD dans PhpMyAdmin
    13:06
  • Insertion de données
    08:57
  • Les requêtes de sélection (SQL)
    12:54
  • Interconnexion BDD et PHP
    11:07
  • Page des pensionnaires étape 1
    14:22
  • Page des pensionnaires étape 2
    10:47
  • Page des pensionnaires finalisation
    08:16
  • Page animal.php
    14:38
  • Quelques correctifs
    04:11
  • Fin du module
    00:39
  • Quizz BD / PDO
    5 questions

  • Preview00:42
  • Problématique et séparation des l'accès aux données de l'affichage
    07:16
  • Séparation des actions de l'affichage
    08:01
  • Présentation du modèle MVC
    02:18
  • Restructuration
    07:40
  • Les fichiers Routeur et Template
    09:06
  • La page d'accueil
    09:44
  • Les autres pages "statiques"
    08:17
  • La page animal
    10:47
  • Gestions des exceptions
    08:45
  • Fichier .htaccess et sécurité
    16:33
  • Sécurisation du site
    10:55
  • Les actualités
    11:22
  • Images et actualités
    11:28
  • Page d'accueil - étape 1
    09:53
  • Page d'accueil - étape 2
    21:13
  • Fin du module
    00:32
  • MVC Quizz
    6 questions

  • Preview00:57
  • La page de login - étape 1
    11:53
  • La page de login - étape 2
    10:01
  • Sécurisation de la session
    09:36
  • La page d'accueil de l'admin
    13:36
  • L'ajout d'une actualité - étape 1
    12:14
  • L'ajout d'une actualité - étape 2
    14:26
  • Upload d'image et ajout en BD
    20:03
  • Gestion des news - routage
    12:31
  • Modification d'une actualité - étape 1
    10:58
  • Modification d'une actualité - étape 2
    18:12
  • Supprimer une actualité avec une confirmation JavaScript
    11:34
  • Gestion des pensionnaires - routage
    04:47
  • Formulaire d'ajout d'un animal
    08:40
  • Ajout d'un animal en BD - E1
    16:57
  • Ajout d'un animal en BD - E2
    08:42
  • modification d'un animal - E1
    09:35
  • modification d'un animal - E2
    11:57
  • modification d'un animal - E3
    10:27
  • Suppression d'un animal
    07:53
  • Fin du module
    00:56

  • Preview00:43
  • Gérer les images : Suppression
    23:57
  • Gérer les images : Ajout d'image dans les pensionnaires
    08:02
  • Gérer les images : faire une "bibliothèque"
    20:43
  • Fin du module
    01:04

  • Des finitions
    05:27
  • Test de la BD réelle et mise sur internet de la BD
    09:37
  • Mise en ligne finale
    06:25

  • Bonus : Code coupon vers mes autres cours
    01:05

Requirements

  • Avoir des connaissances en HTML et CSS est un plus
  • Avoir des bases en PHP

Description

Vous voulez  créer un site internet complet en prenant en compte toutes les problématiques ?

  • Ce cours ne contient pas que de la programmation informatique.

  • Il a pour objectif d'apprendre le développement web et met en évidence la nécessité d'analyser le besoin de son client. Nous allons donc analyser avant de programmer (et oui c'est parfois un peu rébarbatif, mais obligatoire pour éviter les dérives et bien comprendre ce que notre client souhaite).

  • Ne vous inquiétez pas, sur 13 heures de cours, il y a plus de 11 heures de programmation !


Dans ce cours vous allez progresser par étape :

  • Le premier module contient le "blabla" nécessaire pour comprendre la problématique et les enjeux de la refonte du site internet d'une association de protection animale.

  • Dans le deuxième module, vous allez apprendre à réaliser la refonte statique du site, c'est à dire à traiter l'aspect architecture et design (technologie HTML, CSS et bootstrap Avancé). Après 3 heures, nous aurons réalisé l'aspect global du site.

  • On va ensuite analyser le besoin de notre client pour passer vers un site dit dynamique (contenant une base de données), et on va réaliser un diagramme de Use Case, un MCD, MLD et MPD (avec MySQL Workbench)

  • Une fois l'analyse terminée, il faudra mettre en place la BD, et on apprendra le langage SQL, et à "plugguer" le PHP et la BD avec PDO

  • On réalisera ensuite le site dynamique en appliquant l'architecture MVC, utilisant la BD ce qui permettra de voir en détail l'ensemble des langages principaux du WEB.

  • On fera ensuite la partie administration du site qui permettra à notre client de modifier par lui même son site internet. Ce sera un module long et assez complexe, qui vous permettra de "maîtriser" la programmation web.

  • On n'oubliera pas le JavaScript, et on utilisera JQuery pour manipuler les éléments du DOM et réaliser la gestion des images du site.

  • Enfin, je vous montrerai comment mettre en ligne le site, en créant la BD sur l'hébergeur, et en déployant le site via FTP.

La POO n'est pas traitée dans ce cours.


Sans oublier...

  • Pour réaliser ce site, on traitera les aspects "sécurité" : .htaccess, cryptage de password, injection SQL, faille XSS ...

  • On appliquera la gestion des exceptions et des erreurs pour contrôler ce qu'il se passe sur notre site !

  • On mettra en place l'architecture MVC : modèle vue contrôleur qui est essentielle en programmation !

  • On ferra en sorte que le site soit "responsive" c'est à dire qu'il s'adapte à toutes tailles d'écran.


En résumé...

Alors oui c'est un cours qui n'est pas parfait, où il y a des longueurs (mais faut bien faire les pages, notre client en a besoin !), où il y a des imperfections, où il y a des imprécisions.

Mais avez vous déjà suivi un cours traitant d'un seul sujet, un projet avec un client en face, avec un réel objectif et des enjeux ?

C'est ici la vrai vie (et si vous avez des suggestions d'amélioration dans la programmation du site, je suis preneur).

A l'issue de ce cours vous aurez appréhendé une très grande palette de sujets et de problématiques qui devraient vous rendre autonome dans la programmation de site internet.

Je suis convaincu que c'est son imperfection qui en fait l'un des meilleurs cours de développement web que vous pourrez suivre. C'est par ici que vous commencerez à devenir développeur web.


Je vous conseille pour plus de facilité de suivre deux de mes précédant cours au préalable :

  • 3 H2Prog. pour créer son premier site web en HTML et CSS (gratuit) --> pour apprendre à créer son premier site web et les langages HTML et CSS

  • 9 H2prog. PHP pour être autonome en programmation Web --> pour apprendre la programmation PHP

Si vous avez déjà des connaissances sur ces deux domaines, vous pouvez vous lancer sans problème dans ce nouveau cours !


Le site est en ligne et accessible pour vous faire une idée (association nos amis nos animaux).


Bon cours à vous !

Je reste à votre disposition.


Matthieu GASTON de H2PROG

Who this course is for:

  • Etudiants ou futurs étudiants en informatique
  • Développeurs web (frontend & backend)
  • Développeurs autodidactes

Instructor

Matthieu GASTON
Formateur en école supérieure d'informatique + sur H2PROG
Matthieu GASTON
  • 4.6 Instructor Rating
  • 3,803 Reviews
  • 14,579 Students
  • 25 Courses

Professionnel de l'informatique depuis 2012, après un Master MIAGE acquis à Toulouse en Alternance auprès d'IBM, j'ai travaillé dans des grandes structures comme Capgemini et CGI en qualité de développeur et de chef de projet.

Intervenant en école supérieure d'informatique, j’enseigne aujourd’hui sur internet en particulier sur Udemy et sur H2PROG afin de faire partager mes compétences et mon expérience.

L’objectif principal de mes formations est de vous amener à pratiquer un maximum, et de vous sentir à l’aise avec le développement informatique.

Si vous arrivez ensuite à trouver un emploi, j’aurais réussi ma mission.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.