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

       

HTML5, CSS3, BOOTSTRAP Course Details
 

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

Batch Date: Mar 7th @8:00AM

Faculty: Mr. Ramesh

Duration : 30 Days

Venue :
DURGA SOFTWARE SOLUTIONS at Maitrivanam
Plot No : 202, IInd Floor ,
HUDA Maitrivanam,
Ameerpet, Hyderabad-500038.

Ph.No: +91 - 9246212143, 80 96 96 96 96


Syllabus:

HTML5, CSS3, BOOTSTRAP

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