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.8 (2 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.
15 students enrolled
$19
$25
24% off
Take This Course
  • Lectures 16
  • Length 1.5 hours
  • Skill Level Intermediate Level
  • Languages French
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 8/2015 French

Course Description

Ce cours s'adresse à tous ceux qui souhaitent créer un sites 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.

What are the 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.

What am I going to get from this course?

  • 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

What 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.

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Introduction et présentation
14:06

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).

05:47

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.

05:36

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

02:23

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.

09:44

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.

Section 2: Alors on code !
02:30

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.

11:04

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".

04:58

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.


Si vous voulez conserver la colonne de droite, il faudrait ajouter une fonction...


Une solution est proposée en téléchargement, si vous voulez l'utiliser il faudra changer son extension de txt à php.

07:33

On termine le nettoyage de HTML vers PHP.


En exercice, il vous restera à faire la même chose avec la colonne de droite, 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 suffit de renommer l'extension de txt à php pour pouvoir l'utiliser.

03:36

Création du dossier inc et à l'intérieur de notre bibliothèque de fonctions.

Section 3: Rendons le menu dynamique
01:57

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.

02:48

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.

04:02

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.

04:12

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

Section 4: Et après ?
07:26

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.

01:04

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.

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Dr Marc Augier, 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.


Ready to start learning?
Take This Course