CSS

20480: Programming in HTML5 with JavaScript and CSS3 (Visual Studio 2012)

Course Outline

 
View
Duration: 40 Hours
Course Fee: INR. 40,000 + Tax


20480: Programming in HTML5 with JavaScript and CSS3 (Visual Studio 2012) Boot Camp

Course Outline

 
View
Duration: 30 Hours
Course Fee: INR. 40,000 + Tax


20486: Developing ASP.NET MVC 4 Web Applications (Visual Studio 2012)

Course Outline

 
View
Duration: 40 Hours
Course Fee: INR. 40,000 + Tax


20487: Developing Windows Azure and Web Services (Visual Studio 2012)

Course Outline

 
View
Duration: 40 Hours
Course Fee: INR. 50,000 + Tax


20487: Developing Windows Azure and Web Services (Visual Studio 2012) Boot Camp

Course Outline

 
View
Duration: 40 Hours
Course Fee: INR. 50,000 + Tax


MCSD: Web Applications (Visual Studio 2012) Boot Camp includes exhaustive coverage of MOC 20480,20486 and 20487

Course Outline

 
View
View
View

Duration: 90 Hours
Course Fee: INR. 1,20,000 + Tax


MCSD: Web Applications (Visual Studio 2012) Combo

Course Outline

 
View
View
View

Duration: 120 Hours
Course Fee: INR. 1,25,000 + Tax


Professional Web Designing with HTML & CSS

Course Outline

 

  1. Where do I start?
    • Where do I Start?
    • What does a Web Designer Do?
  2. How the web works
    • The internet versus the Web
    • Serving Up your information
    • A word about browsers
    • Web Page Addresses (URLs)
    • The Anatomy of a Web Page
  3. Some Big Concepts You Need to Know
    • A dizzying multitude of Devices
    • Sticking with the standards
    • Responsive Web Design
    • One web for All (Accessibility)
    • Site Performance
  4. Creating a Simple Page
    • A web page, Step by step
    • Launch Text Editor
    • Step 1: Start with Content
    • Step 2: Give the Document Structure
    • Step 3: Identify Text Elements
    • Step 4: Add an Image
    • Step 5: Change the Look with a Style Sheet
    • Validating Your Documents
  5. Marking up Text
    • Paragraphs
    • Heading
    • Lists
    • More Content Elements
    • Organizing Page Content
    • The Inline Element Roundup
    • Generic Elements (div and span)
    • Some special characters
    • Putting It all Together
  6. Adding Links
    • The href Attribute
    • Linking to Pages on the Web
    • Linking within Your Own Site
    • Targeting a New Browser window
    • Mail Links
    • Telephone Links
  7. Adding Images
    • First, a word on Image Formats
    • The img Element
    • A Window in a window (ifram)
  8. Basic Table Markup
    • How Tables Are Used
    • Minimal Table Structure
    • Table Headers
    • Spanning Cells
    • Table Accessibility
    • Wrapping Up Tables
  9. Forms
    • How Forms Work
    • The form Element
    • Variables and Content
    • The Great Form Control Round-up
    • Form Accessibility Features
    • Form Layout and Design
  10. What–s Up, HTML5?
    • A Funny Thing Happened on the Way to XHTML2
    • In the Markup Department
    • Semantic Tags
    • New Form Elements
    • Meet the APIs
    • Video and Audio
    • Canvas
    • Final Word
  11. Cascading Style Sheets
    • The Benefits of CSS
    • How Style Sheets Work
    • The Big Concepts
    • Moving Forward with CSS
  12. Formatting Text
    • The Font Properties
    • Changing Text Color
    • A Few More Selector Types
    • Text Line Adjustments
    • Underlines and Other “Decorations”
    • Changing Capitalization
    • Spaced Out
    • Text Shadow
    • Changing Lists Bullets and Numbers
  13. Colors and Backgrounds
    • Specifying Color Values
    • Foreground Color
    • Background Color
    • Playing with Opacity
    • Introducing…. Pseudo-class Selectors
    • Pseudo-element Selectors
    • Attribute Selectors
    • Background Images
    • Like a Rainbow (Gradients)
    • The Shorthand background Property
    • Finally, External Style Sheets
  14. Thinking inside the Box
    • The Element Box
    • Specifying Box Dimensions
    • Padding
    • Borders
    • Margins
    • Assigning Display Roles
    • Adding Drop Shadows to Boxes
    • The Box Model in Review
  15. Floating and Positioning
    • Normal Flow
    • Floating
    • Positioning Basics
    • Relative Positioning
    • Absolute Positioning
    • Fixed Positioning
  16. Page Layout with CSS
    • Page Layout Strategies
    • Page Layout Techniques
    • Multicolumn Layouts Using Floats
    • Positioned Layout
    • Top-to-Bottom Column Backgrounds
  17. Transitions, Transforms and Animation
    • Ease-y Does It (CSS Transitions)
    • CSS Transforms
    • Keyframe Animation
    • Test Yourself
  18. CSS Techniques
    • A Clean Slate (CSS Reset)
    • Image Replacement Techniques
    • CSS Sprites
    • Styling Forms
    • Styling Tables
    • Basic Responsive Web Design
    • Wrapping Up Style Sheets
  19. Introduction to JavaScript
    • What Is JavaScript?
    • Adding JavaScript to a Page
    • The Anatomy of a Script
    • The Browser Object
    • Events
    • Putting It All Together
  20. Using JavaScript
    • Meet the DOM
    • Polyfills
    • JavaScript Libraries
    • Big Finish
  21. Web Graphics Basics
    • Image Sources
    • Meet the Formats
    • Image Size and Resolution
    • Working with Transparency
    • PNG-8 “Alpha” Transparency
    • Introduction to SVG
    • Summing Up Images
  22. Learn and Mean Web Graphics
    • General Optimization Strategies
    • Optimizing GIFs
    • Optimizing JPEGs
    • Optimizing PNGs
    • Optimize to File Size
    • Optimization in Review

 
Duration: 40 Hours
Course Fee: INR. 30,000 + Tax


Responsive Web Design with HTML5 and CSS3

Course Outline

 

  1. Getting Started with HTML5, CSS3 and Responsive Web Design
    • Why smart phones are important
    • Are there times when a responsive deign isnt the right choice?
    • Defining of responsive web design
    • Example of responsive web design
    • Get your viewport testing tools here!
    • HTML5 and why its so good
    • New, semantically meaningful HTML5 tag elements
    • CSS3 enables responsive designs and more
    • How can CSS3 solve everyday design problems?
    • Can HTML5 and CSS3 work for us today?
  2. Media Queries: Sporting Differing Viewports
    • You can use media queries today
    • Why responsive designs need media queries?
    • Media query syntax
    • What can media queries test for?
    • Using media queries to alter our design
    • The best way to load media queries for responsive designs
    • Our first responsive design
    • Responsive designs- making images as economical as possible
    • Content clipping in smaller viewports
    • Stopping modern mobile browsers from auto-resizing the page
    • Fixing the design for different viewport widths
    • Media queries-only part of the solution
    • We need a fluid layout
  3. Embracing Fluid Layouts
    • Why proportional layouts are essential for responsive designs
    • Amending a design from fixed to proportional layout
    • A formula to remember
    • Setting a context for proportional elements
    • Using ems rather than pixels for typography
    • Fluid images
    • Making images scale with the viewport
    • Serving different images for different screen sizes
    • Where fluid grids and media queries come together
    • CSS Grid systems
    • Rapidly building our site with a Grid systemResponsive Web Design with HTML5 and CSS3
  4. HTML5 for Responsive Designs
    • What parts of HTML5 can we use today?
    • How to write HTML5 pages
    • A sensible approach to HTML5 markup
    • New semantic elements in HTML5
    • The semantic elements in HTML5
    • The HTML5 outline algorithm
    • Practical usage of HTML5 structure elements
    • What about the main content of the site?
    • HTML5 text-level semantics
    • Applying text-level semantic to our markup
    • Embedding media in HTML5
    • Adding video and audio the HTML5 way
    • Fallback for older browsers
    • Responsive Video
    • Offline Web Applications
    • Understanding the manifest file
    • Viewing the site offline
  5. CSS3: Selectors, Typography, and Color Modes
    • What CSS3 offers the frontend developer
    • Using CSS3 to design and develop pages in the browser
    • Anatomy of a CSS rule
    • Vendor prefixes and how to use them
    • Quick and useful CSS3 tricks
    • CSS3 multiple columns for responsive designs
    • New CSS3 selectors and how to use them
    • CSS3 attributes selectors
    • CSS3 substring matching attributes selectors
    • A practical, real world example
    • CSS3 structural pseudo-classes
    • Custom web typography and font rules
    • New CSS3 color formats and alpha transparency
    • Alpha Channels
  6. Stunning Aesthetics with CSS3
    • Text shadows with CSS3
    • Color Properties
    • Pixels, em, or rem
    • Shadow Properties
    • Gradient Properties
    • Responsive considerations for CSS3Responsive Web Design with HTML5 and CSS3
    • Bring CSS3 properties together
    • Background Images Properties
    • Sizeable icons which are perfect for responsive designs
  7. CSS3 Transitions, Transformations, and Animations
    • What CSS3 transitions are and how we can use them
    • The properties of a transition
    • Understanding timing functions
    • Transform Properties
    • Breaking down the 3D effect
    • Animating with CSS3
    • Putting CSS3 transformations and animations together
  8. Conquer Forms with HTML5 and CSS3
    • HTML5 forms
    • Understanding the component parts of HTML5 forms
    • HTML5 input types & new elements
    • Styling HTML5 forms with CSS3
    • Form-specific CSS3 pseudo class selectors
  9. Solving Cross-browser Responsive Challenges
    • Progressive enhancement versus graceful degradation
    • Modernizr-the frontend developers Swiss army knife
    • Fix styling issues with Modernizr
    • Modernizr adds HTML5 element support for old IE
    • Add min/max media query capability for Internet Explorer 6,7, and 8

 
Duration: 40 Hours
Course Fee: INR. 30,000 + Tax