45min de workshop privé pour devenir développeur Angular professionnel

Поделиться
HTML-код
  • Опубликовано: 11 дек 2024

Комментарии • 89

  • @bilolentreprise9290
    @bilolentreprise9290 2 года назад +3

    Merci Simon. Avec mes 10ans d'expériences je m'y retrouve parfaitement

  • @josuembiyavanga3857
    @josuembiyavanga3857 Год назад +3

    J'ai vu la vidéo 3 mois plus tard mais le contenu m'a vraiment captivé car il est et sera d'actualité pour un bon moment. Le 3ème principe n'a pas été suffisamment clair pour moi (composant de façade) et je suis impatient de vous lire prochainement apporter de l'éclairage dessus. BRAVO 👏 et MERCI pour ce partage.

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

    Merci infiniment Simon, ton approche très Pro m'a facilité la vie !

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

      Au top, merci pour ton retour. Bon code !

  • @philippexiah4196
    @philippexiah4196 6 месяцев назад

    Excellente vidéo constructive et méthodique. C’est carré et logique.🎉🎉

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

      Un grand merci !
      Bon code pour affronter la complexité au quotidien sur les projets. 👍

  • @guillaumedonnadieu3388
    @guillaumedonnadieu3388 Год назад

    Ok je suis qu'au quart de la vidéo mais ça part très bien on voit bien que tu sais de quoi tu parles, c'est clair et ça décrit bien la réalité du marché de l'industrie IT française actuellement : TOP MERCI !!

  • @undefined8917
    @undefined8917 2 года назад +1

    Superbe vidéo sur les principes d'une architecture solide et ceux pas que sur un projet Angular, ce concept peut également s'appliquer sur un projet React/Vue également. J'ai eu la chance de travailler dans une entreprise ou les développeurs front ont déjà mis en place ces principes et pour un débutant c'est plus simple de se repérer dans le projet.

  • @samirbas8031
    @samirbas8031 2 года назад

    Salut Simon, c'est ça ce que je voulais entendre. Merci

  • @adamounjutapvoui9956
    @adamounjutapvoui9956 Год назад +1

    Merci beaucoup pour vos vidéos toujours très bien expliquées ! En tant que débutant sur Angular, je suis vraiment fan de la façon dont vous expliquez certains concepts de manière simple et accessible aux débutants. Je vous suis depuis un bon moment et grâce à vous, ma confiance dans Angular grandit petit à petit. Cependant, j'aimerais vous demander s'il serait possible que vous réalisiez un tutoriel plus détaillé sur l'utilisation de Materialize avec Angular. Ce serait d'une aide considérable pour moi.

    • @codeursenior
      @codeursenior  Год назад

      Hello, l'utilisation de Materialize dans ce tutoriel est uniquement pédagogique. Il est très peu/pas utilisé en entreprise. Je vous recommande de vous tourner vers des solutions comme Bootstrap ou Prime-ng qui sont bien plus populaires.
      Bon code,
      Simon.

  • @PG-ev9jn
    @PG-ev9jn Год назад

    Les explications d’un sénior sont bon à prendre surtout quand on en a jamais eu ! J’ai plein de choses à revoir dans mes applications Angular …😅

  • @nicolasroselle791
    @nicolasroselle791 2 года назад +1

    HOUA!!!!!!!
    C'est fou, cette vidéo arrive pile-poil au bon moment pour moi :p
    J'ai avancé de mon côté et effectivement ngrx est super intéressant. Après avoir beaucoup trop d'état dans mes services et fait un store maison, j'ai décidé, dans mon dernier projet angular, d'utiliser le store ngrx. Je créer un "sous" state supplémentaire à chaque chargement paresseux d'un module. => 1 page = 1module = un state
    je viens d'apprendre et de comprendre grâce à ta vidéo l'existence et l'importance d'utiliser une façade. C'est top. Dans les services on conserve les appels api, je suppose ?
    j'ai écouté également un podcast sur la clean architecture coté front. Si j'ai bien compris, on sort la logique métier de angular et il l'injecte ensuite grâce à l'injection de dépendance d'angular. La logique métier est traitée en programmation fonctionnelle et ainsi, les tests sont super facile à faire. Juste des fonctions simple sans avoir à "mocké"... Je n'ai pas pu encore mettre ça en pratique, mais j'ai hâte de tester ça.
    Quand pense-tu stp ?
    Tes vidéos sont un régal Simon. Merci beaucoup !!! On vient de me faire passer un test coding game pour un poste Angular, je pleure !!! Tu m'as redonné le moral la :)

    • @nicolasroselle791
      @nicolasroselle791 2 года назад +1

      A quand une vidéo sur les tests 🤭

    • @nicolasroselle791
      @nicolasroselle791 2 года назад +1

      Le composant de façade peut-il être le composant page lui-même ?

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

      Hello Nicolas, je me suis noté j'espère vous publier ça prochainement !

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

      Hello Nicolas, la facade est un service au sens Angular. Généralement, j'ai 1 facade par page.

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

      Salut Nicolas, au top que la vidéo a pu te servir !
      Concernant la Clean Architecture, je vois ça comme un ensemble de bonnes pratiques qui sont toutes intéressantes. Mais cela demande d'avoir déjà une certaine expérience, pour mieux comprendre les problèmes que cela résout.

  • @pascalstrentz9549
    @pascalstrentz9549 2 года назад

    Merci pour cette vidéo de qualité, elle me motive à faire ton programme développeur senior après mon stage
    Merci
    @mitiés

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

      Hello Pascal, merci pour ton retour. Content que la vidéo ait pu t'apporter quelque chose ! 👍
      Bon développement,
      Simon.

  • @twoonetwo7751
    @twoonetwo7751 2 года назад +8

    Salut Simon, merci pour cette vidéo. Est-ce que tu pourrais développer le concept de reactive component en lien ac le pattern Facade ds une vidéo en développant une petite app Angular ? Concernant les échanges smart / dumb cmp, la logique output/input est rébarbative voire excessive pour des dumb imbriqués ds des dumb eux mêmes imbriqués ds des dumb...en gros si le dumb est ancré trop profondément ds la hiérarchie de cmp par rapport au smart, il est tentant d'injecter le service directement ds le dumb (qui deviendrait un smart contenu ds un dumb ?).

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

      Hello, oui je note dans la to-do list de vidéos un exemple complet sur ce qui est présenté dans cette vidéo. Surtout les points Smart & Facade qui sont les points sur lesquels j'ai eu le plus de mal à me former moi-même. Concernant les dumb dans des dumb, on pourra regarder également, en sachant qu'une imbrication de plus de 1 niveau devient rapidement lourd, je suis d'accord avec vous.
      À bientôt pour une vidéo de ce genre,
      Simon.

  • @mathieuhenrotay2917
    @mathieuhenrotay2917 Год назад

    C'est vraiment super intéressant, merci Simon!

    • @codeursenior
      @codeursenior  Год назад

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

  • @alexg7282
    @alexg7282 2 года назад

    Salut Simon, Merci pour ta vidéo. Petite idée de vidéo : Formulaire reactif (Reactive form) sur Angular. A très vite

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

      Hello Alex G, merci pour la suggestion. Ce n'est pas tombé dans l'oreille d'un sourd.

  • @reno1847
    @reno1847 2 года назад

    Cela devrait une vidéo obligatoire pour tout Team Leader, je suis impressionné par le contenu, je valide tous les concepts décrits. (j' ai juste une petite réserve sur l'utilisation à 100% des observables, même si je continu à utiliser le pattern Redux, j'essaye de diminuer....vers un mix 80% promises et 20% Observables

    • @Creativeetea
      @Creativeetea Год назад

      Quel est l'intérêt ? J'ai jamais eu le réflexe d'écrire une promesse sur Angular (je pose la question curieux d'apprendre)

  • @rs4267
    @rs4267 2 года назад

    Yoo ça fait plaisir de te revoir !

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

      Merci !

    • @rs4267
      @rs4267 2 года назад

      @@codeursenior Merci à toi j'ai bcp progresser depuis que regarde tes vidéo.

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

      @@rs4267 🔥

  • @NaelMskine
    @NaelMskine 2 года назад +2

    J'avoue que cette vidéo est assez condensée mais intéressante. J'aurais bien aimé que les point 3 et 4 soient un peu plus détaillés.
    Mais bonne vidéo.

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

      Merci Naël !
      Pour les points 3 et 4, c'est difficile de tout faire tenir pour le format RUclips. J'essayerai de les traiter dans des vidéos à part : composants Smart & Facade Pattern.
      Bon développement,
      Simon.

  • @dareal6726
    @dareal6726 Год назад

    c'est quand tu dis "vous sortez angular c line" j’entends "vous sortez l'angularsenal" aha, ça
    peut faire une bonne punch line pour tes présentations ;)

  • @celinepotinbourgoisbijoux2850
    @celinepotinbourgoisbijoux2850 Год назад

    Top toutes tes explications c'est clair et efficace 🙂

    • @codeursenior
      @codeursenior  Год назад

      Merci à toi !
      Bon développement, Simon.

  • @emmanuelmichonneau6525
    @emmanuelmichonneau6525 Год назад

    Très bonne vidéo! Sauf le principe n°4. (de mon point de vue) ;-)
    Je n'ai jamais adhéré à ngrx car pour moi il apporte énormément de complexité là où Angular permet nativement de faire un store et de la réactivité avec les services et rxjs.

    • @codeursenior
      @codeursenior  Год назад

      Bonjour Emmanuel, tout à fait d'accord, vous devez avoir une problématique de state management qui justifie de sortir cette unsine à gaz ! 👍
      (Même si dans les dernières versions, le code boilerplate est un peu moins aggressif)

  • @jimmymorizot2849
    @jimmymorizot2849 Год назад

    Salut Simon et merci pour cette vidéo ! Je suis développeur depuis peu, j'ai fais une formation DWWM de 6 mois avec un socle Php et une spécialité Symfony. Je cherche activement du travail mais pas évident. J'ai décroché un entretien dans une entreprise qui travaille sur Angular. Cet entretien à lieu dans une semaine et je cherche à apprendre un max de chose sur Angular pour au moins montrer que j'ai travaillé le sujet et que même si je maitrise pas NodeJs, TS et Angular je suis motivé pour apprendre ! J'ai fais plusieurs vidéo qui étaient plus orientés sur les fondamentaux comme les Directives d'attributs et structurelles, les composants et le système d'injections de dépendances… avec notamment la présentation d'Angular par Lior Chamla mais ma question est la suivante: Que dois-je privilégier pour cette entretien, ressortir des principes de la gestion de la complexité sans trop rentrer les détails ? D'ailleurs en vrai j'ai pas tout capté sur "les façades" mais sinon le reste c'est ok. Si tu as quelques conseils pour que j'arrive à me démarquer.

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

    Top formation, thank you

  • @massinissachaouchi4595
    @massinissachaouchi4595 Год назад

    Salut Simon, j'ai bien compris que l'on doit diviser chaque "page" de l'application en modules pour ensuite placer ses composants smarts qui utiliserons des composants dumb pour l'affichage.
    Seulement j'ai une question, ou placer un composant dumb ou smart qui est utilisé dans plusieurs pages et donc dans des modules différents ?
    Par exemple j'ai un composant dump nommé "button-primary" qui se retrouve sur deux pages différentes.
    Je ne sais pas où placer les scripts (ts,HTML,CSS) de ce composant.
    PS: La vidéo est géniale et efficace ! 👍

  • @fredericlossignol3874
    @fredericlossignol3874 Год назад

    Hello Simon. Ce que tu nommes facades pattern, c est communément ce qu on nomme nos services dans nos app angular ? Ou c est encore une autre couche qui vient s intercaler entre le service et le composant ?

  • @tfabiusdegiovanni5657
    @tfabiusdegiovanni5657 Год назад

    Quand allez vous aborder les TEST et TDD avec Angular ? Que pensez vous de l'architecture DDD et l'utilisation de NX (NRWL) ?

  • @LyricsHorizon-m4k
    @LyricsHorizon-m4k Год назад

    Superbe vidéo

  • @mattcornic804
    @mattcornic804 Год назад

    Salut ! tes conseils sur les composants, l'architecture etc sont valable aussi pour ReactJS ou c'est spécifique à Angular ? Et je voulais savoir si tu as choisi Angular par choix spécifique et pourquoi pas React. Merci !

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

    Hello et merci pour ta super vidéo! Petite question stp : hidden state = bugs?

    • @codeursenior
      @codeursenior  11 месяцев назад +1

      Oui tout à fait, essayer toujours de définir le scope le plus réduit possible pour un état donné.

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

      Merci pour la réponse. Dernière question : l'équation de ma complexité s'applique aussi ailleurs que sur Angular? Python? Java? Du SQL?

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

      @@parismichel11 L'équation s'applique à n'importe quelle ligne de code qu'il va falloir maintenir, relire et tester. Essayer d'avoir toujours le moins de code possible à gérer pour un problème donné. 👍

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

    J'ai un projet en angular pour être prise en stage j'aimerais bien savoir si vous recommandez un cours udemy je suis preneuse et merci pour ces vidéos ❤

  • @sogobamohamed4563
    @sogobamohamed4563 2 года назад

    Merci Simon

  • @Creativeetea
    @Creativeetea Год назад

    Bonjour Simon, Y'a du contenu de ce genre dans ta formation ? Dès que j'ai vu le bloc Hello World j'avoue que j'ai zappé. Mais le contenu un peu poussé m'intéresse.

    • @codeursenior
      @codeursenior  Год назад

      Hello, oui l’objectif de la formation est de bosser sur les cas complexes « de la vrai vie ». Il n’y a pas de Hello world dans la formation Angular SENIOR, au contraire il est recommandé de déjà avoir développé des applications Angular auparavant. Bon code, Simon.

    • @Creativeetea
      @Creativeetea Год назад

      Une adresse mail ou je peux te joindre ? J'aurais besoin d'un devis et d'un descriptif de ta formation pour la faire valider par mon chef de projet.

    • @codeursenior
      @codeursenior  Год назад

      @@Creativeetea Salut, je viens de voir ton message étant en congés. Mon adresse pro est en haut à droite sur le site : angularsenior.fr/roadmap. Bon code et n'hésite pas si tu as des questions. Simon.
      (J'évite de publier mon adresse pro sur une plateforme public)

  • @imwalidsalhi
    @imwalidsalhi 2 года назад

    Très intéressant, pour vous quels sont les étapes fondamentaux qui font passer un Junior vers un Senior? apart l'experience bien sur, Merci.

    • @Domi-Nike
      @Domi-Nike 2 года назад

      Pour les imbéciles de recruteurs, il n'y a que l'expérience qui compte... Ils sont complètement nuls dans leur domaine et se permettent de juger des candidats dans l'IT...
      Il y a des cracks en techniques qui n'ont pas d'expérience et qui sont meilleurs que des ingé avec 5 ans d'XP et plus...
      Le pire c'est qu'un pauv type qui a galéré 10 ans dans un métier et qui postule dans un autre métier sera prioritaire pour ces imbéciles malgré que le junior peut le bouffer en tech...

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

      Salut Walid, vaste question. Je dirai qu'un point important est de ne pas se contenter du code "Make it work" et aller rapidement chercher du "Make it right. Make it fast". En gros, être capable de créer du code qui permette à l'équipe d'aller de plus en plus vite dans les développements, plutôt que du code "spaguettis" qui fait que le projet va de plus en plus lentement.
      Bon développement,
      Simon.

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

      L'expérience ce n'est pas qu'une question de technique .

  • @sebastienlemoine1089
    @sebastienlemoine1089 2 года назад

    Super Video aurais tu une expertise plus ou moins similaire pour les codeurs React ?

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

      Hello Sébastien, les concepts présentés dans cette vidéo fonctionnent pour n'importe quel projet web, quelle que soit la technologie sous-jacente (React, Vue, JavaScript, etc...)

  • @bitcoingang9743
    @bitcoingang9743 Месяц назад

    un projet récent que tu as dévellopé? à part du frontend...

  • @nuketoto3868
    @nuketoto3868 Год назад

    pas besoin de ngrx, service + behaviorSubject + asObservable pour la lecture et next([...arr]) et je reduis la complexité de ngrx

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

    Cool, mais si le dumb component peut envoyer de la data via @Ouput, ce n'est plus un dumb component. Ca reste de la communication. Il fait plus que du simple affichage. Je pense que le dumb component ne devrait pas utiliser @Output, seulement les smart components.

    •  2 года назад +2

      L'idée d'un dumb est de recevoir uniquement les donnés à afficher dans le html et de remonter juste les interactions utilisateurs sur ce html, par exemple le fait d'avoir cliquer sur un bouton, d'avoir saisi tel texte dans un input, d'avoir choisi tel valeur dans un select.

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

      Merci @Cédric Lecocq, c'est exactement la réponse que j'aurai donnée !
      Les Dumb ont des propriétés @Outputs, puisqu'ils sont le premier rempart de votre application face aux demandes de l'utilisateur (événements).
      Qu'en penses-tu @Allan ?

  • @samuelmevognon6339
    @samuelmevognon6339 2 года назад +1

    🥰

  • @haytamchaine3105
    @haytamchaine3105 2 года назад

    Des conseils pour un jeune diplômé développeur frontend ??

    • @codeursenior
      @codeursenior  2 года назад +1

      Trouver une mission où tu seras entouré par des gens compétents ET bienviellant.

  • @comyams
    @comyams 2 года назад

    merci

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

    ou mettre mes facades au niveau de l'achitecture

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

      Hello, les Façades sont des services à injecté dans les composants de page de votre application. Bon code à vous !

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

      @@codeursenior merci

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

      @@bricetchongoue4463 👍

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

    Le commercial il ne sous estime pas la charge, il veut juste vendre son projet ,pécho le nouveau client, et lui vendre des avenants au prix fort.

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

      Hello, d'accord sur le fond. Les intérêts d'un commercial et de l'ingénieur derrière sont opposés. C'est à l'entreprise de garantir que l'ensemble fonctionne correctement.

  • @twoonetwo7751
    @twoonetwo7751 Год назад

    La vidéo date mais j’irais plus sur l’implementation d’un store ac la librairie ngRx que sur un façade pattern…

    • @codeursenior
      @codeursenior  Год назад +1

      Hello, les deux sont compatibles. NgRx gère le state management et le Facade Pattern aide pour le refactoring progressif sur de « vrais » projets avec déjà une certaine dette technique. Venir glisser directement un store est ainsi facilité. Bon code !

  • @laliankeesb9799
    @laliankeesb9799 2 года назад

    ça parle ni français ni anglais difficile de suivre ces dev francophile

    • @zeck4229
      @zeck4229 2 года назад +2

      il parle simplement comme on parle en entreprise/sur les projets, je suis dev donc ça me va bien, je peux comprendre que pour les junior ou novice dans le monde du web peu paraitre difficile, mais je pense que c'est un mal nécessaire

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

      Merci Zeck !