7CC005 Workshop w3

Main Page >> Web Technologies >> Workbook >> Week 03 - Google Angular - part 2

Please learn ONE of the JS frameworks below.

I recommend React.js, which is a lot simpler to learn. Only go for Angular if you have previous experience in this framework.

Facebook React (recommended)

• Finish working through the official tutorial: https://reactjs.org/tutorial/tutorial.html
• Work through the Main Concepts section of the documentation, to consolidate what you learnt during the tutorial.
• Look at this excellent tutorial: HOW TO CONSUME A RESTFUL API IN REACT. Here's my modest attempt, with a few tweaks and corrections.
• For adding, amending and deleting, look at these 2 pages in the documentation:
  • https://reactjs.org/docs/forms.html
  • https://reactnative.dev/docs/network

• Optional: Look at Redux: https://redux-docs.netlify.com/introduction/getting-started

Google Angular

You should spend 2 weeks working through The Tour of Heroes tutorial, located here:

• https://angular.io/tutorial

It is recommended that you cover sections 4-6 this week:

• 4. Add Services
• 5. Add In-App Navigation
• 6. Get Data from a Server

Then consolidate your understanding of the framework by reading through the official guide:

• https://angular.io/guide/architecture

GitLab

Important: Make sure that you commit your work to GitLab on a regular basis!