Re: [EXTERNAL] Re: Web Intro Videos (was rpg webservices asynchronous)

...FWIW I endorse you suggestion 🙂

________________________________
From: WEB400 <web400-bounces@xxxxxxxxxxxxxxxxxx> on behalf of Kelly Cookson <KCookson@xxxxxxxxxxxx>
Sent: 08 April 2019 23:58
To: Web Enabling the IBM i (AS/400 and iSeries)
Subject: Re: [WEB400] [EXTERNAL] Re: Web Intro Videos (was rpg webservices asynchronous)

Please ignore the comment "(Note: TypeScript might become a standard for Node.js development at Dot.)"

I was copying and pasting from a document I had created for my colleagues. This comment is completely irrelevant to everyone else.

Thanks,

Kelly Cookson
Senior Software Engineer II
Dot Foods, Inc.
217-773-4486 ext. 12676
https://eur03.safelinks.protection.outlook.com/?url=www.dotfoods.com&amp;data=02%7C01%7C%7C88c65cf586414bb68d5d08d6bc6d6343%7C84df9e7fe9f640afb435aaaaaaaaaaaa%7C1%7C0%7C636903575328268165&amp;sdata=i7dLLCCeXE4tPmJmlUZGkYaWEwuaSDEagFV1GxxttE8%3D&amp;reserved=0<https://eur03.safelinks.protection.outlook.com/?url=http%3A%2F%2Fwww.dotfoods.com%2F&amp;data=02%7C01%7C%7C88c65cf586414bb68d5d08d6bc6d6343%7C84df9e7fe9f640afb435aaaaaaaaaaaa%7C1%7C0%7C636903575328268165&amp;sdata=xF4hk7%2F%2Fxco8TM98xUaGJOcu0BDeUz1h9YHdQkeXU6k%3D&amp;reserved=0>

From: Kelly Cookson
Sent: Monday, April 8, 2019 4:56 PM
To: Web Enabling the IBM i (AS/400 and iSeries) <web400@xxxxxxxxxxxxxxxxxx>
Subject: RE: [EXTERNAL] Re: [WEB400] Web Intro Videos (was rpg webservices asynchronous)

Bradley Stone commented:

"You shouldn't need an RPG person to teach HTML, CSS, Javascript or Apache. ...There are a TON of free tutorials out there."

In fact, there are so many free tutorials out there that it becomes a challenge for beginners to pick which ones to take. I personally found the YouTube links below helpful.

Disclaimers:

* I did not create any of the videos at the links below.
* I do not benefit in any way by recommending them.
* No doubt there are other videos (books, web pages) that are just as good or even better.
* Each person has a different learning style. Videos that I found helpful you might find unhelpful.
* I am learning JavaScript and TypeScript for use with Node.js. There may be better tutorials for people who only want to use JavaScript or TypeScript in the browser.

HTML & CSS

On the client side, you will need to learn HTML 5 and CSS. I suggest that you also learn how to develop responsive web pages using CSS. (There are two CSS tutorials listed below. One tutorial is more extensive than the other. Take your pick.)

* HTML 5 Crash Course by Traversy Media<https://eur03.safelinks.protection.outlook.com/?url=https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DUB1O30fR-EE%26t%3D760s&amp;data=02%7C01%7C%7C88c65cf586414bb68d5d08d6bc6d6343%7C84df9e7fe9f640afb435aaaaaaaaaaaa%7C1%7C0%7C636903575328278170&amp;sdata=3UcnYxs%2Fsn8cBGqISZcCb1grzjSKoeSi266GsZLz4ls%3D&amp;reserved=0>
* CSS Crash Course by Traversy Media<https://eur03.safelinks.protection.outlook.com/?url=https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DyfoY53QXEnI&amp;data=02%7C01%7C%7C88c65cf586414bb68d5d08d6bc6d6343%7C84df9e7fe9f640afb435aaaaaaaaaaaa%7C1%7C0%7C636903575328278170&amp;sdata=iqe3CVVchplvtk2Z8PADyR%2FNtnvw3m%2BzuGgc5BFHr%2FU%3D&amp;reserved=0> (1h 25m)
* CSS Crash Course Tutorial by freeCodeCamp.org<https://eur03.safelinks.protection.outlook.com/?url=https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3Dr1xBCi5SOjw&amp;data=02%7C01%7C%7C88c65cf586414bb68d5d08d6bc6d6343%7C84df9e7fe9f640afb435aaaaaaaaaaaa%7C1%7C0%7C636903575328278170&amp;sdata=cPGLGIVgIfPOfYxCvaogMSOhpd%2BeKRB5oF8azXPiaPE%3D&amp;reserved=0> (24m)
* Build a Responsive Grid CSS Website by Traversy Media<https://eur03.safelinks.protection.outlook.com/?url=https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DmoBhzSC455oQ&amp;data=02%7C01%7C%7C88c65cf586414bb68d5d08d6bc6d6343%7C84df9e7fe9f640afb435aaaaaaaaaaaa%7C1%7C0%7C636903575328278170&amp;sdata=VD0wwScU3nbJ7bT7CeVEXu6cIgWtZMV0xNsnVFNYDXY%3D&amp;reserved=0>

Here are some additional tutorials on CSS Flexbox and CSS Grid. These are optional. However, you will probably want to understand Flexbox and Grid sooner or later.

* Flexbox CSS in 20 Minutes by Traversy Media<https://eur03.safelinks.protection.outlook.com/?url=https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DJJSoEo8JSnc%26t%3D262s&amp;data=02%7C01%7C%7C88c65cf586414bb68d5d08d6bc6d6343%7C84df9e7fe9f640afb435aaaaaaaaaaaa%7C1%7C0%7C636903575328278170&amp;sdata=9lLLlWqR3d6%2BsU3KjZv%2BPu9lJ7x3nX04ZOIM7U82CPo%3D&amp;reserved=0>
* CSS Grid Layout Crash Course<https://eur03.safelinks.protection.outlook.com/?url=https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DjV8B24rSN5o%26t%3D1173s&amp;data=02%7C01%7C%7C88c65cf586414bb68d5d08d6bc6d6343%7C84df9e7fe9f640afb435aaaaaaaaaaaa%7C1%7C0%7C636903575328278170&amp;sdata=58b8Wv8ESCLNu2HRC%2B7RUicTUrbaQpfI%2BTT1oLR79IM%3D&amp;reserved=0>

JavaScript & TypeScript

Below are two introductory tutorials on JavaScript. You only need to take one of the tutorials (your choice).

* Intro to JavaScript by The Net Ninja<https://eur03.safelinks.protection.outlook.com/?url=https%3A%2F%2Fwww.youtube.com%2Fplaylist%3Flist%3DPL4cUxeGkcC9i9Ae2D9Ee1RvylH38dKuET&amp;data=02%7C01%7C%7C88c65cf586414bb68d5d08d6bc6d6343%7C84df9e7fe9f640afb435aaaaaaaaaaaa%7C1%7C0%7C636903575328278170&amp;sdata=QI5uwtSYmrPJthzvxEVxgRUszGdRu1rvDZyndRkLzII%3D&amp;reserved=0>
* JavaScript by Hitesh Choudhary<https://eur03.safelinks.protection.outlook.com/?url=https%3A%2F%2Fwww.youtube.com%2Fplaylist%3Flist%3DPLRAV69dS1uWTSu9cVg8jjXW8jndOYYJPP&amp;data=02%7C01%7C%7C88c65cf586414bb68d5d08d6bc6d6343%7C84df9e7fe9f640afb435aaaaaaaaaaaa%7C1%7C0%7C636903575328288175&amp;sdata=kE9bEOq9pV85Lk5EGSXcpfXu08nivY%2F24Rsy%2FLlnar0%3D&amp;reserved=0>

I suggest that you also learn TypeScript. TypeScript is a superset of JavaScript that compiles to JavaScript. Microsoft invented TypeScript to help developers write better code that scales. (Note: TypeScript might become a standard for Node.js development at Dot.)

* TypeScript Crash Course by Traversy Media<https://eur03.safelinks.protection.outlook.com/?url=https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DrAy_3SIqT-E%26t%3D1202s&amp;data=02%7C01%7C%7C88c65cf586414bb68d5d08d6bc6d6343%7C84df9e7fe9f640afb435aaaaaaaaaaaa%7C1%7C0%7C636903575328288175&amp;sdata=LOE7z3PUdXvoWSWWhLCyBlZBm1JMsimtTHnCu5qzsZc%3D&amp;reserved=0>
* TypeScript - The Basics by Fireship<https://eur03.safelinks.protection.outlook.com/?url=https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DahCwqrYpIuM&amp;data=02%7C01%7C%7C88c65cf586414bb68d5d08d6bc6d6343%7C84df9e7fe9f640afb435aaaaaaaaaaaa%7C1%7C0%7C636903575328288175&amp;sdata=4ynGaA0WqkKiEqzi%2B0pnRPoDWQtNz0ayUFkUtF3qPXU%3D&amp;reserved=0>

AJAX & JSON

Asynchronous JavaScript and XML (AJAX) allows a web page to interact with servers. JavaScript Object Notation (JSON) is a popular way of formatting information when using AJAX.

* JSON Crash Course by Traversy Media<https://eur03.safelinks.protection.outlook.com/?url=https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DwI1CWzNtE-M&amp;data=02%7C01%7C%7C88c65cf586414bb68d5d08d6bc6d6343%7C84df9e7fe9f640afb435aaaaaaaaaaaa%7C1%7C0%7C636903575328288175&amp;sdata=AxnX0QZVmtDKr40HOu6BpecmO0Eal1U6IUs7taPlLc0%3D&amp;reserved=0>
* AJAX Crash Course by Traversy Media<https://eur03.safelinks.protection.outlook.com/?url=https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3D82hnvUYY6QA%26t%3D3662s&amp;data=02%7C01%7C%7C88c65cf586414bb68d5d08d6bc6d6343%7C84df9e7fe9f640afb435aaaaaaaaaaaa%7C1%7C0%7C636903575328288175&amp;sdata=L4iJRO9CxlPocoMbXIjhEMNtrPwLvLWMM72scEHn7Lk%3D&amp;reserved=0>
While I do all of my COBOL development in RDi, I do all of my web and Node.js development in Visual Studio Code (a.k.a. VS Code).

* Visual Studio Code Intro & Setup by Traversy Media<https://eur03.safelinks.protection.outlook.com/?url=https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DfnPhJHN0jTE&amp;data=02%7C01%7C%7C88c65cf586414bb68d5d08d6bc6d6343%7C84df9e7fe9f640afb435aaaaaaaaaaaa%7C1%7C0%7C636903575328288175&amp;sdata=A0KYg9FR9QwEZejtevxQ3IgFsPMlPeGE3xffaSeSMiU%3D&amp;reserved=0>

Thanks,

Kelly Cookson
Senior Software Engineer II
Dot Foods, Inc.
217-773-4486 ext. 12676
https://eur03.safelinks.protection.outlook.com/?url=www.dotfoods.com&amp;data=02%7C01%7C%7C88c65cf586414bb68d5d08d6bc6d6343%7C84df9e7fe9f640afb435aaaaaaaaaaaa%7C1%7C0%7C636903575328288175&amp;sdata=zLWlFpVsmteYFpfXIACfGVqzTwto0jQLQeHtJMYSMz0%3D&amp;reserved=0<https://eur03.safelinks.protection.outlook.com/?url=http%3A%2F%2Fwww.dotfoods.com%2F&amp;data=02%7C01%7C%7C88c65cf586414bb68d5d08d6bc6d6343%7C84df9e7fe9f640afb435aaaaaaaaaaaa%7C1%7C0%7C636903575328298192&amp;sdata=EaL9mrzTPj1nwMuJerOVIxEodgQNzRB6b1GFw9rA4qU%3D&amp;reserved=0>

--
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://eur03.safelinks.protection.outlook.com/?url=https%3A%2F%2Flists.midrange.com%2Fmailman%2Flistinfo%2Fweb400&amp;data=02%7C01%7C%7C88c65cf586414bb68d5d08d6bc6d6343%7C84df9e7fe9f640afb435aaaaaaaaaaaa%7C1%7C0%7C636903575328298192&amp;sdata=I%2F3GLl4oVGHrnzVSGnHbE7ILztZKe5sDHwGHgbeGGmw%3D&amp;reserved=0
or email: WEB400-request@xxxxxxxxxxxxxxxxxx
Before posting, please take a moment to review the archives
at https://eur03.safelinks.protection.outlook.com/?url=https%3A%2F%2Farchive.midrange.com%2Fweb400&amp;data=02%7C01%7C%7C88c65cf586414bb68d5d08d6bc6d6343%7C84df9e7fe9f640afb435aaaaaaaaaaaa%7C1%7C0%7C636903575328298192&amp;sdata=XkTCgRJVJD8Vybe5mTiGfrPPsEW7JyHB76Q7DiX3eew%3D&amp;reserved=0.