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)

• Work through the Learn React chapters.
• There are various ways to fetch data from a server-side API:
  • Using the standard fetch() method. Look at this excellent : HOW TO CONSUME A RESTFUL API IN REACT. Here's my modest attempt, with a few tweaks and corrections.
  • Using the Next.js framework: https://nextjs.org/docs/pages/building-your-application/data-fetching/client-side
  • Using the Redux library: https://redux.js.org/tutorials/essentials/part-5-async-logic

Google Angular

Work through the Build your first Angular app tutorial, located here:

• https://angular.dev/tutorials/first-app

It is recommended that you cover these sections this week:

• Use *ngFor in templates
• Angular services
• Add routing
• Customize the details page
• Integrate Angular forms
• Add search functionality
• Add HTTP communication

IMPORTANT: You should also read the associated documentation pages - see "For more information about the topics covered in this lesson" links at the bottom of each tutorial section.

GitHub

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