Créer un site internet e-commerce avec php en tuto vidéo

Une formation unique qui aborde en détail la réalisation d'un site e-commence de A à Z en s'appuyant, autant pour la conception graphique que son développement, sur les règles ergonomiques, techniques et de marketing web actuelles : Toutes les techniques et connaissances pour créer Une véritable solution e-commerce personnalisée.


Au programme, plus de 20h de formation exclusive, pour apprendre, pas à pas, à créer un site dynamique ultra complet : un front office (la partie visible de "l'iceberg", accessible à vos visiteurs) regroupant carrousel, galerie photo, player vidéo, système de panier Paypal, compte utilisateur (…) et un back office (l'administration du site) permettant, autre autre, la gestion des messages clients, des commandes et des inscriptions, le contrôle des ventes, la mise en ligne et la mise à jour des produits, images et informations...

En suivant l’exemple concret d'UNTITLED, site destiné à la vente d’illustrations et posters d'artistes, vous aborderez toutes les étapes nécessaires à la création d’un site Internet professionnel adapté aux dernières connaissances en matière d'ergonomie, de marketing web et de développement ; une première partie s'attachera à concevoir le webdesign du site avec Photoshop et les outils dédiés.
Vous poursuivrez la formation par l’intégration et la programmation en utilisant l'ensemble des techniques et langages appropriés.

A l’issue de cette formation inédite, vous serez capable de développer des sites Internet dynamiques de niveau professionnel pour vos différents projets. Les connaissances acquises pourront être appliquées autant à la création d'un site “vitrine”, d'un portfolio, que dans le domaine du e-commerce avec la réalisation et la gestion d'une boutique en ligne.




Le Web Design

Dans cette première partie, Tristan Roger, graphiste et webdesigner, la première partie de cette formation vous apprend à concevoir un Web design fonctionnel et adapté aux spécificités d'une boutique e-commerce, en utilisant les outils de Photoshop dédiés au Webdesign et à la mise en page, parmi lesquels : alignement, texte et paragraphe, formes vectorielles, transformation masque d'écrêtage, grille et repères, calques d'effets, la réalisation d'icônes et d'ombres personnalisées…


L'intégration

Cette seconde partie de la formation se consacre à l'intégration et la mise en page du site dans les moindres détails avec l'éditeur de 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 HTML 5 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.


Le Développement

Dans cette dernière 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 permettra enfin 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.




Retrouvez également cette formation en DVD et tous les détails sur le site et ce projet : Untitled Artshop, DVD Collector #5.



Note : toutes les ressources vous sont fournies. Pour chaque, sont mis à votre disposition : les psd complets du Web Design, les illustrations des artistes présentés dans le site, les pages HTML, les feuilles de style CSS, les fichiers javascript ; l'architecture, les configurations du framework Cakephp ainsi que les fichiers nécessaires (PHP, XML, la base de données complète) au développement du site ont été rassemblés dans un dernier dossier.
Vous pouvez suivre, sans problème, cette formation "Créer un site e-commerce" avec les version CS3, CS4, CS5 de Photoshop et de Dreamweaver ; l'interface du logiciel y est globalement identique et les fonctionnalités utilisées, prises en comptes par chacune des versions. Seul Photoshop est véritablement nécessaire. En revanche, l'Intégration peut être réalisée avec n'importe quel éditeur de code ; Komodo Edit, par exemple, est gratuit et très complet. Concernant, la partie développement, le formateur vous guide dans l'installation des frameworks requis et libres (CakePHP version 2, jQuery).
Cette formation considère que les connaissances de bases dans les principaux languages de programmation ont été acquises. Aussi, dans le cas contraire, les formations suivantes suivantes permettent une remise à niveau rapide et efficace pour aborder la création de ce site en toute quiétude : formation HTLM les fondamentaux, formation CSS les fondamentaux, formation Php/MySQL débutant.
Enfin, la gestion de l'hébergement et du transfert FTP des fichiers n'est pas directement abordée dans cette formation. Tout ce processus, qui reste identique, est décrit en détail dans la mini-formation : formation Mise en ligne de site Internet.



Titren

Steven Titren

Steven Titren est développeur web depuis plus de 10 ans et spécialiste de la plateforme e-commerce open source Prestashop. Il commence comme simple intégrateur HTML mais très vite se voit attribuer un poste dans le pôle R&D. Il enchaine ensuite en tant que développeur freelance puis reprend un poste pour le développement d'affiliation. Aujourd'hui il est responsable technique chez Quealead éditrice de moteurs de recherche verticaux de cadeaux ( comme le site Uncadeau.com par exemple). Il compte à ce jours plus de 80 références professionnelless donc les plus représentatives sont Quiveutpisterparis.com, Petitgris.fr, MonBikini.fr ou encore uncadeau.com. Il se lance aujourd'hui dans le développement d'application Android. Steven travaille essentiellement avec les technologies PHP/Mysql, les frameworks les plus répandu comme CakePHP, CodeIngniter, Mootools ou encore jQuery.


tables des matieres

Voici le programme complet de cette formation :


Partie conception graphique

  • Présentation du site
  • Création du header de la page d’accueil
  • Créer le carrousel et son ombre portée
  • Mise en place de éléments de la page d’accueil
  • Réaliser un trait en pointillés
  • Création du footer de la page d’accueil
  • Création de la galerie des oeuvres
  • Création de la page A propos
  • Création de la page Actualité
  • Création de la fiche produit
  • Création du formulaire de contact
  • Mise en place des rollover du site
  • Création de l’étape 1 du panier
  • Création de l’étape 2 du panier
  • Création de l’étape 3 du panier
  • Création du récapitulatif de commande
  • Créer la page compte client
  • Présentation du back office
  • Réalisation des icônes de l’administration
  • Création de la page ventes
  • Création de la page produit
  • Conclusion

Partie intégration

  • Introduction
  • Structure de base
  • Intégration de la page d’accueil
  • Intégration de la galerie des œuvres
  • Intégration de la page de la page produit
  • Développement d’un zoom en jQuery simple
  • Intégration de la page A propos
  • Intégration de la page actualités
  • Création du formulaire de contact
  • Intégration des pages panier
  • Intégration du gabarit du back office

Partie développement

  • Installation de CakePHP version 2
  • Configuration des templates
  • Initiation au MVC et à CakePHP
  • Génération automatique des MVC
  • Adapter les vues générées
  • Exporté les abonnées à la newsletter
  • Comment uploader des images ?
  • Implémenter un système de recherche en back office
  • Mise en place de la galerie dynamique
  • Détails d’une oeuvre
  • La page A propos
  • Récupération des derniers posts du blog
  • Envoi d’un email
  • Ajouter un produit au panier
  • Mise en place du panier
  • Création d’un compte utilisateur
  • Confirmation de la commande
  • Générer une facture en pdf
  • Développement de la page ventes
  • Branchement du module Paypal au panier
  • Dernières corrections
  • Conclusion

extraits video

Découvrez un extrait gratuit de cette formation. Un moyen idéal pour vous faire une idée avant de la télécharger.

ajouter au panier

prix : 44,90 ttc 65,00 €








  • Téléchargement immédiat

    En achetant ce tutoriel, vous pourrez débuter votre formation juste après votre commande. Pas d’attente, pas de délai de livraison. Vous démarrez votre formation tout de suite!

  • Lecture illimitée

    Une fois téléchargée, vous pourrez revoir et revoir encore cette formation. Apprenez à votre rythme, sans limite de temps.

  • La maitrise des outils numériques

    Des ateliers ou formations complètes expliqués de A à Z pour faire de vous un spécialiste des outils numérique. Des exemples concrets, un professionnel trié sur le volet, une méthode d'apprentissage efficace ; en bref des produits uniques sur le marché !

  • Un prof à domicile

    Nos formateurs sont sélectionnés d’après leurs pédagogie et leur expertise. Avec nos vidéos, vous aurez l’impression que le formateur est juste derrière vous et guide vos pas en permanence.


panier