Re: AngularJS

On 08/02/2021 4:57 PM Tim Fathers <tim@xxxxxxxxxxxxx> wrote:


It's a while since I looked at any other frameworks, but the thing about Angular is that it tries to be a more or less completely integrated framework, including almost everything you need to create scalable, enterprise class web applications. It also includes all of the build tooling you need as well as tools to help quickly scaffold apps from scratch and scaffold new parts of the app for you, saving you from having to write much of the boiler-plate code yourself. Some of the other frameworks are much lighter, and superficially easier to learn perhaps, but might not contain some of the functionality you will later need later down the line when you want to write more than just a relatively basic app.

Another benefit IMO of Angular is that you're pretty much forced to use Typescript instead of plain old Javascript, which helps avoid many, many gotchas. Angular is also very opinionated, so you're corralled into doing things the Angular way, I found this beneficial because it saves any headaches and arguments other things like naming conventions and folder structures, which are all already decided for you.

There's a tutorial on the Angular website here https://angular.io/start One of my favourite learning resources is the Angular University https://angular-university.io/course/getting-started-with-angular2, it's not all free but the beginner's course is if you sign up by the look of it. Here's another free course from another guy whose videos I like https://www.youtube.com/watch?v=AaNZBrP26LQ Bear in mind, Angular is on version 12 now and so some things in these tutorials might be slightly out of date but the fundamentals are the same.

Another great resource is Stackblitz https://stackblitz.com/ here you can almost instantly spin up a working Angular app and play around with it, it's also available for several other languages and frameworks. Here's a video that demonstrates just how powerful Stackblitz is, this was from 3 years ago, the latest version is even better! https://www.youtube.com/watch?v=EBzoTnX6LzU

Tim















---------------------------------------------
From: Jay <tegger@xxxxxxxxxxx>
Sent: 02 August 2021 21:03
To: Web Enabling the IBM i (AS/400 and iSeries) <web400@xxxxxxxxxxxxxxxxxx>; Tim Fathers <tim@xxxxxxxxxxxxx>
Subject: Re: [WEB400] AngularJS

Have you across a good tutorial for Angular?

A friend of mine just sent over a decent one for EmberJS. Doesn't look as powerful though.


> On 08/02/2021 3:45 PM Tim Fathers <tim@xxxxxxxxxxxxx> wrote:
>
>
> ...it's probably unfortunate that you found AngularJS and not Angular and wasted your time with that. The learning curve is steep but Angular is easier and faster to get started with and Single Page Web-apps are, IMO, definitely better than the alternative. Maybe give it another try later 🙂 I have used it for quite a few years so can maybe help if you get stuck.
>
> Tim.
>
> ________________________________
> From: WEB400 <web400-bounces@xxxxxxxxxxxxxxxxxx> on behalf of Jay <tegger@xxxxxxxxxxx>
> Sent: 02 August 2021 20:41
> To: Web Enabling the IBM i (AS/400 and iSeries) <web400@xxxxxxxxxxxxxxxxxx>
> Subject: Re: [WEB400] AngularJS
>
> I went with Angular as a trial.
>
> In the last 20-minutes or so, I've decided it was a waste of time and the existing CGIDEV2 will stay as is.
>
>
> > On 08/02/2021 3:27 PM Tim Fathers <tim@xxxxxxxxxxxxx> wrote:
> >
> >
> > You definitely shouldn't be using AngularJS, it's long since been deprecated by Angular (no JS), which is now some 12 versions further on than the original. It's also alot nicer to use and with its CLI, you can get a skeleton project up and running quite quickly, although after that, the learning curve is steep!
> >
> > Get Outlook for Android< https://aka.ms/AAb9ysg>
> >
> > ________________________________
> > From: WEB400 <web400-bounces@xxxxxxxxxxxxxxxxxx> on behalf of Jay <tegger@xxxxxxxxxxx>
> > Sent: Monday, August 2, 2021 6:51:25 PM
> > To: web400@xxxxxxxxxxxxxxxxxx <web400@xxxxxxxxxxxxxxxxxx>
> > Subject: [WEB400] AngularJS
> >
> > I'm using AngularJS to replace a CGIDEV2 application. So far, it is not working out with the time I've wasted on it.
> >
> > The $http post doesn't want to pass parms to the RPGLE routines. I can see the routine trying, but the POST variables aren't there.
> >
> > I have the following:
> > var data = {
> > pagectl:"LOGIN",
> > pagesub1:"VALIDATE",
> > username: username,
> > password: password
> > };
> > var config= {
> > headers: {"Content-Type": "application/json"}
> > };
> > $http( { url:'/cgi-bin/wqa0100c',
> > method:"POST",
> > headers: {"Content-Type": "application/json"},
> > data: data
> > }
> > )
> > .success(function(response) {
> > console.log(response);
> > if( response.status=="OK" ) {
> > smn=response.smn;
> > slname=response.name;
> > } else {
> > $rootScope.error=response.errmsg;
> > }
> > });
> >
> > The data isn't seen by the RPGLE routine. I can call it from the webbrowser and pass parameters as a GET process, no issue.
> > The same chunk of code is running in production now with the CGIDEV2 processes and is access via AJAX.
> >
> > Any ideas?
> > --
> > This is the Web Enabling the IBM i (AS/400 and iSeries) (WEB400) mailing list
> > To post a message email: WEB400@xxxxxxxxxxxxxxxxxx
> > To subscribe, unsubscribe, or change list options,
> > visit: https://lists.midrange.com/mailman/listinfo/web400
> > or email: WEB400-request@xxxxxxxxxxxxxxxxxx
> > Before posting, please take a moment to review the archives
> > at https://archive.midrange.com/web400.
> >
> > --
> > This is the Web Enabling the IBM i (AS/400 and iSeries) (WEB400) mailing list
> > To post a message email: WEB400@xxxxxxxxxxxxxxxxxx
> > To subscribe, unsubscribe, or change list options,
> > visit: https://lists.midrange.com/mailman/listinfo/web400
> > or email: WEB400-request@xxxxxxxxxxxxxxxxxx
> > Before posting, please take a moment to review the archives
> > at https://archive.midrange.com/web400.
> --
> This is the Web Enabling the IBM i (AS/400 and iSeries) (WEB400) mailing list
> To post a message email: WEB400@xxxxxxxxxxxxxxxxxx
> To subscribe, unsubscribe, or change list options,
> visit: https://lists.midrange.com/mailman/listinfo/web400
> or email: WEB400-request@xxxxxxxxxxxxxxxxxx
> Before posting, please take a moment to review the archives
> at https://archive.midrange.com/web400.
>
> --
> This is the Web Enabling the IBM i (AS/400 and iSeries) (WEB400) mailing list
> To post a message email: WEB400@xxxxxxxxxxxxxxxxxx
> To subscribe, unsubscribe, or change list options,
> visit: https://lists.midrange.com/mailman/listinfo/web400
> or email: WEB400-request@xxxxxxxxxxxxxxxxxx
> Before posting, please take a moment to review the archives
> at https://archive.midrange.com/web400.