Web Development with Django and AngularJS

By Reindert-Jan Ekker
Learn how to create a web application using Django and AngularJS. Django and AngularJS are both very popular frameworks for web development.
Play course overview
Course info
Rating
(65)
Level
Intermediate
Updated
Nov 7, 2016
Duration
3h 41m
Table of contents
Course Overview
Course Overview 1m
Course Introduction
Course Introduction 3m Prerequisites 2m Course Outline 3m
Introducing Two Frameworks
Introducing Two Frameworks 1m Introducing Django 5m Introducing Angular 4m MVC vs. MTV 3m
Setting up a Django Project
Module Intro 1m Installing Python 4m Demo: Creating a Project Environment 5m Demo: Venv on Windows 2m Virtual Environment Review 2m Demo: Starting a Django Project 3m Review: Starting a Django Project 1m Module Summary 1m
The Back-end: Django and REST
Introduction 1m Demo: Creating an App, Models and a Database 9m Review: Creating an App, Models and a Database 3m Demo: The Admin Interface 3m Review: The Admin Interface 1m Demo: Django REST Framework 11m Review: Django REST Framework 7m Module Summary 1m
Adding an AngularJS Front-end
Introduction 2m Demo: A Simple Angular Webpage 8m Review: MVC with Angular 5m Demo: Angular Directives 8m Review: Angular Directives 4m Demo: Retrieving Data Using $http 6m Review: Retrieving Data Using $http 2m Module Summary 1m
Editing Data
Module Overview 4m Saving New Cards with POST: Back-end 6m Review: ViewSet and Router 3m Saving New Cards with POST: Front-end 6m Review: Saving New Cards 2m Demo: A Custom Angular Directive 7m Review: A Custom Angular Directive 3m Demo: Updating Cards with PUT 7m Review: Updating Cards 2m Demo: Deleting Cards 3m
Login, Authentication, and Routing
Introduction 1m Demo: Back-end Views for Login and Logout 8m Demo: Configuring Django for Authentication and CSRF Protection 9m Review: Login and Logout on the Back-end 4m Demo: Reorganizing our Front-end Code 4m Demo: Angular Routing 8m Demo: Angular View and Controller Code for Login and Logout 5m Review: Angular Routing, $location, and ng-submit 6m
Final Steps
Introduction: Angular Filters 6m Review: Angular Filters 2m Demo: Moving Cards and ng-route 6m Demo: A Custom Angular Service 6m Review: A Custom Angular Service 2m
Description
Course info
Rating
(65)
Level
Intermediate
Updated
Nov 7, 2016
Duration
3h 41m
Description

Take a journey to learn full-slack web development in this course. In this course, Web Development with Django and AngularJS, you'll learn how to get the best of both worlds with web development in Django and AngularJS. We will use the power of AngularJS to create a rich interactive user experience, and the awesomeness that is Django to write our server-side code, including REST and persistence to a database. First, you'll discover how to create a basic web application with Django. Next, you'll explore using AngularJS to add an interactive front-end. Finally, you'll learn how to use REST and AJAX to pass data between the front-end JavaScript and back-end Python code. By the end of this course, you'll know the basics of both Django and AngularJS, and how to combine them to create a fully interactive web application.

Course FAQ
Course FAQ
What are Django and Angular used for?

AngularJS is the most popular JavaScript framework for developing rich user interfaces for web apps on the client side, and Django is the most popular Python framework for developing the server side of those apps.

Who is this course for?

This course should be understandable whether you're an Angular developer that's new to Django or a Django web development veteran that will be taking his first steps with Angular, or even if you're new to both.

What will I learn in this course?

We will build a basic web app with Django and Angular with an interactive front end, and using REST and AJAX to pass data between the front end JavaScript and back end Python.

What prerequisites do I need?

You should have a basic knowledge of HTML and CSS, and you should be familiar with JavaScript functions and objects.

What version is required?

This course will be using the latest version of Angular 1 and Django 1.9.

About the author
Reindert-Jan Ekker
About the author

After years of working in software development, Reindert-Jan Ekker switched to teaching programmers in 2010 and never looked back. He authors Pluralsight courses and teaches classes about Python, data science, devops (among others). Even though he squeezes some development jobs in here and there, teaching is his real passion and he is looking forward to share this passion with you.

More from the author
Working with Django Models
Intermediate
2h 33m
Mar 5, 2021
Getting Started with Shell Scripting for Bash and Z Shell
Beginner
1h 4m
Sep 10, 2020
Getting Started with Bash and Z Shell
Beginner
1h 17m
Jun 17, 2020
More courses by Reindert-Jan Ekker

You're the smartest person in the room

PROVE IT

Your team won't just close the skills gap

THEY'LL HURDLE IT