(5 Star)

 

HTML5

Learning Objectives - In this module you will learn how to use all the elements introduced in HTML5 and their features.

Topics

  • Working Encoding URL
  • Introduction to XHTML
  • Using HTML5 introduced features
  • Handling of multiple file upload using multiple attribute
  • HTML5 Local Storage
  • HTML5 form validate/novalidate
  • HTML5 canvas
  • Embedding audio and video in a webpage
  • Drag and drop, HTML5 web workers and server sent events

CSS

Learning Objectives - In this module, you will learn how to style the HTML elements. You will learn the different ways to write CSS like external, internal, inline.

Topics

  • Styling of HTML elements-text
  • Links, lists and tables
  • Different ways to write CSS e.g. external, internal, inline
  • Creating Navigation Bars
  • Writing Media Rules
  • Hide visibility of an element
  • CSS Image Sprites and Gradients
  • CSS Pseudo Classes and Pseudo Elements

CSS3

Learning Objectives - In this module you will learn about CSS3 Text Effects using different text fonts. Creating 2D and 3D transformations and applying animations, transitions to HTML elements. You will also learn how to use CSS3 resize UI and multiple columns feature

Topics

  • CSS3 Text Effects using different text fonts
  • Creating 2D and 3D transformations
  • Applying animations and transitions to HTML elements
  • CSS3 resize UI and multiple columns feature

JavaScript

Learning Objectives - In this module you will learn the basics of JavaScript. At the end you will learn how to manipulate DOM elements

Topics

  • Java Script datatypes
  • Variables and arrays
  • Creating loops and writing if-else decision making statements
  • Defining and calling JavaScript functions on events
  • Manipulating DOM elements

Twitter Bootstrap 3

Learning Objectives - In this module you will get started with one of the topmost CSS and JS framework Twitter Bootstrap 3 which makes the web development fast and easy. You will learn how to include Bootstrap in the project and use different Bootstrap features  like fixed drop down menu, carousel, text and image grids.

Topics

  • Getting started with Twitter Bootstrap 3
  • Bootstrap features like fixed drop down menu
  • Carousel, text and image grids
  • Custom Thumbnails
  • Bootstrap modal
  • Using Font Awesome Icons

Projects

Learning Objectives - In this module you will create a complete website using Twitter Bootstrap 3 features that you learnt in the previous module.

Topics

  • Building a real world website using Twitter
  • Bootstrap 3 features like bootstrap fixed dropdown menu
  • Carousel
  • Bootstrap modal
  • Font awesome icons
  • custom Thumbnails
  • Text and Image grids
  • Accordions
  • Signin/Signup form and Jumbotron

Bootstrap ScrollSpy, jQuery and jQuery UI.

Learning Objectives - In this module you will learn about one of the cool features of Bootstrap-Bootstrap ScrollSpy. You will learn how to build a website using Bootstrap ScrollSpy feature. You will also get introduced to jQuery and will learn how to use jQuery UI components e.g Datepicker into your HTML pages. At the end you will learn how to create a Countdown timer using one of the jQuery timer API which can be used to create a timer for an upcoming event.

Topics

  • Bootstrap ScrollSpy
  • Including jQuery in HTML pages
  • Using jQuery UI components e.g Datepicker into your HTML pages
  • Creating a Countdown timer using jQuery timer AP