html5 and css3 online training in india by experts nareshit
TRANSCRIPT
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
http://www.nareshit.com/course/html5-and-css3-online-training/
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
http://www.nareshit.com/course/html5-and-css3-online-training/
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>
http://www.nareshit.com/course/html5-and-css3-online-training/
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...!!
http://www.nareshit.com/course/html5-and-css3-online-training/
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>
http://www.nareshit.com/course/html5-and-css3-online-training/
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>
http://www.nareshit.com/course/html5-and-css3-online-training/
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>
http://www.nareshit.com/course/html5-and-css3-online-training/
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
http://www.nareshit.com/course/html5-and-css3-online-training/
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
http://www.nareshit.com/course/html5-and-css3-online-training/
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
http://www.nareshit.com/course/html5-and-css3-online-training/
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
http://www.nareshit.com/course/html5-and-css3-online-training/
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
http://www.nareshit.com/course/html5-and-css3-online-training/
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?
http://www.nareshit.com/course/html5-and-css3-online-training/
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
http://www.nareshit.com/course/html5-and-css3-online-training/
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
http://www.nareshit.com/course/html5-and-css3-online-training/
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
http://www.nareshit.com/course/html5-and-css3-online-training/
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:
http://www.nareshit.com/course/html5-and-css3-online-training/
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
http://www.nareshit.com/course/html5-and-css3-online-training/
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
http://www.nareshit.com/course/html5-and-css3-online-training/
CSS3 Backgroundso Introductiono background-sizeo background-origino background-clip
CSS3 Text Effectso Introductiono text-shadowo word-wrapo word-breako CSS3 hanging-punctuation
http://www.nareshit.com/course/html5-and-css3-online-training/
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()
http://www.nareshit.com/course/html5-and-css3-online-training/
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
http://www.nareshit.com/course/html5-and-css3-online-training/
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
http://www.nareshit.com/course/html5-and-css3-online-training/
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
http://www.nareshit.com/course/html5-and-css3-online-training/
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
http://www.nareshit.com/course/html5-and-css3-online-training/
Bootstrap CSS Overviewo HTML5 doctypeo Mobile Firsto Responsive imageso Typography and linkso Normalizeo Containers
Bootstrap Typographyo Headingso INLINE SUBHEADINGSo Emphasiso Abbreviationso Addresseso Blockquoteso Lists
http://www.nareshit.com/course/html5-and-css3-online-training/
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
http://www.nareshit.com/course/html5-and-css3-online-training/
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
http://www.nareshit.com/course/html5-and-css3-online-training/
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
http://www.nareshit.com/course/html5-and-css3-online-training/
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
http://www.nareshit.com/course/html5-and-css3-online-training/
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
http://www.nareshit.com/course/html5-and-css3-online-training/
Bootstrap Paginationo Paginationo DEFAULT PAGINATIONo STATESo SIZINGo Pagero ALIGNED LINKSo STATESo Bootstrap Labels
Bootstrap Badgeso Bootstrap Jumbotrono Bootstrap Page Headero Bootstrap Thumbnails
http://www.nareshit.com/course/html5-and-css3-online-training/
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
http://www.nareshit.com/course/html5-and-css3-online-training/
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
http://www.nareshit.com/course/html5-and-css3-online-training/
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