UI SPECIALIZATION

• Displaying Preformatted Text
• Formatting with Inline Elements
• Controlling Fonts
• Introducing List Elements
• Creating Unordered Lists
• Creating Ordered Lists
• Creating Definition Lists
• Nesting Lists Indenting Text with the Tag

• What is an HTML Table?
  
• • Building a Table
  • Using the Border Attribute
  • Cell Padding and Cell Spacing
  • Controlling Table and Cell Width
  • Aligning a Table on the Page
  • Aligning Tables and Text
  • Aligning Table Data
  • Spanning Columns and Rows
  • Nesting Tables
  • Adding Color to Tables
  • Using Tables as a Design Tool

Creating a Hyperlink

• • Understanding and Using URLs
  • Linking to a Web Document
  • Linking to a Local Document
  • Linking to Anchors
  • Opening a New Browser Window
  • iFrame

  Graphic File Formats

  • Optimizing Image and File Size
  • Inserting Inline Images, ImageMap, Sprite Image
  • Aligning and Formatting Images
  • Using Images to Anchor Links
  • Creating a Look-and-Feel
  • Sizing and Scaling Images
  • Using Transparent Images
  • Using GIF Animation

  Forms and Controls

  • Forms , Form Elements
  • Form Actions, Form Methods , Form Design

  CSS 3.0 

  Model-1 

  Introduction to CSS3.0

  What's new in CSS 3.0

  • border-image
  • border-radius

  Shadows

  • Text-shadow
  • Box-shadow

  Background

  • background-clip
  • background-size
  • background-origin
  • background-image

  Model-2 

  Transitions

  • transition
  • transition-delay
  • transition-duration
  • transition-property

  Transforms
  

  • transform
  • matrix()
  • translate(x,y)
  • scale(x,y)

  Model-3 

  Transforms

  • transform
  • transform-style
  • perspective
  • transform-origin

  Model-4 

  Animations

  • @keyframes
  • animation
  • animation-direction
  • animation-duration
  • animation-name

  Model-5 

  • CSS combinations
  • Pseudo Elements

  Gradients

  • Linear Gradients
  • Radial Gradients

  Multiple Columns

  • column-count
  • column-fill
  • column-gap
  • column-width
  • columns
  • column-rule
  • column-rule-color
  • column-rule-style
  • column-rule-width

  Model-6 

  Interface

  • resize
  • box-sizing
  • outline-offset

  Filters

  • Blur
  • Brightness
  • Contrast
  • Grayscale
  • Hue-rotate
  • Invert
  • Opacity
  • Saturate
  • Sepia
  • Drop-shadow
  • rotate(angle)
  • skew(x-angle, y-angle)

  Model-7 

  Query

  • What is Responsive Web Design
  • Intro to the Viewport
  • The Viewport Tag
  • Media Queries
  • Fluid Layouts
  • Tablet Styles
  • Mobile Styles
  • Making a Mobile Drop-down Menu
  • Responsive Images & Polyfills

  Model-8 

  Fonts

  • @font-face
  • font-family
  • src
  • font-stretch
  • font-style
  • font-weight

  Flex

  • flex-grow
  • flex-shrink
  • flex-basis
  • flex
  • flex-wrap
  • flex-direction
  • flex-flow
  • justify-content
  • align-items
  • order

  Script 

  • Introduction to JavaScript
  • Origins of JavaScript
  • JavaScript Characteristics
  • Common Programming Concepts
  • Java and JavaScript
  • Server-side vs. Client-side Applications
  • Annotating Your Code with Comments
  • Working with Variables and Data
  • Communicating with the User
  • Using Data More Than Once: Variables
  • JavaScript Reserved and Keywords
  • Expressions and Operators
  • Inline Scripting, Simple User Events, and the onLoad and onUnload Event Handlers
  • Functions, Methods, and Events
  • Methods as Functions
  • Conditional Operators
  • Defining and Calling a Function
  • The confirm() Method and Forms
  • User Events and JavaScript Event Handlers
  • Developing Interactive Forms
  • Form Controls
  • Referring to form Objects
  • The button, checkbox, text, textarea, radio button, and select Objects
  • Controlling Program Flow
  • The if...else, while, for, break, and continue Statements
  • The Modules Operator
  • Using continue in a while Loop
  • The switch Statement
  • The do...while Statement
  • JavaScript Object Model
  • JavaScript Object Hierarchy Model
  • Commonly Used Objects
  • The window, document, history, and location Objects
  • JavaScript Language Objects
  • The String, Array, Date, and Math Objects
  • Evaluating Strings
  • Setting and Extracting Time Information

  Jquery 

  • Getting Started with jQuery
  • Selecting Elements
  • Manipulating the Page
  • Traversing the DOM and Chaining
  • jQuery Utility Methods
  • Handling Events and Event Delegation
  • AJAX, JSON and Deferreds
  • Enhancing with Animation Effects
  • Grids , Tables with Ajax , Pagination, JQuery UI
  • jQuery Best Practices

  HTML 5 

• Page Structure
• New HTML5 Structural Tags
• Page Simplification