T

M
D
M
NOHA
N
E
E M NM
T
P
HA
K
N LO MA
O
ZA
E
R
Y
F E V ED B
D REPACRO)
P IS
C

ED

E
AR
W
FT
SO

EN

ER
E
IN

AT

WHY FRONT END DEVELOPMENT

Internet

Mobile

Browser support

User Experience

Demand

Open Source

Community

WHAT YOU WILL LEARN

Frameworks used in Industry: Angular in particular, and

learn its similarities and concepts of other frameworks like
Backbone, React, Knockout, Angular 2 etc

Principles of Front End: DRY, KISS, OOP, Accessibility,

Responsive Design, Performance

In Particular we will learn: HTML/HTML5, CSS/CSS3,

Javascript, Jquery, Angular, Version Control System (Git),
Unit Testing, Debugging etc

Best Practices

Project Based Learning Process

ABOUT THE CLASSES

Duration: 2 months

Timings: Sat and Sun 3 hours & Tuesday: 1 hour

Type: Interactive

Video Recordings will be made available

Code Provided (using Plnkr or CodePen)

MY PREFERENCES
IDE: Sublime Text / Visual Studio Code
Browser: Chrome
Dev Tools: Chrome Dev Tools
CSS: SCSS for preprocessing, Foundation

WEEKLY SCHEDULE
WEEK 1
Basics of HTML, CSS, JavaScript, Git
Project: Setup the Environments, Using GIT, E-Commerce Homepage
Design
WEEK 2
Understanding Advanced Javascript, JQuery, HandlebarJS, JSON, AJAX
Project: Making dynamic Interactivity with the project and interaction
between Homepage and Product page
WEEK 3
Understanding Bootstrap, Foundation frameworks, Using SASS, LESS (CSS
Preprocessors)

WEEK 4
Learning JavaScript Object Oriented Language and its
application in BackboneJS
Project: Converting the project by using Backbone and using
more JavaScript Design Patterns
WEEK 5
Understanding Frameworks like AngularJS, KnockoutJS, ReactJS,
D3js or any new framework.
Project: Working on some startup idea.
WEEK 6
Angular Best Practices, Performance of Websites
Project: Continuing on the Startup

WEEK 7
Tooling for web Development like NodeJS, Grunt, Gulp, Yeoman
etc.
WEEK 8
NodeJS, RestFul APIs, Interview Preparation, Question and
Answers,