Tuto publié par 
Voici une formation complète dédiée à l'intégration et le développement d'un site web de type ecommerce. Au programme, plus de 14h de formation, en vidéo, qui vous expliqueront comment créer votre propre boutique en ligne. Cette formation est découpée en 2 grands chapitres :
- La partie intégration (HTML - CSS - Javascript)
- La partie développemement (PHP - CAKE PHP - Base de données MYSQL)
Fonctionnalités du site qui seront passées en revue dans cette formation :
- carrousel interactif
- Affichage automatique des derniers articles ajoutés
- Création d'un moteur de recherche
- Mise ne place d'un flux d'actualité RSS
- Création d'un formulaire de contact
- Création d'une galerie de produits avec fonctions de tri et de filtre
- Réalisation d'un zoom d'images
- Affichage des photos d'un même artiste
- Intégration d'un player vidéo en Flash et en HTML 5
- Réalisation d'un panier avec système Paypal et récapitulatif de commande
- Création de compte et d'un espace personnel utilisateur (information personnelle, historique de commandes et module de messagerie)
- Contrôle des ventes (chiffre d'affaire, nombre de ventes et panier moyen)
- Contrôle et suivi des commandes
- Gestion et suivi des messages clients
- Gestion des inscriptions et des comptes utilisateurs
- Liste d'envois des newsletters avec export en CSV
- Création et modification des fiches produits (informations générales, images, taille et prix, outils de référencement)
- Gestion des artistes
- Gestion du carrousel (image, position, titre, lien de renvoi à la fiche produit concernée)
Partie 1 : Intégrez un site Web :
Cette première partie de formation se consacre à l'intégration et la mise en page du site web dans les moindres détails avec un éditeur (dans notre exemple Dreamweaver. Le HTML vous permettra de créer la structure générale du site, de hiérarchiser le contenu des pages web en accord avec les règles du référencement naturel et d'insérer les ressources multimédia (les images, le player vidéo en HTML5 et en Flash...).
Avec la puissance du CSS, vous styliserez et mettrez en forme les différents pages du site en contrôlant avec précision la position, les couleurs, les typographies, les contours, les transparences (…) de chaque élément : header, footer, menu de navigation, boutons de pagination, titres, paragraphes, textes en colonne… Vous verrez également comment mettre en place un carrousel et un zoom d'image en javascript avec le framework jQuery.
- Structurez et hiérarchisez vos pages en HTML
- Insérez les liens et les images.
- Intégrez un player video en HTML5 et Flash
- contrôlez avec précision la mise en forme de site en CSS
- Créer un carrousel et un zoom en Javascript avec jQuery
Partie 2 : Développer votre site Web :
Dans cette seconde partie, vous utiliserez l’ensemble des technologies et langages de programmation nécessaires au développement d'un site dynamique et de e-commerce : la POO (Programmation Orientée Objet) via le modèle MVC (modèle vue controler) et l’utilisation de framework PHP et de MySQL. Ainsi, la formation a également pour objectif d'être le reflet des réalités professionnelles en vous fournissant des connaissances actualisées dans les domaines de la programmation. Particulièrement rigoureux et pédagogue, Steven Titren, développeur depuis 10 ans et spécialiste de solutions e-commerce, vous permet d'acquérir des méthodes de travail efficaces pour venir à bout de ce type de projet web et comprendre l'interaction entre les différentes technologies.
Après l'installation du framework, la création de la bases de données et la configuration des différentes templates consistant à définir la structure de développement du site, vous aborderez la POO avec le modèle MVC de Cake PHP et l'adapterez aux différentes pages. Une dernière étape traitera des fonctions et applications spécifiques à ce site : envoi d'email, moteur de recherche, mise en place d'une galerie dynamique, export des abonnés à la newsletter, création et gestion de compte client, confirmation de commande, gestion du panier...
- Apprenez des méthodes professionnelles
- Utilisez les dernières technologies : POO, MVC, Cake PHP et MySQL
- Créer les différents templates et la base de données du site
- Appliquez les fonctions spécifiques à un site dynamique
- Gérer votre site et ses données avec le back office
Tous les fichiers sources vous seront livrés dans cette formation afin que vous puissiez la suivre le plus efficacement possible.
Jetez un oeil à ces autres tuto Dreamweaver, CSS 3, CakePHP
Formulaire de contact graphique…
Cette formation est consacrée à la création d'un formulaire…
Un menu complet à partir…
Dans ce tuto vous allez apprendre à créer un menu complet…
Administrer votre site vitrine…
Voici la dernière partie consacrée à la création d'un site…
Découpe et intégration Html5…
Voici la suite de la formation "création d'une maquette d'un…
Découper et intégrer une…
Dans cette seconde et dernière partie du tutoriel "Créer une…
Créer votre site Internet…
Dans cette formation Photoshop et Dreamweaver, nous allons apprendre,…
Cette formation contient 33 leçons en vidéo pour une durée totale de 14h10.
Voici le programme complet abordé au cours de cette formation :
- Introduction00:06:03
- Structure de base01:25:00
- Intégration de la page d'accueil00:48:20
- Intégration de la galerie des oeuvres00:35:18
- Intégration de la page de la page produit00:28:16
- Développement d'un zoom en jQuery simple00:48:43
- Intégration de la page A propos00:29:48
- Intégration de la page actualités00:19:30
- Intégration de la page contact00:12:32
- Intégration des pages panier00:29:47
- Intégration du gabarit du back office00:43:28
- Installation de CakePHP00:16:54
- Configuration des templates00:24:03
- Initiation au MVC et à CakePHP00:32:20
- Génération automatique des MVC00:20:46
- Adapter les vues générées01:09:59
- Exporté les abonnées à la newsletter00:05:13
- Comment uploader des images ?00:24:03
- Implémenter un système de recherche en back office00:08:50
- Mise en place de la galerie dynamique00:41:44
- Détails d'une oeuvre00:17:35
- La page A propos00:02:51
- Récupération des derniers posts du blog00:09:13
- Envoi d'un email00:08:27
- Ajouter un produit au panier00:18:34
- Mise en place du panier00:28:30
- Création d'un compte utilisateur00:12:09
- Confirmation de la commande00:23:59
- Générer une facture en pdf00:21:12
- Développement de la page ventes00:25:11
- Branchement du système Paypal au panier00:10:16
- Dernières corrections00:34:38
- Conclusion00:06:57
Pour vous faire un avis, voici un extrait de quelques secondes. La version complète et téléchargeable de ce tuto Dreamweaver, CSS 3, CakePHP de 14 heures 10 minutes est proposée dans une résolution plus grande que l’extrait suivant :
formationvideo
, Editeur pro
Formationvideo.fr est un éditeur professionnel de vidéos de formation. Les vidéos sont réalisées par des experts ce qui vous assurent une qualité pédagogique optimale pour découvrir ou vous perfectionner sur un logiciel informatique!
Toutes les formations de Formationvideo
Témoignage des clients de formationvideo
De supers tutos très bien expliqués !
Clair, précis. Le formateur prend le temps de tout expliquer en détail. J'ai fini la formation à peine hier et j'ai l'impression de manipuler le logiciel depuis toujours. Je recommande !
Merci de partager ton savoir!
Tutoriels de qualité car simples et efficaces à la fois.
Je tiens à dire un énorme merci pour le tuto ps cs2 ! Dès que terminé les vidéos je me lance dans tes vidéos suivantes ça m'aide énormément
Lire les autres témoignages
D'autres tuto de formationvideo
Design de Site Web
Voici une formation Webdesign destinée à vous enseigner la création graphique d'un…
CSS3 : la formation pour bien débuter
Cette formation CSS, en vidéo, vous présente l'étendue de possibilités et des fonctionnalités…
Conclusion - ressources CSS
Dans cette vidéo, Fabien Le Corre revient sur les notions abordées au cours de cette…
le fichier reset.css
Le reset CSS est une technique qui consiste à réinitialiser à 0 la valeur de certains…
Notes attribuées par les utilisateurs (9 votes)
Les avis / Questions des utilisateurs (27)
Donnez votre avis ou posez une question au formateur.
Vous souhaitez commenter ce tuto vidéo ? Créez un compte gratuit. Déjà membre ? Identifiez-vous
Ce tuto en résumé ...
Ce tuto Dreamweaver, CSS 3, CakePHP d’une durée de 14 heures 10 minutes a été acheté 177 fois et a reçu une note moyenne de 4/5.
Ce tuto a été publié le 23 janvier 2012 par formationvideo, éditeur professionnel, ayant reçu une note moyenne de 4,1/5 pour l’ensemble de ses vidéos, dans la catégorie Tuto Dreamweaver Formation.
Tous les fichiers sources sont fournis avec cette formation. Ces derniers vous permettront de reproduire les manipulations expliquées dans cette formation.
Cette formation qui se présente sous la forme de plusieurs vidéos, vous expliquera étape par étape, toutes les manipulations présentées par le formateur.
Toutes nos vidéos sont visionnées par notre équipe, avant d’être mises en ligne, garantissant ainsi la qualité des produits téléchargés.
Choisissez parmi 32356 tuto classés dans nos 237 logiciels ou langages informatiques.
(a acheté ce tuto - 29 mai 2013)
" bah tu vas pouvoir peut etre m'aider stephanie 147 ou une autre personne car il s'avere que je suis confronté a deux soucis m'empechant d'avancer dans l'exercice:
1er soucis: le fichier empty (fichier qui est crée lors de la structure de base) est différent de celui qui nous ai présenter lors de cette formation (si tu as l'original cela me gagnerai du temps.
2eme truc: comment as tu reussi a "configurer les template" car je bloque a fond sur cette partie la. Sachant pourtant que j'ai importer mes 3 fichiers css ( administration.css styles.css et reset.css) et j'ai fais la modification en supprimant les deux <link rel....> tout en ajoutant la synthaxe php avant les appels des 2 fichiers css ( styles.css et reset.css) que l'on a soigneusement déposé dans le fichier cakephp/app/webroot/css.
Comme vous l'aurez compris dés que je vais voir le résultat si j'ai bien ma page avec l'apparition du header et du footer générer par mes deux fichiers css ( styles.css et reset.css), j'ai bien les éléments qui s'affiche sauf ma feuille de style ( styles.css et reset.css) . Quelqu'un aurait il une solution.
Merci
"https://github.com/cakephp/cakephp/tree/2.3.5 "
(a acheté ce tuto - 28 mai 2013)
" bon tuto . il y a des fonctionnalités qui marche pas j'ai du me debrouiller seule pour les faire marcher comme l'envoi de mail , j'avais une boucle de redirection que j'ai reussie à trouver la solution . j'en suis à la generation de pdf et le site marche bien apres plusieurs galère que j'ai reussit à resoudre . ce qui marche pas c'est la galerie j'arrive pas a afficher les autres pages produit peut etre que c'est traité plus tard? "
(auteur de ce tuto - 01 mars 2013)
" Bonjour,
Voici l'email du formation : contact@steven-titren.com. N'hésitez pas à lui faire part de vos problèmes. Comme vu avec lui, il devrait pouvoir trouver une solution et vous répondre rapidement. "
(n'a pas acheté ce tuto - 01 mars 2013)
" Bonjour,
J'ai acheté ce tuto, et je confirme que j'ai exactement les mêmes problèmes que @jissey.
- Missing arguments 1 et 2 for ProductsController::view() [app/Controller/ProductsController.php.
- Undefined variable : id
Idem pour le chemin de la page products. j'obtiens une demande de création de class du nom de l'image.
J'ai également contacté le formateur, et pareil aucune réponse à ce jour. Aurait-il des choses à se reprocher ??
J'espère que formationvidéo, l'auteur, ou quelqu'un ayant suivi la formation et étant beaucoup plus expérimenté que moi répondra à ma demande d'aide, ainsi qu'à celle de @jissey.
Merci d'avance !!
"
(a acheté ce tuto - 23 janvier 2013)
" @ formationvideo, j'ai bien contacté le formateur directement sur son site, mais à ce jour, je n'ai aucun retour. Donc j'abandonne pour ce tuto. Je regrette quand même d'avoir payé cette somme pour un tuto qui ne marche pas. Ce n'est vraiment pas professionel. Désormais, j’éviterais ses tutos. J'ai déjà mis un an pour faire marcher cake, en contactant formateur et site dédié, sans avoir de réponses à mes question. j'ai du chercher et trouver par moi-même. La seule chose que je retiens de ce tuto c'est : ne pas utiliser cakephp. J'aurais été plus vite sans ce framework censé faire gagné du temps. "
(a acheté ce tuto - 20 janvier 2013)
" J'ai une petite question. A un moment vous dite " précédament on à créé un fichier 'empty' ", mais on vois nul part la création de ce fichier. Petite question, que contient ce fichier? Merci d'avance. "
(auteur de ce tuto - 08 janvier 2013)
" @jissey : Probablement une erreur d'inattention.
N'hésitez à contacter directement le formateur : http://www.steven-titren.com/vcard.html.
Bonne courage. "
(a acheté ce tuto - 07 janvier 2013)
" bon, je galère. J'en suis à la partie "détail d'une oeuvre". Il me semble avoir écris les même choses que l'auteur, mais quand je clique sur 'détails' dan sla page, j'obtiens le message :
Missing arguments 1 for ProductsController::view() [app/Controller/ProductsController.php, line 14
Missing arguments 2 for ProductsController::view() [app/Controller/ProductsController.php, line 14
Undefined variable : id [app/Controler/ProductsController.php, lin 18.
j'aimerais savoir si cela viens d'une erreur de ma part (faute de frappe possible) ou si l'auteur a encore fait une correction dans un fichier sans prévenir. J'ai eu beau copier les passages que je venais d'écrire à partir des fichiers fournis, mais toujours le même problème.
En fait, je vais abandonner pour le moment, car je perds trop de temps a essayer de débugger le code (Même si je n'y connais pas grand Chose). un exemple parmi d'autre :pour le chemin de la page products dans la mise en place de la galerie dynamique, pourquoi le chemin commence par '/:slug-:id' si je marque cela, j'obtiens une demande de création de class du nom de l'image...
j’espère avoir une explication de mon problème ou même un correctif du tuto. car 55€ pour un tuto qui fait perdre du temps et ne marche pas, cel ne me donne pas envie de repayer pour d'autre. C'est dommage, il y a de bon tuto ici, mais dorénavant, je vais hésiter a acheter de peur de retomber sur un tuto de ce genre. "
(n'a pas acheté ce tuto - 28 novembre 2012)
" Bonjour,
Je cherche un tuto et je pense que celui me conviendrai, seulement j'aimerais savoir si on utilise de l'ajax et cake PHP 2.X.
C'est tout :)
Merci d'avance. "
(a acheté ce tuto - 31 octobre 2012)
" merci pour votre formation et je saurrais dans l'avenir si je serrais aussi apte de faire mieux que ça "
(a acheté ce tuto - 17 septembre 2012)
" Hello FlYos,
Pas trop mal la formation.
Je pousse un peu plus loin le dev de la boutique en la calquant de loin sur la bdd de prestashop, bref .
Et j'ai une question :
J'ai une table customers bien distincte de celle users et que je ne peux croiser pour faire une seule est même entité (cause backend, contenu et liaisons entre tables complètement différentes) et j'aimerai utiliser le composant Auth pour les deux pour bénéficier des méthodes du composants.
J'ai regarder dans la doc de cake et j'ai vu custom authenticate mais je ne suis pas réellement sure et ça à l'air coquinou.
Qu'en dites vous? Auriez-vous une idée, un lien pour m'aider je serai tellemin'continte :D
Merci "
(a acheté ce tuto - 09 août 2012)
" Sauf erreur de ma part, il y a pas mal d'erreurs rien que dans le HTML/CSS dans les sources !
il manque des fichiers aussi... (la fiche produit.html)
L'auteur fait des changements dans son css sans en avertir l'auditeur ! Ce n'est pas très professionnel tout çà.
La solution final ne fonctionne pas... ça provoque une erreur ....
alors oui je suis très déçu d'avoir payé un produit mal conçu ! :( "
(a acheté ce tuto - 15 juin 2012)
" Bonjour FIyos
merci de votre réponse.
Donc dans le répertoire développement, tous les fichiers sont zippés. Que faut il en faire?
une fois dézippés, où les mettre? dans quel répertoire?
Merci
Stepho "
(n'a pas acheté ce tuto - 15 juin 2012)
" @stepho Bonjour, je suis le développeur qui sait occupé de la formation développement, quel est votre soucis avec les fichiers sources ? "
(a acheté ce tuto - 12 juin 2012)
" Bonjour
Bon je trouve qu'il n'y a pas beaucoup de réponses à nos questions de la part de l'auteur.
c est dommage!!! c 'est la moindre des corrections . On a quand même acheté un produit à 55 €,
Un effort, svp
Stephi "
(a acheté ce tuto - 10 juin 2012)
" bonjour
je viens de l'acheter et je suis un peu déçu même si je trouve l' idée du tuto très bonne.
Déjà, il n 'est pas dit dans la présentation du tuto que la première partie (création du design avec photoshop) n est pas comprise alors que sur le site de l 'auteur, tout est compris.
Ensuite, il serait vraiment utile de dire comment utiliser les fichiers sources car on ne s'y retrouve pas du tout .
sinon je trouve qu'il y a rarement le pourquoi des choses par exemple dans la mise en place du M V C, il pourrait dire un peu son but sans forcément en faire une tartine.
Voilà j espère au moins une aide sur les fichiers.
Merci
stephi
"
(a acheté ce tuto - 04 juin 2012)
" J'ai énormément de souci avec ce tuto. Pas mal de chose ne marche pas (les images ne s'affichent pas en redimensionner, le formulaire de contact ne s'envoi pas, impossible de connecter un compte client...) est-ce le cas pour vous aussi?
merci "
(a acheté ce tuto - 28 avril 2012)
" 5 "
(a acheté ce tuto - 09 avril 2012)
" Bonjour, lequel des dossiers je doit utilisé : developpement ? integration ? webdesign ?
Dans votre demo vous utilisé un autre dossier dev?
Cordialement "
(a acheté ce tuto - 25 mars 2012)
" Les bases de Cake php ne sont tres bien explique mais avec un peu de recheche sur internet on comprend assez rapidement ce quíl veut faire "
(a acheté ce tuto - 19 mars 2012)
" Pas mal et assez facil a suivre mais il faut quand meme avoir des notions dans HTML et CSS "
(n'a pas acheté ce tuto - 11 mars 2012)
" Bonjour, je suis fortement interresé par votre formation, cela dit j'aurais une question ?
Es ce que le cakePHP est indispensable, ou alors je peux réalisé la totalité de cette formation avec dreamweaver, car je connais assez fortement la programmation PHP, MYSQL, et de grosse base en JQUERY, mais par contre cakePHP je connais pas du tous, j'ai regarder une video d'initiation a cakePHP et j'ai vraiment pas envie de me lancé encore dans une nouvelle méthode de Programmation.
donc en gros puis-je réalisé cette formation sans ce cakePHP qui lui m'intéresse pas du tous ??? "
(a acheté ce tuto - 21 février 2012)
" très bon tuto pour le CSS et la partie webdesign. Le formateur va parfois un peu trop vite, mais comme je suis débutante, j'ai besoin d'un peu plus de temps et d'explications que d'autres... "
(a acheté ce tuto - 10 février 2012)
" je n'ai fait que la première heure du tuto, et déjà je constate :
-des coupes franches dans le temps. Le formateur a du vouloir réduire la longueur du tuto et a rogner certains endroits. Du coup, des lignes de codes aparraissent sans explications. Par moment cela ne gène pas, mais à d'autre, on ne comprends pas pourquoi cela fonctionne sur le tuto et pas chez nous. C'est dur a suivre, surtout quand des modifications on été faites sur des lignes précédentes. bref, j'aurais préféré avoir un tuto sans ces coupures même si il était plus long.
-les explications sont un peu légères aussi. Heureusement que je connais un peu le code, sinon, ce serais l'horreur.
-les images fournies ne sont pas toujours tout à fait les même que celles affichées. heureusement qu'il y a les découpes, et le code final pour pouvoir mieux comprendre.
j'espére toutefois que les 14heures ne sont pas toutes pareilles. "
(a acheté ce tuto - 07 février 2012)
" le formateur se contente de lire les lignes de code qu'il écrit sans expliquer ni les fonctions cake en jeu, ni les liens avec le framework. "
(n'a pas acheté ce tuto - 03 février 2012)
" @jujube : bonjour. Sûr pour le décalage audio ? Car dans l'extrait de présentation à partir de 3m44 le dérapage est vraiment inquiétant en guise de promo... et pourquoi pas 5 étoiles ? "
(a acheté ce tuto - 30 janvier 2012)
" aucun soucis de décalage audio dans les vidéos achetées ;) "