Training Mode | Regular | Fastrack | Crash |
---|---|---|---|
Classroom | Online | 6 Months (M,W,F or T,T,S Class) (3 Class in a week) |
4 Months (Monday to Friday Class) (5 Class in a week) |
2 Months (Monday to Friday Class) (5 Class in a week 1:30 hour duration) |
Front end development also known as client-side development, involves creating the visual and interactive elements of a website that user see and interact with directly.
Why learn front end development?
Front end development is vital as it:
In this course you will be taught front-end development through 2 modules. These modules will make you understand front-end development easily.
MODULE 1: UI/ WEB DESIGNING
This module focuses on designing the user interface (UI) of a website, which includes the layout, visual elements and overall aesthetic. You will use highly functional tool and versatile programming languages like adobe photoshop, html5, css and bootstrap.
For designing and editing images, creating website layouts and producing graphic you will use adobe photoshop. You will use HTML5 and CSS for fundamental building and designing front end website. Bootstrap is used to make website more responsive, mobile/laptop/tab/desktop friendly and provide you pre designed templates.
MODULE 2: WORKING WITH JQUERY PLUGINS | JS CONCEPTS | REACT FUNDAMENTALS
This module dives into advanced front-end development concepts and tools, focusing on creating dynamic and interactive web applications. In module 2 you will learn language like JavaScript that enables you to add interactivity and dynamic content to web pages. You will learn about what is JavaScript, its basics, conditions and loops, array and strings, functions and many more things. Angular JS is a JavaScript framework that binds html data with expressions. Another tool JQuery is used to simplify task like html documents, event handling and animation
All these tools primary function is to create a front end which is pleasant on easy and aesthetically satisfying. With this course you will be able to make both static and dynamic website with designer front ends.
Module 1: Introduction to Photoshop
Module 2: Selection
Module 3: Crop & Select Color
Module 4: Image Editing Tools & Color Correction
Module 5: Brush Tools
Module 6: Color
Module 7: Create Path
Module 8: Text
Module 9: Create Shape
Module 10: Work Mask
Module 11: Layer Style
Module 12: Practice Work
Module 13: Filter
Module 14: 3D
Module 15: Use Adv. Option
Module 16: Export File In
INTRODUCTION TO HTML
WORKING WITH BASIC TAGS
ANCHORS AND HYPERLINKS
WORKING WITH LISTS
WORKING WITH GOOGLE MAP & YOUTUBE
WORKING WITH TABLES
WORKING WITH HTML FORM
HTML5 SEMANTIC TAGS
HTML5 AUDIO & VIDEO
HTML5 API'S
INTRODUCTION TO CSS
WORKING WITH BASIC CSS PROPERTIES
WORKING WITH WEB LAYOUTS
WORKING WITH BACKGROUND,GRADIENT OR IMAGE SPRITE
WORKING WITH TEXT PROPERTIES
WORKING WITH ICONS & FONTS
WORKING WITH MENUS AND POSITIONS
WORKING WITH BORDER AND SHADOW
WORKING WITH OUTLINE AND UI
WORKING WITH IMAGE STRETCHING PROBLEM
WORKING WITH HTML FORM & CSS
WORKING WITH 2D & 3D TRANSFORMS
WORKING WITH HOVER,TRANSITIONS & ANIMATIONS
WORKING WITH GRID IN BOOTSTRAP
WORKING WITH IMAGES, TEXT, TABLES
WORKING WITH BOOTSTRAP FORM
WORKING WITH WEB LAYOUTS, MENUS
WORKING WITH SLIDER, TAB PANEL, MODAL BOX
WORKING WITH CSS HELPERS, RESPONSIVE UTILITIES
INTRODUCTION TO JAVASCRIPT
JAVASCRIPT BASICS
JAVASCRIPT CONDITIONS,LOOPS
JAVASCRIPT ARRAY,STRING
JAVASCRIPT FUNCTIONS
JAVASCRIPT OBJECTS,CLASS,INHERITANCE
JAVASCRIPT EVENTS
JAVASCRIPT DOM (HTML AND CSS MANIPULATION)
JAVASCRIPT BOM (WINDOW EVENTS)
JAVASCRIPT AJAX AND JSON
JAVASCRIPT ADVANCE CONCEPTS
INTRODUCTION TO JQUERY
JQUERY BASICS AND SECTORS
JQUERY EFFECTS
JQUERY EVENTS
JQUERY (HTML AND CSS MANIPULATION)
JQUERY TRAVERSING
JQUERY AJAX
JQUERY UI BASICS
JQUERY UI INTERACTIONS
JQUERY UI WIDGETS
JQUERY UI EFFECTS
INTRODUCTION TO JQUERY
JQUERY BASICS AND SECTORS
JQUERY EFFECTS
JQUERY EVENTS
JQUERY (HTML AND CSS MANIPULATION)
JQUERY TRAVERSING
JQUERY AJAX
JQUERY UI BASICS
JQUERY UI INTERACTIONS
JQUERY UI WIDGETS
JQUERY UI EFFECTS