{"id":25556903,"url":"https://github.com/kevin-doolaeghe/initiation-angular","last_synced_at":"2025-10-18T04:16:08.123Z","repository":{"id":181214617,"uuid":"451547024","full_name":"kevin-doolaeghe/initiation-angular","owner":"kevin-doolaeghe","description":"Angular | Développement frontend en Javascript/Typescript","archived":false,"fork":false,"pushed_at":"2022-01-29T15:45:23.000Z","size":202,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2023-07-14T14:27:36.194Z","etag":null,"topics":["angular","learning-by-doing"],"latest_commit_sha":null,"homepage":"","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/kevin-doolaeghe.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":"2022-01-24T16:40:28.000Z","updated_at":"2023-07-14T14:27:38.456Z","dependencies_parsed_at":null,"dependency_job_id":"a983836c-2ff1-4b8d-b7f9-db7b2b1ca6e8","html_url":"https://github.com/kevin-doolaeghe/initiation-angular","commit_stats":null,"previous_names":["kevin-doolaeghe/initiation-angular"],"tags_count":null,"template":null,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kevin-doolaeghe%2Finitiation-angular","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kevin-doolaeghe%2Finitiation-angular/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kevin-doolaeghe%2Finitiation-angular/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kevin-doolaeghe%2Finitiation-angular/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/kevin-doolaeghe","download_url":"https://codeload.github.com/kevin-doolaeghe/initiation-angular/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239859557,"owners_count":19708861,"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":["angular","learning-by-doing"],"created_at":"2025-02-20T14:56:15.881Z","updated_at":"2025-10-18T04:16:03.099Z","avatar_url":"https://github.com/kevin-doolaeghe.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Angular | Frontend development with Javascript/Typescript\n\n## Author\n\nKevin Doolaeghe\n\n## References\n\n* [Angular official website](https://angular.io/)\n* [Mosh Hamedani | Angular tutorial video](https://www.youtube.com/watch?v=k5E2AVpwsko\u0026t=630s)\n\n## Setup development environment\n\n* Update system and install `nodejs` and `npm` :\n```\nsudo apt update\nsudo apt install nodejs npm\n```\n\n* Update `nodejs` :\n```\nsudo npm cache clean -f\nsudo npm install -g n\nsudo n stable\n```\n\n* Check `nodejs` version to see if it can support Angular :\n```\nnode --version\n```\n\n* Install Angular globally via `npm` :\n```\nsudo npm install -g @angular/cli\n```\n\n* Check Angular version that is installed :\n```\nng --version\n```\n\n* Create new project called `hello-world` :\n```\nng new hello-world\n```\n\n* Open project with Visual Studio Code :\n```\ncode .\n```\n\n## Test application\n\n* Lauch the Angular application :\n```\nng serve\n```\n\n* Check `localhost:8000` address on a web browser to verify that the application works properly\n\n## Angular app architecture\n\n- Component : Parts of a structured view\n- Module : Logical links between components\n- Service : Logic used to produce a specific job (e.g. consume HTTP endpoints)\n\n* Add a new component : \n```\nng g c \u003ccomponent\u003e\n```\n\n* Add a new service :\n```\nng g s \u003cservice\u003e\n```","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkevin-doolaeghe%2Finitiation-angular","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkevin-doolaeghe%2Finitiation-angular","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkevin-doolaeghe%2Finitiation-angular/lists"}