4.7/5 Trustpilot (1395 avis)
Maîtrisez Laravel 5 et créez votre premier site E-commerce
Maîtrisez Laravel 5 et créez votre premier site E-commerce
Le code par la pratique : Cloner Airbnb de A à Z en Ruby on Rails
Dans cette formation en vidéo, je vais vous guider à travers toutes les étapes pour développer un site web complet ressemblant à Airbnb.
Nous allons créer à partir de zéro toutes les fonctionnalités basiques de Airbnb. Pas besoin d'être un as en HTML, CSS ou Ruby on Rails pour suivre cette formation (des bases est un plus d'où le niveau 'intermédiaire' mentionné mais je peux vous accompagner personnellement si vous êtes débutant et motivé).
Vous avez juste besoin de suivre pas à pas ma méthode. De cette manière, vous ne deviendrez pas expert en développement web, mais vous obtiendrez une méthode concrète qui vous permettra d'être rapide et efficace, adaptable à tous vos projets en particulier pour les entrepreneurs.
Au cours de la formation, je suis disponible pour toute question - demande d'explication supplémentaire - accompagnement sur la réalisation de votre Airbnb like.
Méthode d'apprentissage :
On n'apprend pas à coder avec de la théorie. Décidez ce que vous voulez construire et apprenez à le construire. Avoir un objectif final en tête vous guidera et chaque progrès réalisé vers cet objectif vous motivera. Vous rencontrerez des défis inattendus qui vous frustreront, mais c'est ainsi que vous apprendrez. C'est ce que j'appelle l'apprentissage en profondeur. Vous apprendrez donc à construire un projet fonctionnalité par fonctionnalité. Vous pourrez entrer dans les détails techniques vraiment plus tard, ainsi vous aurez un contexte pratique à appliquer à la théorie.
Technologies utilisées :
Pour la réalisation de ce clone Airbnb nous allons utiliser ces technologies :
- Ruby on Rails 5.2.0 (MAJ faite pour la dernière version) et Ruby 2.5.1
- Bootstrap
- SQLite en local (sur un IDE type codeanywhere) et postgreSQL sur Heroku (publication online)
Formation par la pratique :
Le principe de cette formation est de reproduire pas à pas des lignes de code (chaque ligne de code est expliquée afin de comprendre ce que vous codez et le résultat de tel fonction ou concept sur votre application mobile). Cela ne fera pas de vous un expert en développement web ou mobile mais cela vous donnera l'envie de creuser le sujet et d'aller chercher des réponses à vos questions (auprès de moi ou sur Stackoverflow).
Foncez !
- + de 10 heures de formation vidéo
- Accès au code source sur github
- Une communauté pour s'entraider
N'hésitez plus et rejoignez cette formation au plus vite, vous ne le regretterez pas, à bientôt.
Qu’allez-vous apprendre dans ce cours ?
Plan de cours
Chapitre 1
Introduction à l'environnement de développement web utilisé
Introduction à l'environnement de développement web utilisé
Chapitre 2
Création de notre première page
Création de notre première page
Chapitre 3
Publication de notre site online
Publication de notre site online
Chapitre 4
Mise en place du système d'authentification
Mise en place du système d'authentification
Chapitre 5
Création d'une annonce de logement
Création d'une annonce de logement
Chapitre 6
Ajout de photos pour les annonces
Ajout de photos pour les annonces
Chapitre 7
Création de nos vues pour annonces logement
Création de nos vues pour annonces logement
Table des matières
Chapitre 1 : Introduction à l'environnement de développement web utilisé
07m02
Leçon 11.1 Utilisation Codenvy (à la place de Cloud9)
Chapitre 2 : Création de notre première page
05m39
Leçon 12.1 Bootstrap
Leçon 22.2 Notre première page
Chapitre 3 : Publication de notre site online
09m41
Leçon 13.1 Github
Leçon 23.2 Heroku
Chapitre 4 : Mise en place du système d'authentification
1h29
Leçon 14.1 Qu'allons nous faire dans ce chapitre?
Leçon 24.2 Installation Devise
Leçon 34.3 Création barre de navigation horizontale
Leçon 44.4 Ajout du nom complet
Leçon 54.5 Modification de nos formulaires
Leçon 64.6 Upload d'une photo de profil
Leçon 74.7 Page d'informations Utilisateur
Leçon 84.8 Amélioration page modification de profil
Leçon 94.9 Création des notifications
Chapitre 5 : Création d'une annonce de logement
52m09
Leçon 15.1 Qu'allons nous faire dans ce chapitre?
Leçon 25.2 Création du model Room
Leçon 35.3 Création du controller Room
Leçon 45.4 Création des vues
Leçon 55.5 Amélioration des vues et de notre formulaire
Chapitre 6 : Ajout de photos pour les annonces
32m59
Leçon 16.1 Qu'allons nous faire dans ce chapitre?
Leçon 26.2 Création du model Photo
Leçon 36.3 Modification de notre controller Room
Leçon 46.4 Création des vues Photo
Leçon 56.5 Suppression immédiate des photos
Leçon 66.6 Sauvegarde des photos sur un cloud externe
Chapitre 7 : Création de nos vues pour annonces logement
50m40
Leçon 17.1 Qu'allons nous faire dans ce chapitre?
Leçon 27.2 Création de ma page d’index pour mes annonces de logement
Leçon 37.3 Page de détail d’un logement
Leçon 47.4 Création du panel de photos
Leçon 57.5 Google maps API pour localiser les logements
Leçon 67.6 Proposition des logements à proximité
Chapitre 8 : Réservations
1h37
Leçon 18.1 Qu'allons nous faire dans ce chapitre?
Leçon 28.2 Création du model Reservation
Leçon 38.3 Création du controller Reservation
Leçon 48.4 Création des vues pour la réservation
Leçon 58.5 Jquery datepicker
Leçon 68.6 Amélioration de notre formulaire de réservation
Leçon 78.7 AJAX pour notre date d’arrivée
Leçon 88.8 AJAX pour notre date de départ
Leçon 98.9 Création page Mes Voyages
Leçon 108.10 Création page Mes Réservations
Leçon 118.11 Amélioration page Utilisateur
Chapitre 9 : Système de notations
43m33
Leçon 19.1 Qu'allons nous faire dans ce chapitre?
Leçon 29.2 Création du model Review
Leçon 39.3 Création du controller Review
Leçon 49.4 Création des vues pour les notations
Leçon 59.5 Système de notations étoiles
Leçon 69.6 Amélioration de notre système de notation
Chapitre 10 : Module de recherche
1h04
Leçon 110.1 Qu'allons nous faire dans ce chapitre?
Leçon 210.2 Création de notre fonction de recherche
Leçon 310.3 Création de la page d'accueil
Leçon 410.4 Création de notre page de recherche
Leçon 510.5 Ajouter une carte montrant l'emplacement des logements de la recherche
Leçon 610.6 Démonstration d'une recherche
Chapitre 11 : Echange de messages
50m40
Leçon 111.1 Qu'allons nous faire dans ce chapitre?
Leçon 211.2 Création des models Conversation et Message
Leçon 311.3 Création des controllers Conversation et Message
Leçon 411.4 Création des vues Conversation et Message
Leçon 511.5 Utilisation et Test
Leçon 611.6 Amélioration de la messagerie avec AJAX
Chapitre 12 : Envoi d'emails transactionnels
51m26
Leçon 112.1 Confirmation mail avec Devise
Leçon 212.2 Modification formulaire oublie de mot de passe
Leçon 312.3 Email transactionnel avec Sendgrid
Leçon 412.4 Formulaire de confirmation mail
Leçon 512.5 Notification mail
Chapitre 13 : Connexion via Facebook
18m27
Leçon 113.1 Création de nos Apps
Leçon 213.2 Modification du model User
Leçon 313.3 Création du controller pour Facebook
Leçon 413.4 Création du bouton d'identification Facebook
Chapitre 14 : Paiement avec Stripe
31m57
Leçon 114.1 Introduction au paiement avec Stripe
Leçon 214.2 Création du model Payment
Leçon 314.3 Création du formulaire de paiement
Leçon 414.4 Création du token Stripe avec Javascript
Leçon 514.5 Modification du controller Reservation
Leçon 614.6 Démonstration d'un paiement
Chapitre 15 : Bonus
44m34
Leçon 115.1 Dashboard Active Admin
Leçon 215.2 Adapter la taille des images
Leçon 315.3 Error 404
Aperçus
Avis des apprenants