Web Development
Uploaded by
Mohammed Zama KhanWeb Development
Uploaded by
Mohammed Zama KhanT
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,
