Help with integrating Angular into an Angular JS webapp

Kevin D'Elia — Sat, 16 Jul 2022 13:01:05 +0000

Hello - I am passingly familiar with JavaScript and don’t know Angular JS, Angular, or TypeScript. We have a webapp which uses Angular JS on the front-end and Java on the back-end. Since Angular JS is being sunsetted, we are seriously considering migrating to a new framework. I have decided on going with Angular and have done as much reading as I can on migration approaches. I’ve decided that the low-hanging fruit approach is best, given my lack of knowledge at present. So, I have selected the Contact Us page of our application as a Proof of Concept candidate. It is one small HTML page and one simple controller component. As part of my efforts to learn Angular, I installed it using npm and then created a skeleton project using ng. My questions are:

How do I include Angular into my project so that I can start using it?
Which files do I need to include and how do I reference them in my code? I’m thinking of how Angular JS is included with a script tag in HTML.
How will the Angular JS code access the Angular component? I can see in app.JS that there is a state for the Contact Us page - how does that change?
What are the best sources to learn Angular and TypeScript? I’m looking at a site called PluralSoft but don’t know much about it.
Should I invest time and money in learning Angular JS or can I just focus on jumping in to Angular and TypeScript?

This is a project which my team inherited without documentation and without considering the skill set of the team.

Thanks in advance to all who respond.

Kevin

DEV Community: Kevin D'Elia

Help with integrating Angular into an Angular JS webapp