FullStack Web Development using Python

• •Fluent in HTML, CSS, and JavaScript
• •Basic understanding of HTTP, web browsers, and web server
• •Understanding of basic computer science concepts
• •Familiarity of Python

Introduction to CSS3

• •Brief Description
• •Writing CSS
• •Browser-specific Prefixes
• •Adding Comments to a CSS

Basic Selectors

• •Understanding Selectors
• •The Document Object Model (DOM)
• •Using DOCTYPE
• •Types of Selectors
• •Grouping Selectors
• •Styling Links
• •Playing with Cursor

Working with Sizes, Colors, and Files

• •Sizes and Measuring Units
• •Exploring Colors
• •Background Images

Styling Text

• •Working with Fonts
• •Dealing with Line Spacing
• •Changing the Text Color
• •Text Formatting
• •Adding Text Shadows

Web Fonts

• •Desktop Fonts vs. Web Fonts
• •Adding Web Fonts to Sites
• •Font Formats and the Supporting Browsers
• •Embedding Web Fonts 
• •Background, Borders, and Shadows
• •CSS Background
• •Adding Multiple Images to the Background
• •Defining Borders
• •Additional Border Properties
• •Using Border Images
• •Adding Drop Shadows
• •Outline Styling

Gradients without Images

• •Understanding Gradients
• •Creating Linear Gradients
• •Creating Radial Gradients
• •Repeating Gradients
• •Using Multiple Gradients

Advanced Selectors

• •Why Advanced Selectors?
• •First, Last and Only Child Instances
• •Styling Selectors Based on Positions
• •Styling Selectors Based on Relationships
• •Styling Selectors Based on States
• •Negative Selectors
• •Other Pseudo Classes

Lists and Navigation Menus

• •Working with Lists
• •Navigation Menus

Exploring Generated Content

• •What is Generated Content?
• •Inserting the Generated Content
• •Working with Counters
• •Using before and after as Pseudo Classes

Transforms and Transitions

• •Transforms in CSS3
• •CSS3 Transitions
• •Adding Transformation to the Transition

Animating Elements with Keyframes

• •Animation vs. Transitions
• •Creating Animations Using Keyframes
• •Setting the Animation Direction
• •Setting the Speed Curve of Animation

Styling Tables

• •Table Structure
• •Grouping Table Rows
• •Table Layout Interpretation by Browsers
• •Styling Tables in CSS

Elements Positioning

• •Understanding the Elements Positioning
• •Positioning Types
• •Positioning Elements
• •Creating Tooltips
• •Drop Down Menus
• •Masking an Absolutely Positioned Element

Working with Layouts

• •Introduction to CSS Box Model
• •Setting Element Dimensions
• •Paddings and Margins
• •Changing Layout with display
• •Controlling Visibility
• •Floating Elements
• •Using Multiple Classes

Multi-Column Layouts with CSS3

• •The Multi-Column Layout
• •Multi-Column Properties
• •Dealing with Column Breaks

Dealing with Cross Browser Layouts

• •Creating Columnar Layouts using float
• •Introducing Flexbox

Media Queries

• •Understanding Media Queries
• •Specifying Media Queries
• •Setting Viewport
• •Handling Images with Media Queries

Print CSS3

• •Introduction
• •Media Types
• •The media Rules
• •Defining Page Margins
• •Specifying Page Breaks

Introduction to Bootstrap

• •Introduction
• •Bootstrap File Structure
• •Default Grid System
• •Fluid Grid System
• •Responsive Design

Bootstrap CSS

• •Typography
• •Tables
• •Forms
• •Button
• •Images
• •Icons

Bootstrap Layout Components

• •Dropdown Menus
• •Button Groups
• •Button with Dropdowns
• •Navigation Elements
• •Navbar
• •Breadcrumbs
• •Pagination
• •Labels
• •Badges
• •Typographic Elements
• •Thumbnails
• •Alerts
• •Progress Bars
• •Media Object

Bootstrap JavaScript Plugins

• •Model
• •Dropdown
• •Scrollspy
• •Toggleable Tabs
• •Tooltips
• •Popover
• •Alerts
• •Buttons
• •Collapse Bootstrap Framework
• •Carousel
• •Typeahead

Using Bootstrap

• •Customizing Bootstrap
• •Built with Bootstrap

Introduction to JavaScript

• •Introduction to web development and JavaScript
• •How to create a JavaScript application
• •How to test and debug a JavaScript application
• •XHTML
• •CSS

JavaScript Essentials

• •How to get input and displays output
• •How to work with numbers, strings, dates
• •How to code control statements
• •How to create and use an array
• •How to create and use function
• •How to create and use objects
• •How to use regular expressions, handle exceptions, and validate data

DOM Scripting

• •Basic DOM scripting
• •Advanced event handling
• •Advanced DOM manipulation
• •How to script CSS
• •How to script tables and forms
• •Animation with DOM scripting IV Other JavaScript Skills
• •How to control the web browser
• •How to use JavaScript libraries

Getting Started with Python

• •Introduction
• •Python Intro
• •Environment Setup

Learning the Basics

• •Syntax
• •Variables
• •Numbers
• •Strings
• •Operators
• •Iterators

How to work Lists and Dictionaries

• •Lists
• •Dictionaries

Decision Making and Iterations

• •If, if-else
• •For Loop
• •While Loop
• •Do-while loop

How to create and functions, Arrays, and Lambdas

• •Working with functions
• •Lambda
• •Arrays
• •How to use regular expressions, handle exceptions
• •How to use regular expressions
• •Errors and exceptions

Object-Oriented Python

• •Python Classes
• •Creating Objects
• •Inheritance
• •Multiple Inheritance

File Handling

• •Python File Handling
• •Python Read Files
• •Python Write/Create Files

Django Python

• •Installing Django
• •Creating a Project
• •Creating the First App

Creating the First App

• •Create and run the App
• •URL mapping
• •Adding Templates

Django models

• •Understanding models
• •Creating Django models
• •Populating scripts

Learning Architecture

• •MVT Architecture
• •Views
• •Models
• •Templates

Working with Database

• •Setting up Database
• •Database API
• •Connecting to Database
• •Create Database
• •Create Table
• •CRUD Operations

Forms in Django

• •Django Forms
• •Adding Forms to Templates
• •Model Forms
• •Form Validation

More on Forms

• •Django Passwords
• •Registration
• •Login

Web Service

• •

  Rest APIs

Deployment

• •Introduction to Django Deployment
• •Setting up GitHub