html5 and css3 online training in hyderabad by experts nareshit

Call: India- 8179191999 ,USA- 404-232-9879

HTML5 and CSS3 Online Training

http://www.nareshit.com/course/html5-and-css3-online-training/

Introduction to WEBo W3C and W3C Memberso Why WHATWG?o What is Web?

HTML Basicso Introductiono Parts in HTML Documento Editorso Elementso Attributeso Headings Styleso Basicso Paragraphso Formattingo Linkso Head



HTML4 Drawbacks

HTML5 Introo Introductiono HTML5 HISTORYo New Features and groupso Backward Compatibilityo Why HTML5?o Power of HTML5o m or mobi or touch domainso Common Terms in HTML5o Structure of HTML5

Document

HTML5 Syntaxo The DOCTYPE:o Character Encoding:o Dynamic Attributeso Standard Attributeso HTML5 - Fonts Referenceo HTML5 - Character Encodings



DTD - Overviewo Typeso Featureso Advantages of using DTDo Disadvantages of using DTD

Obsolete Elements/Deprecated Elementso <acronym>o <applet>o <basefont>o <big>o <center>

o <dir>o <font>o <frame>o <frameset>o <isindex>o <noframes>o <s>o <strike>o <tt>o <u>o <xmp>



Deprecated Attributes in HTML5o revo charset o shape o coords o longdesc o target o nohref o profile o version o name o scheme o archive

o classido codebaseo codetypeo declare o standby o valuetype o type o axis...!!



HTML5 Eventso offlineo oncontextmenuo ondrago ondragendo ondragentero ondragleaveo ondragovero ondragstarto ondropo ondurationchangeo onofflineo ononline etc..

HTML5 Attributeso accesskeyo contenteditableo draggableo spellchecko subjecto title etc..

HTML5 Replaced Elementso <abbr>o <object>o <iframe>o <del>o <pre>



HTML5 New Elements (More meaningful elements)o Introductiono HTML5 Documento New Semantic/Structural Elementso <article>o <aside>o <bdi>o <bdo>o <command>o <details>o <summary>o <figure>

o <figcaption>o <footer>o <header>o <nav>o <ruby>o <rt>o <rp>o <section>o <wbr>



HTML5 New inline elementso <meter>o <mark>o <progress>o <time>

HTML5 Input Types (More meaningful elements)What is a Webform? (Web Forms 2.0)o Introductiono 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 Elementso <datalist>o <keygen>o <output>



HTML5 Form AttributesNew attributes for <form> and <input> New attributes for <form>:o autocompleteo novalidate

New attributes for <input>:o autocomplete o autofocuso formo formactiono formenctype o formmethodo formnovalidateo formtargeto height and width

o list (autocompleting suggest box)o min and maxo multipleo pattern (regexp)(Validating TextFields)o placeholder (TextFieldswith TemporaryHints)o required (TextFields with Required Values[non-empty])o step



HTML5 Canvas HTML5-GRAPHICS (2D and 3D Effects)o Introductiono What is Canvas?o Create a Canvaso Canvas Coordinateso Canvas – Paths (lines, circles)o Canvas - Texto Canvas - Gradientso Canvas – Imageso createLinearGradiento createRadialGradient



HTML5 SVG HTML5-GRAPHICS (2D and 3D Effects)o Introductiono What is SVG?o SVG Advantageso Differences Between SVG and Canvaso Comparison of Canvas and SVGo Why SVG?o SVG Shapeso Rectangleo Circleo Ellipse o Line o Polylineo Polygono Path



HTML5 Drag/Drop (Deeper Integration with OS)o Introductiono Make an Element Draggableo What to Drag? Where to Drop?o Drag and Drop EventsHTML5 Geolocation(Deeper Integration with OS)o Introductiono Locate the User's Positiono Handling Errors and Rejectionso The getCurrentPosition()o Geolocation objecto Reading users location?

HTML5 Multimedia (playing video and audio is easier than ever)o Introductiono What is Multimedia?o Browser Supporto Multimedia Formatso Video Formatso Sound Formatso What is Ogg format



HTML55 Media (playing video and audio is easier than ever)o Introductiono New Media Elementso What is Ogg?o <audio>o <video>o <source>o <embed>o <track>o Webo YouTube in HTML5

HTML5 Video (playing video and audio is easier than ever)o Introductiono Video on the Webo Video with JSo How It Works?o Video Formats and Browser Supporto HTML5 Video Tags



HTML5 Audio (playing video and audio is easier than ever)o Introductiono Audio With JSo Audio on the Webo How It Works?o Audio Formats and Browser Supporto HTML5 Audio Tags

WebRTC (Real-time Communication between Browsers) (Stay connected)o HISTORY OF WEBRTCo WebRTC Architectureo What is WebRTC?

o KeyFeatureso AppEngineo SIPo Capturing Audio & Video in HTML5o HTML Media Captureo What is twinsee?



HTML5 Web Storage (Expect the unexpected)o Introductiono What is HTML5 Web Storage?o Browser Supporto The localStorage Objecto The sessionStorage Object

HTML5 App Cache (Offline Storage)o Introductiono What is Application Cache?o What is Offline Storage?o Cache Manifest Basicso HTML5 Cache Manifest

HTML5 Web Workers (Background JavaScript)o Introductiono What is a Web Worker?o Check Web Worker Supporto Create a Web Worker Fileo Terminate a Web Worker



HTML5 SSE (One Way Messaging)o Introductiono What is Server Sent Events?o One Way Messagingo Browser Supporto The EventSource Object

HTML5 Microdata (More meaningful elements)o Introductiono Microdata common formatso Properties Datatypeso Microdata Vocabularyo WHATWG HTML spcification



HTML5 Web Workers (Stay connected)o Introductiono What is a Web Worker?o How Web Workers Work?o Stopping Web Workerso Handling Errors

HTML5 – WebSockets (Stay connected)o Introductiono WebSocket Attributeso WebSocket Eventso WebSocket Methods



HTML5 - Web SQL Databaseo Introductiono The Core Methodso Opening Databaseo Executing queries

File / Hardware Access (Deeper integration with the Operating System)o Introductiono FileSystem APIso Device Orientation:o Speech Input:



HTML5 – MathML (Integrating Mathematical formulas in Web)o Introductiono MathML Versionso Features of MathMLo List of MathML Tagso Presentation MathMLo Namespaceo Using MathML Characterso Matrix Presentationo Math Formulas

CSS 1.0 and 2.0o Introductiono CSS Basicso CSS Introduction

o CSS Syntaxo CSS Versionso CSS Id & Classo CSS Stylingo Styling Backgroundso Styling Texto Styling Fontso Styling Links o Styling Listso Styling Tableso CSS Borderso CSS3 Browser Support



CSS3 (Presentation & Styling)o Introductiono CSS3 Moduleso Selectorso Box Modelo Backgrounds and Borderso Text Effectso 2D/3D Transformationso Animationso Multiple Column Layouto User Interface

Borderso Introductiono border-radiuso box-shadowo border-image



CSS3 Backgroundso Introductiono background-sizeo background-origino background-clip

CSS3 Text Effectso Introductiono text-shadowo word-wrapo word-breako CSS3 hanging-punctuation



CSS3 Fontso Introductiono @font-face Ruleo font-stretcho font-weighto font-style

CSS3 2D Transformso Introductiono How does it Work?o Browser Supporto 2D Transformso translate()o rotate()o scale()o skew()o matrix()



CSS3 3D Transformso Introductiono rotateX()o rotateY()

CSS3 Transitionso Introductiono How does it work?o transition-propertyo transition-durationo transition-delay

CSS3 Animationso Introductiono CSS3 @keyframes Ruleo Browser Supporto Animation, animation-duration



CSS3 Multiple Columnso Introductiono column-counto column-gapo column-ruleo column-rule-coloro column-rule-styleo column-rule-width

CSS3 User Interfaceo Introductiono resizeo box-sizingo outline-offseto appearance Propertyo nav-down



PhoneGapo Introduction to PhoneGapo Why PhoneGap?o PhoneGap and 7 mobile Environmentso PhoneGap Build

Twitter Bootstrap (Powerful mobile front-end framework)o What is Twitter Bootstrap?o Historyo Why use Bootstrap?o What Bootstrap Package Includes?Download Bootstrapo File structureo PRECOMPILED BOOTSTRAPo Basic Examples



Bootstrap Grid Systemo What is a Grid?o What is Bootstrap Grid System?o MOBILE FIRST STRATEGYo Working of Bootstrap Grid Systemo Media Queries

Grid optionso Responsive column resetso Offset columnso Nesting columnso Column ordering



Bootstrap CSS Overviewo HTML5 doctypeo Mobile Firsto Responsive imageso Typography and linkso Normalizeo Containers

Bootstrap Typographyo Headingso INLINE SUBHEADINGSo Emphasiso Abbreviationso Addresseso Blockquoteso Lists


Bootstrap Tableso Basic Tableo Optional Table Classeso STRIPED TABLEo BORDERED TABLEo HOVER TABLEo CONDENSED TABLEo Contextual classeso Responsive tables

Bootstrap Formso Form Layouto VERTICAL OR BASIC FORMo INLINE FORMo HORIZONTAL FORMo Supported Form Controls

o CHECKBOXES AND RADIOSo SELECTSo Form Control Stateso Form Control Sizingo Help Text


Bootstrap Buttonso Button Sizeo Button Stateo DISABLED STATEo Button Tags

Bootstrap Imageso .img-roundedo .img-circleo .img-thumbnail

Bootstrap Helper Classeso Close icono Caretso Quick floatso Center content blockso Clearfixo Showing and hiding contento Screen reader content


Bootstrap Responsive utilitieso visible-xso visible-smo visible-mdo visible-lg

Print classeso .visible-printo .hidden-print

Bootstrap Glyphiconso What are Glyphicons?o Where to find Glyphicons?

Bootstrap Dropdownso Optionso ALIGNMENTo HEADERS


Bootstrap Button Groupso Basic Button Groupo Button Toolbaro Button Sizeo Nestingo Vertical Buttongroup

Bootstrap Button Dropdownso Split Button Dropdownso Button Dropdown Sizeo Dropup variation

Bootstrap Input Groupso Basic Input Groupo Input Group Sizingo Checkboxes and radio addonso Button addonso Buttons with dropdownso Segmented buttons


Bootstrap Navigation Elementso Tabular Navigation or Tabso Pills Navigationo VERTICLE PILLSo Justified Navo Disabled Linkso Dropdownso PILLS WITH DROPDOWNSBootstrap Navbaro Default navbaro Responsive navbaro Forms in navbaro Buttons in navbaro Text in navbaro

Non-nav linkso Component alignmento Fixed to topo Fixed to bottomo Static topo Inverted navbaro Bootstrap Breadcrumb


Bootstrap Paginationo Paginationo DEFAULT PAGINATIONo STATESo SIZINGo Pagero ALIGNED LINKSo STATESo Bootstrap Labels

Bootstrap Badgeso Bootstrap Jumbotrono Bootstrap Page Headero Bootstrap Thumbnails


Bootstrap Alertso Dismissal Alertso Links in AlertsBootstrap Progress Barso Default Progress Baro Alternate Progress Baro Striped Progress Baro Animated Progress Baro Stacked Progress BarBootstrap Media Objecto .mediao .media-list


Bootstrap List Groupo Adding Badges to List Groupo Linking List Group Itemso Add Custom Content to List GroupBootstrap Panelso Panel with headingo Panel with footero Panel Contextual alternativeso Panel with tableso Panel with ListgroupsBootstrap Wellso wello Sizing


Bootstrap Plugins Overviewo Data Attributeso Eventso Bootstrap Transition Plugino Bootstrap Modal Plugino Bootstrap Dropdown Plugino Bootstrap Scrollspy Plugino Bootstrap Tab Plugino Bootstrap Tooltip Plugino Bootstrap Popover Plugino Bootstrap Alert Plugino Bootstrap Button Plugino Bootstrap Collapse Plugino Bootstrap Carousel Plugino Bootstrap Affix Plugin

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

We look forward to having you as a partof

Team

For more details Log on to:

http://www.nareshit.com | http://www.nareshit.in | www.facebook.com/nareshit | www.youtube.com/nareshit

For Online Training Call: +91-8179191999 USA:404-232-9879

html5 and css3 online training in hyderabad by experts nareshit

Education