Comment développer une application web en 10 étapes [100% débutants]
ฝัง
- เผยแพร่เมื่อ 3 พ.ย. 2021
- La Newsletter du Codeur Senior : www.angularsenior.fr/apply
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.
Merci pour cette vidéo très intéressante. Il y aurait un lien pour voir le résultat final ?
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.
Merci
Au plaisir, Simon.
@@codeursenior Quel logiciel ou thème tu utilises derrière sur l'écran ?
Hello @@timh9381, c'est simplement une vidéo TH-cam qui tourne en plein écran en fond.
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.
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.
Merci beaucoup pour ce partage, c'est toujours très intéressant ! Bonne continuation!
Bonjour Amel, merci beaucoup pour votre retour ! 👍 Bonne continuation également. À bientôt, Simon.
Excellent travail.
Merci pour le partage.
👍👍👍
Merci à toi pour ton message ! 🔥
Merci bcp car votre bonté à changer des vies et une décision vitale à vue le jour merci 🙏
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.
Vraiment vous êtes très généreux
Je reste plein temps dans ta chaîne
Bonne continuation
Merci et bienvenue, bon apprentissage !
Simon.
Super instructif merciii beaucoup !!
Avec plaisir ! 😊 À très vite dans une prochaine vidéo et surtout bon développement. À bientôt, Simon.
Excellente vidéo 👏👏 merci !
Merci @Sam Bard !
merci pour cette vidéo
Merci pour ce que vous faites
Merci pour ton retour @Mehdi.
Bon développement,
Simon.
merci pour vos conseils
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é
Merci Yosef !
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.
Avec plaisir, j'espère que ces quelques pistes pourront vous amener à démarrer plus facilement ! Bon développement alors :) À bientôt, Simon.
Merci infiniment🙂
Très bien merci
Aaah si je pouvais likez 100 fois !!!
Merci ! 😉🔥
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 🙏🏼🙏🏼🙏🏼
Génial ! Bienvenu parmi nous ! Je ne doute pas que vous parviendrez à devenir Fullstack. :) Bon apprentissage et bon développement à vous. Simon.
Un bonheur
Avec plaisir, bon code !
Simon.
Merci à vous
Merci pour votre commentaire encourageant ! 😉 À très vite dans une prochaine vidéo et surtout bon développement. À bientôt, Simon.
C'est Super...
Avec plaisir ! ;) Excellent développement à toi pour la suite. À très bientôt, Simon.
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
Hello, au top si les vidéos ont put aiguiller 👍
Bon développement,
Simon.
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
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
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. 👍
T'aurais pas besoin de collaborateurs
Cette intro de zinzin. Merci.
Avec grand plaisir.
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 ?
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.
🎉merci
👍
Bonjour, Quel est le coup de votre application sans compter vos heures de travail? (hébergement et autres frais)
tu es passé très vite sur la partie hébergement , où est déployé ton appli front/back ? bonne vidéo au passage ;)
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. 👍
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
100% d'accord, Firebase est ma tech backend par défaut pour prototyper/tester rapidement un projet. 👍
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.
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.
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 ?
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.
Atos est derrière Cap et IBM ceci dit, en Europe :p
BONJOUR MR SIMON , Je suis partant pour le développement, mais je manque un peut de soutiens
Bonjour, quel objectif voulez-vous atteindre avec vos compétences de code ?
@@codeursenior LA CREATION D UNE APPLICATION ,MR
@@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).
ok merci
Hi! J aimerais savoir si j aimerais avoir une application genre uber taxi à qui je dois m adresser svp?
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.
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 !
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
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.
pourquoi vous n'avez pas utilisé une plateforme de test pour minimiser les bugs
👍
Merci beaucoup pour la vidéo. Sa ta pris combien de temps pour avoir ce niveau !?
Je code professionnellement depuis novembre 2016. (début de mon premier CDI, hors stage)
Intéressent
Merci pour ton commentaire Xavi. Bon développement à toi et à bientôt pour de prochaines vidéo. Simon.
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 ❤
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 🙂
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.
@@codeursenior bonjour, c'était juste une question d'ordre général concernant le backend.
Merci encore pour vos excellents tutos.
@@ahmedsenaici5597 Merci !
Salut Simon, est ce que tu cherche un poste à paris de Tech Lead ?
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.
Découper les vidéos avec des timecode serais une très grosse amélioration !
Oui, c'est une excellente idée ! Je vais me le noter pour les prochaines vidéos 👍
Bon développement,
Simon.
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.
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.
Bonsoir simon jaime la programmation que je connais rien .comment proceder?
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.
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.
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
Tout est juste une quantité de travail. Soyez prêt.
@@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 ?
merci pour la video , je peine a entrer dans votre communaute, puis je avoir le lien? merci d'avance !
Hello Samin, la communauté est disponible sur TH-cam directement. Le site est fermé au public et réservé aux élèves qui souhaitent devenir Senior en code. Bon développement à toi !
Simon.
Bonjour simon j'aimerai savoir entre python et java quel langage convient le mieux pour un projet bancaire ?
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.
Hello, comment je fais pour te contacter stp..tes vidéos sont très intéressantes
Bonjour, vous devriez trouver une section contact sur le premier lien en description de la vidéo. Est-ce que vous avez trouvé ?
Votre courriel svp
Peut-on avoir les vidéos en direct
C’est à dire ? Qu’appeler vous des vidéos en direct ?
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.
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.
@@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.
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 : th-cam.com/play/PLhVogk7htzNiO_cbnPqa7fkVzzRhUqQLj.html
Est-ce que cela vous éclaire plus ou moins ? ;)
Bon apprentissage,
Simon.
@@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 ?
@@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 ?
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é
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 :
th-cam.com/video/NRxzvpdduvQ/w-d-xo.html
Svp les idées 4 et 6 , je ne comprends pas
Lesquels ? J’ai la femme de reregarder ma Video..
Coole comment enregistrer la 7
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.
Bonsoir Simon... puis je avoir votre contact ?
Bonsoir, si besoin vous pouvez passer par le site angular-senior.fr pour les demandes pros.
Bon développement,
Simon.
Je peux avoir vos contact pour m accompagné sur mon projet ?
Hello, je ne peux vous aider que en postant des vidéos, sorry.
Quand tu tombe sur cette vidéo par hasard avec un speedcube dans les mains mdr
Haha spécial dédicace !
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
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 ! 👍
@@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...
Re, ca dépend de votre objectif. Commencer par le vanilla avant d’attaquer un framework me semble une base indispensable.
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.
Merci, il faudrait que je me remette au langage Français au lieu de tartiner du JS toute la journée. 👍
Bonsoir Mr sil vous plait votre numéro
Non. Mais bon développement quand même !
@@codeursenior Elle est osée cella là! 🤣🤣🤣🤣🤣🤣
@@loicmakassoeti3209 Il faut que j'arrête de répondre aux commentaires TH-cam après le boulot, j'ai tendance à être un peu sec effectivement. 😆