- Видео 70
- Просмотров 138 678
Remote Monkey
Франция
Добавлен 5 фев 2023
Des raccourcis pour devenir développeur front-end, retrouve sur cette chaîne des formations, des tutos et des conseils pour t'aider à devenir développeur web.
J'aborde des sujets sur le thème du développement web et des formations complètes, je crée du contenu éducatif qui se veut simplifié pour te fournir des raccourcis et te permettre d'aller rapidement à l'essentiel.
Mes formations s'articulent autour d'exercices pratiques complets, pour te permettre d'assimiler des concepts en pratiquant à mes côtés sur de vrais projets professionnels et demandés sur le marché.
La stack technique utilisée principalement sur cette chaîne sera :
React.js, Next.js, Firebase, d'autres serverless, et des Framwork css tel que Tailwind css etc...
Abonne-toi pour ne rien rater.
J'aborde des sujets sur le thème du développement web et des formations complètes, je crée du contenu éducatif qui se veut simplifié pour te fournir des raccourcis et te permettre d'aller rapidement à l'essentiel.
Mes formations s'articulent autour d'exercices pratiques complets, pour te permettre d'assimiler des concepts en pratiquant à mes côtés sur de vrais projets professionnels et demandés sur le marché.
La stack technique utilisée principalement sur cette chaîne sera :
React.js, Next.js, Firebase, d'autres serverless, et des Framwork css tel que Tailwind css etc...
Abonne-toi pour ne rien rater.
Construis et Déploie une Landing Page SaaS en 2h avec React & Tailwind CSS ! 🚀
👇Télécharge le Starter Kit les ressources, la maquette éditable et le code source complet👇
www.coders-monkeys.com/ressources/6iWgAAP7rfyFPuynYSqn
📦 Gagne un maximum de temps avec ce kit pré configuré spécialement conçu pour t'aider à démarrer la vidéo et évite les problèmes de dépendances et les erreurs d'environnement lié à l’évolution des Framworks.
Télécharge le Starter Kit, toutes les ressources, ainsi que le code source complet de l'application avant de commencer cette vidéo.
--------------------------------------------------
🤳 Abonne-toi à la chaîne pour ne rater aucunes vidéos.
🫵 Si la vidéo t'apporte de la valeur, laisse-moi un gros pouce bleu et rejoins les membres !
✍️ N’hésite pas à i...
www.coders-monkeys.com/ressources/6iWgAAP7rfyFPuynYSqn
📦 Gagne un maximum de temps avec ce kit pré configuré spécialement conçu pour t'aider à démarrer la vidéo et évite les problèmes de dépendances et les erreurs d'environnement lié à l’évolution des Framworks.
Télécharge le Starter Kit, toutes les ressources, ainsi que le code source complet de l'application avant de commencer cette vidéo.
--------------------------------------------------
🤳 Abonne-toi à la chaîne pour ne rater aucunes vidéos.
🫵 Si la vidéo t'apporte de la valeur, laisse-moi un gros pouce bleu et rejoins les membres !
✍️ N’hésite pas à i...
Просмотров: 1 813
Видео
30 minutes pour savoir utiliser le Local Storage dans vos applications web
Просмотров 35221 час назад
👇Télécharge le Starter Kit les ressources et le code source complet👇 www.coders-monkeys.com/ressources/8eLmvxbm0KgyM8f7k0Hi 📦 Gagne un maximum de temps avec ce kit préconfiguré spécialement conçu pour t'aider à démarrer la vidéo et évite les problèmes de dépendances et les erreurs d'environnement lié à l’évolution des Framworks. Télécharge le Starter Kit, toutes les ressources, ainsi que le cod...
React.js cours complet construire une application de To-do list
Просмотров 1 тыс.14 дней назад
👇Télécharge le Starter Kit les ressources et le code source complet👇 www.coders-monkeys.com/ressources/8eLmvxbm0KgyM8f7k0Hi 📦 Gagne un maximum de temps avec ce kit préconfiguré spécialement conçu pour t'aider à démarrer la vidéo et évite les problèmes de dépendances et les erreurs d'environnement lié à l’évolution des Framworks. Télécharge le Starter Kit, toutes les ressources, ainsi que le cod...
L'importance du cycle de vie d'un composant React.js expliqué en 40 minutes.
Просмотров 47521 день назад
👇Télécharge le Starter Kit les ressources et le code source complet👇 coders-monkeys.com/ressources/MwfA6rNeYRxHNHyHYzpR 📦 Gagne un maximum de temps avec ce kit préconfiguré spécialement conçu pour t'aider à démarrer la vidéo et évite les problèmes de dépendances et les erreurs d'environnement lié à l’évolution des Framworks. Télécharge le Starter Kit, toutes les ressources, ainsi que le code so...
Les States dans React.js en seulement 25 min, tout ce qu'il vous faut connaître.
Просмотров 40521 день назад
👇Télécharge le Starter Kit les ressources et le code source complet👇 coders-monkeys.com/ressources/UzJviyo3OpocWmUAMvMg 📦 Gagne un maximum de temps avec ce kit préconfiguré spécialement conçu pour t'aider à démarrer la vidéo et évite les problèmes de dépendances et les erreurs d'environnement lié à l’évolution des Framworks. Télécharge le Starter Kit, toutes les ressources, ainsi que le code so...
30 minutes pour comprendre Les Props dans React.js
Просмотров 536Месяц назад
👇Télécharge le Starter Kit les ressources et le code source complet👇 coders-monkeys.com/ressources/QjKAESPRMhnqdPUR3Kkv 📦 Gagne un maximum de temps avec ce kit préconfiguré spécialement conçu pour t'aider à démarrer la vidéo et évite les problèmes de dépendances et les erreurs d'environnement lié à l’évolution des Framworks. Télécharge le Starter Kit, toutes les ressources, ainsi que le code so...
Composants React.js tout ce que vous devez connaître pour les maîtriser.
Просмотров 727Месяц назад
👇Télécharge le Starter Kit les ressources et le code source complet👇 coders-monkeys.com/ressources/WixBc4bYUBXoko7cWa0m 📦 Gagne un maximum de temps avec ce kit préconfiguré spécialement conçu pour t'aider à démarrer la vidéo et évite les problèmes de dépendances et les erreurs d'environnement lié à l’évolution des Framworks. Télécharge le Starter Kit, toutes les ressources, ainsi que le code so...
Le CSS dans React : Techniques d'Intégration & Frameworks Css tout ce que vous devez savoir.
Просмотров 687Месяц назад
👇Télécharge le Starter Kit les ressources et le code source complet👇 coders-monkeys.com/ressources/q5dmyR9ubmfS2JRRqsCY 📦 Gagne un maximum de temps avec ce kit préconfiguré spécialement conçu pour t'aider à démarrer la vidéo et évite les problèmes de dépendances et les erreurs d'environnement lié à l’évolution des Framworks. Télécharge le Starter Kit, toutes les ressources, ainsi que le code so...
30 min pour tout savoir sur l'infrastructure de React.js.
Просмотров 717Месяц назад
👇Télécharge le Starter Kit les ressources et le code source complet👇 coders-monkeys.com/ressources/EQgXpNDI26FVw15EEeXg 📦 Gagne un maximum de temps avec ce kit préconfiguré spécialement conçu pour t'aider à démarrer la vidéo et évite les problèmes de dépendances et les erreurs d'environnement lié à l’évolution des Framworks. Télécharge le Starter Kit, toutes les ressources, ainsi que le code so...
React.js, les bases que vous devriez connaître avant de coder.
Просмотров 1,2 тыс.2 месяца назад
👇Télécharge le Starter Kit les ressources et le code source complet👇 coders-monkeys.com/ressources/BQuoZE4LqmMxzhs5ETtQ 📦 Gagne un maximum de temps avec ce kit préconfiguré spécialement conçu pour t'aider à démarrer la vidéo et évite les problèmes de dépendances et les erreurs d'environnement lié à l’évolution des Framworks. Télécharge le Starter Kit, toutes les ressources, ainsi que le code so...
React.js, ce que vous devez connaître avant de commencer la programmation.
Просмотров 2,4 тыс.2 месяца назад
👇Télécharge le Starter Kit les ressources et le code source complet👇 coders-monkeys.com/ressources/3owpiikafL6kvK4fHaPQ 📦 Gagne un maximum de temps avec ce kit préconfiguré spécialement conçu pour t'aider à démarrer la vidéo et évite les problèmes de dépendances et les erreurs d'environnement lié à l’évolution des Framworks. Télécharge le Starter Kit, toutes les ressources, ainsi que le code so...
Formation React.js complète : Tout ce que vous devez savoir pour devenir développeur web
Просмотров 3,7 тыс.2 месяца назад
📦 Les Ressources de la formation et le lien pour accéder à l'espace d'aide son disponible sur coders monkeys et sur ton profil : coders-monkeys.com 🏆 Pour accéder aux épisodes avant tout le monde et à du contenu exclusifs qui ajoutent encore plus de valeur, soutient la chaîne en cliquant ici : ruclips.net/channel/UC-es2x_tfihhkcNlaPQiFPgjoin ☝️Cette vidéo fait partie d'une playlist disponible i...
1 Heure Pour Comprendre Figma : Fondamentaux Pour Conceptualiser Ton Propre SaaS
Просмотров 1,7 тыс.9 месяцев назад
1 Heure Pour Comprendre Figma : Fondamentaux Pour Conceptualiser Ton Propre SaaS
Optimiser son portfolio développeur front-end, Retour aux origines de l'Art et de la vente en ligne
Просмотров 1,1 тыс.11 месяцев назад
Optimiser son portfolio développeur front-end, Retour aux origines de l'Art et de la vente en ligne
Formation CODERS MONKEYS - Developpeur Front-end, On fait le bilan, tu continues ?
Просмотров 1,4 тыс.11 месяцев назад
Formation CODERS MONKEYS - Developpeur Front-end, On fait le bilan, tu continues ?
Développement du profil Utilisateur de l'application avec React, Next.js et Firebase - Partie 2
Просмотров 1,5 тыс.11 месяцев назад
Développement du profil Utilisateur de l'application avec React, Next.js et Firebase - Partie 2
Développement du profil Utilisateur de l'application avec React, Next.js et Firebase - Partie 1
Просмотров 1,1 тыс.11 месяцев назад
Développement du profil Utilisateur de l'application avec React, Next.js et Firebase - Partie 1
Attention à la Structure du Dossier App dans Next.js, Conseils pour Suivre la Formation sans Erreurs
Просмотров 4,1 тыс.11 месяцев назад
Attention à la Structure du Dossier App dans Next.js, Conseils pour Suivre la Formation sans Erreurs
Surprends tes utilisateurs dès leurs inscriptions pour performer grâce à une UX Inoubliable !
Просмотров 986Год назад
Surprends tes utilisateurs dès leurs inscriptions pour performer grâce à une UX Inoubliable !
Maîtrisez l'Art du Téléchargement d'Images avec Firebase Storage 🔥 | React/Next.js
Просмотров 1 тыс.Год назад
Maîtrisez l'Art du Téléchargement d'Images avec Firebase Storage 🔥 | React/Next.js
Gestion du Backend avec Firebase Functions et Firestore - Épisode Spécial
Просмотров 1,4 тыс.Год назад
Gestion du Backend avec Firebase Functions et Firestore - Épisode Spécial
Le Pouvoir de l'Onboarding, Transmettre des Infos pour ton SaaS, et collecter des Données Clés.
Просмотров 1 тыс.Год назад
Le Pouvoir de l'Onboarding, Transmettre des Infos pour ton SaaS, et collecter des Données Clés.
Comment mettre en ligne une landing page gratuitement sur Firebase !
Просмотров 602Год назад
Comment mettre en ligne une landing page gratuitement sur Firebase !
#13 Initiation au responsive avec Reat & Tailwind css
Просмотров 814Год назад
#13 Initiation au responsive avec Reat & Tailwind css
#12 Intégration du footer de l'application
Просмотров 586Год назад
#12 Intégration du footer de l'application
Maîtrisez l'onboarding de votre application avec des composants dynamiques et une navigation fluide
Просмотров 1,2 тыс.Год назад
Maîtrisez l'onboarding de votre application avec des composants dynamiques et une navigation fluide
Contrôle l'authentification dans tes applications comme un pro !
Просмотров 1,1 тыс.Год назад
Contrôle l'authentification dans tes applications comme un pro !
Comprendre et gérer le statut de l'utilisateur connecté dans une application web Next/Firebase
Просмотров 1,5 тыс.Год назад
Comprendre et gérer le statut de l'utilisateur connecté dans une application web Next/Firebase
Initiation à Firestore : Découvrez la base de données NoSQL de Firebase
Просмотров 2,3 тыс.Год назад
Initiation à Firestore : Découvrez la base de données NoSQL de Firebase
Tutoriel Next.js et Firebase : Connexion, Déconnexion et Récupération de Mot de Passe
Просмотров 1,5 тыс.Год назад
Tutoriel Next.js et Firebase : Connexion, Déconnexion et Récupération de Mot de Passe
Merci pour cette belle formation
Facile à suivre ?
je sais pas quoi dire, t'es trop fort et tu sais correctement faire véhiculé un message... Merci
Très heureux que ça te plaise ! 👍
@@remotemonkey pourquoi y' a pas la partie avec les autres hook ??
@hervengoulou2168 la partie avec les autres hooks ?
tu es un bon frérot 👍👍👍👍👍👍
🫡
tu es simplement magic
😉🙏
content de t'avoir connu @Remote Monkey 😭😭💥💥💫💫💫💫
😂✊ moi aussi ! 😉
🔥🔥🔥🔥🔥🔥🔥🔥 Toujours aussi banger c'est incroyable j'espere tu auras les abonnés que tu mérites
Respect a toi aussi pour le soutiens que t'apporte à la chaîne ! 🥷
Merci pour la vidéo maintenant on sais comment styler nos composants et aussi comment utiliser les composants dans Reactjs en les exportant par défaut ou nommés! Cà été vraiment cool !
Avec plaisir 😇
Explication simple et facile à comprendre. Merci
Merci pour ton retour ✨
La formation est vraiment génial merci pour ton travail. J'ai une question, j'ai pas trop compris pourquoi quand tu rajoutais +test dans l'email ça envoyait quand même à desportes.arnaud, ça m'as perturbé 😅
Ça s’appelle un allias d’e-mail (un autre e-mail qui pointe sur un autre e-mail) 😉
@@remotemonkey d’accord je ne connaissais pas merci pour l’info et la réactivité 👍🏾!
@@bwemba13 y'a pas de quoi 🤗
Bravo, le projet à l'air super intéressant, et c'est très bien présenté !
👍
❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤💘💘💘💘💘💘💘💘💘💘💘❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤💘💘💘💘💘💘💘💘💘💘💘💘💘❤❤❤❤❤❤❤❤❤❤❤❤❤💘💘💘❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤💘💘❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤💘💘💘💘💘❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤💘💘💘💘❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤💘💘💘❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤💘💘💘❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤💘
De toutes les formateurs que j'ai connu, tu es sans doute le meilleur franchement. Big respect à toi 👌👌👌👌👌 👏👏👏👏👏👏👏👏👏👏👏👏👏👏
Merci kilam !!
Bonjour, je n'arrive pas à passer la page de bienvenue lorsque je définis mon nom d'utilisateur. J'ai reçu le message d'erreur suivant : "not-found", message : "Une erreur inconnue est survenue. Veuillez réessayer. Contactez-nous si le problème persiste."
Tu as essayé d’actualiser la page ? Ou de regarder l’erreur en console ?
La vidéo est extra ,mais le lien vers le code source ne marche pas .Merci
Il y’a un problème avec les dns ça devrait ce rétablir prochainement
@@remotemonkey merci
C'est vraiment un plaisir cette formation ! Par contre j'ai une erreur d'affichage du toastify lorsque je déploie mon application, je m'explique : Sur le serveur local de dev, le toastify fonctionne parfaitement sans soucis, une fois que je déploie l'app et que je fais un test de logIn un utilisateur ou de SignIn un utilisateur le toastify apparait transparent je ne comprends pas d'ou ça vient Merci Encore Arnaud !!
A mince, c’est étrange ça ! Tu a essayé de re builder l’application ou essayer d’analyser le style du toast via l’inspecteur en console pour essayer de mieux comprendre si c’est juste une question de conflit css mal rendu en production ?
@@remotemonkey Après plusieurs essaies et ajustement j'ai simplement fiat un @import 'react-toastify/dist/ReactToastify.css'; dans le global.css ça a permis de faire fonctionner ça en production ! merci encore !
A ok d’accord le style était pas upload impeccable 👌
Hello Arnaud, le lien pour récupérer le starter kit ne fonctionne pas, ni l'accès à ton site d'ailleurs. Est-ce seulement chez moi ou bien ?
Tu a une erreur en particulier ?
@@remotemonkey ça me met une page d'erreur google avec le bouton 'actualiser' et ça ne fait rien quand j'actualise.
Tu sais c'est la fameuse page où l'on te demande de vérifier ton pare feu ou ta connexion
🧐 Je transfert le domaine, ça n'aurait pas dû impacter les DNS normalement, c'est ce qui expliquerai, ça devrait se rétablir tout seul
@@remotemonkey ok je vais retenter tout à l'heure. J'ai grave envie de le faire ce projet hein 😁
Merci beaucoup pour ce que tu faire pour nous.
🙏
merci bcp , 1Abonne +
Bienvenue !
Tu peux faire un guide pour faire des animations?
Comment ça ?
Super merci pour ce projet captivant, je vais essayer de le faire le plus vite possible. Et au passage tu es un super pedagogue... :-)
Merci 🙏 courage !
S'il y'a un formateur que j'adore au n°1 c'est toi. Je commence un projet du début en fin. Et j'ai appris react et autres grâce à toi. Merci beaucoup
🤩 Merci 🙏
Waouh top top top !
🙏
J'ai toujours pas terminé le projet que je veux en commencer un autre !!! Trop bien Arnaud
A c'est que tu es déjà bien passionné ça ! Quand ça brûle les doigts comme ça c'est bon signe 😂
Hello Arnaud, Merci beaucoup pour cette vidéo, c'était vraiment instructif et captivant ! J'ai hâte de voir la prochaine. Est-ce que tu pourrais nous dire quel sera le sujet de la prochaine vidéo ? 🙌
On va construire une magnifique Landing page avec un design complètement incroyable et utiliser des animations et des effets de suivit de la souris
Si tu as aimé cette vidéo tu vas adorer la suivante !
@@remotemonkey il y aura des animations de smoothscroll avec Lenis, et des animations d'apparition avec Gsap ou Framer?
@@mounirbenkasmiya8373 La vidéo va surtout porter sur l'intégration avec react, ça ne sera pas du full animate par contre
Un petit zest de Framer Motion serait top ;)
C'est super ça Arnaud 🎉 Continue comme ça 🫠. J'aimerais aussi si c'est possible avoir les maquettes de ce genre de projets, pour essayer de mon côté avant de suivre le tuto pour certaines corrections 🙏🏾
Merci, Bien sûr tu trouveras tous dans les Starter Kit ! Pack de démarrage, Ressources, Maquettes, Code source Complet ect tout est prévu 🫡...
D'accord j'ai hâte de commencer 😌
Bon courage, et amuse-toi bien ✊
Merci pour le travail bien fait
C'est fait avec plaisir j'espère que tu sauras en tirer parti pour te démarquer !
Merci pour ce beau boulot
Content que ça te plaise !
First. Continue comme ça Arnaud. Ta chaîne va exploser.🔥
Je bosse déjà sur la prochaine vidéo de cette nouvelle série, "disclaimer" tu vas péter un plomb 🥳.
Toujours une masterclass je surkiffe, j'ai une question pourquoi ne pas avoir utilisé <ActiveLink> au lieu de<Link> ? Mais sinon c'est vmt du lourd !!
Merci ! On a réalisé notre propre "Active Link" dans cette formation car il n'est pas disponible sur Next au moment du tournage de cette vidéo : nextjs.org/docs/app/building-your-application/routing/linking-and-navigating
Génial
🫡
Super bien expliqué, Merci beaucoup pour cette formation.
Content que ça t’a plus 🫡
J'ai vraiment aimer l'explication.
Merci bedaericabed pour ton commentaire 🙏
Super intéréssant cette vidéo !! seulement j'ai un soucis dans le code de ActiveLink, j'ai l'impression qu'il ne connait pas le .pathname, je vais me renseigner sur la doc
Yes, tu veux dire la propos ? tu utilises le Starte kit ?
@@remotemonkey Oui j'utilise le starter kit et lorsque j'ai essayé de coder la props active-link, ça me met une erreur lorsque je mets le "router.pathname"
Il te dit quoi comme erreur , exactement ?
@@remotemonkey ça me dit que .pathname n'existe pas
À mais ta un problème avec router ducoup pas avec ActiveLink, tu as essayeé de console loguer router pour voir les propriétés qu’il contient ?
Pourquoi tu utilises CRA alors qu'on nous rabache partout que c’est "déprécié" et qu'il vaut mieux utilisé Vite ?
Par ce que dans notre contexte ici on apprend petit à petit, vite est utilisé dans la suite de la formation mais ça ne change rien, on ne crée pas une application avec vite ou create react app dans tous les cas et il n’existe pas qu’eux , ici on apprend des concepts les uns après les autres l’objectif est de comprendre ce qu’es un boilerplate a quoi ça sert et comment on l’utilise concrètement.
@@remotemonkey ok cool. Oui au final, ce sont seulement différents boilerplate.
C’est ça
Purée 7e vidéo et toujours un banger cette playlist
Accroche-toi tu vas décoller !
grave chaud
🥷
la formation est bien expliqué merci!
Merci 🙏
Oui c'est possible de faire une formation sur tailwind css!
Oui elle arrive celle là tout le monde la demande je m’en occupe 🤩
vraiment le cours est bien simple
Content que ça te plaise !
C'est pour quand la video sur Tailwind CSS.
La quoi ?
Bravo à toi pour ce tutoriel ! Je connaissais déjà le principe du local storage, mais je dois dire que tu m'as envoûté. Tu es très pédagogue, tu expliques super bien et ta vidéo est structurée pour que n'importe qui puisse comprendre. Merci pour ce tutoriel, tu gagnes un abonné !
Merci pour ton retour 🤝
☝Télécharge puis utilise le Starter Kit (lien en description) pour installer toutes les dépendances du projet si tu rencontres des problèmes de dépendances liés à l’évolution des bibliothèques dans le temps !