Tutoriel vidéo CakePHP : Créer un Portfolio

Voir le résultat

Dans ce tutoriel vidéo vous apprendrez à réaliser la partie développement d'un Portfolio en utilisant le framework CakePHP. Nous verrons en un peu moins de 2h :

  • Comment passer du code HTML au template PHP
  • Comment construire la base de donnée
  • Comment mettre en place les différentes class (models,views et controllers)
  • Comment utiliser les "elements" pour les parties fixes du site
  • Comment construire un Back-Office pour gérer les données
  • Comment utiliser les "Components"
  • Comment faire du reverse-routing pour rendre les url plus "propres"
  • Comment mettre en place une route spécifique pour l'administration
  • ...Et surtout comment l'explorer de Seven plante toutes les 2 secondes

Bon visionage

Tags : CakephpPhpTutorielVidéoPortfolioKomodo

Tutoriel CakePHP posté Dimanche 28 Juin 2009
 74 Commentaires
Ils l'ont utilisé
Vos commentaires

mixnico (Dimanche 28 Juin 2009 à 09:44):

enocre un fois un super tuto, merci

Galdon (Dimanche 28 Juin 2009 à 09:51):

1h30 de screencast !

C'est tout simplement le plus long tuto vidéo que j'ai vu sur le net.

Varnox (Dimanche 28 Juin 2009 à 10:12):

Superbe tutoriel, tout est vraiment vu dedans, que demander de plus ?

Par contre, pour tenir 1h30, bravo, même si on voit qu'a certains moment tu as oublier quelques trucs, mais un petit blanc pour souffler ça fait du bien. ^^

Fedora (Dimanche 28 Juin 2009 à 10:47):

commen chaque fois tu fais des super tuto Grafikart : Mr le genie

Shelton (Dimanche 28 Juin 2009 à 10:49):

Salut Grafikart comme d'habitude très bon Tuto merci.
Une petite question qui n'a pas vraiment de lien directe avec le Tuto, voilà j'ai vu ton programme Komodo est je voulais savoir si c'était toi qui avait personnaliser les couleur du font et du texte où si c'était déjà comme sa ?
Et peux tu me dire qu'elle sont les couleurs si sa ne te dérange pas trop, merci pour ta réponse

lioninho11 (Dimanche 28 Juin 2009 à 11:13):

Rien à dire, tu restes le meilleur!

Le tuto est genial, il resoud la majeur partie des problemes que j'avais! Vraiment

grand merci.

thib (Dimanche 28 Juin 2009 à 11:32):

super tuto en perspective, merci beaucoup

Ravi (Dimanche 28 Juin 2009 à 11:43):

Merci beaucoup Grafikart :D, rien à dire :D c'est magnifique :D

leknoppix (Dimanche 28 Juin 2009 à 11:53):

Super tuto.

cerise (Dimanche 28 Juin 2009 à 11:59):


Ouffffffffffff
et bien entendus un énorme bravooooooooooooooo!
merci de te donner autant pour nous tous.
cerise

Pakito (Dimanche 28 Juin 2009 à 12:12):

J'ai toujours le chic pour entreprendre de réaliser des projets web quelques semaines avant que Grafikart nous gratifie de sublimes tutoriels.

Visiblement, je m'y prends comme il faut puisque j'arrive à un résultat satisfaisant et que je colle aux indications du tuto sans les avoir vu puisqu'il n'existait pas encore.

En tout cas, superbe tuto qui pourra servir à bien des gens.
Encore du grand Raton Laveur !

Lyes (Dimanche 28 Juin 2009 à 12:13):

Merci graf' simpa de nous fournir le zip, je sais que t'a prix des heures pour faire cette vidéo, alors merci; et au prochain tutoriel -inchallah-

Remus (Dimanche 28 Juin 2009 à 13:21):

C'est vraiment excellent, je ne les pas encore regarder mais je pense prendre un peut de temps cette après midi pour l'expérimenter.

Des motives pour monter un groupe sur FaceBook pour que Grafikart repasse sur MAC ?

DevAddict (Dimanche 28 Juin 2009 à 16:30):

C'est ce qu'on appel un tuto ça xD. Merci Jojo

ludouze (Dimanche 28 Juin 2009 à 16:55):

Youhou nikel merciiiii t'as mérité ton café :D

Babou (Dimanche 28 Juin 2009 à 17:01):

Super tuto, continue encore et encore

DevAddict (Dimanche 28 Juin 2009 à 17:09):

Je tiens à te remercier car depuis un moment tu veux que je me lance sur ce Framework et la je dois enfin te déclarer ma flamme mdr. Et oui, j'ai la motivation maintenant donc je vais pouvoir t'embêter quand j'aurais un bug. J'aimerai aussi souligner ta générosité en tant que développeur car je pense qu'ici tout le monde sera d'accord avec moi, mais en général, quand on demande à un développeur : "Comment on fais ça...", il nous répond : "Tu n'a qu'à chercher". Et bien toi non, tu es toujours la pour nous donner un coup de main ou pour nous faire des tutoriels d'une qualité extraordinaire et le tout gratuitement; et si je sais coder comme je code actuellement c'est grâce à toi, alors un grand merci !

Vivement le prochain tutoriel, merci Jojo !

blog de twilight (Dimanche 28 Juin 2009 à 17:41):

C'est pour quand la demande en mariage Michael? ^^

DevAddict (Dimanche 28 Juin 2009 à 20:14):

Lol, c'est grâce à lui que je sais coder Flo

MAFIAshow (Lundi 29 Juin 2009 à 09:34):

Merci pour le tuto, mais j'ai une petite remarque : Le slider ne marche pas sur internet explorer.
à+

Chris (Lundi 29 Juin 2009 à 10:08):

Quoi 1h30 ? Mais ou tu trouve le temps de faire tout ça ? Lol bon très bien, je prends, je regarde. Tu dois en avoir marre que les gens te remercient, non ? Merci quand même lol.

Laurwin (Lundi 29 Juin 2009 à 10:09):

Ce tutorial ne peut pas tomber mieux ! J'étais justement en train de découper le design de mon portfolio. Je vais donc pouvoir améliorer mon idée de base! Merci beaucoup!

Djiins (Lundi 29 Juin 2009 à 12:19):

toujours aussi bon

Sylvain (Lundi 29 Juin 2009 à 13:47):

Très bonne initiative! Bravo!

Z (Mardi 30 Juin 2009 à 18:36):

Alors là, je comptais passer du php simple à un framework sympa. J'avais remarqué que CakePHP l'était en survolant leur doc et je cherchais un bon tutorial pour voir plus en détail le fonctionnement et c'est fait, à l'avenir ce site ne quittera plus mes favoris

Crypto (Vendredi 03 Juillet 2009 à 21:08):

Moi qui me demandais ce que j'allais faire de mes vacances, j'ai trouvé ! Merci pour ce tuto, ainsi que pour les autres. C'est très réussi.

Bye

Batman06 (Dimanche 05 Juillet 2009 à 00:09):

Salut et merci pour ton long tuto, au fait pour mettre en UTF8 sous Komodo il faut faut allez sur Edit -> Current File Settings.

rain (Dimanche 05 Juillet 2009 à 11:22):

merci infiniment. merci tout simplement

Cyrix (Dimanche 05 Juillet 2009 à 20:29):

J'ai un problème avec l'utilisation de la page app_controller.php ... FireFox m'interdit la redirection, donc ... problème.

super_g2 (Mardi 07 Juillet 2009 à 23:39):

j'ai peur : est-ce pour toi de quoi nous faire patienter pendant les longues vacances qui arrivent et où tu ne serais pas là? ^^
si c'est le cas, bonnes vacs ti laveur d'écran et de clavier

sinon, au passage nice job guy et waiting for next how-to ^^pour quand? ^^

titi (Samedi 18 Juillet 2009 à 06:16):

Trop de la merde attend le mec il va trop vite bourrns, le but d'un tuto est d'allez tranquilement faut pas oublier que les autres personnes derriére l'écran son censé ne pas connaitre cakephp

Darrelo2 (Samedi 18 Juillet 2009 à 20:23):

Je trouve le tutoriel trop long pour la réalisation de quelque chose de très simple !!
Mais on y apprend quand même pas mal de chose!
Merci !!

lordangel (Dimanche 19 Juillet 2009 à 15:43):

Cela fait un moment que je surveille ton site et je trouve que c'est le meilleur tuto et surtout le plus long que j'ai vu jusqu'ici :D Un grand bravo pour toi ! Cordialement Lordangel.

zoukman (Jeudi 23 Juillet 2009 à 16:51):

j'ai remarqué que ta cession d'identification ne servait a rien puisque si on met directement http://localhost/portfolio/admin/works/edit par exemple, on y a directement accès sans rentrer aucun password...
dites moi que j'ai tort, svp...
sinon rien a redire

Kev (Vendredi 24 Juillet 2009 à 06:38):

Pourri ce tuto , 10 fichier ouvert en même 10 sujets traité à la fois.
Un tuto est fais pour les débutants, faut etre organisé,précis.
3/10

Grafikart (Vendredi 24 Juillet 2009 à 10:19):

@Kev : Grosse méprise de ta part. Un tuto n'est pas nécessairement fait pour les débutants. Un tutoriel vise surtout à expliquer ses techniques et astuce. Tu comprendra aisément que l'utilisation d'un framework dans le cadre de la réalisation d'un projet n'est pas destiné au débutant mais aux personnes qui ont déja de l'expérience en PHP.

Si tu veux te familiariser avec ce framework avant d'attaquer les choses sérieuses tu peux commencer par les autres tutoriels, qui eux, sont pour les débutants.

DevAddict (Dimanche 26 Juillet 2009 à 09:43):

Hallucinant comment tu arrive à garder ton calme xD

patic (Mercredi 05 Août 2009 à 19:35):

Mon cher "Kev" il est toujours très facile de critiquer, j'adore les personnes dans votre genre, cependant puisque ce tutoriel est si nul pourriez vous s'il vous plait nous montrer ce dont vous êtes capable ? Faite donc un tutoriel sur le même sujet, tout cela gratuitement bien sûr, comme ici, je suis impatient de voir le résultat ...
Personnellement les nombreux tutoriels vidéos disponibles ici m'ont bien aidé et je pars de zéro, aucune connaissance en développement.

Arnopiz (Vendredi 21 Août 2009 à 09:20):

Félicitations pour ce tuto! Je viens de découvrir votre site il y a peu, et je suis stupéfait par la qualité de vos tutoriaux. Sans doute les meilleurs tutos du Web...
Une petite question en passant : pour des Elements non dynamiques (tels qu'un menu, etc...), la mise en cache amène-t-elle réellement un gain de performance? Ou faut-il la réserver uniquement lorsqu'il y a une requête à la bdd?
Cordialement,

Grafikart (Vendredi 21 Août 2009 à 14:03):

@Arnopiz : L'utilisation d'éléments en cache n'est utile que si l'élement en question est "lourd". C'est à dire qu'effectivement tu utilise des requêtes ou que tu as un gros code PHP. Si c'est que de l'HTML tu peux largement t'en passer.

bob (Jeudi 03 Septembre 2009 à 18:26):

Bonjour, je viens de découvrir votre site. Magnifique !
Je m'intéresse à CakePhp et je viens de regarder votre tutoriel, je voulais savoir si je pouvais me procurer le code source ?

Merci encore

Grafikart (Jeudi 03 Septembre 2009 à 18:58):

Le code source n'est pas valable pour le moment. Il devrait l'être d'ici qques semaines

losrickos (Jeudi 10 Septembre 2009 à 16:14):

Magnifique tuto merci beaucoup!

Fresky (Mardi 15 Septembre 2009 à 17:53):

Vraiment un super tuto qui m'a permit de bien commencer avec CakePHP !
Et en fait je vois que quand le travail devient de plus en plus grand il devient préférable de modéliser les classes non ? alors pourquoi pas un tuto UML aussi ?

tstek5 (Mercredi 16 Septembre 2009 à 16:32):

salut vmt c un grand merci pour vs, mé si tu peu uploader se tuto sur vimeo parceque en tunisie en peu pas ouvrir le dailymontion et merci ...

djpaulo (Mardi 29 Septembre 2009 à 22:25):

BOnsoir est ce qu'il y a moyen aujourd'hui de recupérer le code source de lele0717 ?

thom (Jeudi 08 Octobre 2009 à 22:45):

Tout d'abord un grand merci pour le tuto mais j'ai un problème avec cake php il ne m'affiche aucun css même au démarrage quand il y doit y avoir des bandes verte et rouge ...

thom (Jeudi 08 Octobre 2009 à 22:54):

Oups , problem regler c'est juste que sur mac il faut décompresser cake dans le dossier mamp et non pas copier le fichier vers mamp car sinon il ne prend pas le .htacces.

Nouipoz (Dimanche 18 Octobre 2009 à 13:23):

Merci beaucoup génial :D et super bien expliquer !

Max (Jeudi 19 Novembre 2009 à 17:47):

Bonjour,
j'ai réussi à créer mon menu sans problême mais le formulaire du login ne s'affiche pas sur ma page même après revérification complète du code qui est parfaitement le même. Y a un module que j'aurais oublié d'activer sur wamp qui m'empêcherait d'afficher les $form ?

Grafikart (Jeudi 19 Novembre 2009 à 23:39):

Tu n'a aucune erreur php ? Tu as bien mis echo avant $form ?

Max (Vendredi 20 Novembre 2009 à 12:30):

Tout y est jusqu'à la virgule. Je vais réécrire mon code et on verra si ca coince à nouveau... Merci!

Max (Vendredi 20 Novembre 2009 à 13:05):

Erreur de ma part tout fonctionne à merveille!

polak25 (Jeudi 26 Novembre 2009 à 09:03):

Pour quand le code source ?

Under-Warz (Jeudi 10 Décembre 2009 à 17:28):

Super tuto ! Merci

Par contre j'ai un soucis. Je ne sais pas si ca vient de moi ou si il y a un bug, lorsque tu envoies bcp de message et que de l'autre côté, la personne envoie un message avant d'avoir reçu tous les autres, tout s'emballe. Ca affiche en priorité le message que l'autre à envoyer entre temps puis les autres messages et ca recommence (soucis avec le lastid je pense).

Si ca ne vous le faites, je mettrais en ligne ma version.

Bye

alain18 (Lundi 04 Janvier 2010 à 16:25):

bonjour a tous, nouvel premium je voudrais savoir comment récupérer les sources des tutos, pour le moment mon interet se porte sur cakephp exemple comment recupérer les sources du portfolio;

merci

Alain

Badbart (Lundi 04 Janvier 2010 à 16:46):

Il y a pas de source pour ce tuto

Rapha (Lundi 04 Janvier 2010 à 19:30):

Magnifique merci beaucoup. J'ai visionné tous les tutos de CakePHP d'un coup et franchement, un gain de temps énorme. Je me demande encore pourquoi j'ai hésité à passer dessus... A si, l'URLRewriting est désactivé chez free :P Et bon, même si sur des sites basiques je fais ça en PHP (en touchant au 404...), je n'ai ni la volonté ni l'envie ni la force de retoucher le code source de Cake...

Encore merci

Cdt

alain18 (Mardi 05 Janvier 2010 à 11:27):

oui ok, mais j'ai pris l'abonnement pour éviter de tout retaper, et avoir le html de base(portfolio) donc pour pour moi je ne vois pas le plus de l'abonnement par rapport au connecté lambda.
Alain

Badbart (Mardi 05 Janvier 2010 à 12:10):

Tu as les sources sur pas mal de tuto, pas tous. A la limite tu peux peut être tenté un mail a l'admin pour qu'il t'envoie les sources en privé ou lui rappeler de mettre les sources en ligne.

alain18 (Mercredi 06 Janvier 2010 à 15:13):

merci Badbart, je vais suivre ton conseil
bon courage
Alain

engelis (Vendredi 15 Janvier 2010 à 22:02):

Pourquoi ne pas mettre ce super tutorial sur vimeo car chez nous en Tunisie le dailymotion ne fonctionne pas .
Merci beaucoup pour ces super tutoriaux

Grafikart (Vendredi 15 Janvier 2010 à 23:29):

Héhé je sais mais Vimeo n'accepte pas les fichier trop volumineux et je suis limité à 500 Mo par semaine.

allandurand69 (Lundi 08 Février 2010 à 22:52):

sa serais sympa que tu fasse tourner tes sources de dépard. Car recreer tt le js ou meme le template entier rien que pour comprendre cake c un pe découragant.

quent1du58 (Lundi 08 Février 2010 à 23:22):

Les sources sont téléchargeables pour les membres premium

LBineau (Jeudi 25 Février 2010 à 02:04):

Bonsoir,
Tout d'abord bravo à toi pour tous tes tutos qui sont vraiment agréables à regarder.
Celui-ci est particulièrement intéressant car je débute sous cake et il permet d'avoir une application concrète avec beaucoup de bases essentielles dedans.
Je bloque sur le var $components = array("Auth"); qui me fait buguer toute l'appli (j'ai vérifié ce qui était vérifiable dans mes fichiers et je pense pas que ce soit une erreur de Cake ^^). Le message d'erreur concerne les header : Warning (2): Cannot modify header information - headers already sent by (output started at /Applications/XAMPP/xamppfiles/htdocs/portfolio/cake/libs/inflector.php:131) [CORE/cake/libs/controller/controller.php, line 647]
Si quelqu'un a déjà rencontré ce problème, pourrait-il m'indiquer la solution ? ^

zobos (Vendredi 26 Février 2010 à 17:25):

Genial !!
Je cherchais qqchose comme ça, et là ! Sur le cul.
Un grand merci encore ! (Je sais y'en a des tonnes ;-))
Pb pour la generation du mot de passe admin, cela ne s'affiche pas en bas comme tu le montres sur la video ? Comment faire ?

bobyac (Lundi 26 Avril 2010 à 22:55):

Comment télécharger le code source ??

n3o (Mardi 27 Avril 2010 à 01:06):

Bonjour bobyac seul les utilisateurs premium on accès au code source

DRX-Design (Mardi 27 Avril 2010 à 01:34):

Salut merci pour ce supère Tutoriel

DJDif007 (Mardi 04 Mai 2010 à 21:19):

Rien à dire, c'est magnifique !
Merci beaucoup Grafikart.

Bonne journée.

philieric (Jeudi 17 Juin 2010 à 10:47):

Bonjour à tous, j'ai un soucis avec cette erreur qui apparait souvent au raffraichissement de la page :

Notice (8): unserialize() [function.unserialize]: Error at offset 9 of 66 bytes [CORE\cake\libs\cache\file.php, line 176]

en réalité, je suis obliger d'attendre 10 secondes en moyenne avant de raffraichir,pour éviter cette erreur. comment contourné cette erreur, j'uitilise cakephp 1.3.2

Merci

philieric (Samedi 19 Juin 2010 à 02:40):

Pour ce qui est de l'erreur, j'ai trouver comment contourner cette erreur, en faite, il suffit de changer un parametre dans le core.php dans app/config.



* CakePHP Debug Level:
*
* Production Mode:
* 0: No error messages, errors, or warnings shown. Flash messages redirect.
*
* Development Mode:
* 1: Errors and warnings shown, model caches refreshed, flash messages halted.
* 2: As in 1, but also with full debug messages and SQL output.
*
* In production mode, flash messages redirect after a time interval.
* In development mode, you need to click the flash message to continue.
*/
Configure::write('debug', 2);


et de passer le parametre à 0, et cette erreur n'apparait plus

* Production Mode:
* 0: No error messages, errors, or warnings shown. Flash messages redirect.

pour pouvoir developper tranquillement, j'ai placer le code en commentaire dans le fichier file.php pour que la function read($bytes = false, $mode = 'rb', $force = false) {} soit desactiver. et cela fonctionne tres bien, comme ça je peux laisser le parametre à 2 pour le debug.

version cakephp 1.3.2 avec wampserver.

pat (Vendredi 25 Juin 2010 à 11:27):

Bonjour,
Pourquoi mettre des find() dans un controleur ?
On le met dans le modèle nom ?
sinon, bybye le MVC
Me gourge ?

 

Ajouter un commentaire

Si vous rencontrez un problème avec votre code et que vous avez une question spécifique utilisez plutôt les questions pour avoir une réponses rapide.

Vous devez activer javascript.
 

 

Suivre les commentaires de ce tutoriel