"This session will cover an Overview of JS frameworks & how to install and start with angular . Also how to create a first-level sample app using VS Code IDE"

1. Presented By:
Niraj Sharma & Piyush Agrawal
Start With Angular
( A JavaScript FrameWork )

2. Lack of etiquette and manners is a huge turn off.
KnolX Etiquettes
Punctuality
Respect Knolx session
timings, you are requested not
to join sessions after a 5
minutes threshold post the
session start time.
Feedback
Make sure to submit a
constructive feedback for all
sessions as it is very helpful
for the presenter.
Silent Mode
Keep your mobile devices in
silent mode, feel free to move
out of session in case you need
to attend an urgent call.
Avoid Disturbance
Avoid unwanted chit chat
during the session.

3. Agenda
Overview(client/server side scripting)
01
02
03
04
05
06
Why use Angular ?
Who uses Angular ?
Angular history
System Prerequisites
What is Angular ?
07 Angular CLI
08 IDE(s) for Angular development
09 Demo(sample App)

4. Overview
1. Server side scripting :
Web servers are used to execute server side scripting. They are basically used to create dynamic pages.It can
also access the file system residing at web server.
Server-side environment that runs on a scripting language is a web-server.
EX: JAVA, PHP, C#.net, C++ , Java , Python , Ruby , Scala etc
2. Client side scripting :
Web browsers execute client side scripting. It is use when browsers has all code. Source code used to transfer
from web server to user’s computer over internet and run directly on browsers. It is also used for validations
and functionality for user events.
EX: JavaScript, VBScript .

5. JS based libraries & frameworks
JavaScript Libraries
● jQuery
● Underscore and Lodash
● D3.js
● Reactjs
● Glimmer.js
JavaScript FrameWorks
● Angular
● Vue.JS
● Ember
● Meteor
● React Native

6. What is Angular ?
Angular is a development platform, built on TypeScript. As a platform it has following features:
● A Module-based framework.
● A collection of well-integrated libraries.
● Follow TDD approach.
● A suite of developer tools.
● Developed and maintained by Google.
● Used to build powerful Single Page Applications(SPA).

7. Why use Angular ?

8. Who uses Angular?
Microsoft Office Deutsche Bank Mixer
Gmail Overleaf Paypal

10. System Prerequisites
1. Node Js
for installing nodeJs in your Ubuntu System
● sudo apt update
● sudo apt install nodejs npm
for verify that nodejs installed run
● node -v
1. Angular CLI ( Command Line interface)
Install the CLI using the npm package manager:
● npm install -g @angular/cli
for verify that angular CLI installed run
● ng --version

11. Angular CLI
The Angular CLI is a command-line interface tool that you use to initialize, develop, scaffold, and
maintain Angular applications directly from a command shell.
Angular give us an lots of angular cli commands that reduce our workload and increase
productivity
● ng new <name> [options]
● ng generate component <name> [options]
● ng generate service <name> [options]
● ng generate directive <name> [options]

12. IDE(s) for
Angular App Development
Webstorm
Visual Studio
Sublime Text
Atom
eclipse

13. Demo

14. Thank You !
Get in touch with us:
Lorem Studio, Lord Building
D4456, LA, USA