Front End Web Development

For Whom

Any individual, student, or professional from any industry can join this course.

The person who wants to Become a Full Stack Web Developer / Designer / Front-end Engineer

Entry Requirement

Basic knowledge of computer and the internet

Course Overview

Front-end web development is everything involved in programming the user interface of a web application. Typically it refers to the Hypertext Markup Language (HTML), Cascading Style Sheets (CSS) and JavaScript portion of web site production as opposed to the database or server-side programming. It encompasses everything from building a simple page of HTML text to creating complex, responsive HTML5 websites designed to be accessed via various different browsers, devices and screen sizes.

Course Content

• Introduction to HTML/CSS
• HTML tags
• HTML5 Intro
• HTML5 New Elements
• HTML5 Input Types
• HTML5 Form Elements
• HTML5 SVG
• HTML5 Video
• HTML5 Audio
• CSS3 Introduction
• CSS properties
• CSS3 Borders
• CSS3 Backgrounds
• CSS3 Gradients
• CSS3 Text Effects
• CSS3 Transforms
• CSS3 Transitions
• CSS3 Animations
• Webpage coding using HTML & CSS
• Responsive HTML

• Getting started with Bootstrap
• BootStrap Section Intro
• BootStrap Grid System & Alignment
• BootStrap Buttons & Button Groups
• Navbar & Navs
• List Groups & Badges
• Forms & Input
• Input Groups
• Alerts & Progress Bars
• Tables & Pagination
• Working With Cards
• Media Objects
• Jumbotron

• Getting started with JavaScript
• Basics of JavaScript
• Variable Naming Rules and JavaScript Data Types
• Javascript Variables
• Math Operators
• Operator Precedence
• IF Statements
• IF … Else
• Comparison Operators
• Logical Operators
• Switch Statements
• Javascript For Loops
• Javascript While Loops
• Flow Control
• Objects and Arrays
• JavaScript in Browsers
• The Document Object Model (DOM)
• Managing Web Page Styles using JavaScript and CSS

• Comparison Operators
• Logical Operators
• Switch Statements
• Javascript For Loops
• Javascript While Loops
• Flow Control
• Objects and Arrays
• JavaScript in Browsers
• The Document Object Model (DOM)
• Managing Web Page Styles using JavaScript and CSS

• Introduction to Ajax
• Getting started with React
• Introduction of React JS
• The Purpose of Boilerplate Projects
• Environment Setup
• Project Setup
• A Taste of JSX
• A Taste of Node & NPM
• Startup with Webpack loader & Browserify
• A Taste of ES6
• A Taste of Transpilers
• Hello World with React JS (with NPM + webpack)
• React JS Component Creation
• Composition
• Unidirectional Data Flow
• JSX using Babel REPL
• Virtual DOM
• createClass
• Accessing state & props
• Getting props.children
• createElement
• Lifecycle Hooks
• Container vs Presentational Components
• Stateless Functional Components
• Event Handling DOM events
• Creating Basic React Component and rendering
• Creating Basic React Component using Create Element
• Event Handling in React component
• Accessing the Props Obj in React component
• Initialize the React Component State
• Quick Recap on Component Lifecycle
• Reacts JS getting data using Refs
• React js Creating todo app components
• React js Creating smart Search App
• React js Creating Shopping Cart application
• React JS Creating Cart and Product list Components
• React js Creating Product Component
• React js communicate components using event $publish and $subscribe

Course Duration

180 hours

Medium of Instruction

English & Tamil

Teaching Methodology

1. Face to Face class room teaching
2. Online Webinar classes

Learning Environment

• Client Location (If Prefered)
• Our ergonomically designed class rooms are fully air-conditioned, equipped with white boards; audio/video equipment’s and free wi-fi.

Qualification or experience of facilitators

A facilitator and assessor of this course will possess the following:

1. An educational qualification equivalent to a degree

Class Size

15 students

Facilitator/Leaner Ratio               

1:15

Course Attendance               

100%

Assessment Advice               

Written Test, Practical

Certification

Certification will only be awarded upon attendance and successful completion of all the modules and Competency-Based Assessments conducted during the course.

Course Venue   

16, 1st Cross Street, Anna Nagar, Puducherry – 605005