{"id":19829315,"url":"https://github.com/angular-schule/2023-04-angular-einstieg-duesseldorf","last_synced_at":"2025-07-08T05:09:48.136Z","repository":{"id":154177879,"uuid":"630347520","full_name":"angular-schule/2023-04-angular-einstieg-duesseldorf","owner":"angular-schule","description":"🎓 24. April 2023: Remote-Workshop Angular Einstieg / Düsseldorf (mit Ferdinand Malcher) ","archived":false,"fork":false,"pushed_at":"2023-04-24T14:13:28.000Z","size":223,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-01-11T09:44:43.061Z","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/angular-schule.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,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-04-20T07:32:07.000Z","updated_at":"2023-04-20T09:52:37.000Z","dependencies_parsed_at":null,"dependency_job_id":"e9c9dee5-e2c8-4c24-bd06-1cde76294c8d","html_url":"https://github.com/angular-schule/2023-04-angular-einstieg-duesseldorf","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/angular-schule%2F2023-04-angular-einstieg-duesseldorf","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/angular-schule%2F2023-04-angular-einstieg-duesseldorf/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/angular-schule%2F2023-04-angular-einstieg-duesseldorf/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/angular-schule%2F2023-04-angular-einstieg-duesseldorf/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/angular-schule","download_url":"https://codeload.github.com/angular-schule/2023-04-angular-einstieg-duesseldorf/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241188900,"owners_count":19924704,"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-11-12T11:18:21.131Z","updated_at":"2025-02-28T17:19:20.657Z","avatar_url":"https://github.com/angular-schule.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cimg src=\"https://assets.angular.schule/header-tagesworkshop-einstieg.png\"\u003e\n\n#### **mit Ferdinand Malcher**\n\n\u003chr\u003e\n\n**Herzlich Willkommen zum Workshop – schön, dass du dabei bist!**  \nIn diesem Repository findest du während des Workshops den Quelltext unserer Beispielanwendung.\n\n# ⚡️ Quick Start\n\nWenn du schon alle benötigte Software installiert hast, musst Du nur noch das Projekt installieren und starten.\nKlone dazu dieses GitHub-Repository. Danach im Projektverzeichnis:\n\n```bash\nnpm install\nng serve\n```\n\n\n\n# ✅ Installation (ausführlich)\n\n\u003e ⚠️ **Bitte führe die Vorbereitung rechtzeitig VOR dem Workshop aus, damit wir ohne Zeitverlust loslegen können.**\n\n\n## Benötigte Software\n\n1. **Node.js 14, 16 oder 18** (jeweils die aktuelle Nebenversionsnummer): [https://nodejs.org](https://nodejs.org)\n   + (Mac-User sollten ggf. Homebrew verwenden, [siehe Anleitung](https://presentations.angular.schule/HOMEBREW_NODE).)\n2. **Google Chrome:** [https://www.google.com/chrome/](https://www.google.com/chrome/)\n3. **Visual Studio Code:** [https://code.visualstudio.com](https://code.visualstudio.com)\n4. **Angular Language Service für VS Code:** [Angular Language Service (`Angular.ng-template`)](https://marketplace.visualstudio.com/items?itemName=Angular.ng-template)\n    - Installiere die Extension über den *Extensions Browser* direkt im Editor.\n\n\n## Pakete installieren\n\nDie Angular CLI ist das offizielle Build-Tool für Angular. Mit folgendem Befehl kannst Du die CLI auf dem System installieren:\n\n```\nnpm install -g @angular/cli\n```\n\n⚠️ Überprüfe bitte anschließend die Versionen, damit wir beim Workshop alle auf dem gleichen Stand sind.\n\n```\nnode -v\n\u003e Erwartet: 14.20.x, 16.13.x, 18.10.x oder höher, aber nicht 19.x!\n\nnpm -v\n\u003e Erwartet: 6.x oder höher\n\nng version\n\u003e Erwartet: 15.x.x oder höher\n```\n\n\n## Projekt installieren\n\nWir haben bereits ein Projekt vorbereitet, mit dem wir im Workshop arbeiten werden.\nBitte klone dieses Repo *oder* [lade den Code als ZIP herunter](https://github.com/angular-schule/2023-04-angular-einstieg-duesseldorf/archive/refs/heads/main.zip).\n\nAnschließend kannst Du das Angular-Projekt auf deinem Rechner installieren:\n\n```bash\ncd 2023-04-angular-einstieg-duesseldorf\nnpm install\n```\n\nDie Installation kann bei langsamer Internetverbindung sehr lange dauern.\nWarte das `npm install` mit Geduld ab!\n\nAnschließend kannst du das Projekt starten:\n\n```bash\nng serve\n```\n\nAuf http://localhost:4200 sollte nun die Anwendung mit der Überschrift \"Hello world\" erscheinen.\nDen laufenden Webserver kannst Du danach mit Strg + C beenden.\n\nWenn bei allen Teilnehmenden das Grundgerüst steht, können wir ohne Zeitverlust loslegen.\nSollte es zu einem Fehler kommen, melde dich einfach per Mail bei uns unter [team@angular.schule](mailto:team@angular.schule).  \nWir werden schnell eine Lösung finden.\n\n\n\n### Wir freuen uns schon! 🙂\n\n\u003chr\u003e\n\n\u003cimg src=\"http://assets.angular.schule/logo-angular-schule.png\" height=\"60\"\u003e\n\n### \u0026copy; https://angular.schule | Stand: 20.04.2023\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fangular-schule%2F2023-04-angular-einstieg-duesseldorf","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fangular-schule%2F2023-04-angular-einstieg-duesseldorf","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fangular-schule%2F2023-04-angular-einstieg-duesseldorf/lists"}