Web Development
HTML: Hyper Text Markup Language
1. HTML Basic
- What is Markup Language
- Basic Structure of HTML
- Meta Tags
- External Link Tags
2. HTML Elements
- Basics, Elements
- Paragraphs and Formatting
- HTML Skeleton,
- Creating an HTML Document
- Basic Content Structure
- Headings
- Horizontal Rules
- Line Breaks
3. Images
- Optimizing web graphics – JPEG, GIF &NG
- Getting images from Photoshop
- Embedding Images in a Web Page
- Using Graphics
- Using Background Images
- Setting image properties via HTML
4. Hyperlinks
- Href, Name, Title, Target
5. Lists
- Creating Unordered & Ordered Lists
- Creating Nesting Lists
- Creating Definition List
6. Div & Tables
- Creating of Div Tag
- Creating and Modifying Tables
- Formatting Tables
- Table Headers and Captions
7. Form
- Name, Action, Method
- Â Text, Hidden, Password
- Â Radio Button, Checkbox
- Â Select, Textarea
- Â Submit, Reset, Button
8. HTML5
- HTML5 Structural Elements
- Section, Article, Aside
- Header, Hgroup
- Footer, Nav
- HTML5 Content Elements
- Figure, Figcaption, Video Horizontal Rules
- Audio, Embed, Canvas
- HTML5 New Application Focused
- Â Elements
- Meter, Details, Summary
- NG
- Progress, Time
- HTML5 Input Types
- Color, date, datetime
- email, month, number
- range, search, tel
- time, url, week
- HTML5 Form Attributes
- autocomplete
- nonvalidate
- form/form-action
- autofocus
- multiple
- pattern
- placeholder
- required
CSS: Cascading Style Sheet
1. Understanding CSS:
- Versions of CSS
- Types of CSS Rules
- CSS and Markup Languages
2. CSS Basics
- Adding Styles to an HTML Tag
- Adding Styles to a Web Page and Web Site
- Redefining an HTML Tag
- Defining Classes to Create Your Own Tags
- Defining IDs to Identify an Object
- Defining Styles with the Same Rules
- Adding Comments to CSS
- Style Sheet Strategies
3. Font Properties:
- Understanding Typography on the Web
- Setting the Font Size
- Making Text Italic and Setting Bold, Bolder, Boldest
- Creating Small Caps
- Setting Multiple Font Values
4. Text Properties
- Adjusting Text Spacing
- Setting Text Case
- Aligning Text Horizontally and Vertically
- Indenting Paragraphs
- Setting Text and Foreground Color
- Decorating Text
- Setting Text Direction
- Setting Page Breaks for Printing
5. Color and Background Properties
- Choosing Color Palettes
- Setting Text and Foreground Color
- Setting a Background Color
- Setting a Background Image
- Setting Multiple Background Values
6. Box Properties
- Setting an Element’s Margins
- Setting an Element’s Border
- Setting an Element’s Outline
- Setting an Element’s Padding
- Setting the Width and Height of an Element
7. CSS Border
- Border, width, color, style
8. Positioning
- Static, relative, absolute
-
Fixed, z-index
9. Floating
- None, left, right
- Initial, inherit
10. Pseudo – elements and CSSclasses
11. CSS List
- list-style
- list-style-image
- list-style-position
- list-style-type
12. CSS3
- Borders
- CSS3Backgrounds
- CSS3 Gradients
- CSS3 Shadows
- CSS3 Text Effects
- CSS3 Fonts
- CSS3 2D/3D Transforms
- CSS3 Transitions
- CSS3 Animations
- CSS3 Multiple Columns
13. Create a Layout Using CSS Property
JavaScript
1. IntroductionÂ
2. Statements & CommentsÂ
3. Variables Keyboard Events
4. Data typesÂ
5. OperatorsÂ
6. Conditional Statements and LoopsÂ
7. User Defined FunctionsÂ
8. HTML Events
- Window Event Attributes
- onload
- onunload
- Form Events
- onblur
- onchange
- onfocus
- oninput
- onselect
- onsubmit
- onkeypress
- onkeyup
- onclick
- ondblclick
- onmouseover
- onmouseout
- onmousedown
- onmouseup
Advanced JavaScript
1. JavaScript BasicsÂ
- Refreshing Basic JavaScript Concepts
- Defining Functions
- Arrays & Objects in JS
- Date & Math Object
- String Methods
- Set timeout & Set Interval Function
2. The DOM Objects
- Introduction to DOM object
- DOM Methods
- Access & Modify HTML through DOM
- Event Listners
3. Advance JavaScript Overview
- Functions in depth
- JS Prototype
- This Keyword in JS
4. Getting Into Advance JS
- OOJS concept
- Classes & Instances
- Exception Handling in JS
- Constructors & Inheritance
JQuery
1. Introduction
2. JQuery Syntax jQuery Get
3. jQuery Selectors jQuery Set
4. jQuery Events jQuery Add
5. jQuery Effects
- jQuery Hide/Show
- jQuery Fade
- jQuery Slide
- jQuery Animate
- jQuery Stop()
- jQuery callback
- jQuery chaining
6. JQuery HTML
- jQuery Get
- jQuery Set
- jQuery Add
- jQuery Remove
- jQuery CSS Classes
- jQuery CSS
Bootstrap
1. How to Create a Layout in Bootstrap
- Grid Classes
2. Basic Tags in Bootstrap
- Contextual colors and backgrounds
3. Table in Bootstrap
- Bootstrap Basic Tables
- Striped Rows o Bordered Table o Hover Rows
- Condensed Table o Contextual Classes o Responsive Table
4. Navigation barin Bootstrap
- Inverted Navigation Bar
- Fixed Navigation Bar
- Navigation Bar with Dropdown
- Right-aligned Navigation Bar o Collapsing the Navigation Bar
5. Form in Bootstrap
- Vertical Form
- Horizontal Form
- Inline Form
6. Buttons in Bootstrap
- Button Styles
- Button Sizes
- Block Level Buttons
- Active/Disabled Buttons
7. Images in Bootstrap
- Rounded Corners Image
- Circle Image
- Thumbnail Image
The curriculum is empty