
Que tu sois débutant(e), intermédiaire, en reconversion, ou que tu souhaites découvrir une autre manière de coder, cette formation va te permettre de découvrir le modèle MVC par le biais d'un exemple concret : la création d'un site internet.
Nous allons créer ton site internet de bout en bout, d'une page blanche jusqu'à son hébergement.
Bien sur, si tu as des questions, je te laisserai mon email afin que tu me contactes.
Si certaines choses ne sont pas claires pour toi, je te laisse le soin de me contacter sur udemythomas@gmail.com
Dans cette seconde vidéo, je te propose de poser le cadre de ton apprentissage.
Pour cela, je te demande respecter quelques règles :
Suivre : Se donner quelques jours pour réaliser le cours, une semaine est très bien.
Faire : Coder en même temps que moi.
Approfondir : Poursuivre le cours en autonomie en approfondissant les notions.
Notion(s) importante(s) :
Pair programming : Développement à deux, toi et une personne plus expérimentée que toi (en toute modestie), l'idée derrière cette méthode est que tu montes en compétence en suivant et faisant les méthodes de ton formateur, binôme.
Si certaines choses ne sont pas claires pour toi, je te laisse le soin de me contacter sur udemythomas@gmail.com
Cette première vidéo d'introduction va te permettre de découvrir qui je suis ainsi que mon parcours.
J'accorde une importance à ce que tu saches qui je suis afin que tu comprennes qui va te former.
Si certaines choses ne sont pas claires pour toi, je te laisse le soin de me contacter sur udemythomas@gmail.com
Dans cette vidéo, je t'en dis un peu plus sur le TP que nous allons mettre en oeuvre ensemble. Ce TP est primordial pour ton apprentissage de la thématique.
Comme tu l'as vu, nous allons réaliser un blog avec la notion d'article.
L'idée est de faire un site vitrine complet.
Nous allons pour la réalisation de ce TP utiliser des outils.
Serveur Web
MAMP (si tu es sur MAC)
XAMPP (si tu es sur Windows)
Editeur de texte
Visual Studio Code
Sublim Text
Navigateur
Chrome
Edge
Firefox
Si certaines choses ne sont pas claires pour toi, je te laisse le soin de me contacter sur udemythomas@gmail.com
Le modèle MVC est un modèle d'architecture pour la réalisation de projet de développement.
Voici son intérêt :
Propreté
Un code plus propre et plus facilement maintenable
Séparation
Séparation des données (vues), du traitement (contrôleurs) et du stockage (modèles)
Sécurité
Chaque requête de l’utilisateur final est analysée par le contrôleur
Référentiel
Le design pattern MVC est connu de tous et permet une reprise du code plus simple
Notion(s) importante(s) :
MVC : Modèle vue contrôleur, permettant de réaliser un patron de conception de site internet.
Si certaines choses ne sont pas claires pour toi, je te laisse le soin de me contacter sur udemythomas@gmail.com
Dans cette session je te propose de télécharger et personnaliser tes outils.
Visual studio code (éditeur de code)
https://code.visualstudio.com/download
Xampp (serveur web)
https://www.apachefriends.org/fr/download.html
Mamp (serveur web)
https://www.mamp.info/en/downloads/
Si certaines choses ne sont pas claires pour toi, je te laisse le soin de me contacter sur udemythomas@gmail.com
Nous commençons notre formation MVC par notre fichier index.php qui va réaliser le dispach entre les différents contrôleurs. En fonction de la page appelée, nous allons appeler (si existant) le contrôleur en question. Ce dernier mettera en lien le modèle et la vue.
Si certaines choses ne sont pas claires pour toi, je te laisse le soin de me contacter sur udemythomas@gmail.com
Nous commençons notre formation MVC par notre fichier index.php qui va réaliser le dispach entre les différents contrôleurs. En fonction de la page appelée, nous allons appeler (si existant) le contrôleur en question. Ce dernier mettera en lien le modèle et la vue.
Si certaines choses ne sont pas claires pour toi, je te laisse le soin de me contacter sur udemythomas@gmail.com
Dans ce premier TP, je te propose de concevoir les pages 404 et contact. A partir de ce que nous avons fait pour la page home.php, j'aimerai que tu puisses faire la même chose pour ces deux pages.
Pour rappel : La page 404 est appelée si et seulement si le contrôleur appelé n'est pas trouvé.
Si certaines choses ne sont pas claires pour toi, je te laisse le soin de me contacter sur udemythomas@gmail.com
Voici la correction, mais je pense que tu as parfaitement réussit à faire le TP. :)
Si certaines choses ne sont pas claires pour toi, je te laisse le soin de me contacter sur udemythomas@gmail.com
Ton framework est disponible ici :
https://materializecss.com/getting-started.html
Pense également à ajouter les fonts de materialize :
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
Attention, tu vas devoir le coupler avec jQuery, disponible en librairie partagée :
https://developers.google.com/speed/libraries#jquery
Notion(s) importante(s) :
Framework : Librairie externe que tu intègres à ton projet.
CDN : Content delivery network : Diffusion de contenu en réseau, stockage de librairies externes.
Si certaines choses ne sont pas claires pour toi, je te laisse le soin de me contacter sur udemythomas@gmail.com
N'oublie pas d'ajouter cette ligne dans ta vue afin de bénéficier des icones : <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
Les icônes sont disponibles ici : https://fonts.google.com/icons
Si certaines choses ne sont pas claires pour toi, je te laisse le soin de me contacter sur udemythomas@gmail.com
Une expression ternaire est :
(condition à valider) ? Si vrai : Si faux;
Un echo en php peut se résumer à : <?= ce que je veux afficher ;?> en html
Si certaines choses ne sont pas claires pour toi, je te laisse le soin de me contacter sur udemythomas@gmail.com
Pour sécuriser notre formulaire nous utilisons un token.
Ce token est un clé de hash sur 32 octets stockée en session.
En savoir plus sur les sessions : https://www.php.net/manual/fr/reserved.variables.session.php
Si certaines choses ne sont pas claires pour toi, je te laisse le soin de me contacter sur udemythomas@gmail.com
Pour sécuriser notre formulaire nous utilisons un token et un captcha.
Ce captcha est disponible ici : https://www.hcaptcha.com/
Tu vas pouvoir grâce à lui valider un formulaire et éviter le envois de mail part des robots.
Si certaines choses ne sont pas claires pour toi, je te laisse le soin de me contacter sur udemythomas@gmail.com
Le modèle, dernière pierre de notre modèle MVC.
Le modèle communique avec la base de données et est appelé par le contrôleur.
Si certaines choses ne sont pas claires pour toi, je te laisse le soin de me contacter sur udemythomas@gmail.com
Dans ce TP, je te laisse créer la page du blog qui va lister quelques articles.
Tu peux t'aider de l'élément card du framework css sélectionné : https://materializecss.com/cards.html
Si certaines choses ne sont pas claires pour toi, je te laisse le soin de me contacter sur udemythomas@gmail.com
Je suis sur que le TP s'est bien déroulé, bravo ! :)
Si certaines choses ne sont pas claires pour toi, je te laisse le soin de me contacter sur udemythomas@gmail.com
L'hébergement d'un site internet est quelque chose de primordial pour que ce dernier soit accessible.
Nom de domaine : xxx.fr
Hébergement : Stockage des fichiers du site.
FTP : File transfert protocol : Protocole de transfert pour envoyer tes fichiers sur l'hébergement.
Tu peux utiliser filezilla : https://filezilla-project.org/
Si certaines choses ne sont pas claires pour toi, je te laisse le soin de me contacter sur udemythomas@gmail.com
Hello !
Toutes mes félicitations. Tu as terminé cette première formation.
J'espère que cela s'est bien passé pour toi. Si tu souhaites approfondir ce que tu as appris, je te propose de suivre une nouvelle formation qui va sortir prochainement sur la connexion à une base de données (PDO). Cette formation te sera remise à prix réduit si tu me laisses un petit avis sur la formation que tu viens de terminer.
J'attends ton avis et ton mail pour me confirmer tout ça et je t'enverrai ton lien personnalisé.
udemythomas@gmail.com
A très vite,
Thomas
Que tu sois débutant(e), intermédiaire, en reconversion, ou que tu souhaites découvrir une autre manière de coder, cette formation va te permettre de découvrir le modèle MVC par le biais d'un exemple concret : la création d'un site internet.
Ensemble, nous allons partir d'une page blanche et aller jusqu'à l'hébergement de ton projet en passant par les étapes suivantes :
Créer une architecture MVC (Modèle vue contrôleur)
Développer depuis une page blanche un site internet
Sécuriser tes formulaires (token, CAPTCHA)
Héberger ton site internet une fois terminé
L'idée derrière ce TP est que tu disposes au terme de la formation d'une base solide. Cette base solide te permettra de repartir pour tes projets personnels, pour des sujets dans l'entreprise dans laquelle tu travailles ou tout simplement pour améliorer tes compétences.
Afin de suivre au mieux cette formation je t'encourage à :
Réaliser ce cours sur quelques jours
Coder en même temps que moi afin de mieux assimiler l'information
Approfondir les diverses notions que tu apprendras
Egalement, tout au long du cours j'insisterai sur des notions importantes comme le pair programming et bien d'autres que je prendrai le temps de t'expliquer.
N'hésite pas à me contacter, je te donnerai à plusieurs reprise tout au long de ce cours un moyen de contact, je répondrai à toutes les questions que tu te poses.