Difference between revisions of "7CC005 Workshop w2"

From mi-linux
Jump to navigationJump to search
 
(45 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
  
== Google Angular ==
+
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.
  
You should spend 2 weeks working through '''The Tour of Heroes tutorial''', located here:
+
== Facebook React (recommended) ==
* [https://angular.io/docs/ts/latest/tutorial/ https://angular.io/docs/ts/latest/tutorial/]
 
  
It is recommended that you cover sections 1-4 this week:
+
Start learning React:
 +
* Work through the [https://react.dev/learn/tutorial-tic-tac-toe Quickstart Tutorial: Tic-Tac-Toe]
  
*1. Introduction
+
== Google Angular ==
*2. The Hero Editor
 
*3. Master/Detail
 
*4. Multiple Components
 
  
== Installing on mi-linux from Putty ==
+
First, work through the [https://angular.io/tutorial/first-app Build your first Angular app tutorial].
  
First, go into your public_html folder, create a NEW folder and locate yourself inside it:
+
Then, make a start on the more complicated [https://angular.io/tutorial/tour-of-heroes Tour of Heroes tutorial].
  
<pre>
+
It is recommended that you cover sections 1-3 this week:
cd public_html
 
mkdir angular-2018
 
cd angular-2018
 
</pre>
 
  
 +
*Introduction
 +
*The Application Shell
 +
*1. The Hero Editor
 +
*2. Displaying a List
 +
*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 12: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.