Monsterlessons Academy
Monsterlessons Academy
  • Видео 494
  • Просмотров 3 584 247
Beginner's RxJS Tutorial: Dive Deep with RxJS Crash Course!
► 🔥 Get my RxJS Course Here ➡️ monsterlessons-academy.com/courses/rxjs-crash-course-reactivex-from-zero-to-hero
This course is great preparation for any RxJS that you may have coming up. Reactive programming needs a lot amount of knowledge, but the best way to prepare for it is a lot of practice! In this course you will learn everything that come from real RxJS projects and reactive programming. There are no excersises that nobody asks here. In every video you will learn something useful that you will write every day. We will take a deep dive into the skills, concepts, and techniques that are required to solve each problem.
This video is NOT sponsored. Some product links are affiliate links...
Просмотров: 1 259

Видео

Enhance Your App Security: Supabase Authentication Tutorial
Просмотров 449День назад
► 🔥 Get my Advanced Courses Here ➡️ monsterlessons-academy.com/courses In this video, I'll walk you through setting up Supabase for authentication in an Angular project. You'll learn how to set up a Supabase project, configure Supabase in Angular, create a Supabase service, and implement Supabase authentication in Angular. By the end of this tutorial, you'll have a fully functional authenticati...
The Great Database Debate: Supabase vs Firebase!
Просмотров 759День назад
► 🔥 Get my Advanced Courses Here ➡️ monsterlessons-academy.com/courses In this tutorial, I guide you through setting up a Supabase project, creating tables and columns, and integrating Supabase with an Angular application. Watch as we create a Supabase service and add database functionality to an Angular Todo app. Perfect for beginners and experienced developers alike! This video is NOT sponsor...
From Beginner to Pro: Demystifying Angular Change Detection in Depth
Просмотров 2,9 тыс.День назад
► 🔥 Get my Advanced Courses Here ➡️ monsterlessons-academy.com/courses In this video, you will learn Angular change detection in depth. Learn how it works and understand key concepts such as "mark for check" and the differences between `detectChanges` and `markForCheck`. We'll also explore how components are marked as dirty, the role of async pipes in change detection, and the advanced topics o...
Angular Production Deployment with UltaHost Web Hosting VPS Plan
Просмотров 1 тыс.14 дней назад
Check out UltaHost now: ultahost.com/ In this video, I'll walk you through deploying an Angular application on a VPS using UltaHost's web hosting services. Follow along as we rent a VPS, set it up, configure the necessary environment, and deploy our Angular app for production. Perfect for developers looking to ensure a smooth and efficient deployment process. Some product links are affiliate li...
Handling Errors in React Like a Pro: Best Practices Explained
Просмотров 70814 дней назад
Struggling with handling errors in React? 🤔 Don't worry, I've got you covered! In this video, we dive into the most common React error messages and how to fix them. From 'Missing key prop for the element' to 'JSX expressions must have parent element,' we'll walk you through each issue step by step, providing clear explanations and practical solutions. Whether you're a beginner or an experienced...
Unleashing Creativity: The Ultimate React Analog Clock Project
Просмотров 42021 день назад
► 🔥 Get my Advanced Courses Here ➡️ monsterlessons-academy.com/courses Learn how to build a stylish analog clock component using React! In this tutorial, I'll guide you through setting up the project, writing the clock logic, and applying CSS styles. Perfect for both beginners and experienced developers looking to enhance their React skills. Let's get coding! This video is NOT sponsored. Some p...
Angular 18 Features: A Game-Changing Evolution
Просмотров 10 тыс.21 день назад
► 🔥 Get my Advanced Courses Here ➡️ monsterlessons-academy.com/courses Discover the exciting new features in Angular 18 with a deep dive into zoneless Angular applications! In this video, we explore how to configure a zoneless Angular app, the benefits it brings, and the changes it introduces. Learn step-by-step instructions to set up your Angular project without relying on Zone.js and understa...
Circular Dependency in Angular, React, Javascript: Best Practices for Avoidance
Просмотров 1,5 тыс.28 дней назад
Learn how to fix circular dependency in any Javascript framework or module system. You will know why you get circular dependencies and how to avoid that by planning your architecture correctly. ► CHECK MY COURSES - monsterlessons-academy.com/courses MOST POPULAR COURSES ► Javascript interview questions - monsterlessons-academy.com/courses/javascript-interview-questions-coding-interview ► Typesc...
Fixing Expression Has Changed After It Was Checked Error in Angular
Просмотров 2,6 тыс.Месяц назад
Learn how to fix expression has changed after it was checked error which is one of the most popular errors in Angular and it is quite tricky to fix. TIMESTAMPS 0:00 Introduction 2:54 Ways to fix 5:47 One more example ► CHECK MY COURSES - monsterlessons-academy.com/courses MOST POPULAR COURSES ► Javascript interview questions - monsterlessons-academy.com/courses/javascript-interview-questions-co...
Build Angular Calendar Component Yourself - No UI Libraries Needed
Просмотров 2,8 тыс.Месяц назад
Build Angular Calendar Component Yourself - No UI Libraries Needed
Reactive Form Validation in Angular - Do It Right
Просмотров 2,9 тыс.Месяц назад
Reactive Form Validation in Angular - Do It Right
New Course Released - RxJS and Reactive Programming
Просмотров 1 тыс.Месяц назад
New Course Released - RxJS and Reactive Programming
Resolving Merge Conflicts in Visual Studio Code - The Easy Way
Просмотров 1,1 тыс.Месяц назад
Resolving Merge Conflicts in Visual Studio Code - The Easy Way
Working With Git in Visual Studio Code - Pushing to Github Visual Studio Code
Просмотров 890Месяц назад
Working With Git in Visual Studio Code - Pushing to Github Visual Studio Code
Build Custom Interactive Calendar React Without UI Libraries
Просмотров 945Месяц назад
Build Custom Interactive Calendar React Without UI Libraries
Next Level Web Development: Creating a Single Page Application Without a Framework
Просмотров 1 тыс.Месяц назад
Next Level Web Development: Creating a Single Page Application Without a Framework
Vscode vs Webstorm - Which One Is Better?
Просмотров 4,1 тыс.2 месяца назад
Vscode vs Webstorm - Which One Is Better?
React Unit Testing Crash Course - With React Testing Library and Vitest
Просмотров 1 тыс.2 месяца назад
React Unit Testing Crash Course - With React Testing Library and Vitest
React Virtual List: Revolutionizing List-Making
Просмотров 8082 месяца назад
React Virtual List: Revolutionizing List-Making
Dynamic Nested Forms Angular Explained
Просмотров 3,7 тыс.2 месяца назад
Dynamic Nested Forms Angular Explained
React Debugging in Vscode - No Browser Needed
Просмотров 1,2 тыс.2 месяца назад
React Debugging in Vscode - No Browser Needed
Can ChatGPT Teach Me How to Code?
Просмотров 1 тыс.2 месяца назад
Can ChatGPT Teach Me How to Code?
Super Clean Visual Studio Code Setup - Minimalistic Look
Просмотров 3,9 тыс.2 месяца назад
Super Clean Visual Studio Code Setup - Minimalistic Look
Next JS Authentication With Firebase - Do It Right
Просмотров 5682 месяца назад
Next JS Authentication With Firebase - Do It Right
Neovim Complete Setup - Setting up Neovim From Scratch
Просмотров 3,2 тыс.2 месяца назад
Neovim Complete Setup - Setting up Neovim From Scratch
Angular Signal Output - It’s Getting Even Better
Просмотров 2,9 тыс.3 месяца назад
Angular Signal Output - It’s Getting Even Better
Common Typescript Mistakes You Don’t Know About
Просмотров 2,9 тыс.3 месяца назад
Common Typescript Mistakes You Don’t Know About
New Course Released - React Testing
Просмотров 4943 месяца назад
New Course Released - React Testing
React 19 Update - Is React Great Again?
Просмотров 1 тыс.3 месяца назад
React 19 Update - Is React Great Again?

Комментарии

  • @kirklimbu
    @kirklimbu 18 часов назад

    ng b doesnot build the project if we set up below configuration in project.json or angular.json file, Why??---> "prerender": true, "ssr": { "entry": "server.ts" }

  • @alizakeri-wn7in
    @alizakeri-wn7in 22 часа назад

    Simple and precise , lovely

  • @kirklimbu
    @kirklimbu 23 часа назад

    Nice and informative video

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

    Hi there. I can't see where you get lastPage.articleCount from in the getNextPageParam function. It doesn't even show as part of the object intellisense when you type lastPage. So I can't get this to work!

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

    one more way to use signals

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

    Subscribed, thank you for making this kind of content! I’m sure you help many developers refresh previous knowledge and polish up our skills!

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

    Thank you for your great work!

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

    I have a image upload along with title and description in Node/Express using Multer to handle the uploads. But the issue is when the title and description is not present i need to stop the file upload. For example when a valid image and no title or description is given, multer first uploads the image in server and only then i can able to validate the title, description and send the response. How to prevent this behavior? If a valid image and no title/description is passed then just send the response 'title/description is required' and no need to upload the image.

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

    But if we download translations from backend - we cannot update them automatically with ours scanner, correct?

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

    Thank you for a great tutorial

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

    But how backend knows what language we want to download to our frontend?

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

    Certainly it deserves a like!

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

    6:14 Switch between the languages 8:35 Automate key creation

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

    3:24 What does it mean - React escapes all values by default??

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

    very nice!

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

    Great video. Why do you use inject() instead of providing the dependencies to a constructor?

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

    What a pain to do something so simple, no wonder angular is no longer widely used except legacy codebases

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

    Most third class framework... No proper documentation, just colorful website. Not given any examples of particular concept, just definition with colorful borders. Matured people will always use React or Vue

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

      Matured people pick jobs which pay good money and don't care about technologies.

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

      @@MonsterlessonsAcademy This is true. But when it comes to developer experience which is the main job of ours, Angular is the worst. No proper documentation on Errors and very less information on APIs. All the time developer has to figure out what is the usage of particular method. Angular team doesn't mentions it. Really disgusting to work with. No offense but this is the reality.

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

    Mine is onPush with dectectChanges() to fix that 😊

  • @space-waves
    @space-waves 4 дня назад

    Wait what? I was sure the component is destroy when not in the view anymore and by consequence all subscribe are unsubscribed…

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

      Destroying doesn't have anything to do with the in view or not. Also you need to unsubscribe manually.

  • @MonsterlessonsAcademy
    @MonsterlessonsAcademy 5 дней назад

    WATCH FULL VIDEO: ruclips.net/video/DsdA4ev-_tQ/видео.htmlsi=7Hmgn7hjXSHnuf4b

  • @malyna
    @malyna 5 дней назад

    Thanks!

  • @RedFlame64
    @RedFlame64 5 дней назад

    Excellent comparison bro! I decided to give a try to Vercel for deploying my first project

  • @ifydev
    @ifydev 6 дней назад

    This was really helpful thanks a lot

  • @keerthanaselvan-pw5el
    @keerthanaselvan-pw5el 6 дней назад

    Great video

  • @keerthanaselvan-pw5el
    @keerthanaselvan-pw5el 6 дней назад

    Thank you for the video

  • @alishettima9788
    @alishettima9788 6 дней назад

    Nice presentation, but you are little bit fast with talking. Please move slowly, so that people can follow with you along because your presentation is excellent.

    • @MonsterlessonsAcademy
      @MonsterlessonsAcademy 5 дней назад

      Thank you for the feedback. Meanwhile you can slow down the video if it is too fast for you.

  • @anthonypark9158
    @anthonypark9158 6 дней назад

    I'm so glad I ran into a Reddit comment that led me here. I've been writing Angular 10 close to 2 years and still haven't had clear understanding on CD, Zone.js, and OnPush. I'm excited for the changes to latest Angular.

  • @pumpkin2228
    @pumpkin2228 6 дней назад

    can you make for react project as well

  • @sfspmusic
    @sfspmusic 6 дней назад

    Hi, Olex! I love your RUclips channel and really appreciate your insights on frontend development. Given that you know Angular, React, and Vue equally well, your opinion means a lot to me. I recently completed an Angular course and then joined a company's lab program, where I worked on a couple of training projects. They weren't too complex, but they gave me hands-on experience with Angular, including RxJS and NgRx. My resource manager recently offered me a React project, but I had to turn it down because I don't know React. This got me thinking about whether I should start learning React now, especially since I'm not sure there will be many Angular projects available soon. Do you think it's wise to start learning React alongside Angular? Or should I focus on mastering one framework first? Is it a bad idea to learn a second framework like React (and Next.js) before having several years of experience with one? I understand it might be easier after gaining more experience, but I might not have the luxury to wait. Additionally, I believe that having knowledge of Angular might make it easier to learn React, especially with some shared concepts like NgRx and Redux. Also, which framework do you prefer and why? What are your thoughts on React, Angular, and Vue? Thanks for your advice!

  • @bonzer111
    @bonzer111 7 дней назад

    Great tutorial, thank you

  • @chandh_the_moon9224
    @chandh_the_moon9224 7 дней назад

    Hey Hi. I have an issue with dynamic data rendering on the page. Can you please guide me on this, I can connect personally.

  • @harish.d
    @harish.d 7 дней назад

  • @AtizaJuanita
    @AtizaJuanita 8 дней назад

    Since glossy finished makes you increase the brightness, wouldn't that cause more eye strain?

  • @MonsterlessonsAcademy
    @MonsterlessonsAcademy 8 дней назад

    WATCH NEXT: Neovim Complete Setup - Setting up Neovim From Scratch - ruclips.net/video/uD-vSrtZ8uQ/видео.htmlsi=hHUIc6p5uYGxJ8q3

  • @MonsterlessonsAcademy
    @MonsterlessonsAcademy 8 дней назад

    WATCH NEXT: Super Clean Visual Studio Code Setup - Minimalistic Look - ruclips.net/video/lvKjSBbQXxs/видео.htmlsi=NEsRe3bHtXYjHnys

  • @sunsettrance7841
    @sunsettrance7841 8 дней назад

    Hello! I've been working with Angular for a little over 1 year and recently picked up on NestJS to have the possibility to create my own APIs fast. Do you think that my approach is good? Nest actually helped me grasp the theory of npm commands better, but I'm afraid to not learn it in vain Was actually thinking that full-stack TypeScript might profitable, but I am a little bit reserved since NestJS is quite niche I think...

    • @MonsterlessonsAcademy
      @MonsterlessonsAcademy 8 дней назад

      It depends on your goals. Full-stack or pure frontend both are fine but you need to check your specific city for demand. NestJS is a niche you would either find pure NodeJS backend jobs or fullstack client/server with Javascript. But as a framework NestJS is nice and I can recommend it. I even have a course about it. ruclips.net/video/MNa-h_uPNmw/видео.htmlsi=-s9RHznr-JYaxlAQ

  • @Shen-101
    @Shen-101 8 дней назад

    thanks a lot.. i was a bit confused about it for some reason..

  • @MonsterlessonsAcademy
    @MonsterlessonsAcademy 8 дней назад

    Get my RxJS Course Here: monsterlessons-academy.com/courses/rxjs-crash-course-reactivex-from-zero-to-hero

  • @jannickbreunis
    @jannickbreunis 8 дней назад

    Great video. Saw pipe() and map() everywhere but now I actually understand what they do. Your video about other methods is a great follow up: ruclips.net/video/2T3F5TfrYwI/видео.html

  • @sfspmusic
    @sfspmusic 8 дней назад

    Is it the same for angular 18?

  • @reagan574
    @reagan574 8 дней назад

    I switched from vs code to webstorm and don’t think I’ll ever go back to vscode. The features out of the box with webstorm are far beyond anything vscode can do without installing 100 plugins. I’ll admit vscode has better themes though 😂

  • @enverusta7811
    @enverusta7811 9 дней назад

    Your contents are amazing, please keep on!

  • @Skeb90
    @Skeb90 9 дней назад

    I recently learned that type unions have performance loss when compared with interface polymorphism.

    • @MonsterlessonsAcademy
      @MonsterlessonsAcademy 9 дней назад

      Can you share some link or code as a proof?

    • @Skeb90
      @Skeb90 9 дней назад

      @@MonsterlessonsAcademy I'll ask my friend I got that info from whether he has some. I personally don't. He just told me about a long discussion at his firm he works at whether to use types or interfaces and their decision was hinging on this bring the case. If I'm wrong I apologise for carrying on false information, but I'll see if he has some exemplary code somewhere.

    • @Skeb90
      @Skeb90 9 дней назад

      Uh I just posted a Link but now it's gone. Mayb YT didn't like that? I found a paragraph on it in the microsoft github project for typescript, in the section performance. I'll try to copy the link again in a separate message, but it'll maybe ger deleted again

    • @Skeb90
      @Skeb90 9 дней назад

      I'm still early in my dev journey but the gist I got is that the compiler has an easier time with interfaces than with type unions. Sadly, the link gets deleted automatically (prolly as spam or sth).

  • @vutruong4164
    @vutruong4164 11 дней назад

    Is there any guideline from Angular regarding writing unit tests for Zoneless application? Since utilities like fakeAsync() and tick() rely on zone.js for mocking time

  • @Bilo_7
    @Bilo_7 11 дней назад

    You are always 'chelping'. ThAnk yuu 😅😊 greeting from Russia

  • @DavidKooffreh
    @DavidKooffreh 11 дней назад

    For the final part what is the advantage of using that over ngOndestroy

    • @MonsterlessonsAcademy
      @MonsterlessonsAcademy 9 дней назад

      You make a reusable function which should not be duplicated in every single component with ngOnDestroy

    • @DavidKooffreh
      @DavidKooffreh 9 дней назад

      @MonsterlessonsAcademy Thanks that was very useful information

  • @Revenant520
    @Revenant520 12 дней назад

    Why we can't use array index in key?

    • @MonsterlessonsAcademy
      @MonsterlessonsAcademy 11 дней назад

      It will be wrong if the elements are removed from the array which leads to bugs in rendering