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

У вашего броузера проблема в совместимости с HTML5

Source Code: https://github.com/ArtOfEngineer/PythonDjangoAngular10

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.