<ul> <li><strong>Introduction To HTML5</strong> <ul> <li>Limitations of HTML4</li> <li>Introduction and Advantages of HTML5</li> <li>First HTML5 Document</li> <li>Overview of New Features of HTML5</li> <li>Page Layout Semantic Elements</li> <li>Header</li> <li>Navigation</li> <li>Section &amp; Articles</li> <li>Footer</li> <li>Aside and more</li> </ul> </li> <li><strong>Form Elements And Attributes</strong> <ul> <li>New Input Types</li> <li>New Elements in Form</li> <li>New Attributes in Form Tag</li> <li>New Attributes in Tag</li> <li>&nbsp;</li> </ul> </li> <li><strong>Working With Canvas</strong> <ul> <li>Coordinates</li> <li>Path and Curves</li> <li>Drawing Lines, Rectangles and Circles</li> <li>Text and Font</li> <li>Color Gradiations</li> <li>Drawing Images</li> </ul> </li> <li><strong>Scalable Vector Graphics (SVG)</strong> <ul> <li>Understanding SVG</li> <li>Benefits of SVG</li> <li>Using SVG Tag</li> <li>Comparing with Canvas</li> </ul> </li> <li><strong>Media &ndash; Audio And Video</strong> <ul> <li>Audio and Source tags</li> <li>Video and Source tags</li> <li>Track tag</li> <li>Mime types supported</li> <li>Browser Compatibility</li> <li>Programming using Javascript</li> </ul> </li> <li><strong>Drag And Drop</strong> <ul> <li>Drag and Drop Events</li> <li>Programming using JavaScript</li> </ul> </li> <li><strong>Web Storage</strong> <ul> <li>Overview</li> <li>Local Storage</li> <li>Session Storage</li> <li>Browser Compatibility</li> </ul> </li> </ul>

<ul> <li><strong>HTML Fundamentals Introduction</strong></li> <li><strong>HTML Text</strong> <ul> <li>Headings</li> <li>Demo: Headings</li> <li>Block vs. Inline Elements</li> <li>Demo: Block and Inline Elements</li> <li>Whitespace</li> <li>Demo: Whitespace</li> <li>Additional Text Elements</li> <li>Demo: Additional Elements</li> </ul> </li> <li><strong>HTML Lists</strong> <ul> <li>List Types</li> <li>Demo: Creating Lists</li> <li>Demo: List Rendering</li> </ul> </li> <li><strong>HTML Links</strong> <ul> <li>Link concepts</li> <li>Demo: Linking Documents</li> <li>Understanding Targets</li> <li>Demo: Linking to Targets</li> <li>Additional Link Attributes</li> </ul> </li> <li><strong>HTML Tables</strong> <ul> <li>Table Elements</li> <li>Demo: Structuring a Table</li> <li>Table Data</li> <li>Spanning Columns and Rows</li> <li>Formatting Tables</li> <li>Demo: Table Formatting</li> </ul> </li> <li><strong>HTML Form And Form Elements</strong> <ul> <li>Introduction</li> <li>HTTP Get Request</li> <li>HTTP POST Request</li> <li>Form Input Elements</li> </ul> </li> <li><strong>HTML Forms Fundamentals</strong> <ul> <li>Form Basics</li> <li>Demo: Form Basics</li> <li>Form Settings</li> <li>Demo: Form Settings</li> </ul> </li> <li><strong>HTML Form Inputs</strong> <ul> <li>Text inputs</li> <li>Demo: Text inputs</li> <li>Selections</li> <li>Demo: Selections</li> <li>Input attributes</li> <li>Demo: Input attributes</li> </ul> </li> <li><strong>HTML Images And Objects</strong> <ul> <li>Image and Object Concepts</li> <li>Demo: Adding Images</li> <li>Demo: Adding Objects</li> </ul> </li> </ul>

<ul> <li><strong>Working With CSS</strong> <ul> <li>Introduction to CSS</li> <li>Understanding Document Object Model</li> <li>Introduction to style sheets</li> <li>CSS Syntax</li> <li>CSS Comments</li> </ul> </li> <li><strong>The CSS Rules</strong> <ul> <li>Ways to work with CSS</li> <li>External style sheet</li> <li>Internal style sheet</li> <li>Inline style</li> </ul> </li> <li><strong>CSS Selectors</strong> <ul> <li>The element Selector</li> <li>The id Selector</li> <li>The class Selector</li> <li>Grouping Selectors</li> </ul> </li> <li><strong>The CSS Cascade</strong> <ul> <li>Background Color</li> <li>Background Image</li> <li>Background Image &ndash; Repeat Horizontally or Vertically</li> <li>Background Image &ndash; Set position and no-repeat</li> </ul> </li> <li><strong>CSS Fonts &amp; Typography</strong> <ul> <li>CSS Font Families</li> <li>Font Style</li> <li>Font Size</li> <li>Text Color</li> <li>Text Alignment</li> <li>Text Decoration</li> <li>Text Transformation</li> </ul> </li> <li><strong>Working With Links &amp; List</strong> <ul> <li>Styling Links</li> <li>Common Link Styles</li> <li>List Item Markers</li> <li>Image as the List Item Marker</li> </ul> </li> <li><strong>Working With Table</strong> <ul> <li>Table Borders</li> <li>Collapse Borders</li> <li>Table Width and Height</li> <li>Text Alignment</li> <li>Table Padding</li> <li>Table Color</li> </ul> </li> <li><strong>CSS Color &amp; Positioning</strong> <ul> <li>Web colors</li> <li>Hex colors</li> <li>Color tools</li> </ul> </li> <li><strong>CSS Box Model</strong> <ul> <li>Working with Content</li> <li>Working with Padding</li> <li>Working with Border</li> <li>Working with Margin</li> </ul> </li> <li><strong>CSS Display &amp; Positioning</strong> <ul> <li>CSS Display and Visibility</li> <li>How Elements Float</li> <li>Turning off Float &ndash; Using Clear</li> <li>Static Positioning</li> <li>Fixed Positioning</li> <li>Relative Positioning</li> <li>Absolute Positioning</li> </ul> </li> </ul>

<ul> <li><strong>Working With CSS3</strong> <ul> <li>Introduction to CSS3</li> <li>Selectors</li> <li>Box Model</li> </ul> </li> <li><strong>CSS3 Borders</strong> <ul> <li>Working with border-radius</li> <li>Working with border-radius</li> <li>Working with border-image</li> </ul> </li> <li><strong>CSS3 Backgrounds</strong> <ul> <li>Background-size</li> <li>Background-size</li> </ul> </li> <li><strong>CSS3 Gradients </strong> <ul> <li>Linear Gradients</li> <li>Radial Gradients</li> </ul> </li> <li><strong>CSS3 Text Effects</strong> <ul> <li>Text-shadow</li> <li>Word-wrap</li> </ul> </li> <li><strong>CSS3 Web Fonts</strong> <ul> <li>Creating custom fonts</li> <li>Font Descriptors</li> </ul> </li> <li><strong>CSS3 2D Transforms</strong> <ul> <li>Working with translate</li> <li>Working with rotate</li> <li>Working with scale</li> <li>Working with skew</li> <li>Working with matrix</li> </ul> </li> <li><strong>CSS3 3D Transforms</strong> <ul> <li>Working with rotateX</li> <li>Working with rotateY</li> </ul> </li> <li><strong>CSS3 Transitions &amp; Animations</strong> <ul> <li>Working with Animations</li> <li>Working with Transitions</li> </ul> </li> </ul>

<ul> <li><strong>JavaScript</strong> <ul> <li>Variables</li> <li>Arrays</li> <li>Strings</li> <li>Loops</li> <li>If/else and equivalence</li> <li>Object Literals</li> <li>JSON</li> <li>Functions</li> <li>Scope and Hoisting</li> </ul> </li> </ul>

<ul> <li><strong>Working With Bootstrap 3</strong> <ul> <li>Introduction to Bootstrap 3</li> <li>Bootstrap History</li> <li>Why Bootstrap ?</li> <li>Embedding Bootstrap into page</li> </ul> </li> <li><strong>Bootstrap Grid System</strong> <ul> <li>Importance of Grid System</li> <li>Grid Classes</li> <li>Bootstrap Stacked/Horizontal</li> <li>Bootstrap Grid Small</li> <li>Bootstrap Grid Medium</li> <li>Bootstrap Grid Large</li> <li>Bootstrap Grid Examples</li> </ul> </li> <li><strong>Bootstrap Text/Typography</strong> <ul> <li>Working with Text</li> <li>Working with Contextual Colors and Backgrounds</li> </ul> </li> <li><strong>Bootstrap Images</strong> <ul> <li>Rounded Corners</li> <li>Circle</li> <li>Thumbnail</li> </ul> </li> <li><strong>Bootstrap Jumbotron</strong> <ul> <li>Inside Container</li> <li>Outside Container</li> </ul> </li> <li><strong>Bootstrap Buttons</strong> <ul> <li>Button Styles</li> <li>btn-default</li> <li>btn-primary</li> <li>btn-success</li> <li>btn-info</li> <li>btn-warning</li> <li>btn-danger</li> <li>btn-link</li> <li>Button Sizes</li> <li>btn-lg</li> <li>btn-md</li> <li>btn-sm</li> <li>btn-xs</li> <li>Active/Disabled Buttons</li> </ul> </li> <li><strong>BS Button Groups</strong> <ul> <li>Vertical Button Groups</li> <li>Nesting Button Groups &amp; Drop Down Menus</li> </ul> </li> <li><strong>Bootstrap Glyphicons</strong> <ul> <li>Glyphicon Syntax</li> <li>Badges</li> <li>Progress Bars</li> </ul> </li> <li><strong>Bootstrap Pagination</strong> <ul> <li>Basic Pagination</li> <li>Active State</li> <li>Disabled State</li> <li>Pagination Sizing</li> </ul> </li> <li><strong>Bootstrap Pager</strong></li> <li><strong>Bootstrap List Groups</strong></li> <li><strong>Bootstrap Forms</strong></li> <li><strong>Bootstrap Inputs</strong></li> <li><strong>Bootstrap Carousel</strong></li> <li><strong>Bootstrap Plugins</strong> <ul> <li>Overview</li> <li>Transition Plugin</li> <li>Collapsible Plugin</li> <li>Modal Dialog Plugin</li> <li>Dropdown Plugin</li> <li>Scrollspy Plugin</li> <li>Tab Plugin</li> <li>Tooltip Plugin</li> <li>Popover Plugin</li> <li>Alert Plugin</li> <li>Button Plugin</li> <li>Carousel Plugin</li> <li>Affix Plugin</li> </ul> </li> </ul>

<ul> <li><strong>Introduction To Angular</strong> <ul> <li>Angular Architecture</li> <li>Working with Angular</li> <li>Angular Version and Tools</li> <li>Angular Seed</li> </ul> </li> <li><strong>Controllers And Markup</strong> <ul> <li>Introduction to AngularJS Controllers</li> <li>Controllers and Scope</li> <li>Creating Controllers</li> <li>Working with border-image</li> </ul> </li> <li><strong>Working With Colocations In AngularJS</strong> <ul> <li>Displaying Repeating Information</li> <li>Demo with ng-repeat</li> </ul> </li> <li><strong>Working With Events In AngularJS</strong> <ul> <li>Displaying Repeating Information</li> <li>Demo with ng-repeat</li> </ul> </li> <li><strong>Built-In Directives</strong> <ul> <li>Working with built-in directives</li> <li>Other Directives</li> </ul> </li> <li><strong>Working With Expressions In AngularJS</strong> <ul> <li>Expressions</li> </ul> </li> <li><strong>Working With Expressions In Filters</strong> <ul> <li>Understanding Filters</li> <li>Built-in Filters</li> </ul> </li> <li><strong>Two Way Binding In AngularJS</strong> <ul> <li>Impotence of two-way binding</li> <li>Two Way Binding Demo</li> </ul> </li> <li><strong>Validation</strong> <ul> <li>Importance of validation</li> <li>Working example</li> </ul> </li> <li><strong>Creating And Using Services</strong> <ul> <li>Introduction of services in AngularJS</li> <li>Understanding importance of Services</li> <li>Working with an Example</li> </ul> </li> </ul>

<p>Multitasking, Multiuser, Easy Portability, Security, Communication.</p>