{"id":19829318,"url":"https://github.com/angular-schule/2023-02-angular-workshop-online","last_synced_at":"2025-11-08T23:04:11.787Z","repository":{"id":153529323,"uuid":"584912500","full_name":"angular-schule/2023-02-angular-workshop-online","owner":"angular-schule","description":"🅰️ Februar 2023: 6 Tage offener Online-Workshop (mit Ferdinand Malcher) ","archived":false,"fork":false,"pushed_at":"2023-03-01T14:53:27.000Z","size":520,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":4,"default_branch":"main","last_synced_at":"2025-02-28T21:07:57.499Z","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-01-03T20:52:20.000Z","updated_at":"2023-02-22T10:23:31.000Z","dependencies_parsed_at":"2023-05-19T05:15:41.152Z","dependency_job_id":null,"html_url":"https://github.com/angular-schule/2023-02-angular-workshop-online","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/angular-schule/2023-02-angular-workshop-online","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/angular-schule%2F2023-02-angular-workshop-online","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/angular-schule%2F2023-02-angular-workshop-online/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/angular-schule%2F2023-02-angular-workshop-online/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/angular-schule%2F2023-02-angular-workshop-online/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/angular-schule","download_url":"https://codeload.github.com/angular-schule/2023-02-angular-workshop-online/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/angular-schule%2F2023-02-angular-workshop-online/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":267464522,"owners_count":24091505,"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","status":"online","status_checked_at":"2025-07-28T02:00:09.689Z","response_time":68,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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.189Z","updated_at":"2025-11-08T23:04:06.733Z","avatar_url":"https://github.com/angular-schule.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cimg src=\"https://assets.angular.schule/header-intensivworkshop.png\"\u003e\n\n#### **mit Ferdinand Malcher**\n\n\u003chr\u003e\n\n**Herzlich Willkommen – und schön, dass du dabei bist!**  \nIn diesem Repository findest du alle Infos zur Vorbereitung und während des Workshops den Quelltext unserer Beispielanwendung.\n\n\n\n# 🎮 NEU: RxJS Playground\n\nDu kannst dir entweder  \n* den Code als ZIP-Datei herunterladen: [rxjs-playground.zip](https://github.com/angular-schule/2023-02-angular-workshop-online/files/10838823/rxjs-playground.zip)\u003cbr\u003e**oder**\u003cbr\u003e\n* dieses Repository per Git herunterladen und in den Ordner `rxjs-playground` wechseln.\n\n```bash\ncd rxjs-playground\nnpm install\nng serve\n```\n\nÖffne den Browser unter der URL [http://localhost:**4300**](http://localhost:4300) (!), um die Anwendung zu sehen.\nDie Übungen befinden sich im Ordner `rxjs-playground/src/app/exercises/`.\n\n\n\n# ✅ Vorbereitung\n\nDamit wir gleich durchstarten können, solltest Du ein paar Vorbereitungen treffen.  \nDie gesamte Installation wird rund 30 Minuten dauern. \n\n## 1.) Benötigte Software\n\n1. **Node.js 14, 16 oder 18** (jeweils die aktuelle Nebenversionsnummer): [https://nodejs.org](https://nodejs.org)\n   + unter macOS bitte 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)\u003cbr\u003e\n   _oder_ eine andere geeignete IDE wie **IntelliJ/WebStorm**\n   + Wir empfehlen dir eine Auswahl an Extensions für Visual Studio Code.  \n     Dazu haben wir ein Extension Pack vorbereitet, das alles Nötige einrichtet:  \n     [Angular-Schule: Extension Pack](https://marketplace.visualstudio.com/items?itemName=angular-schule.angular-schule-extension-pack)\n   + Du kannst auch IntelliJ/WebStorm nutzen – diese IDEs haben eine brauchbare Angular-Integration.\n\n\n## 2.) Proxy?\n\nFür die Proxykonfiguration im Unternehmensnetz sind gesonderte Einstellungen nötig.\nWir haben dir hierfür folgende Anleitung erstellt:\nhttps://workshop.angular.schule/proxy  \nSollte es Probleme mit dem Proxy geben, melde Dich bitte bei uns, dann finden wir eine Lösung.\n\n\n## 3.) 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```bash\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 (!)\n```\n\nFalls du bereits eine ältere Version der Angular CLI auf deinem System installiert hast, führe die Installation bitte trotzdem durch.\nGlobal sollte stets die neueste Version installiert sein.\n\n\n## 4.) Startprojekt erzeugen\n\nBitte lege das Übungsprojekt schon vor Beginn des Workshops an.\nDie Angular CLI nimmt uns die meisten Schritte schon ab.\nWas die Parameter im Einzelnen bedeuten, besprechen wir natürlich im Workshop!\n\n\u003e ⚠️ Bitte erstelle das Projekt nicht auf einem Netzlaufwerk, sondern direkt auf der lokalen Festplatte!\n\nFühre in Deinem Arbeitsverzeichnis die folgenden Befehle aus:\n\n```bash\nng new book-rating --routing --style=scss --prefix=br\ncd book-rating\nng serve\n```\n\nDie Installation kann bei langsamer Internetverbindung sehr lange dauern.\nWarte beim Schritt `Installing packages (npm)` mit Geduld ab!\n\n\n\u003e Auf http://localhost:4200 sollte nun eine Website mit dem Text *\"book-rating app is running!\"* erscheinen!\n\n![Screenshot CLI](https://assets.angular.schule/chrome_cli_welcome_new.png)\n\n\nBeende danach den laufenden Webserver mit Strg + C.\n\n\n## 5.) Test-Umgebung prüfen\n\nPrüfe bitte, ob der folgende Befehl ohne Fehlermeldungen ausführt:\n\n```bash\nng test\n```\n\nAnschließend kannst du den Prozess wieder mit Strg + C beenden.\n\n\n## 6.) Styles installieren\n\nBitte führe diesen Befehl **im Projektverzeichnis `book-rating`** aus, um unser Paket mit CSS-Styles zu installieren.\nWir werden diese Stylesheets dann im Workshop gemeinsam verwenden.\n\n```bash\nnpm i @angular-schule/workshop-styles\n```\n\nDie Warnungen bei der Installation kannst du ignorieren.\n\n\n\n\n### Wir freuen uns schon! 🙂\n\nWenn bei allen Teilnehmenden das Grundgerüst steht, können wir ohne Zeitverlust loslegen.\nSollte es zu einer Fehlermeldung kommen, dann sende uns den Fehlertext einfach per Mail an [team@angular.schule](mailto:team@angular.schule) oder bringe deine Fragen zum Technikcheck mit.\n\n\u003chr\u003e\n\n\u003cimg src=\"https://assets.angular.schule/logo-angular-schule.png\" height=\"60\"\u003e\n\n### \u0026copy; https://angular.schule | Stand: 10.01.2023\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fangular-schule%2F2023-02-angular-workshop-online","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fangular-schule%2F2023-02-angular-workshop-online","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fangular-schule%2F2023-02-angular-workshop-online/lists"}