Course Duration in Hours
60
60
HTML Basic
What is Markup Language
Basic Structure of HTML
Head Section and Elements of Head Section
Meta Tags
External Link Tags
HTML Elements
Basics, Elements , Attributes
Paragraphs and Formatting
HTML Skeleton, Links
The < html> , < body> , < head> , and < title> Elements
Creating an HTML Document
Basic Content Structure
Headings
Horizontal Rules
Line Breaks
Images
Embedding Images in a Web Page
Using Graphics as Links
Using Background Images
Setting image properties via HTML
Hyperlinks
Href
Name
Title
Rev
Methods
Target
Lists
Creating Unordered (Bulleted) Lists
Creating Ordered (Numbered) Lists
Nesting Lists
Creating Definition List
Div & Tables
Creating of Div Tag
Creating and Modifying Tables
Table Coding Guidelines
Formatting Tables
Table Headers and Captions
Forms:
Name, Action, Method
Text, Hidden, Password
Radio Button, Checkbox
Select, Textarea
Submit, Reset, Button
HTML5
HTML5 Structural Elements
Section, Article, Aside
Header, Hgroup
Footer, Nav
HTML5 Content Elements
Figure, Figcaption, Video,Audio
HTML5 Input Types
Color, date, datetime
email, month, number
range, search, tel
time, url, week
HTML5 Form Attributes
autocomplete
novalidate
form/formaction
autofocus
multiple
pattern(regexp)
placeholder
required
CSS
Understanding CSS:
Versions of CSS
Types of CSS Rules
CSS and Markup Languages
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
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
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
Color and Background Properties
Choosing Color Palettes
Setting Text and Foreground Color
Setting a Background Color
Setting a Background Image
Setting Multiple Background Values
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
CSS Border
Border
border-width
border-color
border-style
Positioning
static, relative, absolute
fixed, z-index
Floating
None, left, right
Initial,inherits
Pseudo-elements and CSS classes
CSS List
list-style
list-style-image
list-style-position
list-style-type
CSS3
Border
CSS3 Backgrounds
CSS3 Gradients
CSS3 Shadows
CSS3 Text Effects
CSS3 Fonts
CSS3 2D/3D Transforms
CSS3 Transitions
CSS3 Animations
CSS3 Multiple Columns
Create a Layout Using CSS Property
Javascript
Statements & Comments
Variables
Data types
Operators
Conditional Statements and Loops
User Defined Functions
HTML Events
Window Event Attributes
onload
onunload
Form Events
onblur
onchange
onfocus
oninput
onselect
onsubmit
Keyboard Events
onkeydown
onkeypress
onkeyup
Mouse Events
onclick
ondblclick
onmouseover
onmouseout
onmousedown
onmouseup
JS Validations
Advanced Javascript
JavaScript Basics
Refreshing Basic JavaScript Concepts
Defining Functions
Arrays & Objects in JS
Date & Math Object
String Methods
Set timeout & Set Interval Function
The DOM Objects
Introduction to DOM object
DOM Methods
Access & Modify HTML through DOM
Event Listners
DOM Navigation
Dynamic Content Handling
Session Storage
Local Storage
Advance JavaScript Overview
Arrays & Objects redefined
JS Hoisting for variables & Functions
Functions in depth
JS Prototype
This Keyword in JS
Getting Into Advance JS
OOJS concept
Classes & Instances
Exception Handling in JS
Constructors & Inheritance
jQuery
Introduction
JQuery Syntax
jQuery Selectors
jQuery Events
jQuery Effects
jQuery Hide/Show
jQuery Fade
jQuery Slide
jQuery Animate
jQuery Stop()
jQuery callback
jQuery chaining
JQuery HTML
jQuery Get
jQuery Set
jQuery Add
jQuery Remove
jQuery CSS Classes
jQuery CSS
jQuery Misc
jQuery noConflict()
AJAX
AJAX with JavaScript
Why AJAX & How it works
Syntax (XMLHTTPRequest Object)
Sending Requests to server
Processing Response
AJAX Events
Example with PHP Server
JQuery AJAX
jQuery load
jQuery Get/Post
BootStrap
How to Create a Layout in Bootstrap
Grid Classes
Basic Tags in Bootstrap
Contextual colors and backgrounds
Table in Bootstrap
Bootstrap Basic Tables
Striped Rows
Bordered Table
Hover Rows
Condensed Table
Contextual Classes
Responsive Tables
Navigation bar in Bootstrap
Inverted Navigation Bar
Fixed Navigation Bar
Navigation Bar with Dropdown
Right-aligned Navigation Bar
Collapsing the Navigation Bar
Form bar in Bootstrap
Vertical Form
Horizontal Form
Inline Form
Buttons in Bootstrap
Button Styles
Button Sizes
Block Level Buttons
Active/Disabled Buttons
Images in Bootstrap
Rounded Corners Image
Circle Image
Thumbnail Image
ANGULAR JS
AngularJS
Trainers are Professional Graphics designers from the Industry.
We cover the entire course on one or more real-time web site project.
Provide Interview tips and assist in resume formation.
3RI Technologies Pvt Ltd, Pimple Saudagar (Pune),Pune,IN