Start with Angular framework
0 likes317 views
The document provides a presentation on Angular, a JavaScript framework, emphasizing important etiquettes for attendees, including punctuality and constructive feedback. It covers the differences between server-side and client-side scripting, as well as the advantages of using Angular, which is built on TypeScript and used for developing single-page applications. Additionally, it outlines system prerequisites for Angular development, like Node.js and Angular CLI, along with recommendations for development environments.
![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]](https://image.slidesharecdn.com/introductiontoangular-210824085737/85/Start-with-Angular-framework-11-320.jpg)
Start with Angular framework
- 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