Advance Web Development with Python Course

INTRODUCTION TO HTML

• What is static/Dynamic Website
• What is SEO Friendly Website
• What is Responsive Website
• What is HTML
• HTML4 VS HTML5
• EDITORS IN HTML

WORKING WITH BASIC TAGS

• DOCTYPE In HTML
• Tag and Attributes
• Title and Meta tag
• Headings and Paragraph
• Formatting Tags
• EDITORS In HTML

ANCHORS AND HYPERLINKS

• Internal link
• External link
• Text link
• Image link
• Email link
• Phone link
• target attribute

WORKING WITH LISTS

• Ordred List
• Unordred List
• Definition List
• Nested List
• List Attributes

WORKING WITH GOOGLE MAP & YOUTUBE

• Google Map Insertion in Webpage
• Youtube Video Insertion in Webpage

WORKING WITH TABLES

• Creating Tables on a Web Page
• Altering Tables and Spanning Rows & Columns
• Placing Images & Graphics into Tables
• Aligning Text & Graphics in Tables
• Adding a Background Color

WORKING WITH HTML FORM

• HTML Input tags
• HTML Input Attributes
• Setting up form
• Form attributes
• Submit and Reset Button

HTML5 SEMANTIC TAGS

• header and footer tag
• section tag
• figure and figcaption
• nav and aside tag

HTML5 AUDIO & VIDEO

• Audio Tag
• Video Tag

HTML5 API'S

• Drag & Drop
• Local Storage
• Geolocation

COURSE CONTENTS OF CSS

INTRODUCTION TO CSS

• What is CSS?
• How CSS Works?
• Types of CSS,Internal,Inline,External
• CSS Selectors
• Comments In CSS
• How to Link External CSS

WORKING WITH BASIC CSS PROPERTIES

• Selectors : Class or Elements
• Colors
• Height / Width
• Border
• Margin and Padding
• CSS Box Model

WORKING WITH WEB LAYOUTS

• Aligning Div
• Two Div Align
• Three Div Align
• Four Div Align
• Use of floats
• Clearing float
• Inline or Block Element

WORKING WITH BACKGROUND,GRADIENT OR IMAGE SPRITE

• Background Color
• Background Image
• Background Position
• Background Attachment
• Gradient Colors
• Image Sprite

WORKING WITH TEXT PROPERTIES

• Text Alignments
• Line height(Leading)
• Letter Spacing(Kerning)
• Font Family
• Font Size with Font Weight
• Tips For Improving Text Readability

WORKING WITH ICONS & FONTS

• Use of Font Awesome
• Use of Flat Icons
• Use of Google Fonts

WORKING WITH MENUS AND POSITIONS

• Static Position
• Fixed Position
• Absolute Position
• Relative Position
• Creating Menu
• Menu With Multi Dropdown

WORKING WITH BORDER AND SHADOW

• Border
• Border Image
• Rounded Corner
• Box Shadow
• Text Shadow

WORKING WITH OUTLINE AND UI

• Outline
• Outline Offset
• Resize

WORKING WITH IMAGE STRETCHING PROBLEM

• Object Fit : Fill
• Object Fit : Contain
• Object Fit : Cover

WORKING WITH HTML FORM & CSS

• labels with inputs
• Form-based selectors
• Changing properties of form elements
• Formatting text in forms
• Formatting inputs
• Formatting form areas
• Changing the appearance of buttons
• Laying out forms

WORKING WITH 2D & 3D TRANSFORMS

• translate
• rotate
• skew
• scale

WORKING WITH HOVER,TRANSITIONS & ANIMATIONS

• Hover Effects
• Transitions
• Animations
• Creating Web Ads Using Animation

INTRODUCTION TO BOOTSTRAP

• What is a Responsive Website
• What is Bootstrap
• Where to Download
• How to Use Bootstrap
• Bootstrap Directory Structure

WORKING WITH GRID IN BOOTSTRAP

• What is Grid System
• Use of Grid System
• small, medium, large Grid System
• Container Vs Container-fluid

WORKING WITH IMAGES, TEXT, TABLES

• image responsive
• rounded image
• circle image
• text-align
• text colors
• responsive table

WORKING WITH BOOTSTRAP FORM

• labels
• form inputs
• input classes
• type of buttons
• form layouts

WORKING WITH WEB LAYOUTS, MENUS

• Container Layout
• Container Fluid Layout
• Proper Use of Rows and Columns
• Menu
• Single Dropdown Menu, Multilevel Dropdown Menu
• Mobile Menu / Collapse Menu

WORKING WITH SLIDER, TAB PANEL, MODAL BOX

• Responsive Slider
• Tab Panel
• Modal Box
• Menu
• Single Dropdown Menu, Multilevel Dropdown Menu

WORKING WITH CSS HELPERS, RESPONSIVE UTILITIES

• Class Helpers
• Responsive Utilities

INTRODUCTION TO JQUERY

• What is Jquery
• Use Of Jquery in Web Development/Designing
• How to Use Jquery
• Javascript vs Jquery

JQUERY BASICS AND SECTORS

• Jquery Syntax
• Jquery Variable
• class selector
• element selector
• id selector
• attribute selector
• other selectors

JQUERY EFFECTS

• hide/show
• sliding
• fading
• switch statement
• animate
• stop()
• callback
• chaining

JQUERY EVENTS

• Mouse Events
• Input Events
• Click Events
• Load Events
• Keyboard Key Events

JQUERY (HTML AND CSS MANIPULATION)

• Jquery Get Content
• Jquery Set Content
• Jquery Add
• Jquery Remove
• Jquery CSS and CSS Classes
• Jquery Dimensions

JQUERY TRAVERSING

• Jquery Traversing
• Ancestors
• Descendants
• Siblings
• Filtering

JQUERY AJAX

• Jquery with AJAX
• Jquery load
• Jquery Get/POST

JQUERY UI BASICS

• Introduction to Jquery UI
• How to Use

JQUERY UI INTERACTIONS

• Jquery UI Draggable
• Jquery UI Droppable
• Jquery UI Resizeable
• Jquery UI Selectable
• Jquery UI Sortable

JQUERY UI WIDGETS

• Jquery UI Accordion
• Jquery UI Autocomplete
• Jquery UI Button
• Jquery UI Checkboxradio
• Jquery UI Control group
• Jquery UI Datepicker
• Jquery UI Dialogue
• Jquery UI Menu
• Jquery UI Progressbar
• Jquery UI Selectmenu
• Jquery UI Slider
• Jquery UI Spinner
• Jquery UI Tabs
• Jquery UI Tooltips

JQUERY UI EFFECTS

• Jquery UI Add Class
• Jquery UI Color Animation
• Jquery UI Easing
• Jquery UI Effect
• Jquery UI Hide
• Jquery UI Remove Class
• Jquery UI Show
• Jquery UI Switch Class
• Jquery UI Toggle
• Jquery UI Toggle Class

INTRODUCTION TO JQUERY

• What is Jquery
• Use Of Jquery in Web Development/Designing
• How to Use Jquery
• Javascript vs Jquery

JQUERY BASICS AND SECTORS

• Jquery Syntax
• Jquery Variable
• class selector
• element selector
• id selector
• attribute selector
• other selectors

JQUERY EFFECTS

• hide/show
• sliding
• fading
• switch statement
• animate
• stop()
• callback
• chaining

JQUERY EVENTS

• Mouse Events
• Input Events
• Click Events
• Load Events
• Keyboard Key Events

JQUERY (HTML AND CSS MANIPULATION)

• Jquery Get Content
• Jquery Set Content
• Jquery Add
• Jquery Remove
• Jquery CSS and CSS Classes
• Jquery Dimensions

JQUERY TRAVERSING

• Jquery Traversing
• Ancestors
• Descendants
• Siblings
• Filtering

JQUERY AJAX

• Jquery with AJAX
• Jquery load
• Jquery Get/POST

JQUERY UI BASICS

• Introduction to Jquery UI
• How to Use

JQUERY UI INTERACTIONS

• Jquery UI Draggable
• Jquery UI Droppable
• Jquery UI Resizeable
• Jquery UI Selectable
• Jquery UI Sortable

JQUERY UI WIDGETS

• Jquery UI Accordion
• Jquery UI Autocomplete
• Jquery UI Button
• Jquery UI Checkboxradio
• Jquery UI Control group
• Jquery UI Datepicker
• Jquery UI Dialogue
• Jquery UI Menu
• Jquery UI Progressbar
• Jquery UI Selectmenu
• Jquery UI Slider
• Jquery UI Spinner
• Jquery UI Tabs
• Jquery UI Tooltips

JQUERY UI EFFECTS

• Jquery UI Add Class
• Jquery UI Color Animation
• Jquery UI Easing
• Jquery UI Effect
• Jquery UI Hide
• Jquery UI Remove Class
• Jquery UI Show
• Jquery UI Switch Class
• Jquery UI Toggle
• Jquery UI Toggle Class

Introduction to Languages

• What is Language?
• Types of languages
• Introduction to Translators
• Compiler
• Interpreter
• What is Scripting Language?
• Types of Script
• Programming Languages v/s Scripting Languages
• Difference between Scripting and Programming languages
• What is programming paradigm?
• Procedural programming paradigm
• Object Oriented Programming paradigm

• WHY PYTHON?
• History
• Features – Dynamic, Interpreted, Object oriented, Embeddable, Extensible, Large standard libraries, Free and Open source
• Why Python is General Language?
• Limitations of Python
• What is PSF?
• Python implementations
• Python applications
• Python versions
• PYTHON IN REALTIME INDUSTRY
• Difference between Python 2.x and 3.x
• Difference between Python 3.7 and 3.8
• Software Development Architectures

Python Software’s

• Python Distributions
• Download &Python Installation Process in Windows, Unix, Linux and Mac
• Online Python IDLE
• Python Real-time IDEs like Spyder, Jupyter Note Book, PyCharm, Rodeo, Visual Studio Code, ATOM, PyDevetc
• Python Language Fundamentals

Operators

• Arithmetic Operators
• Comparison Operators
• Python Assignment Operators
• Logical Operators
• Bitwise Operators
• Shift operators
• Membership Operators
• Identity Operators
• Ternary Operator
• Operator precedence
• Difference between “is” vs “==”
• Input & Output Operators
• Print
• Input
• Command-line arguments

Control Statements

• Conditional control statements
• If
• If-else
• If-elif-else
• Nested-if
• Loop control statements
• for
• while
• Nested loops
• Branching statements
• Break
• Continue
• Pass
• Return
• Case studies

Data Structures or Collections

• Introduction
• Importance of Data structures
• Applications of Data structures
• Types of Collections
• Sequence
• Strings, List, Tuple, range
• Non sequence
• Set, Frozen set, Dictionary
• Strings
• What is string
• Representation of Strings
• Processing elements using indexing
• Processing elements using Iterators
• Manipulation of String using Indexing and Slicing
• String operators
• Methods of String object
• String Formatting
• String functions
• String Immutability
• Case studies

List Collection

• What is List
• Need of List collection
• Different ways of creating List
• List comprehension
• List indices
• Processing elements of List through Indexing and Slicing
• List object methods
• List is Mutable
• Mutable and Immutable elements of List
• Nested Lists
• List_of_lists
• Hardcopy, shallowCopy and DeepCopy
• zip() in Python
• How to unzip?
• Python Arrays:
• Case studies

Tuple Collection

• What is tuple?
• Different ways of creating Tuple
• Method of Tuple object
• Tuple is Immutable
• Mutable and Immutable elements of Tuple
• Process tuple through Indexing and Slicing
• List v/s Tuple
• Case studies

Set Collection

• What is set?
• Different ways of creating set
• Difference between list and set
• Iteration Over Sets
• Accessing elements of set
• Python Set Methods
• Python Set Operations
• Union of sets
• functions and methods of set
• Python Frozen set
• Difference between set and frozenset ?
• Case study

Dictionary Collection

• What is dictionary?
• Difference between list, set and dictionary
• How to create a dictionary?
• PYTHON HASHING?
• Accessing values of dictionary
• Python Dictionary Methods
• Copying dictionary
• Updating Dictionary
• Reading keys from Dictionary
• Reading values from Dictionary
• Reading items from Dictionary
• Delete Keys from the dictionary
• Sorting the Dictionary
• Python Dictionary Functions and methods
• Dictionary comprehension

Functions

• What is Function?
• Advantages of functions
• Syntax and Writing function
• Calling or Invoking function
• Classification of Functions
• No arguments and No return values
• With arguments and No return values
• With arguments and With return values
• No arguments and With return values
• Recursion
• Python argument type functions :
• Default argument functions
• Required(Positional) arguments function
• Keyword arguments function
• Variable arguments functions
• pass’ keyword in functions
• Lambda functions/Anonymous functions
• map()
• filter()
• reduce()
• Nested functions
• Non local variables, global variables
• Closures
• Decorators
• Generators
• Iterators
• Monkey patching

Django Web Framework

• What is a Framework
• Introduction to Django
• Django – Design Philosophies
• History of Django
• Why django and Features
• Environment setup
• Web Server

Getting Started with Django

• Creating the first Project
• Integrating the Project to sublime text
• The Project Structure
• Running the server
• Solving the issues and Migrations
• Database Setup
• Setting Up Your Project

Create an Application

• What Django Follows
• Structure of django framework
• Model Layer
• What are models
• Model fields
• Querysets

Django – Admin Interface

• Starting the Admin Interface
• Migrations

Django – URL Mapping

• Organizing Your URLs
• Role of urls in djnago
• Working urls
• Forms
• Sending Parameters to Views
• Templates layer
• The Render Function

Django Template Language (DTL)

• Role of template layer in django
• Filters,Tags, Tag if, Tag for, Block and Extend Tags
• Comment Tag, Usage of templates
• Extending base template

Django – Models

• Creating a Model
• Manipulating Data (CRUD)
• Linking Models
• Django – Page Redirection

Django – Sending E-mails

• Sending a Simple E-mail
• Sending Multiple Mails with send_mass_mail
• Sending HTML E-mail
• Sending HTML E-mail with Attachments

Django – Form Processing

• Using Form in a View
• Usage of forms
• Crud operations using forms
• Crispy forms in django

Django – File Uploading

• Uploading an Image
• Django – Apache Setup

Django – Cookies Handling

• Django – Sessions
• Django – Comments

Django Admin

• Creating Super User
• Using admin in Django
• Adding models to admin
• Adding model objects using admin
• Displaying in cmd using querysets

Static files

• Loading css files into templates
• Loading js files into templates
• Uploading image using models
• User authentication