[geos]

Hello,

I am new to the forum and a total newbie when it comes to web app dev.
I want to create a simple web app to be displayed on phones and iPad / tablets.
The web app should display a Graph and 6 progress bars. Simple..

However, I am really not sure whether to use (a) Angular (with Typescript) or (b) AngjularJS (with Javascript).

I cannot find a description of the different Project Types in CodeMix and which one to choose for Angular / AngularJS projects?

Also, if someone could please tip me on which to use: (a) or (b)

[support-swapna]

geos,

AngularJS/Angular1 was not built for mobile support but if you are looking to build a simple light weight app quickly then you can use AngularJS but it is 6 years old tech. If you are developing app now, then it is better to work with Angular which is the future. Here is a quick read about the differences between AngularJS and Angular : https://gorrion.io/blog/angularjs-vs-angular

I am afraid our tooling no longer supports AngularJS. For Angular projects, you can either use the Angular Project wizard listed under Angular or the one under CodeMix (File > New > Other).

Hope this helps. Please let us know if you have any further questions.

–Swapna
Genuitec Support

[geos]

Hello,

Thanks a lot for your quick answer!
I think I then will go for Angular 2.

My next question now is: Do you have a pointer to a CodeMix Tutorial that creates and deploys a simple Web App to get me going on the steps involved?

I have been searching for days, but haven’t found any basic examples..

And also, where Can I read about the Project Types in CodeMix?
There is even two places where I can create a Angular Project:
a) Angular>>Angular Project
b) CodeMix>>Angular Project

All tips and helps is highly appreciated.

If you are interested: The App is supposed to display a subset of data from our HPC-09 v6 system described here: https://objective.no

• This reply was modified 5 years, 11 months ago by geos.

[support-swapna]

geos,

Are you looking at creating a web app with embedded angular app in it?
If yes, then we do not have a tutorial for it but you can deploy the Angular app to a web server as suggested in this thread : https://www.genuitec.com/forums/topic/angular-ide-war-creation/

To create Angular projects, you can use either of the wizards that are available under Angular and CodeMix. Please note that the wizard only populates latest versions of Angular CLI/NPM/Node.js. If you want to create Angular 2 project, then you can type the compatible versions of CLI/Node.js and NPM in the wizard and those versions will be automatically downloaded. Please note that from Angular 2 onwards, the Angular community has just decided to address any version of Angular as just Angular

Please find a sample Angular app here : https://www.genuitec.com/creating-first-angular-4-app-using-angular-ide/
Once the Angular project is created, you can follow the same steps as in the above tutorial to deploy and run it.

You can take a look at the Languages and Frameworks section here to know about the various project types supported with CodeMix : https://www.genuitec.com/products/codemix/learning-center/
If this is not what you are looking for then please elaborate what exact information you want to see about ‘Project Types’.

–Swapna
Genuitec Support

[geos]

Hello,

As I said initially, I am newbie in this field: I do not know what I need!
I know what I want to create as stated in the first post, the rest is rather cryptic to me at this point in time:

<<you can type the compatible versions of CLI/Node.js and NPM in the wizard>>
I do not know what is compatible as of now…

I’ll take a look at the tutorial you suggested and see if it clears up my confused head 🙂

[support-swapna]

geos,

I suggest you also cross post to development forums like stackoverflow.com with your requirements so that you can get better suggestions from the developer community about which tech to choose from and how to implement it.

Here is the link to our Angular Learning Center : https://www.genuitec.com/docs/web-apps/modern-web/

–Swapna
Genuitec Support

[geos]

Thanks a lot!

I completed the tutorial you suggested: All compiles, but I get nothing in my browser 🙁

https://www.genuitec.com/creating-first-angular-4-app-using-angular-ide/

I am confused by the following statement:

“Ok, we’re done with our initial UI. To see the result, just add our selector tag to app.component.html:
<app-vehicles-list></app-vehicles-list>”

I feel stupid, but I do not know what a “selector tag” is.

What should app.component.html look like? surely is should not only contain the text:
<app-vehicles-list></app-vehicles-list>

??

[support-swapna]

geos,

Apologies for the delayed response.
<app-vehicles-list></app-vehicles-list> is the selector tag. Initially the app.component.html will have default code and you should replace the default code with the above selector tag.

Since you are new to Angular tech, I suggest you read more about the Angular architecture and fundamentals. You can find detailed tutorials and samples here : https://angular.io/guide/quickstart

Hope this helps.

–Swapna
Genuitec Support

[Author]

Posts