SimpleTech
SimpleTech
  • Видео 123
  • Просмотров 578 267
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 mons...
Просмотров: 497

Видео

Intro à RxJS - Observables, Observers, Subscriptions
Просмотров 843Месяц назад
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,5 тыс.2 месяца назад
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 тыс.3 месяца назад
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
Просмотров 30 тыс.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,7 тыс.4 месяца назад
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,8 тыс.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,5 тыс.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,7 тыс.5 месяцев назад
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,6 тыс.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 тыс.8 месяцев назад
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,6 тыс.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
Просмотров 4,9 тыс.9 месяцев назад
Les components (création et explications) | Angular ép. 3
Création d'un projet et fichiers par défaut | Angular ép. 2
Просмотров 3,8 тыс.10 месяцев назад
Création d'un projet et fichiers par défaut | Angular ép. 2
Installer node, npm, Angular et VSCode | Angular ép. 1
Просмотров 6 тыс.10 месяцев назад
Installer node, npm, Angular et VSCode | Angular ép. 1
Pillow - Manipulation d'images en Python
Просмотров 98310 месяцев назад
Pillow - Manipulation d'images en Python
Angular 17.1 - Les Signal Inputs
Просмотров 2,5 тыс.11 месяцев назад
Angular 17.1 - Les Signal Inputs
API REST avec Flask en Python (Marshmallow, SQLAlchemy, ...)
Просмотров 3,5 тыс.11 месяцев назад
API REST avec Flask en Python (Marshmallow, SQLAlchemy, ...)
Matplotlib: Créer facilement des graphiques en Python
Просмотров 10 тыс.Год назад
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
Просмотров 10 тыс.Год назад
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 тыс.Год назад
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

Комментарии

  • @ab2lac
    @ab2lac День назад

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

  • @AbderrazekKHEMIRI
    @AbderrazekKHEMIRI 2 дня назад

    bravo

  • @ngapoutomar
    @ngapoutomar 2 дня назад

    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 2 дня назад

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

  • @deejahjoop1919
    @deejahjoop1919 3 дня назад

    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 3 дня назад

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

  • @hafsahafsa7730
    @hafsahafsa7730 3 дня назад

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

  • @stevemafoa9142
    @stevemafoa9142 4 дня назад

    Au top la vidéo!

  • @aichor1
    @aichor1 4 дня назад

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

  • @cedriccalvino7842
    @cedriccalvino7842 10 дней назад

    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 10 дней назад

      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 13 дней назад

    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 13 дней назад

    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 14 дней назад

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

  • @chrisder1814
    @chrisder1814 14 дней назад

    Super

  • @chrisder1814
    @chrisder1814 14 дней назад

    Bonjour

  • @NambinintsoaRAKOTOARIMANANA
    @NambinintsoaRAKOTOARIMANANA 15 дней назад

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

  • @princebognonkpe1012
    @princebognonkpe1012 17 дней назад

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

    • @SimpleTechProd
      @SimpleTechProd 14 дней назад

      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 17 дней назад

    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 19 дней назад

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

  • @misteryom32
    @misteryom32 19 дней назад

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

  • @smailallad3328
    @smailallad3328 20 дней назад

    Excellente vidéo merci beaucoup.

  • @funaki9194
    @funaki9194 26 дней назад

    Super !! La pédagogie impeccable

  • @EssowassamJunior
    @EssowassamJunior 28 дней назад

    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 29 дней назад

    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 29 дней назад

    gaffe de pas te transformer en fanboy de pycharm !

    • @SimpleTechProd
      @SimpleTechProd 29 дней назад

      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 19 дней назад

      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 ruclips.net/video/U71TQN68QGU/видео.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.

  • @micheldjob-c4z
    @micheldjob-c4z Месяц назад

    très bon tutoriel merciiiiiiiiiiiiiiiiiiiiiiiiii

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

    excellent

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

    Super vidéo. Hâte de voir la suite

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

    La barbe ça change un homme...

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

      🤣 A qui le dis-tu! J'ai déjà eu des collègues de travail qui ne m'ont pas reconnu après que je me soit rasé.

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

      @@SimpleTechProd 😂😂😂😂 et j'ai cru que ce n'était pas toi sur la vidéo

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

    Merci beaucoup pour ce beau travail. Vous êtes un excellent pédagogue car vous soulignez bien en amont le problème avant de présenter une méthode de résolution Angular. C'est une compétence que n'ont pas bon nombre d'autres RUclipsurs. Je tenais sincèrement à vous remercier pour cela.

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

      Oh merci énormément! Je me prend beaucoup de temps à élaborer les vidéos pour tenter de les rendre le plus accessible possible. Ca me rend très content de voir que c'est apprécié et utile. Merci !

  • @SimonCHOUKROUN-f7w
    @SimonCHOUKROUN-f7w Месяц назад

    Excellent introduction à Rxjs 😊 , on attend la suite avec impatience