html5 and css3 online training in hyderabad-by experts nareshit
TRANSCRIPT
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
http://www.nareshit.com/course/html5-and-css3-online-training/
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
http://www.nareshit.com/course/html5-and-css3-online-training/
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>
http://www.nareshit.com/course/html5-and-css3-online-training/
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-online-training/
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>
http://www.nareshit.com/course/html5-and-css3-online-training/
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>
http://www.nareshit.com/course/html5-and-css3-online-training/
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>
http://www.nareshit.com/course/html5-and-css3-online-training/
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
http://www.nareshit.com/course/html5-and-css3-online-training/
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-online-training/
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-online-training/
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
http://www.nareshit.com/course/html5-and-css3-online-training/
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
http://www.nareshit.com/course/html5-and-css3-online-training/
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-online-training/
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
http://www.nareshit.com/course/html5-and-css3-online-training/
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
http://www.nareshit.com/course/html5-and-css3-online-training/
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-online-training/
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:
http://www.nareshit.com/course/html5-and-css3-online-training/
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
http://www.nareshit.com/course/html5-and-css3-online-training/
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
http://www.nareshit.com/course/html5-and-css3-online-training/
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-online-training/
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()
http://www.nareshit.com/course/html5-and-css3-online-training/
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
http://www.nareshit.com/course/html5-and-css3-online-training/
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
http://www.nareshit.com/course/html5-and-css3-online-training/
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-online-training/
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-online-training/
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
http://www.nareshit.com/course/html5-and-css3-online-training/
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-online-training/
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
http://www.nareshit.com/course/html5-and-css3-online-training/
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
http://www.nareshit.com/course/html5-and-css3-online-training/
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-online-training/
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-online-training/
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-online-training/
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-online-training/
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-online-training/
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