Comment développer une application web en 10 étapes [100% débutants]

Подписаться 49 тыс.

Просмотров 63 тыс.

50% 1

La Newsletter du Codeur Senior : www.angularsen...
10 étapes pour créer une startup #
Comme vous, pendant le premier confinement j'étais bloqué chez moi durant 2 mois...
On a donc profité de ce moment de "pause forcé" pour construire un projet sympa avec mon frère : un site pour que les speedcubers puissent se chronométrer...
Par contre ?
On n'avait que 2 mois pour produire un site complet en partant de zéro, donc il ne fallait pas traîner !
Dans cette vidéo, je partage avec vous les 10 étapes que nous avons suivis avec mon frère pour livrer notre projet à temps... et comment atteindre presque 100 utilisateurs le jour du lancement !
Bon visionnage,
Simon.

Опубликовано:

11 сен 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 140

@jean-bernardsaint-eve3340 2 года назад

Merci pour cette vidéo très intéressante. Il y aurait un lien pour voir le résultat final ?

@codeursenior 2 года назад

Merci pour votre message. Voici un lien pour voir le projet de Speedcubing en question, développé en quelques semaines : en-letscube-timer.web.app/home (__En gardant en tête que le site n'est plus maintenu et le nom de domaine pourra être retiré à n'importe quel moment :D__). Bon développement à vous, Simno.

@jean-bernardsaint-eve3340 2 года назад

Merci

@codeursenior 2 года назад

Au plaisir, Simon.

@timh9381 Год назад

@@codeursenior Quel logiciel ou thème tu utilises derrière sur l'écran ?

@codeursenior Год назад

Hello @@timh9381, c'est simplement une vidéo RU-vid qui tourne en plein écran en fond.

@yoannlengrand8177 Год назад

Hello, je tenais à te remercier. J'ai regardé plusieurs de tes vidéos, et j'ai pu approfondir voir découvrir des notions importantes dans le dév. Je suis issu d'une formation titrante CDA (Concepteur Développeur d'Application), et cette vidéo par exemple m'aide à me poser les bonnes question pour réaliser mon projet perso. Je continuerai à te regarder et merci de prendre du temps pour nous.

@ludoportemann7264 15 дней назад

Merci pour cette vidéo, claire, nette et précise ! Top

@maximlebrun777 Год назад

Quelle générosité dans le contenu, quelle bienveillance dans le partage d'expérience ! Tellement représentatif de letat d'esprit du secteur d'activité 🧡 De quoi se feliciter d'entamer une reconversion, merci pour ton temps.

@kiki-y6c 7 месяцев назад

Merci bcp car votre bonté à changer des vies et une décision vitale à vue le jour merci 🙏

@codeursenior 7 месяцев назад

C'est très gratifiant que les vidéos aident réellement les gens, j'espère pouvoir vous en proposer d'autres prochainement ! Bon code à vous, Simon.

@gobajoseph5064 2 года назад

J'ai pris votre formation creer une api avec node js . Jai decouvert la chaîne et les explications approfondies m'ont vraiment apporté beaucoup . J'espère bien progresser pour devenir fullstack 🙏🏼🙏🏼🙏🏼

@codeursenior 2 года назад

Génial ! Bienvenu parmi nous ! Je ne doute pas que vous parviendrez à devenir Fullstack. :) Bon apprentissage et bon développement à vous. Simon.

@ameltriki5396 2 года назад

Merci beaucoup pour ce partage, c'est toujours très intéressant ! Bonne continuation!

@codeursenior 2 года назад

Bonjour Amel, merci beaucoup pour votre retour ! 👍 Bonne continuation également. À bientôt, Simon.

@heygab7409 2 года назад

Super tips. Je cherche à monter mes compétences et je voulais me lancer dans un nouveau projet. Tes étapes sont intéressantes car souvent je trouve que on zappe la partie conception (uml / BDD) et qu’on part direct à coder

@codeursenior 2 года назад

Merci pour ton retour @Hey Gab ! Effectivement, la phase de conception peut faire "perdre" du temps à très court terme... mais ce sont des dizaines d'heure de code qui sont économisés par la suite. 👍

@yosefthompson6161 2 года назад

T'aurais pas besoin de collaborateurs

@chrisder1814 Месяц назад

Bonjour pour un total débutant est-ce que tu pourrais m'expliquer ce que je pourrais faire avec une api de retouche de photos

@anamaid 2 года назад

Aaah si je pouvais likez 100 fois !!!

@codeursenior 2 года назад

Merci ! 😉🔥

@Diacksidibe Год назад

Sincèrement tes vidéos sont cool, je veux développer un site intermédiaire de livraison, mais je vais pas où commencer vraiment mais c'est bon

@codeursenior Год назад

Hello, au top si les vidéos ont put aiguiller 👍 Bon développement, Simon.

@BichakofRoland 4 месяца назад

BONJOUR MR SIMON , Je suis partant pour le développement, mais je manque un peut de soutiens

@codeursenior 4 месяца назад

Bonjour, quel objectif voulez-vous atteindre avec vos compétences de code ?

@BichakofRoland 4 месяца назад

@@codeursenior LA CREATION D UNE APPLICATION ,MR

@codeursenior 4 месяца назад

@@BichakofRoland Votre objectif est trop flou. Quelle techno ? Quelle ligne d'arrivée ? Je vais prochainement faire une vidéo sur la manière de se fixer des objectifs (et de les atteindres).

@BichakofRoland 4 месяца назад

ok merci

@aissa-48 2 года назад

Vraiment vous êtes très généreux Je reste plein temps dans ta chaîne Bonne continuation

@codeursenior 2 года назад

Merci et bienvenue, bon apprentissage ! Simon.

@mairahs16 2 года назад

Super instructif merciii beaucoup !!

@codeursenior 2 года назад

Avec plaisir ! 😊 À très vite dans une prochaine vidéo et surtout bon développement. À bientôt, Simon.

@user-wh3ct9nj2g Год назад

Merci pour ce que vous faites

@codeursenior Год назад

Merci pour ton retour @Mehdi. Bon développement, Simon.

@alexconatus7629 4 месяца назад

Un bonheur

@codeursenior 3 месяца назад

Avec plaisir, bon code ! Simon.

@carolinesenes8186 2 года назад

Merci pour cette vidéo qui tombe à pic ! J'ai 5 idées de projet, mais n'avais pas vraiment de méthodo pour la planification.

@codeursenior 2 года назад

Avec plaisir, j'espère que ces quelques pistes pourront vous amener à démarrer plus facilement ! Bon développement alors :) À bientôt, Simon.

@foussenisidibe1171 Год назад

merci pour cette vidéo

@Pizatol 2 года назад

On va pas se mentir, firebase c'est bien pratique pour un frontend ! Surtout que la version free est assez large quand on veut tester des side project

@codeursenior Год назад

100% d'accord, Firebase est ma tech backend par défaut pour prototyper/tester rapidement un projet. 👍

@camaraamadou8190 5 месяцев назад

Suis très ravi de tomber sur vidéo, merci beaucoup. Pour ce qui est de l’accompagnement PREMIUM qu’est ce qu’il faut svp ?

@codeursenior 5 месяцев назад

Bonjour, pour le moment, je ne propose aucun accompagnement avant 100.000 abonnées. Si vous avez un besoin urgent uniquement, vous pouvez me contacter sur le site angularsenior.fr. Bon code à vous, Simon.

@MamitaFaye-m3i 8 месяцев назад

Merci beaucoup je suis nouvelle sur vôtre chaîne youtube mais vous pouvez faire une vidéo sur le développement web mobile et gaming

@yosefthompson6161 2 года назад

Vraiment intéressant j'ai trouvé cela enrichissant... j'espère que vous ne rassasierez de super conseils en développement Merci j'ai aimé

@codeursenior Год назад

Merci Yosef !

@traductionalgerie8243 2 года назад

Excellent travail. Merci pour le partage. 👍👍👍

@codeursenior 2 года назад

Merci à toi pour ton message ! 🔥

@djcaesar9114 3 месяца назад

Cette intro de zinzin. Merci.

@codeursenior 3 месяца назад

Avec grand plaisir.

@jeancykad3742 2 года назад

Merci à vous

@codeursenior 2 года назад

Merci pour votre commentaire encourageant ! 😉 À très vite dans une prochaine vidéo et surtout bon développement. À bientôt, Simon.

@Nino_kech07 Год назад

merci pour vos conseils

@johnudongo5346 8 месяцев назад

Très bien merci

@sambart3596 2 года назад

Excellente vidéo 👏👏 merci !

@codeursenior 2 года назад

Merci @Sam Bard !

@bouanga-mackayarolandalban5723 Год назад

Merci infiniment🙂

@KJB_Guerte 4 месяца назад

le son est très bad malgré le super micro car vous êtes certainement dans une pièces vide ou relativement vide et donc l'onde sonore ne rencontre pas plusieurs surface faute d'objet dans la pièce. Je pense.

@aympc25 11 месяцев назад

Lol tu dis ça comme si tu étais vendeur. Non tu es professionnel comme moi donc 2 mois c’est rapide pour les experts 😂 Bon contenu jet roupies. Et méthodique ❤

@meto-tv5882 2 месяца назад

Bonjour Simon. J'ai aimé vos explications. Maintenant très séduit, je veux que vous m'aidiez à développer une application. Comment vous joindre en privé ?

@ericjost3268 Год назад

Bonjour, Quel est le coup de votre application sans compter vos heures de travail? (hébergement et autres frais)

@jonathanalixpierredort7808 2 года назад

C'est Super...

@codeursenior 2 года назад

Avec plaisir ! ;) Excellent développement à toi pour la suite. À très bientôt, Simon.

@abdel-nacerghazli9534 Год назад

pourquoi vous n'avez pas utilisé une plateforme de test pour minimiser les bugs

@tinapielou Год назад

Hi! J aimerais savoir si j aimerais avoir une application genre uber taxi à qui je dois m adresser svp?

@cherifaarouna9731 Год назад

Bonsoir je suis débutant en JavaScript, j'aimerais si possible que vous nous fassiez un tuto sur comment utiliser "set" et "get" en JavaScript ainsi que le rôle de chacun d'eux. Merci

@codeursenior Год назад

Bonjour, j'ai dans ma todo-list de créer 2 gros tutoriels sur JavaScript et TypeScript, dans un format de plusieurs heures. Par contre ce genre de vidéo demande un travail monstre en amont, je suis entrain de regarder si je peux produire ça pour 2023. Bon développement, Simon.

@JM-kz7zf 2 года назад

Salut Simon, est ce que tu cherche un poste à paris de Tech Lead ?

@codeursenior 2 года назад

Bonjour @Jean M, merci beaucoup pour ton message. Pour le moment j'ai cherché sur Grenoble, et ça y est... j'ai décroché un poste de Tech Lead qui devrait démarrer le 10 Janvier 2022. Encore une fois merci pour ton message. Excellent développement à toi, au plaisir d'échanger. Simon.

@jagre7013 Год назад

Merci beaucoup, c'est une étape qu'on ne nous fait jamais en formation mais comment est-ce que tu parviens jusqu'au déploiement finalement tu ne l'apprends qu'à la fin de ta formation, ce que je trouve perso un peu débile alors que si tu sais déjà tout ce que tu vas devoir accomplir pour parvenir à cette étape tu peux non seulement savoir où tu en es au niveau de ton projet mais aussi et surtout ce qu'il te reste à accomplir pour y parvenir.

@codeursenior Год назад

Hello Jagre, réflexion très intéressante ! D'ailleurs, toute une littérature de l'ingénierie logicielle est d'accord avec vous : D'abord mettre en place l'intégration et le déploiement continue dès le "Hello, World". Je me note ça pour mes formations, je pourrais tout à fait avoir en chapitre 1 : Déployer "Hello, World" en production ! Ce n'est pas bête du tout, merci !

@mklk7377 Год назад

Atos est derrière Cap et IBM ceci dit, en Europe :p

@atmosgp5393 Год назад

🎉merci

@codeursenior Год назад

👍

@flaviien Год назад

Bravo pour avoir menez ce projet au bout. J'ai une énorme interrogation. Vous dite : "ne pas pouvoir réaliser ce projet en partant de 0 en deux mois ? (En codant tout, les routes, le jwt, etc...) et donc vous avez utilisé firebase pour commencer a partir d'une solution backend déjà existante" Est ce vraiment trop ambitieux de réaliser un site web de ce genre, from scratch ? Je suis en train de deseperer car je suis en train de suivre votre tuto NodeJS et je pensais qu'avec les compétences necessaire, ce genre de produit était réalisable seul en 2 ou 3 semaines. Merci d'avance pour votre réponse, tout autre commentaire est le bienvenue également.

@codeursenior Год назад

Bonjour @Flavien, vous avez en partie raison ! En quelques semaines de développement intenses, il est possible de coder le backend en NodeJS et le frontend en Angular. Mais il faut prendre en compte que nous n'étions pas réellement à temps plein, nous étions deux (Git/coordination) et nous avions quelques "vrais" utilisateurs rapidement. Donc cela implique en plus le déploiement, un peu de gestion de projet, les retours utilisateurs... Mais en bossant seul, sans interactions avec l'extérieur, je pense aussi que c'est faisable. 🙂 Bon développement, Simon.

@blessman8953 Год назад

Bonsoir simon jaime la programmation que je connais rien .comment proceder?

@codeursenior Год назад

Hello, je vous invite à démarrer par le développement d'un produit qui vous plait (mobile, site web ?). Ensuite, je suis allé sur OpenClassrooms pour apprendre les fondamentaux des langages (HTML,CSS et JS), puis j'ai enchaîné sur un framework frontend (Angular, Vue ou React). Développé un projet personnel tout le long pour rester motivé. 👍 Bon courage, bon code, Simon.

@Drolesvideosco Год назад

Merci beaucoup pour ta vidéo très explicative ! Je vais créer une application web d’interaction ! les utilisateurs peuvent publier les fichiers et les autres peuvent les voir ! Comment je m’y prends ? Mercis.

@codeursenior Год назад

Hello, il va vous falloir une solution pour stocker les fichiers. Vous pouvez utiliser des services comme Cloud Storage de Firebase ou S3 d'Amazon il me semble. Bon courage pour vos développements, Simon.

@traverspierre9693 2 года назад

tu es passé très vite sur la partie hébergement , où est déployé ton appli front/back ? bonne vidéo au passage ;)

@codeursenior 2 года назад

La phase "déploiement en production" peut être frustrante. Pour le projet de la vidéo, j'ai déployé la partie Frontend sur Firebase Hosting et la partie Backend est constitué du cloud Firestore + Rest API. Dans un contexte professionnel, il y a soi une équipe DevOps dédié au déploiement continu sinon Heroku. 👍

@cgc2300 10 месяцев назад

bonjour j'ai du mal à tout saisir et t'emmener que je ne connais que dalle à la technique, à la programmation bref j'ai eu quelques idées d'utilisation des API des intelligences artificielles et j'aimerais bien que tu me dises si celle-ci c'est en réalisable et ce que tu en penses en tout cas merci beaucoup de tes vidéos

@codeursenior 10 месяцев назад

Tout est juste une quantité de travail. Soyez prêt.

@cgc2300 10 месяцев назад

@@codeursenior oui donc je te disais que j'ai eu quelques idées mais je ne sais pas si celle-ci serait réalisable avec des api ou d'une autre manière c'est la raison pour laquelle j'aurais aimé que tu me dises ce que tu en penses bonjour est-ce que tu crées des GPTs ?

@moussaallatchifode7240 2 года назад

Excellente vidéo et pour les explications. j'ai un projet coopérative de création d'une bibliothèque numérique scolaire adaptées à notre programme national d'enseignement. Pour ce faire, j'ai pensé à une création d'une application mobile Android et application web. Le problème est que je suis nulle en programmation. Alors pourriez vous me donner quelques pistes pour commencer ?

@codeursenior Год назад

Hello, je ne connais pas le contexte et les objectifs exacts de votre projet donc mon conseil est à prendre avec des pincettes. Quand j'ai besoin de rapidement prototyper quelque chose j'utilise Firebase (Backend as a Service) + Angular (ou une tech frontend). Cela accélère considérablement le développement pour une V1. Bon développement, Simon.

@Angel_Jean225 Год назад

Bonjour simon j'aimerai savoir entre python et java quel langage convient le mieux pour un projet bancaire ?

@codeursenior Год назад

C’est impossible pour moi de vous répondre en l’état, en sachant que ces 2 langages permettent de mettre en place ce que vous voulez.

@foxingame4386 2 года назад

Découper les vidéos avec des timecode serais une très grosse amélioration !

@codeursenior 2 года назад

Oui, c'est une excellente idée ! Je vais me le noter pour les prochaines vidéos 👍 Bon développement, Simon.

@isaacguidi8803 10 месяцев назад

Peut-on avoir les vidéos en direct

@codeursenior 10 месяцев назад

C’est à dire ? Qu’appeler vous des vidéos en direct ?

@user-fd5ml2mv4w Год назад

Merci beaucoup pour la vidéo. Sa ta pris combien de temps pour avoir ce niveau !?

@codeursenior Год назад

Je code professionnellement depuis novembre 2016. (début de mon premier CDI, hors stage)

@enockphuati5770 2 года назад

Salut je suis encours de création d’un projet mais je veux que sa soit un site en ligne ( dynamique) mais je suis bloqué

@codeursenior 2 года назад

Salut @ENOCK, pour cela tu as besoin d'une technologie backend pour mettre en place un serveur avec une base de données et un serveur dynamique. Si tu utilises JavaScript, je t'invite à regarder ce tutoriel sur la chaîne pour construire un backend avec cette technologie : ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-NRxzvpdduvQ.html

@berolpro8750 Год назад

Svp les idées 4 et 6 , je ne comprends pas

@codeursenior Год назад

Lesquels ? J’ai la femme de reregarder ma Video..

@LandryTouotap 5 месяцев назад

Hello, comment je fais pour te contacter stp..tes vidéos sont très intéressantes

@codeursenior 5 месяцев назад

Bonjour, vous devriez trouver une section contact sur le premier lien en description de la vidéo. Est-ce que vous avez trouvé ?

@patriciaetol393 Год назад

👍

@eliejackyhenang2204 Год назад

Votre courriel svp

@xavihernandes267 2 года назад

Intéressent

@codeursenior 2 года назад

Merci pour ton commentaire Xavi. Bon développement à toi et à bientôt pour de prochaines vidéo. Simon.

@saminserge2674 2 года назад

merci pour la video , je peine a entrer dans votre communaute, puis je avoir le lien? merci d'avance !

@codeursenior 2 года назад

Hello Samin, la communauté est disponible sur RU-vid directement. Le site est fermé au public et réservé aux élèves qui souhaitent devenir Senior en code. Bon développement à toi ! Simon.

@ahmedsenaici5597 2 года назад

Bonjour, Vidéo très intéressante : concis, clair et bons conseils. Je viens de m'abonner pour voir toutes les autres vidéos et suivre. Y a t'il un mail si question très technique ? Merci 🙂

@codeursenior 2 года назад

Bonjour Ahmed, merci ! Je te recommande de passer par les vidéos si tu es intéressé par le code professionnel. Il n'y a pas d'email d'assistance excepté pour mes élèves. Sinon, je n'aurais jamais le temps de répondre à tout le monde ! Bon apprentissage, Simon.

@ahmedsenaici5597 2 года назад

@@codeursenior bonjour, c'était juste une question d'ordre général concernant le backend. Merci encore pour vos excellents tutos.

@dienysimon6557 2 года назад

@@ahmedsenaici5597 Merci !

@sebastienoudanou3716 Год назад

Je peux avoir vos contact pour m accompagné sur mon projet ?

@codeursenior Год назад

Hello, je ne peux vous aider que en postant des vidéos, sorry.

@remix2die4 2 года назад

Bonjour, j'ai décidé de me spécialiser sur Angular et je compte acheter ton livre le mois prochain. Est-ce que le livre est toujours édité ? Est-ce que ça vaut toujours la peine de l'acheter ? Est-il à jour ? Merci.

@codeursenior 2 года назад

Salut Allan, merci pour ton message. Pour le moment, il me reste quelques exemplaires du livre Angular disponibles (et à jour). L'ouvrage permet de passer de 0 à 1 sur Angular, en développant facilement une première application et en la déployant sur le Web. Mais j'ai déjà arrêté l'impression de nouveaux exemplaire (je ne peux plus gérer tout cela seul !). Est-ce que cela répond à tes questions ? :) Au plaisir d'échanger, Simon.

@remix2die4 2 года назад

@@codeursenior je suis actuellement intégrateur web et je dois monter en compétence. Néanmoins, j'ai beaucoup d'appréhension pour le back-end, que j'imagine compliqué. Quel serait un programme pour uniquement le front ? Je me disais par exemple : angular, ngrx, test unitaires et requêtes http. Que puis-je ajouter en mettant de côté le backend ? Mon profil aura quand même de la valeur même si je ne suis pas Fullstack ? Merci de répondre pour m'éclairer.

@codeursenior 2 года назад

Hello ! Oui le backend est peu "la face cachée de l'iceberg". Les 80% de code ingrat. :D Pour démarrer dans cette jungle, je ne peux que vous recommande de vous spécialiser dans un deuxième temps, et d'abord commencer par la "chaîne globale" : Base de données -> Serveur -> API Rest -> Frontend. Sur Udemy vous devriez trouver une petite formation sur NodeJS/Backend qui vous présentera la mise en place du backend pas à pas (BDD + Serveur + API Rest). Je propose aussi une playlist sur le sujet NODEJS TUTORIAL FRANÇAIS : ru-vid.com/group/PLhVogk7htzNiO_cbnPqa7fkVzzRhUqQLj Est-ce que cela vous éclaire plus ou moins ? ;) Bon apprentissage, Simon.

@remix2die4 2 года назад

@@codeursenior d'accord mais quelle serait la roadmap pour le front-end dans un premier temps ? Est-ce que ce que j'ai décris dans mon message précédent est suffisant ?

@codeursenior 2 года назад

@@remix2die4 Yep. La roadmap frontend pour Angular, c'est par là 👉 : roadmap.sh/angular Pour ne pas prendre peur, je te conseillerai de démarrer par un petit projet sur lequel tu peux tester directement tous les concepts que tu apprends au fur et à mesure. Tu penses que cela pourra t'aider ?

@twoonetwo7751 2 года назад

on dit "chez" Atos pas "à" Atos. C'est un détail mais tu le dis dans chacune de tes vidéos...T'a même dit "quand je travaillais à Orange" dans une de tes vidéos. J'ai cru que tu parlais de la ville d'Orange mais non tu parlais de la boîte Orange.

@codeursenior 2 года назад

Merci, il faudrait que je me remette au langage Français au lieu de tartiner du JS toute la journée. 👍

@clarckpebe2526 2 года назад

Bonsoir Simon... puis je avoir votre contact ?

@codeursenior 2 года назад

Bonsoir, si besoin vous pouvez passer par le site angular-senior.fr pour les demandes pros. Bon développement, Simon.

@VincentEkdev Год назад

j'ai un prjet de site/application mais la je me dit si a 2 en etant tres experimenté vous avez mis deux mois a mettre en place un site... moi tout seul je vais lutter MDR

@codeursenior Год назад

Hello Vincent, pour te rassurer nous n’étions pas « très » expérimentés. J’avais coder que 2 ou 3 ans en entreprise et mon frère pas encore, et nous avions tout le temps pendant le Covid.. donc c’est largement jouable pour toi ! 👍

@VincentEkdev Год назад

@@codeursenior ha oui mais moi j'ai coder 0 an nul part j'm y colle depuis 1 semaine seulement ... et bon je suis tres perdu entre "pofiner le front end" ou me concentrer sur les fonctionnalité... et enfaite je ne sait pas quand est ce que je doit implémenter un fremwork, si meme j'en aurais besoin ou si je peut tout faire en vanilla...

@codeursenior Год назад

Re, ca dépend de votre objectif. Commencer par le vanilla avant d’attaquer un framework me semble une base indispensable.

@larrios9698 2 года назад

Coole comment enregistrer la 7

@codeursenior 2 года назад

Bonjour Larrios, tu as beaucoup d'options possibles pour sauvegarder des données dans une base. Pour démarrer, ce qui a été le plus formateur pour moi est d'installer WAMP sur mon PC est de jouer avec une base de données locale sur mon serveur. Bon développement, Simon.