Learn Angular 10, Python Django & SQLite by creating a full stack app from scratch

Published: 16 September 2020
on channel: Art of Engineer
139,293
2.1k

Source Code: https://github.com/ArtOfEngineer/Pyth...
Related Tutorials:
--------------------
React JS + Python Django + SQLite full-stack app
   • React JS + Python Django + SQLite | f...  
--------------------
React JS + .NET Core Web API + Microsoft SQL full stack app
   • React JS + .NET Core Web API + Micros...  
--------------------
.NET Core API + Vue JS + Microsoft SQL full-stack web app
   • .NET Core API + Vue JS + Microsoft SQ...  
--------------------
ASP .NET Core Web API + Microsoft SQL CRUD APIs
   • ASP .NET Core Web API + Microsoft SQL...  
--------------------
ASP .Net Core Web API + MySQL | CRUD APIs Tutorial
   • ASP .Net Core Web API + MySQL | CRUD ...  
--------------------
.NET Core Web API + PostgreSQL | CRUD APIs
   • .NET Core Web API + PostgreSQL | CRUD...  
--------------------
.Net Core Web API + MongoDB CRUD APIs
   • .Net Core Web API + MongoDB CRUD APIs  
--------------------
Python Django + SQLite | REST APIs
   • Python Django + SQLite | REST APIs  
--------------------
Python Django + PostgreSQL | REST API Tutorial
   • Python Django + PostgreSQL | REST API...  
--------------------
Python Django + MySQL CRUD API Tutorial
   • Python Django + MySQL CRUD API Tutorial  
--------------------
Python Django + MongoDB CRUD API Tutorial
   • Python Django + MongoDB CRUD API Tuto...  
--------------------
Python Django + Microsoft SQL Server CRUD API Tutorial
   • Python Django + Microsoft SQL Server ...  
--------------------

 Kite is a free AI-powered coding assistant that will help you code faster and smarter. The Kite plugin integrates with all the top editors and IDEs to give you smart completions and documentation while you’re typing. https://www.kite.com/get-kite/?utm_me...

In this video, you will learn how to develop a web application from scratch using popular technologies such as
* SQLite for database.
* Python Django for backend web development.
* And the latest Angular 10 for frontend web development.
We will first start with installing and setting up the environment needed for development.
Then start creating models and tables needed for our app.
Then develop API end points using Django rest framework.
Finally we will be using Angular 10 to design the front end part of our App.
-You will learn how to create the navigation menu and tables using bootstrap.
-Add routing to our Angular App.
-Add modal pop up windows with dropdowns and date pickers.
-And also add upload profile picture functionality and store it in our app.
-We will also learn how to add custom filtering and sorting features without using any third party packages.

1:28 : Install Visual Studio Code.
2:37 : Install POSTMAN.
3:24 : Install Node JS.
4:24 : Install Angular 10.
5:42 : Install Python.
7:03 : Virtual Environments.
9:18 : Install Django REST Framework.
10:08 : Create Django Project.
12:47 : Exploring SQLite DB File.
14:19 : Enable CORS.
16:24 : Create Django App and Models.
20:51 : Add Serializer Classes.
22:34 : API for Department Screen : GET, POST, PUT and DELETE.
31:48 : APIs for Employee Screen : GET, POST, PUT and DELETE.
35:40 : Upload Photo API.
40:10 : Angular Project Intro.
41:42 : Create Angular 10 Project.
45:25 : Generate Components and Services in the Angular Project.
47:43 : Add Service methods to consume APIs.
52:38 : Routing in Angular.
54:49 : Add Bootstrap to our Angular App.
55:52 : Navigation Menu using Bootstrap.
57:58 : Show Department Screen with Bootstrap Table.
1:01:55 : Modal Pop Up Window using Bootstrap.
1:05:42 : Add and Edit Pop Up Screen for Department.
1:10:29 : Delete Department.
1:12:20 : Show Employee Screen with Bootstrap table.
1:15:38 : Upload Photo, Add and Edit Employee Details Pop Up Screen.
1:24:07 : Custom Sorting and Filtering to our Bootstrap table.


Watch video Learn Angular 10, Python Django & SQLite by creating a full stack app from scratch online without registration, duration hours minute second in high quality. This video was added by user Art of Engineer 16 September 2020, don't forget to share it with your friends and acquaintances, it has been viewed on our site 139,293 once and liked it 2.1 thousand people.