This project was generated with Angular CLI version 1.0.1.
Take a look at the existing component, students and teachers. Try to understand how routing works and how Angular Material is imported and gives the purple color. Then:
- Choose ONE person (person A) in your team who will "own" the project. It does not matter who it is, we just need 1 place to "host" the github repo. Do this now, live during class.
- Person A goes to Github, and visits THIS repository, and clicks "Fork" (top right of the page). In the popup that appears, (s)he clicks "his own account". Person A now has a copy of the repo. This copy is where we will work and collaborate.
- Person A goes to his newly copied repo (so in github, top left, you should see
Person A/project-webapp-angularand NOTHackYourFuture/project-webapp-angular). - Person A clicks on "Settings" somewhere top right.
- Person A clicks "Collaborators & Teams" in the left menu
- Enter password
- In the collaborators screen, person A searches for the github accounts of Person B and Person C and adds them as collaborators with Write Access
- Persons A, B, and C go to the new repo (so Person A/project-webapp-angular), and clone it to their own environments:
// open terminal
// Make sure git works properly from your machine
// Optional: cd to/the/place/you/work
// Go to the repo, find the green button that says "clone". Copy the git link
git clone [email protected]:<PERSON A>/project-webapp-angular.git
- Now you're ready to collaborate! To try this out make a change to for example
./src/app/app.component.htmlby adding your name to the file. Then,git add -Agit commit -am 'test if this works'git push. Try this when you're together to make sure you can fix permission issues.
We've pre-installed Angular Material. This comes with some themes out of the box, which you can chose from ./node_modules/@angular/material/prebuilt-themes. Whenever you want to style something, first checkout whether material has a component for it.
Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.
Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|module.
To get more help on the Angular CLI use ng help or go check out the Angular CLI README.