Python and Flask Full-Stack Web Development for beginners

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Lecture 2: What is Full -Stack Web Development

Lecture 3: Web Development Tools

Lecture 4: Introduction to Text Editors

Lecture 5: Installing Atom

Lecture 6: Installing SublimeText

Lecture 7: Installing Visual Studio Code

Lecture 8: Installing Brackets

Lecture 9: What is Http

Lecture 10: How the web works

Lecture 11: Planning your web project

Lecture 12: Sketching your web project

Lecture 13: Choosing Assets

Lecture 14: Creating Project Directory

Chapter 2: HTML

Lecture 1: What is HTML

Lecture 2: Anatomy of an HTML Element

Lecture 3: Basic structure of an HTML Document

Lecture 4: Creating a basic HTML Document Structure : Part 1

Lecture 5: Creating a basic HTML Document Structure : Part 2

Lecture 6: Creating a basic HTML Document Structure : Part 3

Lecture 7: HTML Attributes

Lecture 8: Marking Up Text

Lecture 9: Creating Links

Lecture 10: HTML Code Comments

Lecture 11: Viewing HTML Source Code

Chapter 3: CSS

Lecture 1: What is CSS

Lecture 2: Ways to apply CSS

Lecture 3: Styling Multiple Properties

Lecture 4: Styling multiple elements

Lecture 5: Modifying CSS

Lecture 6: CSS Basic Selectors

Lecture 7: Css Comments

Lecture 8: CSS Box Model

Lecture 9: CSS Margin and Padding Property

Lecture 10: Changing Background Color

Lecture 11: CSS Border Property

Lecture 12: CSS Positioning

Lecture 13: CSS Display Property

Lecture 14: CSS Font Property

Lecture 15: Using Google Fonts

Chapter 4: BOOTSTRAP

Lecture 1: What is Bootstrap

Lecture 2: Bootstrap Installation Options

Lecture 3: Bootstrap Dependencies

Lecture 4: Bootstrap Minimum Template

Lecture 5: Basic HTML Document Anatomy

Lecture 6: Create a basic website with Bootstrap

Lecture 7: Create Buttons Using Bootstrap

Lecture 8: Create Progress Bar Using Bootstrap

Chapter 5: JAVASCRIPT

Lecture 1: What is JavaScript

Lecture 2: Where to place JavaScript

Lecture 3: JavaScript Variables

Lecture 4: Variable Naming Convention

Lecture 5: JavaScript Arrays

Lecture 6: Data Types

Lecture 7: Mixing Data Types

Lecture 8: JavaScript Operators

Lecture 9: Arithmetic Operators

Lecture 10: Operator Precedence

Lecture 11: String Operators

Lecture 12: Comparison Operators

Lecture 13: Logical Operators

Lecture 14: TypeOf Operators

Lecture 15: Conditional Statements

Lecture 16: Functions

Lecture 17: JavaScript Code Comments

Lecture 18: Linting Tools

Lecture 19: JavaScript Events

Lecture 20: Switching Images

Lecture 21: Fixing JS Lint Warnings : Part 1

Lecture 22: Fixing JS Lint Warnings : Part 2

Lecture 23: Adding Welcome Message to Web Page

Chapter 6: JQuery

Lecture 1: What is JQuery

Lecture 2: How to access JQuery

Lecture 3: JQuery Selectors

Lecture 4: JQuery Event Handler Functions

Lecture 5: JQuery Animations Effects

Lecture 6: JQuery Chaining

Lecture 7: JQuery Callback Functions

Chapter 7: JSON

Lecture 1: What is JSON

Lecture 2: Using Text Editor

Lecture 3: JSON Syntax

Lecture 4: Creating JSON Objecct

Chapter 8: Project: Build a Calculator with HTML ,CSS ,JAVASCRIPT

Lecture 1: What we will create

Lecture 2: Creating Project Directory

Lecture 3: Building app structure

Lecture 4: Applying Styling

Lecture 5: Adding logic

Chapter 9: Project: Build A Count Down Timer

Lecture 1: What we will create

Lecture 2: Creating Project Directory

Lecture 3: Creating the structure

Lecture 4: Applying Styling