{"id":17826558,"url":"https://github.com/danielphenricks/workshop7_starter","last_synced_at":"2025-06-15T01:33:27.467Z","repository":{"id":207267039,"uuid":"717835600","full_name":"DanielPHenricks/Workshop7_Starter","owner":"DanielPHenricks","description":null,"archived":false,"fork":false,"pushed_at":"2023-11-14T22:34:58.000Z","size":127,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-08T02:26:52.407Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/DanielPHenricks.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2023-11-12T18:45:17.000Z","updated_at":"2023-11-12T18:46:10.000Z","dependencies_parsed_at":"2023-11-14T23:42:12.252Z","dependency_job_id":null,"html_url":"https://github.com/DanielPHenricks/Workshop7_Starter","commit_stats":null,"previous_names":["danielphenricks/workshop7_starter"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DanielPHenricks%2FWorkshop7_Starter","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DanielPHenricks%2FWorkshop7_Starter/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DanielPHenricks%2FWorkshop7_Starter/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DanielPHenricks%2FWorkshop7_Starter/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/DanielPHenricks","download_url":"https://codeload.github.com/DanielPHenricks/Workshop7_Starter/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246803560,"owners_count":20836591,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-10-27T18:51:42.174Z","updated_at":"2025-04-02T11:23:41.065Z","avatar_url":"https://github.com/DanielPHenricks.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# GDSC Workshop 7 (Angular + Typescript)\n## Hosted by: Daniel Henricks\nAll starter code is written by the GDSC Tech Leads.\n\n## About Angular\nView Angular's website here: https://angular.dev/\n\nAngular is a widely-used open-source web application framework developed and maintained by Google. Angular simplifies the process of building dynamic web applications by providing a structured framework for creating maintainable code. Its key features include two-way data binding (as covered today) and the particular structure of components.\n\nAngular utilizes TypeScript. TypeScript is essentially JavaScript code with more strict type checking. We won't go too into detail about it during this workshop, but there will be noticable syntax differences.\n\n## Prerequisites:\n- You have Node.js installed\n\n## How to start this workshop:\n1) You must install Angular's command-line interface (CLI). Run the following command: \n```bash\nnpm install -g @angular/cli\n```\n2) Test to make sure the installation worked by running the command:\n```bash\nng --help\n```\n\n## What will we learn today?\n1) Why using Angular would make development easier.\n2) How to create an Angular component using the command \n```bash\nng generate component [component-name]\n```\n3) ``` ngModel, *ngIf, *ngFor```. To be seen in our form.component files.\n4) The structure of Angular's typescript files and what the ```app.module.ts``` file does.\n5) (If time permits) Deploying an app to GitHub Pages (a 'real' website!)\n\n## How do I install to gh-pages?\n1) Run ```ng build --configuration=production```\n2) Add the option baseHref into the angular.json\n3) ng deploy","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdanielphenricks%2Fworkshop7_starter","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdanielphenricks%2Fworkshop7_starter","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdanielphenricks%2Fworkshop7_starter/lists"}