Front-End Development Course

Training/Coaching/Tuition by Technnovation Labs Pune View Contact

Starting from: INR 30,000 Per Course (Taxes As Applicable) Request Info

HTML Syllabus

• HTML Introduction

• Elements

• Tags

• Text

• Formatting

• Pre

• Attributes

• Text Links

• Comments

• Lists

• Images

• Image Links

• Tables

• Forms

• Input

• Text Fields

• Password

• Reset

• Submit

• Checkboxes

• Radio

• Select

• Hidden Fields

• Upload

• Textareas

• Special Tags

• Body

• Meta

• Style

• Div

• Layouts

• Entities

• Scripts

• Formatting Tags

• Bold

• Paragraphs

• Headings

• Line Breaks

• Horizontal Rule

• Email

• Italic

• Code

• Superscript

• Subscript

• Strikethrough

• Color Codes

• Color Chart

CSS Syllabus

CSS Introduction

• CSS Syntax

• CSS Id & Class

• CSS How

CSS Styling

• Styling Backgrounds

• Styling Text

• Styling Fonts

• Styling Links

• Styling Lists

• Styling Tables

CSS Box Model

• CSS Border

• CSS Outline

• CSS Margin

• CSS Padding

CSS Advanced

• CSS Grouping/Nesting

• CSS Dimension

• CSS Display

• CSS Positioning

• CSS Floating

• CSS Align

• CSS Pseudo-class

• CSS Pseudo-element

• CSS Navigation Bar

• CSS Image Gallery

• CSS Image Opacity

• CSS Image Sprites

• CSS Media Types

• CSS Attribute Selectors

HTML5 Semantics

• Sections and outlines in HTML5

• Forms in HTML5

• New semantic elements

• Improvement in < iframe >

• MathML

• Using HTML5 audio and video

HTML5 Graphics

• Canvas Tutorial

• HTML5 text API for < canvas > elements

• WebGL

• SVG

Javascript Training Syllabus

Javascript Introduction

• What is JavaScript?

• PreRequirements

• Creating a JavaScript file

• Tools Required

Basics of Javascript

• Structure of a JavaScript Code

• DataTypes, Variables & Operators

• Looping & Conditional Statements

• Functions

Types & Objects

• Arrays

• Numbers

• Strings

• Dates

• Objects

DOM (Document object model)

• What is DOM?

• Element Nodes

• Getting Element Nodes

• Changing DOM Content

• Creating DOM Elements

Events & Listeners

• Events Overview

• Responding to Mouse Events

• Form Events

• Timers

Debugging Javascripts

• Common Mistakes

• Using Firebug

• Debugging a page

Application of Javascripts

• Smarter Forms

• UI Enhancements

• Countdown

• Resizing webpages

Javascript Libraries

• Libraries Overview

• JQuery and more...

DOM Manipulation

• Introduction to jQuery

• Traversing the DOM

• Working with the DOM

• Listening to DOM Events

• Styling

Dreamweaver Syllabus

• Dreamweaver syllabus

• WYSIWYG Editor / workspace

• Dreamweaver Basics

• Dreamweaver shortcuts

• Dreamweaver panels

• Dreamweaver toolbars

• Dreamweaver automation

• Source code formatting

CSS Frameworks

• Introduction to a CSS framework

• User of CSS framework for Rapid website development

• Folder structures

• Bootstrap CSS Framework

• 960 GS

• BluePrint CSS Framework

PSD to HTML conversion

• Setting up folder structure

• Reading the design

• PSD to HTML conversion

• Dynamic content logic

• Cross browser compatibility

• Slicing the PSD's

• Image optimization

• Setting up Naming convention

Responsive web design & resources

• The Concept Of Responsive Web Design

• Adjusting Screen Resolution

• CSS3 MEDIA QUERIES

• Flexible Images

• Showing or Hiding Content

• Responsive web design resources

Front-End Development resources

Get full access to our high quality video tutorials. Our video tutorials especially designed & developed for students by our domain experts having vast industry experience. Explore the new parameters of visual learning. Visual demonstrations provided by us will be an added advantage in your technical knowledge.

Features of the courses offered

• Comprehensive course curriculum

• Training is imparted in a fun and exciting manner to make is student – friendly

• Lectures conducted by industry professionals who carry with themselves years of experience

• Sufficient reading material for self – study

• Practical experience to aid the theory knowledge

• Daily practice on the system for more than 4 hours

• Conducive environment for all round development of the students

• Grooming sessions like English speaking and personality development

With the increase of mobile systems, gadgets & smart phone apps, front-end designers & developers are in great demand and simply knowing how to convert a Photoshop template to HTML is not enough - nor just do simple DOM (document object model) trickery with jQuery. Nowadays, you’re expected to be an expert in many areas.

So are you ready to take your code to the next level? Understand how deep the CSS3 rabbit hole goes? Join in this jam-packed course & know everything from the Experts of Front-end Web Development. Gain in-depths of HTML5, CSS3 and JavaScript techniques directly from top thoughts forming the industry. Spend money on yourself and become a more flexible front-end designer today!

Job Profile

What will be your job profile after successful completion of this course

Companies that have front-end developers, as opposed to just designers work with dynamic websites/applications. It is the job of the front-end developer to merge the application language with client side scripting to achieve design goals, simply put. Front end developer will be able to create clear, easy, fast pages and interfaces that will make people understand and care about the information, by putting it in context, expose its legitimacy or lack thereof, and reveal their implicit or explicit interconnection.

• Build user interfaces used by millions

• Craft new features from the ground up, and improve existing ones

• Use your CSS and JavaScript skills to ensure cross-browser support

Faculty

The Trainers are Expert in Web Design Industry & possess following skills

• Design and build dynamic end-user interfaces (including data visualization), using HTML, CSS, and JavaScript

• Experience with web development (e.g., experience in cross-browser development, web performance optimization, and usage of a JavaScript frameworks like jQuery, Sencha, KendoUI.

• Knowledge of current W3C standards

• Solid development skills, particularly related to HTML, CSS, and Javascript.

• 2+ years of experience in software development work

What is Next

Front end developers are paid highly into the industry, but someone with a knowledge in various HTML5/CSS/Java Script frameworks like Bootstrap, Sencha Touch, Phone Gap or jQuery Mobile (courses coming soon) are most preferred by the companies.

The Back end development programming in PHP, ASP.Net or Java would make you all rounder & companies would pay you double the salary of a designer as well as developer.

Course Features

2 Hours
of Daily Trainer interactive training

4 Hours
of Daily practice, assignments by Trainers

300+ Assignments
Various assignments to practice on

50+ Videos
Access to Web Design Video library

400+ PDFs | 500+ PPTs
Access Text based learning resources

Course Stats

5 Trainers
Who are Sr. Web Designers in various reputed companies

28 Students
Have attended this course

10 Projects
Projects students have completed successfully

10 Recruitment partners
Companies in which students have been placed

Technnovation Labs

The ubiquitous nature of technology has marked its impact in our day-to-day life with its rapid development rate. Now, it becomes the demand of time that people should be adept at technology.

Training from a professional institute is the pre requisite which will open up greater avenues. Keen focuses on fundamentals with crystal clear concepts can easily transform student to professional & as a summation it will groom a person on all fronts - improved achievement, improved motivation, and improved technological literacy.

The world today has become largely technologically dependent, making progress faster than the speed of light we just cannot deny the position that it holds in our life. The world has become a smaller place and there is a lot of competition among its inhabitants to secure a successful place in this highly competitive scenario. Technology has spread its wings in every sector be it shopping, financial transactions or even education.

However, amid ever-changing technology trends, Technnovation Labs vividly signifies a perfect medley of theoretical knowledge & practical exposure. With our extensive array of various training programs we stand distinguished amongst crowd.

We are a Training & Technology Innovation Hub formed by group of Industry professionals who has stamped their impression in very short span of time. By bolstering the technological literacy with our unique training methodologies, we ranked as Game changers amongst competitors. We are the most sought training partner by students, professionals & corporate because of our full house provision of training resources in technology such as web design and development using PHP, ASP.Net & HTML5. Being master in catering the demands of time we provide numerous career opportunities.