+91 8130 80 2001

+91 9267 97 4043

Placement

Join Now

The next level of your career starts here.







Estimated Time
6 Months

Pre REQUISITES
Students, Fresher's
Working Professional

Training Mode
Offline, Online

Full Fees
₹ 12,000/-₹ 15,000/-
You Save - ₹ 3,000/-

What you will learn

Front End Web Developer

The goal of the Front End Web Developer program is to equip learners with the unique skills they need to build and develop a variety of websites and applications. Graduates of this program will be able to construct responsive websites using CSS, Flexbox and CSS Grid, develop interactive websites and UI (User Interface) applications using JavaScript and HTML, and connect a web application to backend server data using JavaScript. Students will also build competency automating application build and deployment using Webpack and improving offline performance of websites using Service Worker.

Curriculum

In this course you'll learn how to make basic web pages using HyperText Markup Language (HTML) and how to add style to your pages with Cascading Style Sheets (CSS). At the end of the course, you'll demonstrate your new skills by completing a project in which you create a web page that replicates a given design.

HTML5

Using HTML5 introduced features, Handling of mulitple 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.

  • What is HTML?
  • What's the web made of
  • What do HTML, CSS, and JavaScript do
  • Languages in HTML
  • The Div and The Span Tag
  • The Document Structure
  • Inside the Head Tag
  • Inside the Body Tag
  • Creating a Basic Page
  • HTML Syntax
  • Paragraph Tag
  • Headings in HTML
  • Bolds and Italics in HTML
  • Lists in HTML
  • Types of Elements
  • Quotes in HTML
  • Date and Time in HTML
  • Pre and Br Tag
  • Subscript Superscript and Small Tag
  • Attributes in HTML
  • Blank Spaces and Comments
  • Uppercase and Lowercase
  • Types of Tags
  • Non Breaking Space
  • Links and Anchor Tags
  • Absolute URLs
  • Relative URLs
  • Organizing Files
  • Naming Files
  • HTML Navigation
  • Images in HTML
  • Image File Formats
  • Responsive Images in HTML
  • Responsive Images Based on Width
  • Responsive Picture Tag
  • Figure and Fig-Caption Tag
  • Audio in HTML
  • Video in HTML
  • Video Captions and Subtitles
  • Embedding Videos with iFrame
  • Form Elements
  • Input Types in Forms
  • Phone and Password Field
  • URL and Number Field
  • Date Time Month Week and More
  • Radio Buttons
  • Checkbox Fields
  • Search and Upload Fields
  • The Color Field
  • Dropdown Fields in Forms
  • Message and Range Field
  • Tables in HTML
  • Working with Tables in HTML

CSS3

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.

  • Getting Started with CSS
  • Browser Developer Tools
  • Placements
  • CSS Syntax
  • CSS Core Concepts
  • Color Property Values
  • CSS Selectors
  • Class and ID in CSS
  • Descendant Selectors in CSS
  • Grouping Selectors
  • Pseudo Classes in CSS
  • Getting Started with Box Model
  • Inline Block and Display
  • Box Model Testing
  • Introduction to Typography
  • Font Weight and Style
  • Font-Size and Formatting
  • Floats and Clear
  • Build a Layout with Floats
  • Positions in CSS
  • The Z-Index
  • Flexbox and Grid Systems
  • Flex Directions and More
  • CSS Grid Essentials
  • Advanced CSS Selectors
  • Pseudo Selectors
  • The Website Structure
  • Installing Google Fonts for Website
  • Styling The Site Header
  • Building The Navigation Bar
  • Creating a Responsive Image Slider
  • Styling The Footer
  • Creating and Styling Services and Products Page
  • Creating and Styling Contact Page
  • Introduction to Responsive Web Design (RWD)
  • How Responsive Web Design Works
  • Responsive Header
  • Responsive Navigation Bar
  • Responsive Banner Slider
  • Responsive Content Holder
  • Responsive Footer

JavaScript

JavaScript (JS) is a light-weight object-oriented programming language which is used by several websites for scripting the webpages. It is an interpreted, full-fledged programming language that enables dynamic interactivity on websites when applied to an HTML document. It was introduced in the year 1995 for adding programs to the webpages in the Netscape Navigator browser. Since then, it has been adopted by all other graphical web browsers. With JavaScript, users can build modern web applications to interact directly without reloading the page every time. The traditional website uses js to provide several forms of interactivity and simplicity.

  • JavaScript Introduction
  • External JavaScript
  • Comment
  • Variable
  • Global Variable
  • Data Types
  • Operators
  • if-else statement
  • Switch
  • Loop
  • Function
  • Object
  • Array
  • String
  • Date
  • Math
  • Number
  • Boolean
  • Browser Object Model
  • Window Object
  • History Object
  • Navigator Object
  • Screen Object
  • Document Object Model
  • document.getElementById()
  • getElementsByClassName()
  • document.getElementsByName()
  • Screen Object
  • JS innerHTML property
  • JS innerText property
  • Form Validation
  • email validation
  • JS Class
  • JS Object
  • JS Prototype
  • JS constructor Method
  • JS static Method
  • JS Encapsulation
  • JS Inheritance
  • JS Polymorphism
  • JS Abstraction
  • JS Class
  • JS Object
  • JS Prototype
  • JS constructor Method
  • JS static Method
  • JS Encapsulation
  • JS Inheritance
  • JS Polymorphism
  • JS Abstraction

6 Months

Video Recording

Live Session with industry experts

100% Placement Assistance

Career Scope

  • Web Designer
  • Front End Developer

All Our Programs Include

Instructor-led

Live interactive and classroom training will include the practical approach and assessments on regular basis.

Live Case Study

Case study using industry specific data helps you to get hands on with a good exposure.

Lifetime Placement Assistance

Lifetime Placement Assistance

24 X 7 Support

We will support If any concern is raised related to the training, assignments, projects, case studies & interview questions.

Download Syllabus

The next level of your career starts here.