Breaking News

Front-End Web Development

Front-End Web Development Courses

In this project based course you will learn to develop interactive and responsive websites and front-end web development of a enterprise application. It includes HTML5 and CSS3 for creating beautiful web pages; JavaScript & jQuery for more interactive and rich Web UI; BootStrap for developing responsive and elegant websites; AJAX & JSON for consuming REST Services. The course also covers essentials of Angular for front-end web development.

Course Outlines

Introduction Web Development, HTML, HTML5 & IDEs

Basics of HTML & CSS and HTML Headings, Paragraphs & Images

HTML Text Formatting, Links, Entities and Inline vs Block Level Elements

HTML Lists: Unordered List, Ordered List and Description List

iframe to Display Web-Pages from other Websites on your Website

Detailed Overview of HTML5 and HTML5 Semantic Elements

Using Audios and Videos on Websites using HTML5 Elements

Creating Forms to Collect Data from Users using HTML5 & CSS3

Creating and Using CSS Styles: Inline CSS, Internal CSS & External CSS

Using CSS3 Styles with div, p, span etc. for Creating Beautiful Web Pages

CSS3 Box-Model: Padding, Margin, Outline, Border, Background

CSS3 Floating, Positioning, Overflow, Image-Opacity and Image-Sprites

CSS3 Media Queries in Detail & Creating fully Responsive Web Pages

Introduction to BootStrap 4 and BootStrap 4 Grid System in Detail

BootStrap 4 Typography, Tables, Images, Thumbnails and Buttons

BootStrap 4 for Creating Elegant Forms for Collecting User Data

BootStrap 4 Jumbotron, Tooltips, Popovers, Alerts, Spinners & Badges

BootStrap 4: Navs, Navbars, Menus, Tabs, Dropdown and Collapse

BootStrap 4 Pagination, Modals, Cards, Image Carousel and Scrollspy

JavaScript Statements, Expressions, Conditions and Loops

JavaScript Objects, Functions, Arrays and Events

Working with Numbers, Strings, and Dates in JavaScript

Testing and Debug a JavaScript Applications

Create object-oriented JavaScript applications

Using Regular Expressions, Handling Exceptions and Validating Data

Events, Images, and Timers, Closures, Callbacks and Recursion

JavaScript Object Notation (JSON) in JavaScript Applications

Selecting and Manipulating DOM Elements with jQuery

Using jQuery for Event Handling, Basic Animations and Effects

jQuery AJAX Calls ( load(), get(), post(), ajax(), getJSON(), getScript() )

Handling Responses of AJAX Call in Plain Text, HTML and JSON format

Consuming REST Services / REST API using AJAX and JSON

Essentials of Angular for Creating Modern Web Applications

Testing, Debugging & Publishing Website to a Commercial Server

3 Month (12 weeks; with 3 training sessions of 1.5 hours a week)