Skip to content

codingforentrepreneurs/Django-Angular-Ionic

Repository files navigation

Django + Angular + Ionic

Django + Angular + Ionic Logo

Leveraging a REST API built with Django, we'll build an Angular Web App. With the same API, we'll build a mobile app using the Ionic Framework.

Angular is a popular front-end, client-side, framework that makes building full web apps effective and powerful.

Ionic is a mobile app framework that uses Angular to build Native Mobile Applications.

Full Course is here: http://joincfe.com/courses/django-angular-ionic

Section 1: Django Backend Setup

1 - Welcome - No Code

2 - Pull REST API from Github

3 - Additional Django Setup

4 - Add Bootstrap for API Home

5 - Django Cors Headers

6 - API Docs

Section 2: Angular Integration

1 - Welcome - No Code

2 - Setup our Angular Project

3 - ng Build

4 - ng Build to Django

5 - Generate New Component

6 - App Routing Module

7 - Angular Routing in Django URLs

8 - URL Route Parameters

9 - Angular Forms, Validation & Data

10 - ng Service

11 - Http Client Part 1 - List View

12 - Http Client Part 2 - Detail View

13 - Angular Status Model

14 - Auth Component & Service

15 - Auth Login Object

16 - User object model

17 - Backend Upgrades for Uniformity

18 - Login Form

19 - Using a JWT Token in HttpClient

20 - Token HttpInterceptor

21- ngx cookie service

22 - Auth Logout Component

23 - Advanced Cookies & Routing

24 - Upgrading the Auth API Service

25 - Http Client Part 3 - Create

26 - Display API Service Errors

27 & 28 - Handle Auth Token Errors Part 1 & 2

29 - Image File Upload

30 - View Child Decoractor and Input Change + KeyUp + Click

31 - Unsubscribe from Observables

32 - Render Uploaded Images in Django & Angular

33 - Angular Project Global Styles

34 - Bootstrap a Custom App Module

35 - Custom Selector with Input Decorator

36 - Output and EventEmitter

37 - Update the Status Object

38 - Update Form

39 - Replace Item in Array

40 - Ownership Verification

41 - Status Action Part 1

42 - Status Action Part 2

43 - Status Action Part 3

44 - Status Action Part 4

45 - Status Action Part 5 - Replace, Upload, or Delete Image

Section 3: Ionic Integration

Code Repo

Section

About

Leveraging a REST API built with Django, we'll build an Angular Web App. With the same API, we'll build a mobile app using the Ionic Framework.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published
pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy