Web Development
Web Development
Modules
Module 1 : HTML
Module 2 : Cascading Style Sheet (CSS)
Module 3 : Javascript and JQuery
Module 4 : Responsive website using Bootstrap
Module 5 : AngularJS Web Development
Module 6 : PHP Web Development
Module 7 : Wordpress and Theme Development
Module 1 : HTML
01_Introduction
Introduction
History of HTML
HTML Document
HTML Document Types
General HTML Tag Syntax
Head Elements
W3Schools
Body of the Document
Using ID and Class Name
02_HTML Text
Headings
Block Vs. Inline
Text Breaking and Spacing
Additional Text Elements
03_HTML Lists
Unordered Lists
Ordered Lists
Definition Lists
List Rendering
04_HTML Links
HTML Link Concepts
HTML Links Demo
Targets
05_HTML Tables
Table Elements
ColSpan and RowSpan
Table Formatting
06_Images and Objects
_________________________________________________________________________________
35/4, 2nd Floor, Desabandhu Street, Ram Nagar | Coimbatore - 641009
W:www.etherinfotech.cm.com | M: 9500295905
Images and Objects Concepts
Adding Images
Adding Objects
07_Forms Fundamentals
Forms Fundamentals
Form Settings
08_Form Input Elements
Labels
Text Inputs
Selections
Input Attributes
Input Commands
09_Organizing Forms
FieldSets
TabIndex
Access Keys
10_Scripting Forms
Scripting Forms
Handling Multiple Forms
Upload File
11_Hosting
Introduction
Web Server
Domain Name
FTP
Startup Document
W:www.etherinfotech.cm.com | M: 9500295905
Boxes
Vertical Margin Collapse
Width
Display and Visibility
04_Styling a Menu
Styling Text
Font Collections
Font Selection
Font Styling
Text Properties
05_Layout
Position
Floating and Clear
Two Column Layout
Three Column Layout
W:www.etherinfotech.cm.com | M: 9500295905
Using Console
Utilities
Summary
06_JQuery Introduction
JQuery Introduction
JQuery Integration
DOM and DocumentLoad
JQuery Operations
Simple Interest
Exercise-1
Exercise-2
07_Temperature Conversion Chart
HTML DOM
DOM Revisited
DOM Document
Document Methods
Changing Elements
Adding or Deleting Elements
Adding Event Handlers
Finding HTML Objects
Event Listeners
DOM Navigation
Creating New HTML Element
Removing HTML Element
08_Javascript Objects
Math Object
Number Object
Date Object
String Object
09_Regular Expressions
RegExp Introduction
RegExp Syntax
test() and exec()
Modifiers
Brackets
Meta Characters
Quantifiers
Samples
10_JQuery Selectors
Simple Selectors
Pseudo Selectors
Attribute Selectors
Form Elements
11_Managing wrapped element set
Wrapped Element Set
Manipulating ElementProperties
Changing Class Name
_________________________________________________________________________________
35/4, 2nd Floor, Desabandhu Street, Ram Nagar | Coimbatore - 641009
W:www.etherinfotech.cm.com | M: 9500295905
Changing CSS Style
Changing Element Content
12_JQuery and events
Binding Events
Managing Form Elements
Inspecting Event Data
Affecting Event Propogation
13_JQuery Utilities
Animations
Utility Functions
14_JQuery UI and Plugins
15_Summary
W:www.etherinfotech.cm.com | M: 9500295905
Form inputs-2
Form control sizing
06_Advanced controls-3
Media objects
Carousel
Modal
Tooltip
Popover
Scrollspy
Affix
Filters
07_Grid System
Grid system
Stacked Horizontal
Small Devices
Medium devices
Large devices
Grid examples
08_Templates Analysis
Blog template
Misc. templates
09_Mini Project
10_Conclusion
W:www.etherinfotech.cm.com | M: 9500295905
Routing
05_Mini Project
Initial Setup
Add Item
Remove Item
Avoid Duplicacy
Beautifying
06_Custom defined
Custom Directives
Custom Filters
Custom Services
07_Conclusion
W:www.etherinfotech.cm.com | M: 9500295905
05_MySQL Database
What is a database?
PHP MyAdmin
Class - Introduction
Building mysql class
Listing records
Query particular record
Payslip
06_Mini Project
CRUD - Introduction
List View
View Particular Record
Creating Record
Edit Record
Delete Record
07_Summary
_________________________________________________________________________________
35/4, 2nd Floor, Desabandhu Street, Ram Nagar | Coimbatore - 641009
W:www.etherinfotech.cm.com | M: 9500295905