KETHAYA
KETHAYA
  • 106
  • 179 128
How to Set Up an Angular PWA with Notifications | Complete Step-by-Step Guide #angular
How to Set Up an Angular PWA with Notifications | Complete Step-by-Step Guide
Description:
"Looking to set up a Progressive Web App (PWA) with Angular and enable notifications? 🚀 In this comprehensive tutorial, we guide you step-by-step through the process of setting up an Angular PWA on Windows. Learn how to make your Angular app installable on desktops, enable push notifications, and deliver a seamless user experience. Perfect for developers aiming to master Angular and PWA technologies. Don't forget to like, comment, and subscribe for more tutorials!"
Key Highlights:
- Step-by-step Angular PWA setup
- Enabling desktop installation for PWAs
- Implementing push notifications
- Best practices for deploying Angular PWAs
📚 Resources:
- Angular PWA documentation: angular.dev/ecosystem/service-workers/getting-started
🛠 Tools Used:
- Angular CLI
- Visual Studio Code
- Service Workers
Subscribe for more Angular, PWA, and web development tutorials
SUBSCRIBE TO ME ON TH-cam:
th-cam.com/channels/Cb9DoYF1IWf4oKkr0Kkuzw.html
#angular #angularjs #html #css #angularforbeginners
มุมมอง: 39

วีดีโอ

Secure Your Angular App How to Integrate CryptoJS for Encryption and Decryption
มุมมอง 1483 หลายเดือนก่อน
Learn how to safeguard sensitive data in your #angular #applications using the powerful CryptoJS library. This comprehensive #tutorial will guide you through the step-by-step process of integrating encryption and decryption functionalities into your project. Discover essential best practices and real-world examples to ensure the security of your users' information. #Angular #CryptoJS #encryptio...
Implementing Search and Multi Select Dropdown with ng select
มุมมอง 3463 หลายเดือนก่อน
Learn how to implement a powerful search and multi-select dropdown using ng-select in your #angular applications. This tutorial covers essential features, best practices, and real-world examples. Improve user experience with this versatile component. #ngselect #searchdropdown #multiselectdropdown #angular #angulardevelopment #frontend SUBSCRIBE TO ME ON TH-cam: th-cam.com/channels/Cb9DoYF1IWf4o...
Tailwind CSS in Angular: A Complete Guide to Building Stunning UIs
มุมมอง 424 หลายเดือนก่อน
Learn how to effortlessly create beautiful and responsive Angular applications using Tailwind CSS. This in-depth tutorial covers everything from project setup to advanced customization. Discover the benefits of using Tailwind CSS in your Angular projects and take your web development skills to the next level. #tailwindcss #angular #webdevelopment #tutorial #coding SUBSCRIBE TO ME ON TH-cam: th-...
Angular Lazy Loading Optimization: Speed up your Angular app by 10x
มุมมอง 765 หลายเดือนก่อน
Learn how to implement lazy loading in Angular to optimize your app's performance! This step-by-step tutorial covers everything you need to know about lazy loading modules, routes, and components in Angular. Perfect for beginners and advanced developers alike. #Angular #LazyLoading #WebDevelopment SUBSCRIBE TO ME ON TH-cam: th-cam.com/channels/Cb9DoYF1IWf4oKkr0Kkuzw.html #angular #angularjs #ht...
Build a Website with React JS #reactjs
มุมมอง 4215 หลายเดือนก่อน
Building a website with React JS involves creating a dynamic, responsive, and user-friendly interface using the popular JavaScript library React. React allows developers to build reusable UI components, manage state efficiently, and optimize performance with its virtual DOM. By leveraging tools like Create React App for project setup and JSX for rendering UI components, developers can quickly b...
Efficiently Setting Up Environment & Build Configuration - A Guide for Software Developers
มุมมอง 104ปีที่แล้ว
Efficiently Setting Up Environment & Build Configuration - A Guide for Software Developers
Excel Generation in Angular: A Step-by-Step Visual Guide
มุมมอง 87ปีที่แล้ว
Excel Generation in Angular: A Step-by-Step Visual Guide
Angular PDF Generation: Simplified Tutorial for Beginners
มุมมอง 813ปีที่แล้ว
Angular PDF Generation: Simplified Tutorial for Beginners
Master Angular Spinner: Create Stunning Loading Animations!
มุมมอง 10Kปีที่แล้ว
Master Angular Spinner: Create Stunning Loading Animations!
Enhance Angular Messages with SweetAlert | Visual Guide | Angular 14
มุมมอง 1.1Kปีที่แล้ว
Enhance Angular Messages with SweetAlert | Visual Guide | Angular 14
Angular Currency Input Hack | Angular 14
มุมมอง 3.6Kปีที่แล้ว
Angular Currency Input Hack | Angular 14
Angular Component Communication: Sharing Data Between Parent and Child | Angular 14
มุมมอง 260ปีที่แล้ว
Angular Component Communication: Sharing Data Between Parent and Child | Angular 14
Angular Component Communication: Sharing Data Between Parent and Child | Angular 14
มุมมอง 86ปีที่แล้ว
Angular Component Communication: Sharing Data Between Parent and Child | Angular 14
Angular Pipes: Simplifying Data Manipulation | Angular Pipe Tutorial
มุมมอง 89ปีที่แล้ว
Angular Pipes: Simplifying Data Manipulation | Angular Pipe Tutorial
Angular Pipes | Custom Pipes | Angular 14
มุมมอง 54ปีที่แล้ว
Angular Pipes | Custom Pipes | Angular 14
Angular Truncate Text Directive: How to Use and Implement in Your Angular App | Angular 14
มุมมอง 196ปีที่แล้ว
Angular Truncate Text Directive: How to Use and Implement in Your Angular App | Angular 14
Angular Tutorial: Making PUT Requests for Updating Data | angular put request
มุมมอง 231ปีที่แล้ว
Angular Tutorial: Making PUT Requests for Updating Data | angular put request
Angular 14 Delete Request Tutorial for Beginners: Handling Responses
มุมมอง 80ปีที่แล้ว
Angular 14 Delete Request Tutorial for Beginners: Handling Responses
Angular HTTP Error Handling for Beginners: with Examples
มุมมอง 353ปีที่แล้ว
Angular HTTP Error Handling for Beginners: with Examples
Angular GET Requests for Beginners: Step-by-Step Tutorial
มุมมอง 114ปีที่แล้ว
Angular GET Requests for Beginners: Step-by-Step Tutorial
Post API Method in Angular 14 | HttpClient
มุมมอง 769ปีที่แล้ว
Post API Method in Angular 14 | HttpClient
Angular Reactive form - 03 | Dynamic form in Angular | angular 14
มุมมอง 781ปีที่แล้ว
Angular Reactive form - 03 | Dynamic form in Angular | angular 14
Angular Reactive form - 02 | Angular Forms | angular 14
มุมมอง 1342 ปีที่แล้ว
Angular Reactive form - 02 | Angular Forms | angular 14
Angular Reactive form - 01 | Angular Forms | angular 14
มุมมอง 1142 ปีที่แล้ว
Angular Reactive form - 01 | Angular Forms | angular 14
ngFor in Angular | For Loop | Angular 14
มุมมอง 1552 ปีที่แล้ว
ngFor in Angular | For Loop | Angular 14
Params in angular routes | Query Params | Params
มุมมอง 2022 ปีที่แล้ว
Params in angular routes | Query Params | Params
Programming music | coding music
มุมมอง 1962 ปีที่แล้ว
Programming music | coding music
Master Angular Routing: Build Dynamic Web Apps with Ease | Beginner to Advanced Tutorial
มุมมอง 8622 ปีที่แล้ว
Master Angular Routing: Build Dynamic Web Apps with Ease | Beginner to Advanced Tutorial
How to install bootstrap in Angular | npm | bootstrap not working
มุมมอง 2892 ปีที่แล้ว
How to install bootstrap in Angular | npm | bootstrap not working

ความคิดเห็น

  • @skanerkodowkreskowychqr3794
    @skanerkodowkreskowychqr3794 23 วันที่ผ่านมา

    Amazing ;) It is really cool ;)

  • @kim-tech-eu
    @kim-tech-eu 23 วันที่ผ่านมา

    Great job done. Would it be possible to make a version with a database, e.g. MySQL?

  • @skanerkodowkreskowychqr3794
    @skanerkodowkreskowychqr3794 หลายเดือนก่อน

    Brilliant video ;)

    • @kethaya
      @kethaya หลายเดือนก่อน

      @skanerkodowkreskowychqr3794 thank you 😊

  • @skanerkodowkreskowychqr3794
    @skanerkodowkreskowychqr3794 หลายเดือนก่อน

    bravo very nice ;)

    • @kethaya
      @kethaya หลายเดือนก่อน

      @skanerkodowkreskowychqr3794 thank you 😆

  • @SergioSarmiento-fp4km
    @SergioSarmiento-fp4km หลายเดือนก่อน

    Hello help me please

    • @kethaya
      @kethaya หลายเดือนก่อน

      @@SergioSarmiento-fp4km yes? How can i help you sir

    • @SergioSarmiento-fp4km
      @SergioSarmiento-fp4km หลายเดือนก่อน

      @@kethaya can you give the controller please don't functional to me please

    • @SergioSarmiento-fp4km
      @SergioSarmiento-fp4km หลายเดือนก่อน

      ​@@kethayacan you send me the controller please cause don't functional to me

    • @kethaya
      @kethaya หลายเดือนก่อน

      @SergioSarmiento-fp4km github.com/Kethaya?tab=repositories Sir, You can get some ideas from these projects!

  • @praptipatil4537
    @praptipatil4537 หลายเดือนก่อน

    how to get code please tell me sir please

  • @Mahesh-op3nw
    @Mahesh-op3nw 2 หลายเดือนก่อน

    Programmers voice is good when they speak.... it will be good to hear...

  • @tungao3041
    @tungao3041 2 หลายเดือนก่อน

    it not work with angular version 16

  • @chrisnolanh3460
    @chrisnolanh3460 2 หลายเดือนก่อน

    the shared source is not the final release

  • @EngenheiroYoutuber
    @EngenheiroYoutuber 3 หลายเดือนก่อน

    pdf para exel como faz

  • @josedavidcatillo2714
    @josedavidcatillo2714 4 หลายเดือนก่อน

    Exactly what I needed. Thank you

  • @rodrigotoledo1898
    @rodrigotoledo1898 5 หลายเดือนก่อน

    thanks dude

  • @muhammadmehmood8990
    @muhammadmehmood8990 5 หลายเดือนก่อน

    Thanks for guide

  • @lambo-ca
    @lambo-ca 5 หลายเดือนก่อน

    Where is the tutorial?

    • @kethaya
      @kethaya 5 หลายเดือนก่อน

      Next video mate

  • @MuhammadTahirKhan-bs6tm
    @MuhammadTahirKhan-bs6tm 7 หลายเดือนก่อน

    how to use in angular 17?

    • @kethaya
      @kethaya 7 หลายเดือนก่อน

      Last update angular 16 check this link www.npmjs.com/package/ngx-spinner

  • @mohammadkhattab2934
    @mohammadkhattab2934 7 หลายเดือนก่อน

    Thank you But if need as a service how can I ?

    • @kethaya
      @kethaya 7 หลายเดือนก่อน

      You can use reusable class

  • @EntrepreneurRameshMondal
    @EntrepreneurRameshMondal 7 หลายเดือนก่อน

    How get all code of this app in my PC, please help

    • @kethaya
      @kethaya 7 หลายเดือนก่อน

      Check description

    • @EntrepreneurRameshMondal
      @EntrepreneurRameshMondal 7 หลายเดือนก่อน

      @@kethaya can i do it on IntelliJ IDEA

  • @TheFlickFlare
    @TheFlickFlare 8 หลายเดือนก่อน

    Hello, I have to make a todo list app for a project for my class, is there anyway i can get the code?

    • @kethaya
      @kethaya 7 หลายเดือนก่อน

      In the description @theFlickFlare

    • @TheFlickFlare
      @TheFlickFlare 7 หลายเดือนก่อน

      @@kethaya thank you so much

  • @madhav3697
    @madhav3697 8 หลายเดือนก่อน

    Hi ngx spinner is not working in angular 17 . Can anyone suggest another way for using spinner

    • @kethaya
      @kethaya 7 หลายเดือนก่อน

      Yeah same problem www.npmjs.com/package/ngx-spinner

  • @feannemalasarte929
    @feannemalasarte929 9 หลายเดือนก่อน

    thankyou so much, this was very helpful

  • @anupamchauhan8792
    @anupamchauhan8792 10 หลายเดือนก่อน

    Nice sir😊

  • @ChristianRodriguez-tm3jg
    @ChristianRodriguez-tm3jg 11 หลายเดือนก่อน

    Muuuuuuuuchas gracias.... esto me servira de practica...

  • @johnsaintfleur6514
    @johnsaintfleur6514 11 หลายเดือนก่อน

    Very nice!

  • @СергейКузьмин-ч8в1х
    @СергейКузьмин-ч8в1х ปีที่แล้ว

    Hello! Why I can't sign up on this app? Error: invalid user or password

    • @kethaya
      @kethaya 7 หลายเดือนก่อน

      Login without username and password

  • @alexmartinezmunoz94
    @alexmartinezmunoz94 ปีที่แล้ว

    Thats exactly what i was looking for, thanks man

  • @hoseinadlavaran199
    @hoseinadlavaran199 ปีที่แล้ว

    How can we say after load the loading , reDirect to another page?

    • @kethaya
      @kethaya ปีที่แล้ว

      Show a loading indicator for a brief moment, then smoothly transition to another page. Using setTimeout

  • @janaka5423
    @janaka5423 ปีที่แล้ว

    can i get the source code

  • @discarded1669
    @discarded1669 ปีที่แล้ว

    Hey which IDE and build system are you using?

    • @kethaya
      @kethaya ปีที่แล้ว

      Intellij and scene builder

  • @wilmercamas966
    @wilmercamas966 ปีที่แล้ว

    Gracias amigo

  • @MakeupWorld5
    @MakeupWorld5 ปีที่แล้ว

    Do you want to increase your video views and subscribers?

  • @GuilhermeAlmeida-qh1fe
    @GuilhermeAlmeida-qh1fe ปีที่แล้ว

    só tenho à agradecer, obrigado!

    • @kethaya
      @kethaya ปีที่แล้ว

      You're welcome! I'm glad the tutorial was helpful for you 😃

  • @abdallaib
    @abdallaib ปีที่แล้ว

    Perfect work thanks

  • @mikeclark4611
    @mikeclark4611 ปีที่แล้ว

    👍 "promo sm"

  • @faisalaltaher2189
    @faisalaltaher2189 ปีที่แล้ว

    Pls pin me I was the first one to like and comment

  • @owengerhold635
    @owengerhold635 ปีที่แล้ว

    'Promo SM' 💘

  • @mahdiandalib186
    @mahdiandalib186 ปีที่แล้ว

    nice tutorial, plz create a full website with admin panel using angular

    • @kethaya
      @kethaya ปีที่แล้ว

      Thank you 😍. I will create a website with an admin panel. Stay tuned for the next video.

    • @mahdiandalib186
      @mahdiandalib186 ปีที่แล้ว

      @@kethaya thx, man plz use real api service like swagger and teach us how to upload image and gallery image using angular cuz i have searched alot and couldn't find anything and also teach us how to create category (parent --> child relation), tag and assign them to post or product and also multi level comment

    • @kethaya
      @kethaya ปีที่แล้ว

      @@mahdiandalib186 nice point i love that 😍

    • @mahdiandalib186
      @mahdiandalib186 ปีที่แล้ว

      @@kethaya thx, hope u can create a spa like this because i haven't seen any course like this on angular

    • @kethaya
      @kethaya ปีที่แล้ว

      🤩

  • @yusufmustari
    @yusufmustari ปีที่แล้ว

    Wow so simple, thank for this video

  • @shivampathak312
    @shivampathak312 ปีที่แล้ว

    Impressive, please upload such more videos.

    • @kethaya
      @kethaya ปีที่แล้ว

      Thank you 😍

  • @slguider6988
    @slguider6988 ปีที่แล้ว

    Thanks

  • @lokeshsharma3613
    @lokeshsharma3613 ปีที่แล้ว

    Hi

    • @lokeshsharma3613
      @lokeshsharma3613 ปีที่แล้ว

      Sirf love Dene se kaam nahi chalega reply bhi to do

    • @lokeshsharma3613
      @lokeshsharma3613 ปีที่แล้ว

      PLEASE Reply also

    • @kethaya
      @kethaya ปีที่แล้ว

      @@lokeshsharma3613 I'm sorry for any inconvenience caused, sir. Hi

    • @lokeshsharma3613
      @lokeshsharma3613 ปีที่แล้ว

      @@kethaya it's okay my question is that please explain output decorator

    • @kethaya
      @kethaya ปีที่แล้ว

      @@lokeshsharma3613 The output decorator in Angular allows a child component to emit custom events that can be subscribed to by its parent or other components. It's like a way for components to talk to each other and create more interactive applications.

  • @usijupeter8170
    @usijupeter8170 ปีที่แล้ว

    do you have the full tutorial?

    • @kethaya
      @kethaya ปีที่แล้ว

      Not yet. But I will upload it as soon as possible once I have finished.

    • @nubcops220
      @nubcops220 ปีที่แล้ว

      @@kethayaits been 3 years my man are creating a TH-cam or what

  • @HimanshuSharma-n9c
    @HimanshuSharma-n9c ปีที่แล้ว

    You are using deprecated methods.

  • @azvhivt3457
    @azvhivt3457 ปีที่แล้ว

    Bro, if I click the menu button quickly, the animation seems to cause a problem which makes the sidebar menu's position be incorrect.

    • @kethaya
      @kethaya ปีที่แล้ว

      Please check with my source code.

    • @jadizadi7600
      @jadizadi7600 5 หลายเดือนก่อน

      correct. did you find a solution?

  • @Anonymowa7ch
    @Anonymowa7ch ปีที่แล้ว

    How Can i add submenu in sidebar ?

  • @mohammedabdulaziz3658
    @mohammedabdulaziz3658 ปีที่แล้ว

    Thanks for this video

  • @mouradlaraba
    @mouradlaraba ปีที่แล้ว

    Thanks a lot

  • @ismayilhuseynli6470
    @ismayilhuseynli6470 ปีที่แล้ว

    Please All the code is gone

  • @victormiranda7654
    @victormiranda7654 ปีที่แล้ว

    Hi, I would like the source code, please.

    • @kethaya
      @kethaya ปีที่แล้ว

      Check description

    • @victormiranda7654
      @victormiranda7654 ปีที่แล้ว

      @@kethaya hello man, you found work for javafx ?

  • @seun7114
    @seun7114 2 ปีที่แล้ว

    Hi, how do you make the side panel/slider not visible at first. I’m currently woking on a project and I would like the slider to be hidden until someone clicks on the Menu icon. Thank you.

  • @EdwardNorthwind
    @EdwardNorthwind 2 ปีที่แล้ว

    Start at 11:16