hokhyk / django-angular-ionic

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.

Django + Angular + Ionic

Coming Soon

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