Courses Offered: SCJP SCWCD Design patterns EJB CORE JAVA AJAX Adv. Java XML STRUTS Web services SPRING HIBERNATE  

       

UI Technologies Course Details
 

Subscribe and Access : 5200+ FREE Videos and 21+ Subjects Like CRT, SoftSkills, JAVA, Hadoop, Microsoft .NET, Testing Tools etc..

Batch Date: Feb 19th @10:30AM

Faculty: Mr. Ramesh (13+ Yrs of Exp,.. & Real Time Expert)

Duration : 2 Months

Location: Maitrivanam, Hyderabad

Venue :
DURGA SOFTWARE SOLUTIONS,
Flat No : 202, 2nd Floor,
HUDA Maitrivanam,
Ameerpet, Hyderabad - 500038

Ph.No: +91 - 8852 8852 96/97/63/64


Syllabus:

UI Technologies

Intro to Web App Development

  • What is web / internet
  • What is web site
  • What is web page
  • What is web browser
  • What is web server
  • What is web client
  • What is web technology
  • Client side web technologies (vs) server side web technologies

HTML 5

  • Intro to HTML 5
  • Need of HTML 5 in real web sites
  • Removed elements
  • Remove attributes
  • <meter>, <progress>, <figure>, <figcaption>
  • <details>, <summary>
  • <datalist>, <output>
  • New input types
  • New attributes of <input> tag
  • <audio>, <video>
  • LocalStorage, SessionStorage
  • <header>, <nav>, <section>, <aside>, <footer>
  • Geo location
  • App cache
  • Web workers
  • Server sent events
  • Drag and drop
  • Important canvas and SVG concepts

CSS 3

  • Intro to CSS 3
  • rgba
  • Border radius
  • Box shadow, text shadow
  • Word wrap
  • Resize
  • Multiple columns
  • Transitions
  • Animations
  • 2D Transformations
  • Gradient colors
  • Font face

Responsive Web Design

  • Intro to Page Template Development
  • Header, nav, leftcol, pagecontent, footer
  • Intro to responsive web design
  • Need of RWD in real web sites
    Extra-small, small, medium, large devices
  • Media queries
  • Targeting CSS file to various resolutions

Bootstrap

  • Introduction to Bootstrap
  • Need of Bootstrap in real web sites
  • Bootstrap First Example
  • Bootstrap Lead
  • Bootstrap Alignment
  • Bootstrap Text colors
  • Bootstrap Tables
  • Bootstrap Buttons
  • Bootstrap Glyphicons
  • Bootstrap Show
  • Bootstrap Hidden
  • Bootstrap Images
  • Bootstrap Jumbotron
  • Bootstrap Paging
  • Bootstrap Panels
  • Bootstrap DropDown
  • Bootstrap NavBar
  • Bootstrap Breadcrumbs
  • Bootstrap ProgressBar
  • Bootstrap Modal Plugin
  • Bootstrap Tabs Plugin
  • Bootstrap Carousel Plugin
  • Bootstrap Grid system (Responsive Web Design)
  • Bootstrap Forms

JAVASCRIPT

  • Intro to JavaScript
  • Need of JavaScript in real web sites
  • Variables
  • Operators
  • Control statements
  • Dialog boxes
  • User-defined functions
  • DOM manipulations
  • Event handling
  • Click, dblclick, focus, blur
  • Mouseover, mouseout, mousemove
  • Keyup, keypress, change, onload
  • Updating CSS using JavaScript
  • Updating attributes using JavaScript
  • Creating, removing elements
  • Setinterval, Settimeout
  • Random
  • External JavaScript
  • Validations using JavaScript
  • String methods
  • Date methods

JQUERY

  • Intro to jQuery
  • Need of jQuery in real web sites
  • Advantages of jQuery
  • jQuery versions
  • jQuery production vs development
  • Downloading jQuery
  • val, html, text
  • Bind and Unbind
  • Click, dblclick, focus, blur, change
  • Mousemove, mouseover, mouseout
  • Keypress, keyup
  • Disabling cut, copy, paste using jQuery
  • Disabling right click using jQuery
  • Filtering characters in a textbox using jQuery
  • Fade in, fade out, fade to, fade toggle
  • Show, hide, toggle
  • Slide down, slide up, slide toggle
  • jQuery chaining
  • addClass, removeClass, toggleClass, hasClass, css
    attr, removeAttr
  • jQuery animations
  • jQuery animations with easing effects
  • Important jQuery selectors and filters
  • append, prepend, after, before
  • AppendTo, prependTo, insertAfter, insertBefore, clone
    Wrap, wrapAll, empty, remove, replaceWith

jQuery Validations

  • Intro to jQuery validation plug-in
  • Using jQuery validation plug-in
  • Regular expressions