Django + AngularJS for a Powerful Web Application
4.5 (48 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
4,342 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Django + AngularJS for a Powerful Web Application to your Wishlist.

Add to Wishlist

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.
4.5 (48 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
4,342 students enrolled
Created by Justin Mitchel
Last updated 10/2016
English
Price: $95
30-Day Money-Back Guarantee
Includes:
  • 5.5 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Integrate Django Applications with AngularJS
  • Django 1.10
  • AngularJS 1.5
View Curriculum
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. 

Who is the target audience?
  • 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
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 36 Lectures Collapse All 36 Lectures 05:24:46
+
Welcome
3 Lectures 10:21

Welcome to Django + AngularJS

Preview 01:23

This is what we're going to build in this course.

Preview 05:03

This course's requirements

Preview 03:55
+
Downloads & Setup
2 Lectures 12:10

Download and install the Django project from https://github.com/codingforentrepreneurs

Preview 09:42

Download Try AngularJS 1.5 from https://github.com/codingforentrepreneurs

Preview 02:28
+
Django + AngularJS
30 Lectures 05:01:00

Setup a single page app in Django.

Preview 05:21

Serving Angular Templates via Django.

Angular Templates in Django Part 1
05:15

Static Files in Django + Angular

Static Files in Django & Angular
05:01

Serving Angular Templates via Django part 2.

Angular Templates in Django Part 2
12:52

Start the API Integration

Post Objects API Integration
07:33

Update the Backend API

Backend API Serializer Updates
03:04

Use AngularJs to login to the Django Rest Framework

Login with Angular and Django Rest Framework
12:23

How to use ngCookies (https://docs.angularjs.org/api/ngCookies) to store JWT token.

ngCookies for JWT Token
12:10

Use Angular's built in $http service (https://docs.angularjs.org/api/ng/service/$http) to run HTTP methods to create a comment in the backend.

Create Comment in Backend with $http
10:56

Update Comment Create API Endpoint in Django.

Comment Create API Endpoint & Serializer Context
14:33

Update the Comment List API View to be more dynamic. 

Comment List API View
11:29

Integrating the Angular ngResource with the Django Backend.

Preview 06:14

Learn about methods in the ngResource to handle various events.

ngResource Create & Delete
12:44

Build the reply to comment form

Reply to Comments
15:22

Simple way to toggle content in AngularJS

Toggle View of Content
04:58

Create a custom directive for the Comment Thread.

Preview 11:38

Complete the custom comment thread directive.

Comment Reply Directive Part 2
09:21

User Interface improvements.

Improve Comment UI
15:12

Add a HTTP Interceptor for a ngResource part 1

Interceptor for Login Required responseError
07:46

Add a HTTP Interceptor for a ngResource part 2

Login Required Interceptor Service
09:06

Show the server error on the comments form.

Preview 10:29

Show login form errors and do updates to the comment form.

Rendering Login Form Errors & Update Comment Form Errors
14:50

Dynamically load Templates in AngularJS

ngInclude for Template Error Pages
12:31

Improve overall usability and squash glitches.

Improve Blog Usability
07:38

Render Markdown in AngularJS

Render Markdown in Angular
14:46

User login API update changes to use the custom Login View Function built in the Blog API project (Django + Django Rest Framework)

User Login API Update in Django
09:02

Update User Login in AngularJS

User Login API Update in AngularJS
02:22

Update API Endpoint for Registering users.

Registration API Update in Django
06:20

Create the register detail component in AngularJS to allow users to register.

Register Detail in AngularJS
13:28

Allow users to delete their own comments and final clean up to the project.

Comment Delete, User Login Update
16:36
+
Thank you!
1 Lecture 01:15

Thank you so much for watching!

Thank you & What's Next?
01:15
About the Instructor
Justin Mitchel
4.4 Average rating
3,877 Reviews
243,533 Students
18 Courses
Coding Entrepreneur & Teacher

It all started with an idea. I wanted freedom... badly. Freedom from work, freedom from boredom, and, most of all, the freedom to choose. This simple idea grew to define me; it made me become an entrepreneur.

As I strived to gain freedom, overtime I realized that with everything that you do you can either (1) convince someone, somehow, to do it with you or (2) figure out how to do it yourself.

Due to a lack of financial resources (and probably the ability to convince people to do high quality work for free), I decided to learn. Then learn some more. Then some more. My path of learning website design started a long time ago. And yes, it was out of need not desire. I believed I needed a website for a company that I started. So I learned how to do it. The company died, my skills lived on... and got better and better.

It took me a while after learning web design (html/css) to actually start learning programming (web application, storing "data", user logins, etc). I tinkered with Wordpress, believing it could be a "user" site, but I was mistaken. Sure there are/were hacks for that, but they were hacks/work-arounds and simply not-what-wordpress-was-indended-to-be. Wordpress is for blogs/content. Plain and simple.

I wanted more. I had a web application idea that I thought would change the way restaurants hire their service staff. I tested it with my basic html/css skills, had great initial results, and found a technical (programmer) cofounder as a result. He was awesome. We were featured on CNN. Things looked great.

Until... cash-flow was a no-flow. Business? I think not. More like an avid hobby. We had the idea for a business just no business. Naturally, my partner had to find a means of income so I was left with the idea on its own.

Remember how I said everything we do has 2 choices. Well I tried the convincing. Now it was time to try the learning. I opted to learn and haven't looked back since. I tried almost every language out there: PHP, Ruby on Rails, SQL, Objective C, C++, Java, Javascript. I was lost.

Then, I tried Python. I was hooked. It was so easy. So simple. So elegant.

Then, I tried Django. Even more hooked. Made from python & made for web applications. It powers Instagram & Pinterest (two of the hottest web apps right now?).

Then, I tried Bootstrap. Simple and easy front-end design (html & css) that is super easy to use, mobile-ready, and overall... incredible.

Python, Django, and Bootstrap are truly changing the way the world builds web applications. I believe it's because of the simplicity to learn, the sheer power behind them, and, most of all, the plethora of resources to aid anyone in building their web projects (from packages to tutorials to q&a sites).

I relaunched my original venture with my new found skills. That wasn't enough. It didn't compel me as it once had. I started imagining all the possibilities of all the ideas I've always wanted to implement. Now I could. Which one to start with? There were so many good ideas...

Then another idea, a new & fresh idea, started brewing. I started to believe in the power of learning these skills. What would it mean if other non-technical entrepreneurs could learn? What would it mean if ideas were executed quickly, revenue models proven, all prior to approaching the highly sought-after programmers? What would it mean if entrepreneurs became coders?

And so. Coding for Entrepreneurs was born.

Here are some bio highlights:

  • Adjunct Professor of Entrepreneurship at the Lloyd Greif Center for Entrepreneurial Studies in the Marshall School of Business at the University of Southern California
  • Bestselling instructor on Udemy
  • Funded creator on Kickstarter
  • Founder of Coding For Entrepreneurs
  • Cohost of Backer Radio