Object Oriented Programming with Angular

Morsing Chavan Balram

Description

Learn advanced techniques and best practices of Angular programming for building enterprise web applicationsKey Features? Get familiar with the core concepts of Angular.? Discover best practices, tips, and tricks while working with Angular.? Learn ho

Sujets

• Informatique
• Web development

Informations

• Publié par: BPB Publications
• Date de parution: 07 septembre 2020
• Nombre de lectures: 2
• EAN13: 9789389328370
• Langue: English

Extrait

Object Oriented Programming with Angular

Build and Deploy Your Web Application Using Angular with Ease

Balram Morsing Chavan
www.bpbonline.com
FIRST EDITION 2020
Copyright © BPB Publications, India
ISBN: 978-93-89328-363
All Rights Reserved. No part of this publication may be reproduced or distributed in any form or by any means or stored in a database or retrieval system, without the prior written permission of the publisher with the exception to the program listings which may be entered, stored and executed in a computer system, but they can not be reproduced by the means of publication.
LIMITS OF LIABILITY AND DISCLAIMER OF WARRANTY
The information contained in this book is true to correct and the best of author’s & publisher’s knowledge. The author has made every effort to ensure the accuracy of these publications, but cannot be held responsible for any loss or damage arising from any information in this book.
All trademarks referred to in the book are acknowledged as properties of their respective owners but BPB Publications cannot guarantee the accuracy of this information.
Distributors:
BPB PUBLICATIONS
20, Ansari Road, Darya Ganj
New Delhi-110002
Ph: 23254990/23254991
MICRO MEDIA
Shop No. 5, Mahendra Chambers,
150 DN Rd. Next to Capital Cinema,
V.T. (C.S.T.) Station, MUMBAI-400 001
Ph: 22078296/22078297
DECCAN AGENCIES
4-3-329, Bank Street,
Hyderabad-500195
Ph: 24756967/24756400
BPB BOOK CENTRE
376 Old Lajpat Rai Market,
Delhi-110006
Ph: 23861747
Published by Manish Jain for BPB Publications, 20 Ansari Road, Darya Ganj, New Delhi-110002 and Printed by him at Repro India Ltd, Mumbai
www.bpbonline.com
Dedicated to
My mother She made me what I am today…
About the Author
Balram Morsing Chavan is a software professional having 11+ years of relevant experience working with various companies like Siemens, Wolters Kluwer Financial Services, Morgen Stanley Financial Services, Barclays, Boehringer Ingelheim. He has cross domain experience spanning across Building Automation technologies, GIS solutions, Image processing, Financial services, E-Commerce, Automobile Engineering, Human Pharmatheutical innovative digital solutions. Balram has expertise in various technology stack including Microsoft .Net stack, MEAN stack, MERN stack, Hybrid mobile application development using Ionic, React Native, Python, AWS cloud solutions, Azure cloud solutions and of course special interest in Angular framework!
Balram loves to contribute to open source projects. He has been awarded with GitHub Developer Program Membership for his contribution to open source world. He also contributes to multiple technology blogs and forums. Balram has also published many npm.js packages (e.g. ng-connection-service package) for Angular framework that are widely used and appreciated.
Balram has been developing web applications in Angular since its alpha version. He is an active contributor to Angular projects GitHub repository and multiple seed projects apart from his own GitHub Angular open source projects. Balram is often sought for technical consulting and delivering corporate training on Angular, Microsoft .Net stack, MEAN stack and other technologies. As a corporate trainer, Balram believes that exploring Angular with Object-Oriented/C#.Net/Java concepts makes it very easy for learner to understand fundamentals. This book is step towards the same direction!
Beside works, Balram like to spend time with friends and family, gardening, mentoring and watching TV shows.
About the Reviewer
Kushal Lakhotia is over eight years of experience in the Product based IT industry, Kushal Lakhotia is a Senior Engineer and an enthusiast in Blockchain technology and Web development. He has a knack of helping companies convert their monolithic architecture in REST-based microservices and provide generalist solutions to its users. He is seasoned and successful in creating a team from scratch and handling the entire product in and out. He has also been successful in creating a freshers training program from the engineering background and flourished them to excel in the company. He loves to work on JS and solving problems to the scale.
Acknowledgement
Thank you, Lord, for blessing me with a family and friends who have always been with me to love, help and support. Thank you my mother Leela, for shaping my life despite challenges. Love you mom! Thank you, my loving wife, Madhuri and my sweetheart daughter, Hetavi. You have been very supportive and patient with me.
I would like to special thank my friend Sarang Jain for motivating me to write this book. Thank you to brother Krishna Chavan, for taking good care of me since my childhood. Thank you, brother, Ajmal Chavan, for your support and help. Thanks sister, Shalini Chavan, for your love. Thank you mate, Abhishek Kumar, for your friendship.
With all your love, support, and encouragement, I was able to complete this book.
Many thanks to BPB Publications, team, for giving me this opportunity, help and support to write my first book. You guys made it possible!
Thank you!!!
Preface
Web application development has witnessed constant changes over past several years. There are many technology stacks, tools, languages, frameworks and libraries to pick from. Any new technology we pick to build a website, may become obsolete in a few years. How can we adapt to this change? Well, we can do only one thing, keep learning and adapting.
Angular is one of such frameworks for building web application built by Google as open source project. Angular should not be misunderstood as a newer version of AngularJs. It is a complete re-write, re-design, a new framework! Yes, it is framework not a JavaScript library like React.js, Vue.js etc. Angular provides many features out of the box making it bloated and bulky as compared to React.js. So, why Angular? Well, when we want to build enterprise web applications, we would need to use many of these features anyways. With Angular, we don’t need to worry about adding various library for Dependency Injection, HTTP communication etc. Angular framework is built with TypeScript language, a superset of JavaScript. This gives us an opportunity to write client-side application in Object Oriented fashion. TypeScript allows writing classes, implement interface, inheritance, generics, strong typing and other features of Object-Oriented Programming languages.
TypeScript’s syntax is mix of C#.Net and Java language. Angular framework is modular. Thus, if we have prior experience with C#.Net and/or Java with web application development then we can map many concepts with Angular, learn it fast and that’s the idea of writing this book. We want to build Object-Oriented, module Angular web application using C#.Net/Java analogies. We will be referring to C# Windows Form, Windows Presentation Foundation (WPF), Java and other similar technology stack during this book.
Angular framework is vast. In this book we will learn all major features, tips and tricks along with their references and analogies with C#.Net and Java wherever applicable. This book doesn’t intend to teach everything as its scope is to develop a right Object-Oriented and module application development mindset with technical features overview. For deep learning of Angular, one should visit official Angular documentation at www.angular.io website. This book is best suited for someone who has basic experience with Object-Oriented concepts and programming hands on, basic experience with web development concepts and hands-on. If this is your first experience with web programming, then you would need to keep visiting official documentation of Web programming, Angular, Object-Oriented programming languages like C#.Net/Java for gaining basic knowledge whenever required.
Google constantly upgrade newer and better version of Angular on frequent basis. Generally, a newer version typically offers bug fixes, compiler optimization, and backend change. There have also been a few disruptive releases in the past. One of the significant advancements was from version 2 to 4 (yes, they skipped Angular 3 version). This book contains code with Angular version 10. Angular team tries to keep minimum breaking changes for major version changes and as we are focusing on core concepts of Angular in this book, thus I believe, the code and concepts elaborated in this book will work seamless with newer Angular versions in future. While building enterprise level web application, we need to make sure the architecture is robust and maintainable. This book contains guidelines and best practices to build such applications.
This book contains lots of code and less theory. The book contains excerpts of complete code that is important for topic in discussion. The complete code can be found in separate digitally downloadable version.
This book contains 11 chapters covering various topics as follow:
Chapter 1 – We will start with TypeScript introduction in Chapter 1 . Since we are going to build our Angular applications using TypeScript, it’s a good to know how TypeScript code is written and it works under the hood.
Chapter 2 – We will create a new Angular project using Angular CLI and will go through project structure, important files and their significance to the project, VS Code IDE etc.
Chapter 3 – We will create a sign-up form using basic Angular concepts like @NgModule, @Component, NgFor, NgIf, debugging etc. We will learn quickly how to build and deploy our first Angular application.
Chapter 4 – Data binding is one of the powerful features of Angular. In this chapter, we will learn different types of data binding available and Pipes concepts in Angular.
Chapter 5 – The @NgModule decorator is such a beast that it deserves a chapter to itself. In this chapter we will learn all about @NgModule types, features with hands-on practice.
Chapter 6 – Building enterprise application requires a robust and decoupled sy