Django + Angularjs For A Powerful Web Application

Learn how to integrate a Django backend with an AngularJS front-end in this step-by-step series.

What you'll learn

Integrate Django Applications with AngularJS

Django 1.10

AngularJS 1.5

Requirements

Try Django 1.9 (our course; see Requirements video)

Advancing the Blog (optional; see Requirements video)

Blog API with Django Rest Framework (our course; see Requirements video)

Try AngularJS 1.5 (our course; see Requirements video)

Description

When it comes to building modern web applications, you need to think about two aspects: the backend and the front end. Django is one of the most popular backend frameworks in the world.AngularJS is one of the most popular front-end frameworks in the world.Together, they make magic. This series is about integrating that magic to show you what's possible in today's cutting edge technology. We're going to be working with you step-by-step and teaching you everything along the way. By the end, you'll have a powerful Blog web application driven by the beautiful combination of Django and AngularJS. 

Overview

Section 1: Welcome

Lecture 1 Introduction

Lecture 2 Walkthrough

Lecture 3 Requirements

Section 2: Downloads & Setup

Lecture 4 Git & Django Project

Lecture 5 Downloading Try AngularJS 1.5

Section 3: Django + AngularJS

Lecture 6 Single Page App Template View

Lecture 7 Angular Templates in Django Part 1

Lecture 8 Static Files in Django & Angular

Lecture 9 Angular Templates in Django Part 2

Lecture 10 Post Objects API Integration

Lecture 11 Backend API Serializer Updates

Lecture 12 Login with Angular and Django Rest Framework

Lecture 13 ngCookies for JWT Token

Lecture 14 Create Comment in Backend with $http

Lecture 15 Comment Create API Endpoint & Serializer Context

Lecture 16 Comment List API View

Lecture 17 Comment ngResource

Lecture 18 ngResource Create & Delete

Lecture 19 Reply to Comments

Lecture 20 Toggle View of Content

Lecture 21 Comment Reply Directive Part 1

Lecture 22 Comment Reply Directive Part 2

Lecture 23 Improve Comment UI

Lecture 24 Interceptor for Login Required responseError

Lecture 25 Login Required Interceptor Service

Lecture 26 Render Server Errors with Comments & Forms

Lecture 27 Rendering Login Form Errors & Update Comment Form Errors

Lecture 28 ngInclude for Template Error Pages

Lecture 29 Improve Blog Usability

Lecture 30 Render Markdown in Angular

Lecture 31 User Login API Update in Django

Lecture 32 User Login API Update in AngularJS

Lecture 33 Registration API Update in Django

Lecture 34 Register Detail in AngularJS

Lecture 35 Comment Delete, User Login Update

Section 4: Thank you!

Lecture 36 Thank you & What's Next?

Meeting the requirements for the course is HIGHly recommended,Django users looking to integrate AngularJS,AngularJS users looking to integrate Django,Intermediate to Advanced Developers