Angular ile Profesyonel Web Uygulamaları Geliştirme Eğitimi – Chapter 7
Kurs Hakkında
Angular ile Profesyonel Web Uygulamaları Geliştirme – Chapter 7: Authentication & Role Management
Günümüzün dijital dünyasında artık sadece bir web sitesi yeterli değil — kullanıcı girişi olan, veriyle etkileşim kuran, modern ve dinamik web uygulamaları gerekiyor. İşte tam da bu noktada Angular devreye giriyor.
Angular, Google tarafından geliştirilen güçlü bir front-end framework’tür.
Modern web uygulamalarını tek sayfa mantığıyla (SPA – Single Page Application) hızlı, güvenli ve ölçeklenebilir şekilde inşa etmemizi sağlar.
Dünyanın en büyük platformları, bankacılık sistemleri, eğitim portalları ve mühendislik panelleri Angular ile geliştirilir.
Bu eğitim, Angular’ın profesyonel seviyedeki kullanımını gerçek bir proje üzerinden öğretmek için tasarlandı.
Kurs boyunca sıfırdan bir kimlik doğrulama (Authentication) ve rol tabanlı yetkilendirme (Role Management) sistemi geliştirecek, kullanıcı giriş-çıkış işlemlerinden token yönetimine, API servislerinden rol kontrolüne kadar tüm süreci adım adım uygulayacaksınız.
Hazırsan Başlayalım!
Artık modern web uygulamalarında yalnızca tasarım değil, güvenli ve akıllı mimari geliştirmek gerekiyor.
Bu eğitimle sen de sıfırdan profesyonel bir Angular projesi oluşturabilir, kullanıcı giriş sistemlerini ve yetkilendirme altyapılarını kendin kurabilirsin.
Kod yazarken neyi neden yaptığını anlayacak, her satırın bir mantığı olduğunu göreceksin.
Kurs sonunda elinde sadece bir bilgi değil, gerçek bir proje olacak.
Sen de hemen eğitime katıl, modern web teknolojilerinin geleceğine adım at!
Kodlamayı değil, profesyonel uygulama geliştirmeyi öğren!
Ne öğreneceksiniz?
- Angular projesinde authentication (kimlik doğrulama) yapısını sıfırdan oluşturmayı
- JWT (JSON Web Token) kullanarak güvenli giriş ve oturum yönetimi kurmayı
- Role-based access (rol tabanlı erişim) sistemiyle kullanıcı yetkilerini kontrol etmeyi
- Kullanıcıya özel sayfalara Guard yapısı ile erişim sınırlandırmayı
- Angular Service mantığıyla merkezi veri yönetimi ve API işlemlerini yürütmeyi
- Dış kaynaklardan gelen verileri HTTP istekleri (GET, POST, PUT, DELETE) ile yönetmeyi
- Pipe kullanarak verileri dinamik şekilde biçimlendirmeyi
- Login ve Logout işlemlerini profesyonel mimariyle projeye entegre etmeyi
- Token yenileme, saklama ve doğrulama süreçlerini yönetmeyi
- Backend API ile tam entegre çalışan bir authentication projesi geliştirmeyi
- Angular component yapısında veri aktarımı ve state yönetimini sağlamayı
- Gerçek bir uygulama projesi üzerinden güvenli kullanıcı yönetimi kurmayı
Ders İçeriği
Giriş
SPA ve bir uygulaması olan Angular
-
05:41
-
Kurulumlar
09:42 -
Visual Studio Extensions
10:04 -
Bootstrap, Fontawesome, Alertifyjs
11:22
Authentication
-
Api Url Configrasyon
05:58 -
Auth Modellerin Yazılması
12:28 -
Auth Servisinin Oluşturulması
10:58 -
Auth Service Metodlarının Yazılması
13:12 -
Auth Servis Metodlarının Tamamlanması ve Alertify Servisinin Yazılması
12:10 -
Auth0/Angular-Jwt Entegrasyonu
20:00 -
Decode Token İçin Hazırlık Geliştirmesinin Yazılması
07:42 -
Decode Token Geliştirmesinin Yazılması
06:16 -
Authentication Guard Yazılması
11:28 -
Authorization Guard Yazılması
08:58 -
Web Log Servisinin Yazılması
23:50 -
Pipe Servisinin Yazılması
10:12 -
Yetki Servisinin Yazılması Hazırlık Geliştirmesi
09:35 -
Yetki Servisinin Veri Gönderme Metodlarının Yazılması
23:46 -
Yetki Servisinin Veri Alma Metodlarının Yazılması
13:41
Her Projede Olan Profesyonel Alt Yapı
-
Angular Yapısı ve Projenin Tasarlanması
08:48 -
AppComponent ve Tasarımın Uygulanması
10:37 -
AppComponent Tasarımında Veri Gerekliliklerinin İşaretlenmesi
12:21 -
AppComponent Html Geliştirmesinin Yazılması
10:32 -
Backend Tarafında Token Objesine Role Verisinin Eklenme İşleminin Yazılması
23:59 -
Menu Servisinin Yazılması
20:06 -
Menu Servisine Role İle Yetki Verisinin Getirilme Geliştirmesinin Yazılması
12:12 -
Backend Role Verisi İle Yetki Verisinin Getirlme İşleminin Yazılması
13:10 -
AppComponent TypeScript Geliştirmesinin Yazılması
23:48 -
AppComponent Html Verisinin TypeScript İle Getirilmesi
09:55 -
LoginComponent Html Geliştirmesinin Yazılması
22:57 -
LoginComponent TypeScript Geliştirmesinin Yazılması
19:57 -
LoginComponent Geliştirmesinin Yazılması
23:07 -
LoginComponent ve AppComponent Geliştirme Yazılması
16:14 -
Debugger Yüklenmesi
09:47 -
Login Ek Geliştime
18:55 -
Menu Ek Geliştirme
11:59 -
AppComponent Geliştirmesi
14:07 -
RoleComponent Html Geliştimesi
09:23 -
RoleComponent Search
24:21 -
RoleComponent Table
16:21 -
RoleService
17:23 -
RoleSearch Ek Geliştirme
16:13 -
RoleSearch Sayfalama
18:51 -
TranslatePipe
25:33 -
DemandPipe
31:41 -
OrderPipe
15:19 -
Excel Çıktı Alınma Geliştirmesi
12:19 -
Pdf Çıktı Alınma Geliştirmesi
15:47 -
RoleComponent Html Ek Geliştirme
28:36 -
RoleComponent TypeScript Geliştirmesi
12:52 -
RoleComponent Comfirm Modal Geliştimesi
08:58 -
RoleComponet Ek Geliştirme
15:12 -
RoleComponent Ek Geliştirme
10:17 -
UserService
21:53 -
UserComponent Search
14:52 -
UserComponent Order
26:55 -
UserComponent Excel Pdf
12:59 -
UserComponent UserModal
31:22 -
UserComponent
17:05 -
Api PasswordChange
16:41 -
Api User Ek Geniştirme
15:35 -
UserComponent Ek Geliştirme
17:15 -
RoleDemandComponent Tasarım
08:20 -
RoleDemandComponent Backend Geliştirme
12:35 -
RoleDemandComponent Save
18:01 -
RoleDemandComponet Frontend Geliştirme
11:55 -
RoleComponent Html geliştirmesi
26:55 -
RoleDemandComponent Html Ek Geliştirme
10:19 -
RoleDemandComponent TypeScript Geliştirmesi
22:08 -
RoleDemandComponent
24:09 -
RoleDemand Backend Geliştirmesi
24:38 -
RoleDemandComponent Test
31:24 -
RoleDemandComponent Geliştirmesi
25:42 -
RoleDemandComponent Geliştirmesi
32:42 -
RoleDemandComponent Geliştirmesi
19:20 -
RoleDemandComponent Geliştirmesi
24:16 -
RoleDemandComponent Geliştirmesi
31:42 -
RoleDemandComponent Geliştirmesi
10:11 -
RoleMenuComponent Geliştirmesi
21:34 -
RoleMenuComponent Geliştirmesi
25:58 -
RoleMenuComponent Geliştirmesi
08:02 -
PasswordChangeComponent Geliştirmesi
23:41 -
PasswordChangeComponent Geliştirmesi
21:10 -
PasswordChangeComponent Geliştirmesi
15:46 -
UserRoleComponent Geliştirmesi
21:22 -
UserRoleComponent Geliştirmesi
23:33 -
UserRoleComponent Geliştirmesi
23:33 -
UserRoleComponent Geliştirmesi
22:53 -
UserRoleComponent Geliştirmesi
18:05 -
UserRoleComponent Geliştirmesi
19:38
Bottle Fill Projesi
-
LiquidComponent Geliştirmesi
18:42 -
LiquidComponent Geliştirmesi
23:05 -
RecipeComponent Geliştirmesi
26:57 -
RecipeComponent Geliştirmesi
22:13 -
RecipeComponent Geliştirmesi
32:37 -
RecipeComponent Geliştirmesi
25:22 -
RecipeComponent Geliştirmesi
25:02 -
RecipeComponent Geliştirmesi
10:09 -
RecipeComponent Geliştirmesi
15:27
Angular Scada
-
Angular Scada
31:18 -
Angular Scada
15:45 -
Angular Scada
18:41 -
Angular Scada
12:36 -
Angular Scada
20:04 -
Angular Scada
22:07 -
Angular Scada
16:05 -
Angular Scada
19:38 -
Angular Scada
23:12 -
Angular Scada
18:05 -
Angular Scada
22:32 -
Angular Scada
36:06 -
Angular Scada
26:55 -
Angular Scada
36:52 -
Angular Scada
36:36 -
Angular Scada
30:03 -
Angular Scada
29:05 -
Angular Scada
29:39 -
Angular Scada
28:54 -
Angular Scada
37:16 -
Angular Scada
30:07 -
Angular Scada
30:39 -
Angular Scada
18:02
Kurulumlar
-
Backend Kurulum
24:08 -
Frontend Kurulum
15:15
Kaynaklar
-
Kaynaklar
Bir sertifika kazanın
Becerilerinizi göstermek ve fark edilme şansınızı artırmak için bu sertifikayı özgeçmişinize ekleyin.