├── README.md ├── dist └── index.html └── docs └── index.html /README.md: -------------------------------------------------------------------------------- 1 | # WWI20DSA Web Programmierung 2 | 3 | ## Zeitraum 4 | 15.11.2021 - 11.02.2022 5 | 6 | ## Termine 7 | Siehe auch [Kalender](https://calendar.google.com/calendar/embed?src=g7o3rd7djlvq3gtjpg3pblm2vc%40group.calendar.google.com&ctz=Europe%2FBerlin 8 | ) 9 | Fr, 03.12.21 von 09:00 - 12:00 Uhr - Präsenz im Raum 069C 10 | Mo, 20.12.21 von 09:30 - 12:00 Uhr - [online](https://moodle.dhbw-mannheim.de/course/view.php?id=6672 11 | ) 12 | Mi. 05.01.22 von 13:30 - 16:30 Uhr - [online](https://moodle.dhbw-mannheim.de/course/view.php?id=6672 13 | ) 14 | Do, 13.01.22 von 13:30 - 19:30 Uhr - [online](https://moodle.dhbw-mannheim.de/course/view.php?id=6672 15 | ) 16 | Mo, 17.01.22 von 13:30 - 16:30 Uhr - [online](https://moodle.dhbw-mannheim.de/course/view.php?id=6672 17 | ) 18 | Mi, 26.01.22 von 09:00 - 19:30 Uhr - [online](https://moodle.dhbw-mannheim.de/course/view.php?id=6672 19 | ) 20 | 21 | ## Technologische Inhalte 22 | 1. Grundlagen: HTML, CSS, JavaScript, [TypeScript](https://www.typescriptlang.org/) 23 | 2. Frontendentwicklungsframeworks: VueJS, Angular, [Svelte](https://svelte.dev/) (Fokus auf Svelte) 24 | 3. Backend Laufzeitumgebungen: NodeJS, [Deno](https://deno.land/) (Fokus auf Deno) 25 | 4. Backendentwicklungsfokus: Frameworks wie [NestJS](https://nestjs.com/) & [Dockerisierung](https://nodejs.org/en/docs/guides/nodejs-docker-webapp/) 26 | 5. Testframeworks: z.B. [CodeceptJS](https://codecept.io/) and their usage for Web Harvesting / Web Crawling 27 | 6. Chat Bot Integrationen: [Telegram](https://telegram.org), Slack, Discord, Reddit, Twitter 28 | 7. Smart Contract Development: Ethereum Blockchain (in solidity via [remix.ethereum.org](https://remix.ethereum.org/)) 29 | 30 | ## Projektvorschläge 31 | "Think of an idea to change the world to the better via a web app and put it [into action](https://www.youtube.com/watch?v=fa7R-sOM1v8)." 32 | Wir sammeln die Vorschläge als [GitHub Issues](https://github.com/michael-spengler/WWI20DSA-Web-Programmierung/issues). 33 | Die ideale Gruppengröße für den individuellen Lernerfolg, den Gruppenerfolg und den Kurserfolg liegt m.E. bei 3 - 6 Personen. 34 | Für die Bewertung werde ich mir die Github Commit Historie zu den einzelnen Projekten anschauen und vielleicht kurze Kontrollfragen stellen um sicher zu sein, dass nicht ein Überflieger mit unterschiedlichen GitHub User Names für die gesamte Gruppe agiert und die anderen Gruppenmitglieder nur chillen. 35 | 36 | ## Bewertungskriterien 37 | 1. Die Web App funktioniert 38 | 2. Code Qualität (High Cohesion / Loose Coupling / Separation of Concerns (no spaghetti code)) 39 | 3. Dokumentation / Readme 40 | 4. Goodies: Demo Video 41 | 5. Die Gruppen haben nebenbei einzelne Module als Open Source Lösung bereitgestellt oder optimiert 42 | 6. Alle zentralen Methoden im Backend haben eine gute Unit Tests Coverage 43 | 7. Ich gebe gerne und meistens Gruppennoten - Ausnahme: Extreme Einseitigkeiten in der Gruppenarbeit 44 | 45 | 46 | ## Pausenaufgaben 47 | Im Rahmen von kreativen Pausen :) erkunden, bewerten und erweitern wir Deno Module wie z.B. 48 | 1. https://deno.land/x/sort 49 | 2. https://deno.land/x/request 50 | 3. https://deno.land/x/injector 51 | 4. https://deno.land/x/distancecalculator 52 | 6. https://deno.land/x/sleep 53 | 7. https://deno.land/x/http_to_https 54 | 8. https://deno.land/x/cities 55 | 9. https://deno.land/x/countries 56 | 10. https://deno.land/x/monitoring 57 | 11. https://deno.land/x/persistence 58 | 12. https://deno.land/x/nlp 59 | 13. https://deno.land/x/location 60 | 14. https://deno.land/x/cicd 61 | 15. https://deno.land/x/opine 62 | 16. https://deno.land/x/web3 63 | 17. https://deno.land/x/cors 64 | 18. https://deno.land/x/log 65 | 19. https://deno.land/x/deno_moment 66 | 20. https://deno.land/x/hash 67 | 21. https://deno.land/x/bloomfilter 68 | 22. https://deno.land/x/tries 69 | 70 | ## Voraussetzungen 71 | 1. https://code.visualstudio.com/insiders/ 72 | 2. https://github.com account 73 | 3. https://telegram.org 74 | 4. https://brave.com 75 | 5. https://nodejs.org/en/ (recommended version) 76 | 6. https://deno.land/ 77 | 78 | ## Empfehlungen auf dem Pfad der Erkenntnis 79 | 1. Investiere ein paar Stunden in freies Experimentieren z.B. bei [w3 schools](https://www.w3schools.com) 80 | 2. Ziehe Dir [dieses Video](https://www.youtube.com/watch?v=mhnpeOLiQTg) rein 81 | 3. Stelle Fragen per [stackoverflow](https://stackoverflow.com/) und poste den Link zur Frage in unseren Telegram Channel - auch wenn Dir die Fragen "möglicherweise dumm" erscheinen. 82 | 83 | ## Planung & Chronik 84 | ... wird im Detail synchron mit den Studierenden erarbeitet - die grobe Planung befindet Sich im Folgenden - als zusätzliche Inspiration können [vorangegangene Web-Programmierung Vorlesungsreihen](https://github.com/michael-spengler/wwi19seb-webprogrammierung) dienen. Gleichzeitig lege ich Wert darauf, dass wir stets möglichst aktuelle Technologien erkunden. 85 | 86 | ### Fr, 03.12.21 von 09:00 - 12:00 Uhr (Raum 069C) 87 | 1. Kennenlernen vor Ort 88 | 2. Gemeinsame Erkundung: Was bedeutet Web Programmierung für Euch? Was wisst ihr grob schon darüber? Was würdet ihr gerne wissen oder gut können? 89 | 3. Was gefällt Euch nicht so gut an der Welt? Wie könnten wir das durch die Bereitstellung einer Web App [lösen](https://www.youtube.com/watch?v=fa7R-sOM1v8)? 90 | 4. Konkrete Themensammlung 91 | 5. Gruppenfindung 92 | 6. Installationscheck der unter "Voraussetzungen" aufgelisteten Tools... mit gegenseitiger Hilfe bei Challenges 93 | 7. Exkursvorschläge: Clientcode vs. Servercode / Test Driven Development, Test Doubles... 94 | 95 | 96 | ### Mo, 20.12.21 von 09:30 - 12:00 Uhr (online) 97 | 1. [Grundlagen](w3 schools](https://www.w3schools.com) 98 | 2. Frontendentwicklungsframeworks: VueJS, Angular, [Svelte](https://svelte.dev/) (Fokus auf Svelte) 99 | 3. Backend Laufzeitumgebungen: NodeJS, [Deno](https://deno.land/) (Fokus auf Deno) 100 | 4. Erste Gruppenarbeitssessions 101 | 102 | ### Mi. 05.01.22 von 13:30 - 16:30 Uhr 103 | 1. Meilensteinchecks bzgl. des Gruppenfortschritts mit Q & A & [Feedback an den Dozenten](https://github.com/michael-spengler/WWI20DSA-Web-Programmierung/issues/5) 104 | 2. Backendentwicklungsfokus: Frameworks wie [NestJS](https://nestjs.com/) & [Dockerisierung](https://nodejs.org/en/docs/guides/nodejs-docker-webapp/) 105 | 3. Testframeworks: z.B. [CodeceptJS](https://codecept.io/) and their usage for Web Harvesting / Web Crawling 106 | 4. Gruppenarbeitssessions 107 | 108 | ### Do, 13.01.22 von 13:30 - 19:30 Uhr 109 | 1. Meilensteinchecks bzgl. des Gruppenfortschritts mit Q & A & [Feedback an den Dozenten](https://github.com/michael-spengler/WWI20DSA-Web-Programmierung/issues/5) 110 | 2. Chat Bot Integrationen: [Telegram](https://telegram.org), Slack, Discord, Reddit, Twitter 111 | 3. Smart Contract Development: Ethereum Blockchain (in solidity via [remix.ethereum.org](https://remix.ethereum.org/)) 112 | 4. Gruppenarbeitssessions 113 | 114 | ### Mo, 17.01.22 von 13:30 - 16:30 Uhr 115 | 1. Meilensteinchecks bzgl. des Gruppenfortschritts mit Q & A & [Feedback an den Dozenten](https://github.com/michael-spengler/WWI20DSA-Web-Programmierung/issues/5) 116 | 2. Interimsbenotung, damit jeder grob weiß wo er mit der bisherigen Leistung grob unterwegs ist 117 | 3. Gruppenarbeitssessions 118 | 119 | ### Mi, 26.01.22 von 09:00 - 19:30 Uhr 120 | 1. Meilensteinchecks bzgl. des Gruppenfortschritts mit Q & A & [Feedback an den Dozenten](https://github.com/michael-spengler/WWI20DSA-Web-Programmierung/issues/5) 121 | 2. Erweiterte (detaillierte) Interimsbenotung 122 | 3. Gruppenarbeitssessions / Finalisierungen 123 | 124 | 125 | ## Telegram Link 126 | https://t.me/joinchat/Cy2eKgPJdloyZDdi 127 | 128 | -------------------------------------------------------------------------------- /dist/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | supergeil 5 | 6 | 7 | 8 | 9 | hey super page 10 | 11 | 12 | -------------------------------------------------------------------------------- /docs/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | supergeil 5 | 6 | 7 | 8 | 9 | hey super page 10 | 11 | 12 | --------------------------------------------------------------------------------