Introduction to Angular - DevFest Ludhiana 2023

This presentation is about basic Introduction to Angular. It was presented by Simar Preet Singh, Organiser, GDG Jalandhar at DevFest Ludhiana 2023. The content of this presentations revolves around What is Angular? How is it different from Angularjs? Why to use Angular? & How can one get started wit Angular?

Transcript

1. Intro to Angular What? Why? How? Ludhiana Simar Preet Singh Sr. Software Developer, Cybertron Technologies
2. ~/: whoami_ 1. MEAN Stack Developer with more than 4 years of experience. 2. Working as Senior Software Developer at Cybertron Technologies. 3. Worked with several international clients. 4. Also developed Mobile Apps with Ionic, Capacitor and Firebase. 5. Love to contribute to Dev Community.
3. Chaliye shuru karte hain….
4. Can you guess: How many people use internet worldwide?
5. 5 Billion More than use internet worldwide Source: statista.com
6. Front-end Development
7. GUI Development of: 1. Website 2. Web Apps 3. Mobile Apps Using technologies like: 1. HTML 2. CSS 3. JavaScript
8. Libraries and Framework
9. Libraries and Frameworks: 1. jQuery 2. Angular 3. React 4. Vue 5. Solid 6. Qwik
10. Angular What? Why? How?
11. What is Angular?
13. Angular is an application design framework and development platform for creating efficient and sophisticated single-page apps.
15. What is Angular? 1. A component-based framework for building scalable web applications. 2. A collection of well-integrated libraries that cover a wide variety of features, including routing, forms management, client-server communication, and more. 3. A suite of developer tools to help you develop, build, test, and update your code.
16. What is Angular? 1. A component-based framework for building scalable web applications. 2. A collection of well-integrated libraries that cover a wide variety of features, including routing, forms management, client-server communication, and more. 3. A suite of developer tools to help you develop, build, test, and update your code.
18. Angularjs VS Angular
19. Angularjs VS Angular Angular.js: 1. First version of framework, created by Google. 2. Came out in 2010. 3. Uses JavaScript. 4. Offered two-way data binding. 5. Opinionated - for well-defined structure. Angular: 1. Announced in 2014, released in 2016. 2. Complete rewrite of AngularJs from scratch. 3. Uses TypeScript. 4. Named Angular to avoid confusions in community. 5. Still opinionated - for-well defined structure
20. Why to use Angular? 🤔
23. Maintained by Google. Major release every 6 months.
24. Angular CLI
25. Two-way data binding.
26. Requires very less code
27. Guess the number of lines of code I wrote for this functionality
28. HTML
29. TypeScript
30. Module
31. SCSS
32. Just in a finger-snap…
33. Use of TypeScript
36. Reusable Component and Module based code
37. Lazy-Loading
38. Components loading all at once and Developers were like…
39. Also understood as: On-demand loading, or Load when required
41. In-built modules for Router, Forms, Client-Server Communication and more.
42. Supports i18n
43. In-built tools for Unit Testing
44. Very good community support
45. Dependency Injection
46. Progressive Web App Development
47. Easy and Free hosting for web-apps and PWAs at Firebase, Netlify, etc.
48. Cross Platform App Development Android and iOS with Ionic and Capacitor Desktop Apps with Electron
49. Mobile App Developers… Sorry!
50. Any Disadvantages?
51. More number of concepts to learn than any other Library or Framework.
52. Need to add server side rendering for better SEO. But it is also in-built, just need to enable it.
53. More at: angular.io
54. How?
56. Install LTS version Node.js from https://nodejs.org/
57. Install the Angular CLI npm install -g @angular/cli ng new my-angular-project cd my-angular-project ng serve –open
59. Resources to learn:
60. Scan for Resources
61. Q/A
62. Scan to connect with me:
63. Thank you Simar Preet Singh @programmersingh
64. Bye…