Gowtham Kumar

Yeah. This is Gautam Kumar. I worked with a in senior as a front end developer for the past 12 years. I started my career as a front end developer. Uh, now I'm a senior software and, uh, front end developer. I worked as a full stack developer as well. My technologies I my primary technologies, I worked in HTML5, CSS 3, JavaScript, um, then, uh, Angular Angular Material Design, Python, Flask. I have secondary skills on, As a machine learning analyst, I have other I I knew Python and, uh, machine learning algorithm as well. Then I I completed I have a degree in information technology. I worked in 3 different companies. Uh, I have more than 12 years of experience as a front end developer. Uh, previously, I have managed uh, team as well, uh, with the, uh, like, uh, 3 to 4 members, sir, team. I worked in a environment, Uh, whichever, uh, all the things are automated, like, uh, from the development to, uh, deployment, everything is automated. I worked in, Agile framework or, like, scrum, uh, then Kanban. Then I worked in a different, uh, I used Jira board to track the the everything. Uh, then for the deployment process, we use Jenkins. Then for the, Uh, code repository, uh, for the we have used the, uh, GitHub. Previously, I was used. Yeah. That's all about, uh, for me.

Yeah. Uh, for this For the high performance and responsiveness of angular application, we used to have a approach like a modular approach, uh, then, Like, lazy loading concept, uh, we have to be we have to load the angular, uh, modules whenever they it is needed, then We use different kind of techniques like performance oriented techniques, uh, to, uh, make it a separate library. Recently, modern frameworks are adopting micro front end architecture and micro service architecture. Uh, by using that, we are able to, you know, segregate our low low. We can make loosely coupled everything from the project. Like, each and every functionalities can be, uh, loosely coupled. They can be created in different technologies, and we can merge by using, micro front end architecture and microservice architecture. Uh, by that way, we can, uh, know, increase the performance of Angular application. And we can improve the, uh, routine, uh, productivity as well Because, uh, no one is dependent on any anything. So each and every one will be able to deliver a particular uh

Can you leverage Uh, we can ensure the JavaScript, uh, and TypeScript, uh, quality features by, Uh, TypeScript is, uh, statically typed, so it ensures that we are pausing the correct parameters, like, Correct, uh, values. Like, instead of a number, if you are passing in, uh, as a string, JavaScript might be accepted, but TypeScript will not accept In the coding level itself. So, uh, by the by, uh, assessing the those kind of things, we can, you know, able to find out the Sarah and we can manage a JavaScript code as a particularly static t type. Uh, sorry. TypeScript is statically type. Then we can make an we can create us, uh, interface for that, or we can create Uh, no. Other things, uh, to ensure that that our TypeScript is statically typed, and we are passing the same parameters. By using the, um, no, interface as also, we can reduce the, uh, code bundle of that, Uh, particular application, and we can because the interface will not compile in the compilation, so we can make use of that, uh

Yeah. Uh, how can bootstrap be placed to some companies? Yeah. Boot can bootstrap can be utilized in Angular application by, uh, By downloading the bootstrap file by using NPM and adding the scripts in then the package or JSON file. Uh, then, uh, as usual, Uh, we have to, uh, we have to include the bootstrap module in that module. Then, uh, how we are written code for the bootstrap, like, By using the syntax, what we have you we we are using in bootstrap, that that will be helpful to create a bootstrap application or a bootstrap, Uh, HTML code in that, uh, Angular application. By using that, we can, uh, achieve the, uh, bootstrap kind of framework. Uh, like, bootstrap will have other features, like, uh, predefined features, row, column, and everything on the grid sector. It will be take care taken care of bootstrap, then We can go for a, uh, Toast. We can go for a model dialogue box. We can go for Uh, autocomplete, uh, search box, etcetera. Those features are available in bootstrap. We can make use of that. That will, you know, will be very helpful in the designing a very scalable and maintain solution. Because, uh, by doing everything From scratch is, you know, painstaking process, and it will take more time, and it it will increase the productivity cost as well. By using the bootstrap and other frameworks like Angular material design, we can reduce the time, and we can reduce the production cost as well. Yeah.

This is a function, uh, which is written as TypeScript which adding a two number. Yeah. A is defined as a number, and b is defined as number. And the function is, uh, will return a value, which is number. But In the result, we are passing a add 5 and 10 as a character, uh, or a string. So it will throw error in that time in the compile time itself. Like, in that code itself, it will not process.

What are the strategies we'd use to manage integration? We used to follow, uh, we used to create a branch from, uh, branch structure from the grid, like, We have a development branch. We have a production branch. Even we have a a no remote branch. Once we, Uh, we have to take a, uh, clone from the development branch, and then we we'll be, uh, doing our particular functionalities in that branch, and we'll make use of use of that. Uh, once the functionality has been developed, we'll be pushing the code to the Pickup, uh, then, uh, it will be reviewed by 2 peers. Uh, then, uh, once, uh, the review is accepted and it is approved, Then it will be, uh, we'll be merging the those local branches to the remote branch, uh, and the development branch. Then the development branch will Then the, say, the CD process will taken, uh, ultimately take taken care of that. It will continuously, uh, try to integrate the development branch into the, main branch. By, uh, by doing so, it will then then deploy it by using Jenkins. Uh, it it will check for the, your test cases are like, uh, unit test cases, then it will check for the linting errors, then it will check for the deployment process, then it will compile that, and it will by the application in that particular

Consider the following example of an angle Yeah. There is an error in the template. No. Uh, no. Actually, if it is a back tick, uh, in the template your template, Uh, then, uh, it is not an error. If it is a it is I think it is a black tick, so it is not another. We can define a template in the, Uh, component, uh, decorator itself. Instead of if you want if you want to use a separate HTML, we can give the template URL, then we have to This is the part of the template. Otherwise, it is not an error. It is, uh, no.

As, uh, to be frank with that, uh, I I didn't work much, uh, with the the scripts, uh, but I I have some knowledge with the descriptor. I think that there is no issues with this

To answer with this, uh, I never did this, like, to handle between the, uh, NGINX and bootstrap layout. The I didn't, Make, uh, no? Uh, I never combine these 2 things in that one layout, but, uh, if you want to handle that, we have to create a sub we have to separate it, uh, like, uh, instead of I, Because we we are creating a bootstrap layout, then there if we are, uh, using NGINX layout, Then if there is any classes between the class name, then it might affect the, you know, the UA, uh, responsiveness and UA structures in the view in the HTML view. Uh, but if there is no classes between the classes between the classes, uh, like, class name or ID name, something like that, uh, then it will not create any much, uh, difficulties, uh

Yeah. We can use RxJS, uh, from the, uh, RxJS. We can use all those, Uh, operators, what we call sake of operator pipe, and, uh, we can, uh, make use of that in then API. We can use map, switch map. Uh, then we can use observables, subject behavior, subject. Those things, we can by using the RX JS, Uh, we can make it a angular application into a more reactive kind of reactive programming application. Uh, by the By doing so, we can manage all the APIs. Uh, like, for example, in the search, we have to, uh, for every keyword, we have to go and search a A different, uh, like, we have to give a different suggestion. Uh, for example, in Google search engine, if you type, uh, One letter, then, uh, 1 suggestion will come. Then if you type a 2, 3 letters combined, then another different suggestion will come. For that, RNG switch map is very helpful. Uh, by doing so, we can achieve that angular application, uh, by, with more reactive, uh, kind of approach.