SimpleTech
SimpleTech
  • 123
  • 587 422
RxJS pour débutants : Opérateurs et exemples concrets
Lors de notre dernière vidéo dédié à RxJS nous avons regardé ce que sont les observables, observers et subscriptions, aujourd’hui on va voir comment utiliser la méthode pipe pour manipuler les observable à l’aide d’opérateurs (Operators) et comment enchainer ces opérateurs.
Pour cela je vais:
- expliquer ce qu’est la méthode pipe,
- expliquer le concepte d’opérateurs
- Ensuite nous verrons les opérateurs startWith, map, switchMap et debounceTime à travers l’example d’une bare de recherche que nous allons implémenter ensemble.
Ici le liens vers le blog qui contient toutes les instructions :
eezyr.com/blog/simpletech/code/23
J'espère que la vidéo vous plaira!
====================
Les images des monstres ont étés générées avec Midjourney.
Certaines icons, titres, vidéos stock et musiques viennent d'envato:
elements.envato.com
Le lien vers notre Discord:
discord.gg/JmR6XeWheC
Liens vers le site de mon entreprise:
eezyr.com
Mon contact pro:
simpletechprod@gmail.com
Переглядів: 546

Відео

Intro à RxJS - Observables, Observers, Subscriptions
Переглядів 8912 місяці тому
Aujourd’hui nous allons commencer une nouvelle série de vidéos dédiées à RxJS. On va commencer tout doucement par une introduction aux bases de RxJS et les prochaines semaines on introduira des concepts plus compliqués. Dans cette vidéo on va - expliquer ce qu’est RxJS - Parler d'Observables, Observers, et Subpscriptions - Appliquer le tout via des exemples concrets Ici le liens vers le blog qu...
Pandas: Lire et écrire de beaux Excels en Python
Переглядів 1,7 тис.3 місяці тому
Ca vous est déjà arrivé de travailler sur une application python et de devoir importer ou exporter des données à partir ou vers un fichier Excel? Votre première idée était d’utiliser le format CSV, mais votre client insiste sur un fichier Excel avec plusieurs tabs et des formatages spécifiques. Cette vidéo est faite pour vous. Aujourd’hui on va regarder comment utiliser la librairie Pandas pour...
VSCode trop cher ? Je passe à JetBrains (PyCharm / WebStorm / IntelliJ)
Переглядів 6 тис.4 місяці тому
Salut à tous, aujourd'hui je vous raconte mon passage de JetBrains (IntelliJ / PyCharm / Webstorm) à VSCode et pourquoi aujourd'hui VSCode est devenu trop cher pour moi, ce qui m'a fait revenir sur JetBrains. C'est une vidéo un peu différente de ce que j'ai l'habitude de vous proposer, donc j'espère qu'elle vous plaira. Pour le code Promo qui est valable jusqu'au 31/12/2024 il faut se rendre à ...
Angular 18 - Cours complet pour débutants
Переглядів 32 тис.4 місяці тому
Dans cette vidéo vous allez apprendre programmer en Angular 18 en créant un projet de gestion de cartes à collectionner. Ce cours est destiné aux débutant en Angular qui ont déjà des notions de HTML, CSS et JavaScript. Ici les timecodes des différents chapitres: 0:00 Introduction 1:40 Installation de l'environnement de dév 8:50 Premier projet 17:52 Les components 37:40 Inputs et signal inputs 5...
Appel API REST avec HttpClient | Angular ép. 13
Переглядів 1,8 тис.5 місяців тому
Aujourd’hui nous allons voir comment intégrer une API REST à notre application de gestion de cartes à jouer à l'aide de HttpClient. Dans cette vidéo on va - expliquer ce qu’est une API REST - présenter l'API que nous allons intégrer - regarder comment utiliser httpClient pour interagir avec cette API Ici le liens vers le blog qui contient toutes les instructions : eezyr.com/blog/simpletech/code...
Page de login avec HttpClient, Interceptors et Guards | Angular ép. 12
Переглядів 1,9 тис.5 місяців тому
Aujourd’hui nous allons voir comment créer un page de login, et comment gérer des tokens d'authentification. Dans cette nouvelle vidéo, nous allons voir: - comment créer la page de login - comment interagir avec un API de login en utilisant HttpClient - comment injecter des headers d'authentification à nos requêtes en direction du serveur (interceptor) - et pour finir on regardera aussi comment...
Angular Material | Material 3 | Angular ép. 11
Переглядів 1,6 тис.5 місяців тому
Lors de notre dernière vidéo consacrée à Angular, nous avons vu comment créer des formulaires réactifs. Aujourd’hui nous allons voir comment rendre ces formulaires plus beau en utilisant Angular Material. Dans ce nouveau chapitre, nous allons voir: - ce qu’est Angular Material - comment installer Angular Material dans un projet existant - Puis on verra comment utiliser les composant Angular Mat...
Les formulaires réactifs (a.k.a. Reactive Forms) | Angular ép. 10
Переглядів 1,8 тис.6 місяців тому
Dans le dernier vidéo, nous allons voir comment créer des formulaires réactifs (reactive forms) en Angular. Dans ce nouveau chapitre, nous allons voir: - Ce que sont les reactive forms - Comment utiliser les FormControl et FormGroup - Comment ajouter des validateurs à nos FormControls (Validators) - Comment utiliser le service FormBuilder pour créer nos FormGroups - Et pour finir nous verrons c...
La navigation et les routes | Angular ép. 9
Переглядів 1,3 тис.7 місяців тому
Dans le dernier vidéo, nous allons voir comment créer des routes qui vont rediriger l'utilisateur vers l'un ou l'autre composant de notre choix. Dans ce nouveau chapitre, nous allons voir: - comment structurer notre projet - comment déclarer des routes et les mapper vers un component - comment créer des paramètres de routes et comment les lire dans nos components - pour finir on verra également...
Les services (et la méthode inject) | Angular ép. 8
Переглядів 1,7 тис.7 місяців тому
Dans le dernier vidéo, nous allons parler de services et voir comment les utiliser pour gérer et centraliser la logique appliqué à nos données. Dans ce nouveau chapitre, nous allons voir: - ce que sont les services et comment créer un premier service qui nous retournera une liste de monstres - ensuite nous allons compléter ce service avec d’autres méthodes permettant d'ajouter, modifier, et sup...
Conditions et boucles (*ngIf, *ngFor, @if, @else, @for, @empty) | Angular ép. 7
Переглядів 1,4 тис.8 місяців тому
Dans cette vidéo on va voir comment créer des conditions (*ngIf, @if, @else) et des boucles (*ngFor, @for, @empty) pour nos template Angular. Pour cela on va voir: - Les boucles *ngFor - Les conditions avec *ngIf / else - La nouvelle syntaxe introduite en developer preview sous Angular 17 @if, et @else - Et on terminera par la nouvelle syntaxe @for et @empty - Le future de la détection de chang...
Détection de changements et Signaux | Angular ép. 6
Переглядів 2,3 тис.8 місяців тому
Dans cette vidéo on va voir comment voir comment réagir à des changements d'inputs et comment la détection de changements fonctionne en Angular. On parlera des stratégies de détection de changements (default et OnPush) et pour finir on parlera des signaux et du future de la détection de changements. Pour cela on va voir: - Le life-cycle hook OnChanges - La détection de changements par défaut - ...
Les outputs et signal models | Angular ép. 5
Переглядів 2,8 тис.9 місяців тому
Dans cette vidéo on va voir comment rendre nos components/composants interactifs en leur donnant la possibilité de renvoyer des évènements (a.k.a. outputs) à leur composant parent. Pour cela on va voir: - Ce que sont les outputs ? - Comment utiliser les outputs - La nouvelle fonction output (angular 17.3) - Pour finir on va aussi voir la fonction model (angular 17.2) Ici le liens vers le blog q...
Les inputs et signal inputs | Angular ép. 4
Переглядів 3,8 тис.9 місяців тому
Dans cette vidéo on va voir comment rendre nos components/composants réutilisables en utilisant des inputs. On va commencer par expliquer ce que sont les inputs, on verra ensuite comment les utiliser et pour finir on parler des signal inputs. Dans cette vidéo on verra: - Les inputs. Qu'est-ce que c'est ? - Utiliser les inputs - Les signals inputs Ici le liens vers le blog qui contient toutes le...
Les components (création et explications) | Angular ép. 3
Переглядів 5 тис.10 місяців тому
Les components (création et explications) | Angular ép. 3
Création d'un projet et fichiers par défaut | Angular ép. 2
Переглядів 4 тис.10 місяців тому
Création d'un projet et fichiers par défaut | Angular ép. 2
Installer node, npm, Angular et VSCode | Angular ép. 1
Переглядів 7 тис.10 місяців тому
Installer node, npm, Angular et VSCode | Angular ép. 1
Pillow - Manipulation d'images en Python
Переглядів 1 тис.11 місяців тому
Pillow - Manipulation d'images en Python
Angular 17.1 - Les Signal Inputs
Переглядів 2,6 тис.11 місяців тому
Angular 17.1 - Les Signal Inputs
API REST avec Flask en Python (Marshmallow, SQLAlchemy, ...)
Переглядів 3,6 тис.Рік тому
API REST avec Flask en Python (Marshmallow, SQLAlchemy, ...)
Matplotlib: Créer facilement des graphiques en Python
Переглядів 11 тис.Рік тому
Matplotlib: Créer facilement des graphiques en Python
Angular 17 - Nouvelles instructions: defer, if, for. Bye bye *ngIf, *ngFor ?
Переглядів 10 тис.Рік тому
Angular 17 - Nouvelles instructions: defer, if, for. Bye bye *ngIf, *ngFor ?
Il apprend à programmer... ou pas... (lego mindstorms ft. Rubber&Steel)
Переглядів 180Рік тому
Il apprend à programmer... ou pas... (lego mindstorms ft. Rubber&Steel)
SQLAlchemy: Utilisez facilement vos bases de données en Python
Переглядів 11 тис.Рік тому
SQLAlchemy: Utilisez facilement vos bases de données en Python
Javascript: les méthodes de console (log, trace, table, …)
Переглядів 1,3 тис.Рік тому
Javascript: les méthodes de console (log, trace, table, …)
Flask pour Python: Introduction en 10min au framework web
Переглядів 23 тис.Рік тому
Flask pour Python: Introduction en 10min au framework web
9 Méthodes de tableaux à connaitre en Javascript
Переглядів 1,6 тис.Рік тому
9 Méthodes de tableaux à connaitre en Javascript
Mon parcours d’ingénieur en informatique.
Переглядів 4,1 тис.Рік тому
Mon parcours d’ingénieur en informatique.
Maîtrisez Angular Calendar - Drag&Drop, personnalisation et bien plus
Переглядів 4,2 тис.Рік тому
Maîtrisez Angular Calendar - Drag&Drop, personnalisation et bien plus

КОМЕНТАРІ

  • @bounce6038
    @bounce6038 17 годин тому

    j'ai adoré ! Félicitation pour la qualité du travail présenté et des détails fournis.

  • @yaku.officiel
    @yaku.officiel 2 дні тому

    Hey ! juste pour dire que cette façon de faire le bot ne fonctionne plus :,) y a-t-il une nouvelle façon de le faire ? car j'ai essayer de trouver sur github et je n'arrive pas a trouver.. (j'utulise un site de programation nommé replit)

  • @atefabassi2348
    @atefabassi2348 4 дні тому

    Merci beaucoup

  • @magloirebaka7637
    @magloirebaka7637 6 днів тому

    Merci pour le tuto mais si nous pouvions avoir le code source se serait parfait

  • @SteevGba
    @SteevGba 6 днів тому

    Comment pouvons-nous avoir accès aux différents ressources ?

  • @jaziriamir9386
    @jaziriamir9386 8 днів тому

    un excellent tuto pour commencer merci

  • @ab2lac
    @ab2lac 11 днів тому

    Je suis à la moitié de la vidéo, excellente pour le moment !!!! Merci

  • @AbderrazekKHEMIRI
    @AbderrazekKHEMIRI 12 днів тому

    bravo

  • @ngapoutomar
    @ngapoutomar 12 днів тому

    J'ai souvent du mal a vous suivre car je code sur Windows. Mais je rattrape facilement le coup en faisant des recherches supplémentaire.

  • @chchab
    @chchab 12 днів тому

    super tuto, peut on aussi en avoir un sur les fonctions, je suis un peu perdu avec les appels sans paramètres

  • @deejahjoop1919
    @deejahjoop1919 12 днів тому

    en fait j'ai fait comme toi mais a la fin les cartes ne s'affichaient pas seul ce que j'ai ajouter grace au bouton qui s'affiche et j'ai verifier j'ai le même code

  • @shaymahk3484
    @shaymahk3484 13 днів тому

    merci bien pour ce vidéo il est trés basique :)

  • @hafsahafsa7730
    @hafsahafsa7730 13 днів тому

    Bonjour, où on peut trouver le code source s'il vous plait ?

  • @stevemafoa9142
    @stevemafoa9142 13 днів тому

    Au top la vidéo!

  • @aichor1
    @aichor1 13 днів тому

    merci pour cette explication claire et pédagogue ! je te tire le chapeau

  • @cedriccalvino7842
    @cedriccalvino7842 20 днів тому

    Bonjour, j'ai un problème sur le rafraichissement dynamique avec l'input image car tout les autres fonctionnent bien. Mon image n'est pas récupéré tant que j'ai pas changé un autre input. Dans les consoles log que j'ai pu poser je passe bien dans tout les étapes au niveau du reader mais a l'ecran j'ai une erreur dans la console et dans mon input image la valeur qui est dans le console.log c'est image: "C:\\fakepath\\car.png" En tout cas merci beaucoup pour votre vidéo

    • @cedriccalvino7842
      @cedriccalvino7842 20 днів тому

      J'ai compris tout seul mon erreur. C'était tout simple j'ai mis <input type="file" name="image" id="image" (change)="onFiledChanged($event)" src="" formControlName="image"> le probleme c'est que formControlName entraver l'image j'ai juste enlever formControlName="image" et tout est rentré dans l'ordre au cas ou si ça peut servir a quelqu'un d'autre

  • @aurore-c5i
    @aurore-c5i 22 дні тому

    merci beaucoup pour ce magnifique tutoriel très complet j'ai beaucoup compris des notions. Pour autant si tu pouvais intégrer le fait de créer un identifiant parce que tu dis que tu te connecte avec tes identifiant mais il n'y a pas le moment où tu le cré. peut être que c'est tribale ce que je dis mais j'ai pas compris comment on cré l'identifiant. Sinon vraiment encore merci pour tout

  • @surfin33
    @surfin33 22 дні тому

    Salut, je m’intéresse bcp à la bourse en ce moment et j’aimerai comprendre comment faire un graphique dynamique sur le long terme car je n’arrive pas à m’être en place une animation pour montrer cela. Sais-tu comment faire? Merci d’avance

  • @assemarachad4297
    @assemarachad4297 23 дні тому

    merci pour tes vidéo je suis en stage actuellement et ca m'aide beaucoup on attend la suis avec impatience

  • @chrisder1814
    @chrisder1814 23 дні тому

    Super

  • @chrisder1814
    @chrisder1814 23 дні тому

    Bonjour

  • @NambinintsoaRAKOTOARIMANANA
    @NambinintsoaRAKOTOARIMANANA 24 дні тому

    Master class 💪. Ça rime bien avec le nom de la chaîne simple mais efficace. Merci beaucoup 🙏.

  • @princebognonkpe1012
    @princebognonkpe1012 26 днів тому

    Merci beaucoup, les tutos étaient juste magnifiques, travail parfait

    • @SimpleTechProd
      @SimpleTechProd 24 дні тому

      Merci pour le commentaire ça me fait très plaisir de lire ça. Surtout sur un vidéo qui fait parti de mes premières vidéos :)

  • @masterfinn8055
    @masterfinn8055 27 днів тому

    Bonjour, quand j'ai importer le dossier Playing-cards, tous est disponible dessus sauf le fichier assets, donc je n'ai pas de dossier avec les photos, pouvez-vous le partager s'il vous plaît ? Merci pour le tutoriel je suis entrain de le suivre et j'en apprends beaucoup sur Angular et Typescript

  • @romonticos
    @romonticos 28 днів тому

    Sous Windows, j'ai dû changer de port : 5001. Merci pour le Tuto !

  • @misteryom32
    @misteryom32 28 днів тому

    Merci beaucoup pour ta vidéo, pour l'instant je la trouve excellente. Merci pour ton travail 😊

  • @smailallad3328
    @smailallad3328 Місяць тому

    Excellente vidéo merci beaucoup.

  • @funaki9194
    @funaki9194 Місяць тому

    Super !! La pédagogie impeccable

  • @EssowassamJunior
    @EssowassamJunior Місяць тому

    J'utilise les outils jetbrains ça fait maintenant presqu'un an, et j'ai toujours été satisfait, effectivement vs code plante plusieurs fois chez moi, en plus il a même créé des conflits au niveau des plugins

  • @marioniki3584
    @marioniki3584 Місяць тому

    Bonsoir, Je faisais du front avec vuejs ou React.js mais je suis actuellement sur un projet qui nécessite que je fasse le front en Angular, et votre formation ma beaucoup aidé, vraiment merci, et vos explications sont claires et donnent vraiment envie de vous suivre jusqu'a la fin.

  • @georges-davidattali3159
    @georges-davidattali3159 Місяць тому

    gaffe de pas te transformer en fanboy de pycharm !

    • @SimpleTechProd
      @SimpleTechProd Місяць тому

      Pas de risque une fois par an on fait une revue de nos outils. Si les avantages/desavantages ne justifient pas/plus le coût: bye bye. Et ces décisions sont prises en comité et non pas chacun dans son coin. Bonne soirée et merci pour le visionnage et le commentaire

  • @housseynatousylla6567
    @housseynatousylla6567 Місяць тому

    Bonjour, merci pour ce cours bien détaillé et pédagogique. Pouvons-nous avoir les images et les icons

  • @lucienmitoux
    @lucienmitoux Місяць тому

    Ce n'est pas du Material 3, car color="warn", ne fonctionne plus, et pour arriver au même résultat, c'est une usine à gaz, que je n'ai pas encore résolu...

  • @McJordan12
    @McJordan12 Місяць тому

    merci déjà pour la vidéo😋

  • @cmanship
    @cmanship Місяць тому

    Une très belle introduction

  • @abdelhaylasseri4533
    @abdelhaylasseri4533 Місяць тому

    merci très bonne explication

  • @Baskad
    @Baskad Місяць тому

    Trés trés satisfait de cette formation et merci vraiment

  • @_knnll
    @_knnll Місяць тому

    Merci beaucoup ! Je suis en formation de dev et mon stage commence bientôt, dans lequel je vais devoir utiliser Angular et nous n'avons pas vu ça en formation ! C'est top je me sens moins perdue ! :D

    • @SimpleTechProd
      @SimpleTechProd Місяць тому

      Content de lire ça! Si t as des questions à propose de l'un ou l'autre sujet traité dans la vidéo n'hésite pas.

  • @damienbertrand1836
    @damienbertrand1836 Місяць тому

    Le tuto est top. Complet, accessible à tous, un enorme merci pour ce travail ! Et respect pour le changement de tee shirt ! Je ne sais pas comment tu arrives à changer aussi rapidement tes hauts ;-).

    • @SimpleTechProd
      @SimpleTechProd Місяць тому

      xD Je suis magicien dans l'âme. Merci pour ton commentaire, content que tu aies apprécié le contenu :)

  • @xsvmyx7595
    @xsvmyx7595 Місяць тому

    bonjour, angular n'affiche pas les images et si j'essaye de l'ouvrir dans autres onglet ça m'affiche 'Cannot GET /assets/img/cover.png'

  • @ANGELOGAMER-t4x
    @ANGELOGAMER-t4x Місяць тому

    salut je suis un étudiant en premier année de DAS j'aimerai m'inspiré et apprendre de vous je vous prie de bien vouloir m'accorder cette chance merci

  • @WisperGatis
    @WisperGatis Місяць тому

    Jetbrains supremacy

  • @philligrane1776
    @philligrane1776 Місяць тому

    Super vidéo très instructive.De qualité et pédagogique👍

  • @Do_rya_25
    @Do_rya_25 Місяць тому

    Super merci pour la vidéo ca ma permis e de prendre un main l’app juste question pour les app d’architecture type SketchUp peux tu faire une vidéo pour montre comment faire pour coder une app mais cette fois en 3D avec des interaction dans l’espace stp. Merci beaucoup tu ma initier au code 🫶🏼

  • @velopeche-
    @velopeche- Місяць тому

    Merci ! Peut on avoir la correction de l’exercice proposé à la fin ? Merci

  • @PascalOuedraogoBelemnogo
    @PascalOuedraogoBelemnogo Місяць тому

    Je pense que ça aurait été bien mieux si les images étaient mises à notre disposition.

    • @misteryom32
      @misteryom32 28 днів тому

      Oui c'est dommage j'aurai bien aimé avoir accès aux images aussi ...

  • @khalifa223coders
    @khalifa223coders Місяць тому

    Bonjour, je pense que c'est une belle formation pour les débutants

  • @tayssir11
    @tayssir11 Місяць тому

    lorsque j'ai fait [(search)] = "search" une erreur a produit pourquoi ?

  • @emiliekevinekengnimbou4067
    @emiliekevinekengnimbou4067 Місяць тому

    Merci pour cette formation que vous nous offrez, j'ai réalisé mon premier composant mais mes images ne s'affiche pas. déjà je travaille avec webstrom et lorsque je crée un nouveau projet je n'ai pas de dossier assets du coup je l'ai créé manuellement dans le dossier app. J'utilise aussi du scss car je veux exploiter la notion de variable. Que faire afin que les images s'affiche est ce un problème de configuration?

    • @SimpleTechProd
      @SimpleTechProd Місяць тому

      Bonjour, c’est dû au fait que angular 18 n’utilise plus le dossier asset par défaut. A la place, il y a un dossier public dans lequel vous pouvez placer le dossier assets si vous voulez utiliser des chemins d’accès comme ceux de la video: assets/pika.png par exemple. Sinon si vous placez les images directement dans le dossier public, vous pourrez y accéder directement avec le nom de l’image (e.g. pika.png). Dans la video du cours complet je l’explique en détail.

    • @SimpleTechProd
      @SimpleTechProd Місяць тому

      Vous trouverez plus de détails ici: Angular 18 - Cours complet pour débutants ua-cam.com/video/U71TQN68QGU/v-deo.html à peu près à la minute 15.

  • @micheldjob-c4z
    @micheldjob-c4z Місяць тому

    merci beaucoup c'était vraiment très édifiant

    • @SimpleTechProd
      @SimpleTechProd Місяць тому

      Merci beaucoup. Si tu as des questions à propose de l'une des vidéos n'hésite pas.