Тёмный

Angular JWT User Authentication with Tailwind Login🔒 

Simon Grimm
Подписаться 93 тыс.
Просмотров 3,6 тыс.
50% 1

In this tutorial, we will implement JWT (JSON Web Token) authentication in an Angular web application and build a cool log in with TailwindCSS. By the end of this tutorial, you will have a secure and scalable authentication mechanism that can be used to protect your Angular web application.
🪐 Explore web & mobile dev universe: galaxies.dev/
🔥 The fastest way to learn Ionic: ionicacademy.com/
#############################
👨‍💻 Want to read instead of watch?
Here's the full tutorial: galaxies.dev/angular-user-aut...
🤷‍♂️ Want more Ionic tutorials?
There you go: devdactic.com/
#############################
❤️ You can also find me on:
Instagram: / simongrimm_
Twitter: / schlimmson
Facebook: / devdactic
TikTok: / simongrimm_
Or join the Simonics Facebook group:
/ simonics
#############################
Chapters:
00:00 Intro
01:32 Creating an Angular Project and adding TailwindCSS
04:46 Building the Login
21:03 Handling JWT with Angular
44:37 Tutorial Recap
37:33 Adding a Dashoard UI
39:37 Using Angular Route Guards
44:37 Recap
#angular #typescript #webdevelopment

Наука

Опубликовано:

 

30 июн 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 19   
@galaxies_dev
@galaxies_dev 11 месяцев назад
Learn more by becoming a member of Galaxies.dev today [FREE] galaxies.dev/reactnative
@codewithripon
@codewithripon Год назад
Bro nice this was what I was finding... You save my time. Nice🎉
@galaxies_dev
@galaxies_dev Год назад
Glad to hear it!
@lucasdamasceno7068
@lucasdamasceno7068 Год назад
top content bro, gonna use this on my webcommerce portfolio , thanksss
@galaxies_dev
@galaxies_dev Год назад
Awesome, glad you like it!
@mkhalidumer
@mkhalidumer Год назад
Loved u for this
@galaxies_dev
@galaxies_dev Год назад
Happy to help!
@franciscovicente92
@franciscovicente92 Год назад
Loved the tutorial ! What is the extension that you use to know the import cost ?
@galaxies_dev
@galaxies_dev Год назад
It's this: marketplace.visualstudio.com/items?itemName=wix.vscode-import-cost
@talents2kincd
@talents2kincd 11 месяцев назад
Where is the logout button ?
@serranopink
@serranopink Год назад
Great video! Now, how can I send the token when I make an http request that needs it?
@kasimyuksel214
@kasimyuksel214 Год назад
You can use Http Interceptor for your every request ( except login or register etc. with url filter )
@serranopink
@serranopink Год назад
@@kasimyuksel214 Thanks. I found an example about the interceptor, I was able to implement it. But I really don't know how to prevent the sending of the token in the registration and login urls as you mentioned. Do you happen to know how? You mention something about 'url filter'...
@galaxies_dev
@galaxies_dev Год назад
In the interceptor you can access the URL and in those cases don't add the token to the header!
@serranopink
@serranopink Год назад
@@galaxies_dev Thanks for your answer Simon, I was able to implement it with your suggestion. Again, thanks for your videos!
@masterandroid5104
@masterandroid5104 Год назад
Security it's better than firebase auth?
@galaxies_dev
@galaxies_dev Год назад
Firebase auth will use a JWT under the hood as well, there is no better - it's basically the same concept.
@masterandroid5104
@masterandroid5104 Год назад
@@galaxies_dev thanks Simon!
Далее
Build Your Own API Using NodeJS and ExpressJS
38:53
Просмотров 3,4 тыс.
When You Get Ran Over By A Car...
00:15
Просмотров 4,4 млн
APP_INITIALIZER Token in Angular (Advanced, 2022)
23:56
Token Authentication with Django REST Framework | 2023
1:14:47
5 React Native Tips to WOW Your Users
16:36
Просмотров 13 тыс.
Lid hologram 3d
0:32
Просмотров 10 млн