Difference between revisions of "7CC005 Workshop w2"

From mi-linux
Jump to navigationJump to search
 
(57 intermediate revisions by 3 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
 +
 +
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:
 +
* Work through the [https://react.dev/learn/tutorial-tic-tac-toe Quickstart Tutorial: Tic-Tac-Toe]
  
 
== 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/docs/ts/latest/tutorial/ https://angular.io/docs/ts/latest/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-4 today:
+
It is recommended that you cover sections 1-3 this week:
  
*1. Introduction
+
*Introduction
*2. The Hero Editor
+
*The Application Shell
*3. Master/Detail
+
*1. The Hero Editor
*4. Multiple Components
+
*2. Displaying a List
 +
*3. Create a Feature Component
  
'''Important:''' Make sure that you commit your work to GitLab on a regular basis!
+
== GitHub ==
 +
'''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.