Harry Potter
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.
Setup and extend a pre-existing Django project so we can work through the needed integrations.
Project is here
Recommended:
Requirements:
1 - Welcome
2 - Pull REST API from Github
3 - Additional Django Setup
4 - Add Bootstrap for API Home
5 - Django Cors Headers
6 - API Docs
Integrate our Django REST API to a brand new Angular project.
1 - Welcome
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 - Handle Auth Token Errors
28 - Handle Auth Token Errors Part 2
29 - Angular 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
Ionic is a easy to use framework to build mobile applications with Angular. In this section, we'll cover the basics as well as integrate it to our Django project.
1 - Getting Started with Ionic
2 - Add to Sublime Text
3 - Live Reloading
4 - Generate Component
5 - Component Module
6 - Pages & Components
7 - Iterating in a Ionic Component
8 - Ionic List Component
9 - Handle Click Events
10 - Navigation from a Component
11 - Navigation Parameters
12 - Passing Data from Parent to Child Component
13 - Pass a JavaScript object to Components
14 - Creating A Data Model
15 - Ionic Button
16 - Event Emitter for Passing Data from Child to Parent
17 - A Fresh Django Backend API
18 - Login Page
19 - Bind a Form to a Model with ngModel
20 - FormBuilder, Validators, and FormGroup
21 - Loading Indicator
22 - Ionic Storage over Cookies
23 - Set Root Page with NavController
24 - Saving a key-value pair in Ionic Storage
25 - Command Line Errors
26 - Logout Page
27 - Create a Provider for HTTP Requests
28 - Implement Provider
29 - First HTTP Request
30 - Adjusting CORS in Django
31 - Login for Real
32 - HttpHeaders
33 - Backen Service HTTP Methods
34 - Consume Another API Endpoint
35 - Get AuthToken in Constructor
36 - Adjust JWT Expiration
37 - Status Create Component
38 - Reordering our Status Items
39 - New Event Emitter
40 - ngChanges and Inputs
41 - HttpRequest with FormData
42 - Attach Image Input to Component Form
43 - Upload Image
44 - Handle Upload Progress and Response
45 - Token Interceptor
46 - Redirect Interceptor to Login Page
47 - Interceptor Clean U
Wait a second...
Watch 👉How to download video
Password can be one of these :- CheapUniverse OR FreeCourseUniverse
If u face any issues with the link, email us at - harry@freecourseuniverse.com
Hey Guys We are Tech Enthusiasts and we know knowledge is key to success ! We are here to open path to your success by providing what you want. Today education == business. Our moto is education should be accessible by any person who is not able to purchase overpriced content.
© 2023 CheapUniverse. All Rights Reserved