Créer un site Web dynamique de A à Z avec PHP
3.9 (4 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
28 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Créer un site Web dynamique de A à Z avec PHP to your Wishlist.

Add to Wishlist

Créer un site Web dynamique de A à Z avec PHP

Vous maitrisez HTML et CSS, avec PHP. Apprenez à développer un site à partir de zéro .
3.9 (4 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
28 students enrolled
Created by Dr Marc Augier
Last updated 3/2017
French
Current price: $10 Original price: $50 Discount: 80% off
1 day left at this price!
30-Day Money-Back Guarantee
Includes:
  • 2 hours on-demand video
  • 2 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Dans ce cours vous allez apprendre quelques rudiment d'ergonomie et interface utilisateur.
  • Ensuite, vous verrez comment développer votre propre "framework" pour développer plus rapidement.
  • Vous verrez comment utiliser des templates pour faire rapidement un site avec un design de PRO
View Curriculum
Requirements
  • Il vous faut un ordinateur personnel Mac.
  • Il vous faut une connexion Internet pour télécharger les outils (et suivre ce cours !) mais il est possible de travailler ensuite sur les exercices sans connexion.
Description

Vous maitrisez HTML, CSS et PHP mais vous n'avez pas encore mis tout cela en pratique dans un vrai projet ?

Ce cours et l'occasion de "mettre le maçon au pied du mur".

  • Comment, avec ces outils, bâtir un site Web ?
  • Comment faire pour que ce soit simple à maintenir, stable et robuste ?
  • Vous avez entendu parler de framework (Symfony, etc.) mais c'est trop lourd et complexe pour votre projet
  • Vous souhaitez développer VOTRE framework, adapté à la taille de votre site.

Ce cours s'adresse à tous ceux qui souhaitent créer un site Web dynamique, c'est à dire dont les pages sont créées à la volée suivant les requêtes de l'internaute et ceci à partir de zéro, tout le code du site sera VOTRE (notre) code.

Il est préférable d'avoir déjà des notions de PHP, HTML et CSS que nous utiliserons pour construire un site au fur et à mesure que nous avancerons dans les leçons. Celles-ci sont principalement constituées de vidéos, au départ pour expliquer comment notre projet de développement va être conduit. Nous discuterons aussi ergonomie et interface graphique, nous verrons ensuite comment développer votre propose framework pour développer plus vite et plus simplement.

Ensuite, nous construirons petit à petit le site. Plutôt qu'un cours magistral, il s'agit donc de partir d"une feuille blanche et de construire, ligne après ligne, le site que je vous propose. À partir de cet exemple, il vous sera très simple de construire votre propre site, avec votre contenu.

Après chaque leçon dans laquelle du code est présenté, vous aurez en téléchargement un ou plusieurs fichiers contenant le code source présenté. Je vous donnerai également quelques exercices de programmation dont la solution sera également fournie sous la forme de code source et d'une vidéo explicative pour les plus complexes.

Après avoir suivi ce cours vous serez capable de :

  • Aborder et mettre en place un projet de développement de site Web dynamique.
  • Développer un site Web dynamique en PHP d'envergure.
  • Comprendre l'utilité d'un framework, sa logique et son fonctionnement.
  • Maitriser PHP en coordination avec HTML et CSS.

Et surtout...

VOUS SEREZ CAPABLE DE DÉVELOPPER SEUL N'IMPORTE QUEL TYPE DE SITE

C'est une compétence que vous pourrez mettre en avant sur votre CV et utiliser professionnellement.

Who is the target audience?
  • Vous devez déjà connaitre HTML et CSS.
  • Vous devez aussi connaitre les base de Php, ce n'est pas un cours de programmation stricto sensu mais plutôt une méthodologie de développement de site dynamique.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 19 Lectures Collapse All 19 Lectures 02:07:15
+
Introduction et présentation
5 Lectures 37:36

Dans cette première vidéo nous allons poser les bases de ce qui sera vu dans le cours. Les outils, l'environnement de programmation et quelques détails sur le contenu.

Les liens qui accompagnent cette première séance vous permettrons de retrouver les fondamentaux qu'il est nécessaires de maitriser pour tirer parti de la suite (HTML, CSS, PHP et finalement MySQL).

Preview 14:06

Dans cette série de 3 lectures, je vous présente les outils Open Source que nous allons utiliser pendant le cours pour construire le site. Il s'agit du serveur Web Apache et de l'IDE NetBeans.


Commençons par l'installation de XAMPP qui propose un package complet pour monter un serveur Web en quelques clics.

Le serveur Web facile avec XAMPP
05:47

Ceci est une étape optionnelle pour ceux qui veulent voir les détails de l'installation de XAMPP.

Le serveur Web natif pour les courageux
05:36

Si plutôt que d'installer XAMPP, vous préférez utilser le serveur natif pré-installé dans votre Mac OS X, voici les quelques commandes qui vont permettre de l'activer pour l'utiliser.

Donc, attention, ces 2 installations sont mutuellement exclusives. Si vous installez 2 serveurs Apache sur votre machine, ils vont être en conflit et il faudrait veiller à arrêter l'un pour démarrer l'autre.

Dernier outil, NetBeans, pour editer les fichiers PHP avec style
02:23

Cette fois ci nous allons nous préparer à passer aux choses sérieuses et envisager les différentes étapes de développement de notre site.

Cahier des charges et design
09:44
+
Alors on code !
8 Lectures 01:08:10

Nous allons enfin commencer à coder notre site. Pour l'instant cela va être une simple page index.php avec un design que nous irons chercher sur http://www.oswd.org

La mise en place est expliquée dans la vidéo suivante où je vous montre comment cela se passe pour utiliser XAMPP et NetBeans.

Comment ça va se passer
04:43

On ouvre enfin NetBeans pour écrire nos premières lignes de code.

Ecrire ? Pas tout à fait, pour nos premières ligne de code PHP nous allons tricher... et ne coder d'abord que de l'HTML. Pour courroner le tout, nous allons même télécharger un code HTML déjà tout prêt.

En attachement vous trouverez le code de la template que j'ai téléchargé depuis le site "Open Source Web Design".

Première utilisation de NETBEANS
07:01

Quelques conseils

Attention aux mélanges de ' et de " quand vous copiez le code HTML, il peut y avoir des caractères innoportuns qui vont faire des erreurs PHP. D'où l'importance de bien choisir d'utiliser 

echo 'Bonjour';

ou 

echo "c'est moi";

ou encore 

?>

plus de problème.

Multiligne.

c'est le bonheur

<?php

suivant le cas. L'important est de faire simple et lisible.

Je vous ai laissé une dernière fonction à coder, en vous disant de faire simple. Si toutefois vous voulez conserver la colonne de droite, il faudrait ajouter une fonction...Voire une autre si vous voulez conserver la possibilité d'afficher des résumés d'articles.

Dans la prochaine vidéo, je vous montrerai comment j'ai procédé et vous aurez le code source à télécharger.

Passer du template HTML à PHP
06:12

C'est quand même une fonction centrale dans notre système... puisque c'est elle qui affiche ce qui est au centre !

Voici ma manière de procéder,  le code à télécharger pour que nous soyons sur la même longueur d'onde se trouvera dans la prochaine vidéo une fois le nettoyage terminé.

Comment se débrouiller avec la fonction d'affichage du contenu
14:33

On termine le nettoyage de HTML vers PHP.

Cette fois on s'occupe de la colonne de droite, on identifie les résumés d'article façon blog et on fait passer tout ça à travers des fonctions.

Dans le futur ceci est sans doute appelé à migrer ailleurs, mais pour l'instant cela nous permet de garder la structure de la page HTML originale et encore une fois, on avance à petits pas pour ne rien perdre ni personne en route.

À partir de là, on peut encore imaginer de paramétrer la fonction qui gère la colonne de droite pour obtenir une  infrastructure suffisement souple, en utilisant par exemple un tableau pour passer une liste de liens. On peut aussi modifier le pied de page pour ajouter le nom de votre site.


Je vous propose une solution à télécharger, il est compressé parce qu'il n'est pas possible de poster directement un fichier PHP pour des raisons de sécurité.

Nettoyage du code HTML vers PHP
13:20

Reste la colonne de droite à nettoyer pour la rendre dynamique, elle est constituée de 2 parties, une boite de texte et une liste de liens. Commençons par la boite de texte.

La colonne de droite doit être nettoyée elle aussi
08:21

Nous allons maintenant faciliter la création et l'affichage de la liste de liens.

Mise en place de la liste de liens
08:35

Création de la structure de notre framework, dossiers menu et inc avec à l'intérieur notre bibliothèque de fonctions.

Vous trouverez en téléchargement un fichier compressé contenant les fichiers index.php et fonctions.inc.php.

Mise en place de la structure dans le dossier racine du site
05:25
+
Rendons le menu dynamique
4 Lectures 12:59

Nous avons pour l'instant une seule page, index.php, très simple et qui fait appel à des fonctions de notre mini "framework" pour construire la page HTML qui est affichée.

Avant de développer d'autres pages, il faut pouvoir les appeler, pour cela nous allons maintenant modifier la fonction qui affiche le menu pour qu'elle soit dynamique.

Faisons le point
01:57

Création du dossier menu avec NetBeans, il faut ensuite ajouter à l'intérieur de celui-ci ce que nous voudrions voir apparaitre au niveau du menu.

Création du dossier menu
02:48

Maintenant nous modifions notre fonction AfficheMenu pour qu'elle lise le contenu du dossier menu, le mette en forme et le transforme en liens qui s'affichent à la place du menu statique existant.


Le code complet est détaillé dans la lecture suivante.

Création du menu dynamique
04:02

Avec le code que vous trouverez en téléchargement, je vous propose mes commentaires pour le mettre en perspective.

Explications du code "menu dynamique"
04:12
+
Et après ?
2 Lectures 08:30

Le menu est actif, encore faut-il que les modules qu'il appelle soient paramétrés. C'est ce que nous allons faire dans cette partie.

Créer de nouvelles pages
07:26

Et voilà, la structure du site est en place, il ne reste plus qu'à coder de vrais modules et afficher un vrai contenu.

J'espère que ce cours vous a non seulement intéressé mais aussi appris sur la manière de construire un site dynamique structuré et facile à faire évoluer.

N'hésitez pas à me faire part de vos remarques pour faire évoluer le cours.

Pou terminer, vous trouverez un fichier ZIP à télécharger contenant tous les fichiers de notre mini site. Pour l'utiliser, il suffit de le décompresser dans le dossier racine de votre site Web.

Et voilà !
01:04
About the Instructor
Dr Marc Augier
4.2 Average rating
35 Reviews
302 Students
5 Courses
Consultant et formateur (xDM Consulting)

Je suis consultant et professeur de management des systèmes d’information, passionné de nouvelles technologies et de leur utilisation dans notre quotidien, personnel comme professionnel. Ingénieur et Docteur en Sciences de l’information et de la communication, mes recherches portent sur les relations entre technologie et société, plus
particulièrement dans le monde de l’éducation.

Je suis un fervent défenseur des logiciels libres, mis à part une petite faiblesse pour mon Mac Book, mais je me (le?) soigne. Codeur impénitent, créateur de sites Web compulsif, j'adore partager et j'espère vous retrouver bientôt dans mes cours.

J'ai passé les 15 dernières années à SKEMA Business School, précédemment j'ai été consultant chez Accenture pendant près de 10 ans. J'ai aussi tenu différents postes d’ingénieur logiciel, responsable client ou chef de projet à la compagnie IBM France et dans des startups françaises.