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