Difference between revisions of "7CC005 Workshop w2"

From mi-linux
Jump to navigationJump to search
 
(8 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
[[Main Page]] >> [[7CC005|Web Technologies]] >> [[7CC005_-_Workbook|Workbook]] >> Week 02 - Google Angular - part 1
 
[[Main Page]] >> [[7CC005|Web Technologies]] >> [[7CC005_-_Workbook|Workbook]] >> Week 02 - Google Angular - part 1
  
== Facebook React ==
+
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) ==
  
 
Start learning React:
 
Start learning React:
* Get React up and running. I recommend the [https://reactjs.org/docs/add-react-to-a-website.html Add React to a Website] method, including the optional "Try React with JSX" at the bottom.
+
* Work through the [https://react.dev/learn/tutorial-tic-tac-toe Quickstart Tutorial: Tic-Tac-Toe]
* Work through the official tutorial: [https://reactjs.org/tutorial/tutorial.html https://reactjs.org/tutorial/tutorial.html]
 
  
 
== Google Angular ==
 
== Google Angular ==
  
You should spend 2 weeks working through '''The Tour of Heroes tutorial''', located here:
+
First, work through the [https://angular.io/tutorial/first-app Build your first Angular app tutorial].
* [https://angular.io/tutorial https://angular.io/tutorial]
+
 
 +
Then, make a start on the more complicated [https://angular.io/tutorial/tour-of-heroes Tour of Heroes tutorial].
  
 
It is recommended that you cover sections 1-3 this week:
 
It is recommended that you cover sections 1-3 this week:
Line 20: Line 24:
 
*3. Create a Feature Component
 
*3. Create a Feature Component
  
== GitLab ==
+
== GitHub ==
'''Important:''' Make sure that you commit your work to [[GitLab_server|GitLab]] on a regular basis!
+
'''Important:''' Make sure that you commit your work to GitHub on a regular basis.

Latest revision as of 11:31, 17 January 2024

Main Page >> Web Technologies >> Workbook >> Week 02 - Google Angular - part 1

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)

Start learning React:

Google Angular

First, work through the Build your first Angular app tutorial.

Then, make a start on the more complicated Tour of Heroes tutorial.

It is recommended that you cover sections 1-3 this week:

  • Introduction
  • The Application Shell
  • 1. The Hero Editor
  • 2. Displaying a List
  • 3. Create a Feature Component

GitHub

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