Cloner Airbnb de A à Z en Ruby on Rails
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00

TUTO Cloner Airbnb de A à Z en Ruby on Rails

Rod Paris
40,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

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é
Chapitre 2
Création de notre première page
Chapitre 3
Publication de notre site online
Chapitre 4
Mise en place du système d'authentification
Chapitre 5
Création d'une annonce de logement
Chapitre 6
Ajout de photos pour les annonces
Chapitre 7
Création de nos vues pour annonces logement

Plan détaillé du cours

Chapitre 1 : Introduction à l'environnement de développement web utilisé
07m02s
 
Leçon 11.1 Utilisation Codenvy (à la place de Cloud9)
Chapitre 2 : Création de notre première page
05m39s
 
Leçon 12.1 Bootstrap
Leçon 22.2 Notre première page
Chapitre 3 : Publication de notre site online
09m41s
 
Leçon 13.1 Github
Leçon 23.2 Heroku
Chapitre 4 : Mise en place du système d'authentification
1h29m
 
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
52m09s
 
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
32m59s
 
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
50m40s
 
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
1h37m
 
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
43m33s
 
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
1h04m
 
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
50m40s
 
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
51m26s
 
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
18m27s
 
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
31m57s
 
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
44m34s
 
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

Détail des avis
68
Apprenants
5
Commentaires
5/5
Note moyenne
5/5
5
4/5
0
3/5
0
2/5
0
1/5
0
Membre-5749-3708
Membre-5749-3708
Publié le 20/02/2021
Un tuto excellent !!!
Membre-8443-2874
Membre-8443-2874
Publié le 22/01/2019
Tuto vraiment génial pour démarrer ! ET un support vraiment au top ! Merci beaucoup :)
Benoit
Benoit
Publié le 11/01/2019
Merci pour ce tuto vraiement sympatique et constructif

Vos questions sur le cours

Avec quelle version de logiciel ce tuto est-il compatible ?

Ruby on Rails

Quel est le niveau requis pour suivre ce tuto ?

débutant

Bonjour, Si je télécharge cette formation, je peux l'utilisé avec le logiciel Dreamweaver CC 2018 et base de données SQL????? Cordialement

Bonjour, Tu peux utiliser l'éditeur de code de dreamweaver même si c'est pas un outil génial pour Ruby (et pour la programmation en général). SQL est utilisé pour les bases de données oui. Mais pour la formation soit tu es débutant rails (mais déjà averti programmation), tu peux utiliser l'IDE Codeanywhere qui installe tout le nécessaire pour coder (c'est ce qui est utilisé dans la formation - rien besoin d'installer sur ta machine). Si tu es déjà averti Rails et que tu souhaites travailler en local, tu auras surement rails installé sur ton pc et tu peux utiliser un éditeur de code (Sublime Text ou Atom pour les meilleurs ou vim/emacs si Mac/linux ou RubyMine pour un IDE Ruby). Pour SQL, en local on sera sur SQLite et en production (online) avec Heroku, on sera sur postgreSQL.

Bonjour je suis intéressé par votre tuto intitulé "Tuto Cloner Airbnb de A à Z en Ruby on Rails" et je voudrais savoir si on peut cloner d'autres site web ou cette méthode ne fonctionne que pour Airbnb ?

Hello, oui plein de modules peuvent s'appliquer à d'autres projets (ou même être adaptés)

Attendez ! 🤗

Accédez à plus de 1337 tutos gratuits

Notre politique de protection des données