HTML5 and CSS3 Online Training in Hyderabad By Experts NareshIT

1
HTML5 and CSS3 Online Training
Call India- 8179191999 ,USA- 404-232-9879
2
HTML5 and CSS3 Online Trainingfrom India
Introduction to WEB o W3C and W3C Members o Why
WHATWG? o What is Web?
HTML Basics o Introduction o Parts in HTML
Document o Editors o Elements o Attributes o Headi
ngs Styles o Basics o Paragraphs o Formatting o Li
nks o Head
http//www.nareshit.com/course/html5-and-css3-onli
ne-training/
3
HTML5 and CSS3 Online Trainingfrom India
HTML4 Drawbacks HTML5 Intro o Introduction o HTM
L5 HISTORY o New Features and groups o Backward
Compatibility o Why HTML5? o Power of HTML5 o m
or mobi or touch domains o Common Terms in
HTML5 o Structure of HTML5
Document HTML5 Syntax o The DOCTYPE o Character
Encoding o Dynamic Attributes o Standard
Attributes o HTML5 - Fonts Reference o HTML5 -
Character Encodings
http//www.nareshit.com/course/html5-and-css3-onli
ne-training/
4
HTML5 and CSS3 Online Trainingfrom India
DTD - Overview o Types o Features o Advantages of
using DTD o Disadvantages of using DTD Obsolete
Elements/Deprecated Elements o ltacronymgt o ltapple
tgt o ltbasefontgt o ltbiggt o ltcentergt
o ltdirgt o ltfontgt o ltframegt o ltframesetgt
o ltisindexgt o ltnoframesgt o ltsgt o ltstrikegt o
ltttgt o ltugt o ltxmpgt
http//www.nareshit.com/course/html5-and-css3-onli
ne-training/
5
HTML5 and CSS3 Online Trainingfrom India
Deprecated Attributes in HTML5 o rev o charset
o shape o coords o longdesc o target
o nohref o profile o version o name o scheme
o archive
o classid o codebase o codetype o declare
o standby o valuetype o type o axis...!!
http//www.nareshit.com/course/html5-and-css3-onli
ne-training/
6
HTML5 and CSS3 Online Trainingfrom India
HTML5 Events o offline o oncontextmenu o ondrag o
ondragend o ondragenter o ondragleave o ondragover
o ondragstart o ondrop o ondurationchange o onoff
line o ononline etc..
HTML5 Attributes o accesskey o contenteditable o d
raggable o spellcheck o subject o title
etc.. HTML5 Replaced Elements o ltabbrgt o ltobjectgt
o ltiframegt o ltdelgt o ltpregt
http//www.nareshit.com/course/html5-and-css3-onli
ne-training/
7
HTML5 and CSS3 Online Trainingfrom India
HTML5 New Elements (More meaningful
elements) o Introduction o HTML5 Document o New
Semantic/Structural Elements o ltarticlegt o ltaside
gt o ltbdigt o ltbdogt o ltcommandgt o ltdetailsgt o ltsu
mmarygt o ltfiguregt
o ltfigcaptiongt o ltfootergt o ltheadergt o ltnavgt o
ltrubygt o ltrtgt o ltrpgt o ltsectiongt o ltwbrgt
http//www.nareshit.com/course/html5-and-css3-onli
ne-training/
8
HTML5 and CSS3 Online Trainingfrom India
HTML5 New inline elements o ltmetergt o ltmarkgt o ltpr
ogressgt o lttimegt HTML5 Input Types (More
meaningful elements) What is a Webform? (Web
Forms 2.0) o Introduction o color(color
chooser) o date (popup calendar) o datetime
(datetime chooser) o datetime-local (datetime
chooser) o email (Email Entry)
o month (month year chooser) o number
(spinner) o range (slider) o search (Search Query
Input) o tel Telephone Input) o time
(TimeSelector) o url (URL Entry) o week
(WeekChooser) HTML5 Form Elements o ltdatalistgt o
ltkeygengt o ltoutputgt
http//www.nareshit.com/course/html5-and-css3-onli
ne-training/
9
HTML5 and CSS3 Online Trainingfrom India
HTML5 Form Attributes New attributes for ltformgt
and ltinputgt New
attributes for ltformgt o autocomplete o novalidate
New attributes for ltinputgt o autocomplete
o autofocus o form o formaction o formenctype
o formmethod o formnovalidate o formtarget o heig
ht and width
o list (autocompleting suggest box) o min and
max o multiple o pattern (regexp)(Validating
TextFields) o placeholder (TextFieldswith
TemporaryHints) o required (TextFields with
Required Valuesnon-empty) o step
http//www.nareshit.com/course/html5-and-css3-onli
ne-training/
10
HTML5 and CSS3 Online Trainingfrom India
HTML5 Canvas HTML5-GRAPHICS (2D and 3D
Effects) o Introduction o What is
Canvas? o Create a Canvas o Canvas
Coordinates o Canvas Paths (lines,
circles) o Canvas - Text o Canvas -
Gradients o Canvas Images o createLinearGradient
o createRadialGradient
http//www.nareshit.com/course/html5-and-css3-onli
ne-training/
11
HTML5 and CSS3 Online Trainingfrom India
HTML5 SVG HTML5-GRAPHICS (2D and 3D
Effects) o Introduction o What is SVG? o SVG
Advantages o Differences Between SVG and
Canvas o Comparison of Canvas and SVG o Why
SVG? o SVG Shapes o Rectangle o Circle o Ellipse
o Line o Polyline o Polygon o Path
http//www.nareshit.com/course/html5-and-css3-onli
ne-training/
12
HTML5 and CSS3 Online Trainingfrom India
HTML5 Drag/Drop (Deeper Integration with
OS) o Introduction o Make an Element
Draggable o What to Drag? Where to Drop? o Drag
and Drop Events HTML5 Geolocation(Deeper
Integration with OS) o Introduction o Locate the
User's Position o Handling Errors and
Rejections o The getCurrentPosition() o Geolocatio
n object o Reading users location?
HTML5 Multimedia (playing video and audio is
easier than ever) o Introduction o What is
Multimedia? o Browser Support o Multimedia
Formats o Video Formats o Sound Formats o What is
Ogg format
http//www.nareshit.com/course/html5-and-css3-onli
ne-training/
13
HTML5 and CSS3 Online Trainingfrom India
HTML55 Media (playing video and audio is easier
than ever) o Introduction o New Media
Elements o What is Ogg? o ltaudiogt o ltvideogt o lts
ourcegt o ltembedgt o lttrackgt o Web o YouTube in
HTML5
HTML5 Video (playing video and audio is easier
than ever) o Introduction o Video on the
Web o Video with JS o How It Works? o Video
Formats and Browser Support o HTML5 Video Tags
http//www.nareshit.com/course/html5-and-css3-onli
ne-training/
14
HTML5 and CSS3 Online Trainingfrom India
HTML5 Audio (playing video and audio is easier
than ever) o Introduction o Audio With JS o Audio
on the Web o How It Works? o Audio Formats and
Browser Support o HTML5 Audio Tags WebRTC
(Real-time Communication between Browsers) (Stay
connected) o HISTORY OF WEBRTC o WebRTC
Architecture o What is WebRTC?
o KeyFeatures o AppEngine o SIP o Capturing Audio
Video in HTML5 o HTML Media Capture o What is
twinsee?
http//www.nareshit.com/course/html5-and-css3-onli
ne-training/
15
HTML5 and CSS3 Online Trainingfrom India
HTML5 Web Storage (Expect the unexpected) o Introd
uction o What is HTML5 Web Storage? o Browser
Support o The localStorage Object o The
sessionStorage Object HTML5 App Cache (Offline
Storage) o Introduction o What is Application
Cache? o What is Offline Storage? o Cache
Manifest Basics o HTML5 Cache Manifest
HTML5 Web Workers (Background JavaScript) o Introd
uction o What is a Web Worker? o Check Web Worker
Support o Create a Web Worker File o Terminate a
Web Worker
http//www.nareshit.com/course/html5-and-css3-onli
ne-training/
16
HTML5 and CSS3 Online Trainingfrom India
HTML5 SSE (One Way Messaging) o Introduction o Wha
t is Server Sent Events? o One Way
Messaging o Browser Support o The EventSource
Object HTML5 Microdata (More meaningful
elements) o Introduction o Microdata common
formats o Properties Datatypes o Microdata
Vocabulary o WHATWG HTML spcification
http//www.nareshit.com/course/html5-and-css3-onli
ne-training/
17
HTML5 and CSS3 Online Trainingfrom India
HTML5 Web Workers (Stay connected) o Introduction
o What is a Web Worker? o How Web Workers
Work? o Stopping Web Workers o Handling
Errors HTML5 WebSockets (Stay
connected) o Introduction o WebSocket
Attributes o WebSocket Events o WebSocket Methods
http//www.nareshit.com/course/html5-and-css3-onli
ne-training/
18
HTML5 and CSS3 Online Trainingfrom India
HTML5 - Web SQL Database o Introduction o The
Core Methods o Opening Database o Executing
queries File / Hardware Access (Deeper
integration with the Operating System) o Introduct
ion o FileSystem APIs o Device Orientation o Spee
ch Input
http//www.nareshit.com/course/html5-and-css3-onli
ne-training/
19
HTML5 and CSS3 Online Trainingfrom India
HTML5 MathML (Integrating Mathematical
formulas in Web) o Introduction o MathML
Versions o Features of MathML o List of MathML
Tags o Presentation MathML o Namespace o Using
MathML Characters o Matrix Presentation o Math
Formulas CSS 1.0 and 2.0 o Introduction o CSS
Basics o CSS Introduction
o CSS Syntax o CSS Versions o CSS Id
Class o CSS Styling o Styling Backgrounds o Stylin
g Text o Styling Fonts o Styling Links o Styling
Lists o Styling Tables o CSS Borders o CSS3
Browser Support
http//www.nareshit.com/course/html5-and-css3-onli
ne-training/
20
HTML5 and CSS3 Online Trainingfrom India
CSS3 (Presentation Styling) o Introduction o CSS
3 Modules o Selectors o Box Model o Backgrounds
and Borders o Text Effects o 2D/3D
Transformations o Animations o Multiple Column
Layout o User Interface Borders o Introduction o
border-radius o box-shadow o border-image
http//www.nareshit.com/course/html5-and-css3-onli
ne-training/
21
HTML5 and CSS3 Online Trainingfrom India
CSS3 Backgrounds o Introduction o background-size
o background-origin o background-clip CSS3 Text
Effects o Introduction o text-shadow o word-wrap o
word-break o CSS3 hanging-punctuation
http//www.nareshit.com/course/html5-and-css3-onli
ne-training/
22
HTML5 and CSS3 Online Trainingfrom India
CSS3 Fonts o Introduction o _at_font-face
Rule o font-stretch o font-weight o font-style CS
S3 2D Transforms o Introduction o How does it
Work? o Browser Support o 2D Transforms o translat
e() o rotate() o scale() o skew() o matrix()
http//www.nareshit.com/course/html5-and-css3-onli
ne-training/
23
HTML5 and CSS3 Online Trainingfrom India
CSS3 3D Transforms o Introduction o rotateX() o ro
tateY() CSS3 Transitions o Introduction o How
does it work? o transition-property o transition-d
uration o transition-delay CSS3
Animations o Introduction o CSS3 _at_keyframes
Rule o Browser Support o Animation,
animation-duration
http//www.nareshit.com/course/html5-and-css3-onli
ne-training/
24
HTML5 and CSS3 Online Trainingfrom India
CSS3 Multiple Columns o Introduction o column-coun
t o column-gap o column-rule o column-rule-color o
column-rule-style o column-rule-width CSS3 User
Interface o Introduction o resize o box-sizing o o
utline-offset o appearance Property o nav-down
http//www.nareshit.com/course/html5-and-css3-onli
ne-training/
25
HTML5 and CSS3 Online Trainingfrom India
PhoneGap o Introduction to PhoneGap o Why
PhoneGap? o PhoneGap and 7 mobile
Environments o PhoneGap Build Twitter Bootstrap
(Powerful mobile front-end framework) o What is
Twitter Bootstrap? o History o Why use
Bootstrap? o What Bootstrap Package Includes?
Download Bootstrap o File structure o PRECOMPILED
BOOTSTRAP o Basic Examples
http//www.nareshit.com/course/html5-and-css3-onli
ne-training/
26
HTML5 and CSS3 Online Trainingfrom India
Bootstrap Grid System o What is a Grid? o What is
Bootstrap Grid System? o MOBILE FIRST
STRATEGY o Working of Bootstrap Grid
System o Media Queries Grid options o Responsive
column resets o Offset columns o Nesting
columns o Column ordering
http//www.nareshit.com/course/html5-and-css3-onli
ne-training/
27
HTML5 and CSS3 Online Trainingfrom India
Bootstrap CSS Overview o HTML5 doctype o Mobile
First o Responsive images o Typography and
links o Normalize o Containers Bootstrap
Typography o Headings o INLINE SUBHEADINGS o Empha
sis o Abbreviations o Addresses o Blockquotes o Li
sts
http//www.nareshit.com/course/html5-and-css3-onli
ne-training/
28
HTML5 and CSS3 Online Trainingfrom India
Bootstrap Tables o Basic Table o Optional Table
Classes o STRIPED TABLE o BORDERED TABLE o HOVER
TABLE o CONDENSED TABLE o Contextual
classes o Responsive tables Bootstrap
Forms o Form Layout o VERTICAL OR BASIC
FORM o INLINE FORM o HORIZONTAL FORM o Supported
Form Controls
o CHECKBOXES AND RADIOS o SELECTS o Form Control
States o Form Control Sizing o Help Text
http//www.nareshit.com/course/html5-and-css3-onli
ne-training/
29
HTML5 and CSS3 Online Trainingfrom India
Bootstrap Buttons o Button Size o Button
State o DISABLED STATE o Button Tags Bootstrap
Images o .img-rounded o .img-circle o .img-thumbna
il
Bootstrap Helper Classes o Close
icon o Carets o Quick floats o Center content
blocks o Clearfix o Showing and hiding
content o Screen reader content
http//www.nareshit.com/course/html5-and-css3-onli
ne-training/
30
HTML5 and CSS3 Online Trainingfrom India
Bootstrap Responsive utilities o visible-xs o visi
ble-sm o visible-md o visible-lg Print
classes o .visible-print o .hidden-print Bootstra
p Glyphicons o What are Glyphicons? o Where to
find Glyphicons? Bootstrap Dropdowns o Options o
ALIGNMENT o HEADERS
http//www.nareshit.com/course/html5-and-css3-onli
ne-training/
31
HTML5 and CSS3 Online Trainingfrom India
Bootstrap Button Groups o Basic Button
Group o Button Toolbar o Button
Size o Nesting o Vertical Buttongroup Bootstrap
Button Dropdowns o Split Button
Dropdowns o Button Dropdown Size o Dropup
variation
Bootstrap Input Groups o Basic Input
Group o Input Group Sizing o Checkboxes and radio
addons o Button addons o Buttons with
dropdowns o Segmented buttons
http//www.nareshit.com/course/html5-and-css3-onli
ne-training/
32
HTML5 and CSS3 Online Trainingfrom India
Bootstrap Navigation Elements o Tabular
Navigation or Tabs o Pills Navigation o VERTICLE
PILLS o Justified Nav o Disabled
Links o Dropdowns o PILLS WITH DROPDOWNS Bootstrap
Navbar o Default navbar o Responsive
navbar o Forms in navbar o Buttons in
navbar o Text in navbar o
Non-nav links o Component alignment o Fixed to
top o Fixed to bottom o Static top o Inverted
navbar o Bootstrap Breadcrumb
http//www.nareshit.com/course/html5-and-css3-onli
ne-training/
33
HTML5 and CSS3 Online Trainingfrom India
Bootstrap Pagination o Pagination o DEFAULT
PAGINATION o STATES o SIZING o Pager o ALIGNED
LINKS o STATES o Bootstrap Labels Bootstrap
Badges o Bootstrap Jumbotron o Bootstrap Page
Header o Bootstrap Thumbnails
http//www.nareshit.com/course/html5-and-css3-onli
ne-training/
34
HTML5 and CSS3 Online Trainingfrom India
Bootstrap Alerts o Dismissal Alerts o Links in
Alerts Bootstrap Progress Bars o Default Progress
Bar o Alternate Progress Bar o Striped Progress
Bar o Animated Progress Bar o Stacked Progress
Bar Bootstrap Media Object o .media o .media-list
http//www.nareshit.com/course/html5-and-css3-onli
ne-training/
35
HTML5 and CSS3 Online Trainingfrom India
Bootstrap List Group o Adding Badges to List
Group o Linking List Group Items o Add Custom
Content to List Group Bootstrap Panels o Panel
with heading o Panel with footer o Panel
Contextual alternatives o Panel with
tables o Panel with Listgroups Bootstrap
Wells o well o Sizing
http//www.nareshit.com/course/html5-and-css3-onli
ne-training/
36
HTML5 and CSS3 Online Trainingfrom India
Bootstrap Plugins Overview o Data
Attributes o Events o Bootstrap Transition
Plugin o Bootstrap Modal Plugin o Bootstrap
Dropdown Plugin o Bootstrap Scrollspy
Plugin o Bootstrap Tab Plugin o Bootstrap Tooltip
Plugin o Bootstrap Popover Plugin o Bootstrap
Alert Plugin o Bootstrap Button
Plugin o Bootstrap Collapse Plugin o Bootstrap
Carousel Plugin o Bootstrap Affix Plugin
http//www.nareshit.com/course/html5-and-css3-onli
ne-training/
37
Why Naresh i echnologies ?

• We provide Quality IT Training. We are a IT
  Corporate Training and consulting
  company providing expert, professional and
  advanced IT Corporate training courses to our
  clients success and their need for continuous IT
  skilled in latest technologies

38
For Online Training Call 91-8179191999
USA404-232-9879

• We look forward to having you as a part
• of
• Team
• For more details Log on to
• http//www.nareshit.com http//www.nareshit.in
  www.facebook.com/nareshit www.youtube.com/nar
  eshit