Online HTML5 and CSS3 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 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 Headings Styles o Basics o Paragraphs o Formatting o Links o Head











HTML4 Drawbacks HTML5 Intro o Introduction o HTML5 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











DTD - Overview o Types o Features o Advantages of using DTD o Disadvantages of using DTD Obsolete Elements/Deprecated Elements o <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 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...!!











HTML5 Events o offline o oncontextmenu o ondrag o ondragend o ondragenter o ondragleave o ondragover o ondragstart o ondrop o ondurationchange o onoffline o ononline etc..

HTML5 Attributes o accesskey o contenteditable o draggable o spellcheck o subject o title etc.. HTML5 Replaced Elements o <abbr> o <object> o <iframe> o <del> o <pre>











HTML5 New Elements (More meaningful elements) o Introduction o HTML5 Document o New Semantic/Structural Elements o <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 elements o <meter> o <mark> o <progress> o <time> 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 <datalist> o <keygen> o <output>











HTML5 Form Attributes New attributes for <form> and <input> New attributes for <form>: o autocomplete o novalidate New attributes for <input>: o autocomplete o autofocus o form o formaction o formenctype o formmethod o formnovalidate o formtarget o height 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 Values[non-empty]) o step











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











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











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 Geolocation 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











HTML55 Media (playing video and audio is easier than ever) o Introduction o New Media Elements o What is Ogg? o <audio> o <video> o <source> o <embed> o <track> 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











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?











HTML5 Web Storage (Expect the unexpected) o Introduction 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 Introduction o What is a Web Worker? o Check Web Worker Support o Create a Web Worker File o Terminate a Web Worker











HTML5 SSE (One Way Messaging) o Introduction o What 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











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











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 Introduction o FileSystem APIs o Device Orientation: o Speech Input:











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 Styling Text o Styling Fonts o Styling Links o Styling Lists o Styling Tables o CSS Borders o CSS3 Browser Support











CSS3 (Presentation & Styling) o Introduction o CSS3 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











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











CSS3 Fonts o Introduction o @font-face Rule o font-stretch o font-weight o font-style CSS3 2D Transforms o Introduction o How does it Work? o Browser Support o 2D Transforms o translate() o rotate() o scale() o skew() o matrix()











CSS3 3D Transforms o Introduction o rotateX() o rotateY() CSS3 Transitions o Introduction o How does it work? o transition-property o transition-duration o transition-delay CSS3 Animations o Introduction o CSS3 @keyframes Rule o Browser Support o Animation, animation-duration











CSS3 Multiple Columns o Introduction o column-count 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 outline-offset o appearance Property o nav-down











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











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











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 Emphasis o Abbreviations o Addresses o Blockquotes o Lists











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











Bootstrap Buttons o Button Size o Button State o DISABLED STATE o Button Tags Bootstrap Images o .img-rounded o .img-circle o .img-thumbnail

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











Bootstrap Responsive utilities o visible-xs o visible-sm o visible-md o visible-lg Print classes o .visible-print o .hidden-print Bootstrap Glyphicons o What are Glyphicons? o Where to find Glyphicons? Bootstrap Dropdowns o Options o ALIGNMENT o HEADERS











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











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











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











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











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











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










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 part

of

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

http://www.nareshit.com/

http://www.nareshit.com/

http://www.nareshit.in/

http://www.facebook.com/nareshit/

http://www.youtube.com/nareshit

Online HTML5 and CSS3 Training in Hyderabad-By Experts NareshIT

Education

Transcript of Online HTML5 and CSS3 Training in Hyderabad-By Experts NareshIT