Python and Flask Full-Stack Web Development for beginners

Learn to create and deploy web applications with Python and Flask

3.70 (271 reviews)
Udemy
platform
English
language
Web Development
category
Python and Flask Full-Stack Web Development for beginners
19,705
students
35.5 hours
content
Jun 2021
last update
$59.99
regular price

What you will learn

Build Web Projects using full stack web development skills

Learn Front End Web Development Skills: HTML ,CSS, JAVASCRIPT ,Bootsrap,JSPN, JQuery

Learn Back End Web Development Skills : Python , Flask,SQL ,PostgreSQL, API, REST

Build a web based Calculator using Front End Web Development Skills

Build a web based Countdown Timer using Front End Web Development Skills

Build a web based Interactive Quiz App using Front End Web Development Skills

Build a web based Todo List App using Front End Web Development Skills

Learn how to use the command line interface

Learn how to use version control with Git and Github

Learn Some Python Programming Fundamentals

Learn Object Oriented Programming with Python

Learn Flask fundamentals

Learn SQL ,Databases and PostgreSQL

Build and deploy an application to the cloud using full stack web development skills

Build a simple REST API

Description

A full stack developer is a web developer or engineer who can develop both the front end and back end of a website or application.

They can tackle projects that involve databases, building user-facing websites, or even work with clients during the planning phase of projects.

Full stack web developers usually have some of the following  front end and back end skill sets.


Front End Skills ( This is used to build the client software or application)

  • HTML

  • CSS

  • Bootstrap

  • JavaScript

  • JSON

  • XML

  • JQuery

  • Angular

  • React


Back End Skills ( This is used to build the server software or application)

  • Nodejs

  • Expressjs

  • REST

  • SQL

  • MongoDB

  • Python 

  • Java

  • C#

  • ASP

  • PHP

  • RUBY

  • C++

Python is a programming language. Python can be used on a server to create web applications.

Flask is a Python framework for building lightweight and dynamic web applications. It helps speed up tedious behind-the-scenes development work, such as URL mapping, and offers more control to the developer to build applications

Being a full-stack web developer equips you with the skill set to develop web based projects. You can prototype quickly and switch between front and back end  development based on requirements.


Projects we will create:

  • Calculator

  • Countdown timer

  • Interactive Quiz

  • Todo List Application

  • URL Shortner Application

  • Basic API



Content

Introduction

Introduction
What is Full -Stack Web Development
Web Development Tools
Introduction to Text Editors
Installing Atom
Installing SublimeText
Installing Visual Studio Code
Installing Brackets
What is Http
How the web works
Planning your web project
Sketching your web project
Choosing Assets
Creating Project Directory

HTML

What is HTML
Anatomy of an HTML Element
Basic structure of an HTML Document
Creating a basic HTML Document Structure : Part 1
Creating a basic HTML Document Structure : Part 2
Creating a basic HTML Document Structure : Part 3
HTML Attributes
Marking Up Text
Creating Links
HTML Code Comments
Viewing HTML Source Code

CSS

What is CSS
Ways to apply CSS
Styling Multiple Properties
Styling multiple elements
Modifying CSS
CSS Basic Selectors
Css Comments
CSS Box Model
CSS Margin and Padding Property
Changing Background Color
CSS Border Property
CSS Positioning
CSS Display Property
CSS Font Property
Using Google Fonts

BOOTSTRAP

What is Bootstrap
Bootstrap Installation Options
Bootstrap Dependencies
Bootstrap Minimum Template
Basic HTML Document Anatomy
Create a basic website with Bootstrap
Create Buttons Using Bootstrap
Create Progress Bar Using Bootstrap

JAVASCRIPT

What is JavaScript
Where to place JavaScript
JavaScript Variables
Variable Naming Convention
JavaScript Arrays
Data Types
Mixing Data Types
JavaScript Operators
Arithmetic Operators
Operator Precedence
String Operators
Comparison Operators
Logical Operators
TypeOf Operators
Conditional Statements
Functions
JavaScript Code Comments
Linting Tools
JavaScript Events
Switching Images
Fixing JS Lint Warnings : Part 1
Fixing JS Lint Warnings : Part 2
Adding Welcome Message to Web Page

JQuery

What is JQuery
How to access JQuery
JQuery Selectors
JQuery Event Handler Functions
JQuery Animations Effects
JQuery Chaining
JQuery Callback Functions

JSON

What is JSON
Using Text Editor
JSON Syntax
Creating JSON Objecct

Project: Build a Calculator with HTML ,CSS ,JAVASCRIPT

What we will create
Creating Project Directory
Building app structure
Applying Styling
Adding logic

Project: Build A Count Down Timer

What we will create
Creating Project Directory
Creating the structure
Applying Styling
Adding logic

Project: Build an Interactive Quiz

What we will create
Creating Project Directory
Creating the structure
Applying Styling
Add logic : Part 1
Add logic : Part 2

Project: Build a Todo List

What we will create
Creating Project Directory
Creating the structure
Applying Styling
Adding logic : Part 1
Adding logic : Part 2

Command Line Interface

What is command line interface
How to access comandline interface
What you can do with commandline
Useful Commands

Version Control With Git and Github

What is Git
What is Github
Installing Git
Creating a GitHub Account
Basic Git Architecture
Basic Git Workflow
Using SublimeText
Basic Git Configuration
Retrieving Configuration Settings
Creating a file and directory with Git Bash
Initializing Empty Git Repository
Adding Files to Staging Index
More ways to add files to stagging
Committing files to repository
Using Git Help
Creating gitignore file
Editing and re-committing changes
Creating a Git Branch
Merging Branches
Creating local repository
Creating remote repository
Creating a ReadMe .md file
Editing ReadMe.md file
Clone a remote repository
Forking a repository
How to Fork a Repo
Getting Updates Using Pulling
Viewing the commit logs
Git HEAD

SQL and Databases With PostgreSQL

What is SQL
What is PostgreSQL
Database Concept
Installing PostgreSQL on Windows
Installing PostgreSQL on Mac
Connecting to PostgreSQL
Installing Sample Database
What is CRUD
Data Types
SQL Commands: CREATE Table
SQL Commands: INSERT Data
SQL Commands: UPDATE Data
SQL Commands: READ Data with SELECT
SQL Commands: WHERE Clause
SQL Commands: ORDER BY Clause

Python - Introduction and Setup

What is Python
Installing Python on Windows
Installing Python on Macs
Installing Pycharm on Windows
Installing Pycharm on Macs
Pycharm windows configuration: Part 1
Pycharm windows configuration: Part 2
Pycharm mac configuration
High and low level programming languages
Compilers and Interpreters

Interacting with Python

Creating a directory for Python Files
Interacting with Python : Part 1
Interacting with Python : Part 2
Python Expressions
Python Statements
Python Code Comments
Python Code Indentation
Python Variables
Creating Variables
Getting Input from Users

Python Operators

Python Arithmetic Operators
Python Assignment Operators
Python Comparison Operators
Python Logical Operators

Python Data Types

Number Data Type
String Data Type
Boolean Data Type
Casting Data Types

Python Data Structures

What are data structures
Python List
Creating a Python List
Accessing elements in a list
Python List Methods: Part 1
Python List Methods: Part 2
Nested List and For Loop
Python Tuple : Part 1
Python Tuple : Part 2
Python SET
Python SET Methods
Python Dictionary
Python Dictionary Methods

Python Functions

What are Python Functions
Python Return Value
Python Default Parameter Value
Python Keyword arguments
Functions returning other functions
Assigning Functions To Variables
Global and Local Variable Scopes
Nesting Functions
Nesting Functions Accessing Variable Scope
Function Pass Keyword
Passing functions as arguments
Using VarArgs Parameter
Python Function Vs Python Method
Anonymous Functions
Python DocStrings
Python Decorators

Python Control Flow Statements

Introduction to control flow
if statements
Else statements
ELif statements
While Loops
For Loops
Nested For Loops
Break Statement
Continue Statement

Python Object Oriented Programming - OOP

Introduction to OOP
Creating a class
instantiating a class
Modifying Classes
Class and instance Variables
Inheritance : Part 1
Inheritance : Part 2
Inheritance : Part 3
Inheritance : Part 4
Polymorphism : Part 1
Polymorphism : Part 2
Polymorphism : Part 3
Encapsulation : Part 1
Encapsulation : Part 2
Encapsulation : Part 3
Abstraction : Part 1
Abstraction : Part 2

Python Modules and Packages

What are Modules
How to use Modules
Built-in Modules
Python Packages
Python dir function
Pycache directory

Handling Exceptions Errors

Introduction to Python Exceptions
Handling Exceptions
Implementing basic exception handling: Part 1
Implementing basic exception handling: Part 2
Implementing basic exception handling: Part 3

Flask - Introduction and Setup

What is Flask
Installing Python
Updating Pip
Creating project directory
Install and activate a Virtual environment
Pros and Cons Of Using Flask
Technologies we will be using with Flask
Terminal Vs Command Prompt
Installing Atom
Flask Projects we will create
Project Code
Functions | Classes | Objects | Methods

Creating a minimal Flask Application

A minimal flask application
Flask development server
Basic components of a flask application
Dynamic Routes
Using Development Server in debug mode
Rendering Templates
Using Control Strutures in templates
Template Inheritance
Installing and initializing bootstrap
Flask bootstrap base template blocks
Integrating Bootstrap into template
Creating Custom error pages

Flask Project : Build a URL Shortener

Create and activate a virtual environment
Creating a minimal Flask Application
Running your minimal Flask Application
Creating a second Route
Rendering Templates
Passing data through forms to Flask application
Passing form variables to other Routes
Http Request Methods
Using redirect and url_functions
Saving data to JSON file
Appending data to JSON file
Flashing messages to users
Creating variable routes for short names
Displaying custom error pages
Implementing sessions and cookies
What is an API
Creating JSON API
Extending Templates
Static Files
Creating a project directory
What is Bootstrap
Bootstrap Installation Options
Download Bootstrap
Bootstrap Dependencies
Minimum Bootstrap Template
Basic anatomy of an HTML Document
Populating Static Directory
Modifying the base template
Modifying the index template
Modifying the page not found template
Modifying URL Template
What is WSGI
Installing Gunicorn Server

Hosting and Deploying Flask Application

Git and Github
Creating an Heroku Account
Creating a new app on Heroku
Creating a Procfile and Requirements.txt file
Creating a repository on Github
Deploying Flask Application to Heroku

Flask Project: Build an Interactive Quote Application

Managing Python Packages
Creating and activating a virtual environment
Installing Flask
Setting Up Environment Variables
Creating Minimal Flask Application
Creating Endpoints
Rendering Templates
Using Conditional Statements
Iterating over a List
Application Templates
Installing PostgreSQL
Creating a new database in PostgreSQL
Creating a route to process form data
Database Integration
Database Configuration
Creating a table
Installing Gunicorn Server
Storing form data inside database
Testing the application
Deploying app to Heroku: Part 1
Deploying app to Heroku: Part 2

API: Build API with Python and Flask

What is an API
Updating Pip
Create and activate a virtual environment
Install Flask
Setup Flask Environment Variables
Install Flask-restful
Install Postman
Python Modules and Packages
Create and initialize Python Module
Creating a Python Dictionary
Download Project Files
Create a class and a route
Add Post method to class
HTTP Request Methods
Http Status Codes
Test API with Postman
Creating a second class
Test API with CRUD Operations

Reviews

Apeksha
November 16, 2022
Yes it is, but there is some difference between html and html5 and also in css and css3 so related to this i want more information or lecture regarding this.
Orie
July 6, 2022
If this is supposed to be a course for someone who is an absolute beginner than it doe's a really poor job. in the HTML part for example, the course is very basic and shows almost nothing in HTML. There are courses about html which are 35 them selves, now I don't expect this course to be the same lvl, but I have expected it to show much more that it did. This course is too basic.
Ilyas
February 15, 2022
the professor has a good understanding of the content that he is delivering. He tells you what to do but doesn't make you understand why your doing it and there is rarely any connections to how this is used in the real world. This could've been better if it was more interactive, we knew why we were using these codes and how we can relate this to how it is in the workforce.
Theophilus
January 31, 2022
I mean yes, well it can set you up with the basics. But there are also times when the tutor doesn't do a good job in explaining and rushes the video.
Revanth
January 18, 2021
folder name was incorrect in the creating folder video for Url shortener Great course for those who are looking for introductory level.
Tobi
December 28, 2020
unfortunately there is no resources page. all codes have to be typed manually. and the refered data base the author is using cant be downloaded. this makes an entire section useless.
Pulkit
September 16, 2020
Most of the code was copy and pasted because of which it was hard to understand. The code should be hand written
Chantel
September 9, 2020
The author only glances over the material and does not actually explain why he does certain things or specific commands. He tells you what to do, but that's about it.
Venu
September 4, 2020
he was going very slow and it is useful for beginners . every thing is easy to learn when we understand and he made it understand for us.
Widiareta
August 19, 2020
I dunno why but it quite easy to understand and i love the way the teacher explain with that English accent.....!
Raghav
August 17, 2020
It is good but not best. I would surely like it if the maker made it more clear , like the knowledge is not complete, and more about the quality , the voice is not good it can be more clear
Harshita
August 16, 2020
Till session 2, the course has been explained so well and the instructor made it easy to grasp things. It was definitely a good match for me. But captions are literally bad.

Coupons

DateDiscountStatus
8/15/2020100% OFF
expired

Charts

Price

Python and Flask Full-Stack Web Development for beginners - Price chart

Rating

Python and Flask Full-Stack Web Development for beginners - Ratings chart

Enrollment distribution

Python and Flask Full-Stack Web Development for beginners - Distribution chart
3400298
udemy ID
8/7/2020
course created date
8/14/2020
course indexed date
Lee Jia Cheng
course submited by