{"id":19829326,"url":"https://github.com/angular-schule/2022-10-angular-workshop-stuttgart","last_synced_at":"2026-05-14T09:33:35.442Z","repository":{"id":153529310,"uuid":"462695760","full_name":"angular-schule/2022-10-angular-workshop-stuttgart","owner":"angular-schule","description":"🎓 Oktober 2022: 6 Tage Remote-Workshop Stuttgart (mit Ferdinand Malcher) ","archived":false,"fork":false,"pushed_at":"2022-10-12T13:46:38.000Z","size":410,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-01-11T09:44:43.442Z","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":"2022-02-23T10:57:14.000Z","updated_at":"2022-10-05T10:02:16.000Z","dependencies_parsed_at":"2023-05-19T05:15:20.166Z","dependency_job_id":null,"html_url":"https://github.com/angular-schule/2022-10-angular-workshop-stuttgart","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%2F2022-10-angular-workshop-stuttgart","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/angular-schule%2F2022-10-angular-workshop-stuttgart/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/angular-schule%2F2022-10-angular-workshop-stuttgart/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/angular-schule%2F2022-10-angular-workshop-stuttgart/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/angular-schule","download_url":"https://codeload.github.com/angular-schule/2022-10-angular-workshop-stuttgart/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:26.776Z","updated_at":"2026-05-14T09:33:35.386Z","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# 🎮 NEU: RxJS Playground\n\nDu kannst dir entweder  \n* den Code als ZIP-Datei herunterladen: [rxjs-playground.zip](https://github.com/angular-schule/2022-10-angular-workshop-stuttgart/files/9741133/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 oder 16** (aktuelle LTS-Version): [https://nodejs.org](https://nodejs.org)\n   + Mac-Nutzer:innen 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)\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\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: v14.x oder v16.x\n\nnpm -v\n\u003e Erwartet: 6.x oder höher\n\nng version\n\u003e Erwartet: 14.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: 13.09.2022\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fangular-schule%2F2022-10-angular-workshop-stuttgart","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fangular-schule%2F2022-10-angular-workshop-stuttgart","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fangular-schule%2F2022-10-angular-workshop-stuttgart/lists"}