NMM

Vielen Dank für die Antwort. Ich gehe privat einige Projekte immer wieder an, jedoch habe ich mich noch nich an einem open-source Projekt beteiligt. Das wäre ein guter Ansatz, um immerhin einen Einblick zu erhalten, wie Profis bei ihren Projekten anfangen. Ich habe mir schon ein paar Konventionen bei der Arbeit an Angular angeguckt. Ich weiss dennoch nicht wirklich, wie es im Betriebsalltag aussieht und wie Softwareprojekte von guten! Anwendungsentwickler angegangen werden. @hellerKopf Es ist zumindest bis jetzt noch nicht alles abgedeckt, ich befinde mich aber auch noch mitten in der Umschulung. Aber wie @tkreutz2 schon erwaehnt hat, gibt es leider eine grosse Diskrepanz zwischen Theorie und Praxis und ein gutes Beispiel genannt. Es ist wie wenn man im Restaurant sitzt und sieht was es alle fuer Zutaten auf der Speisekarte stehen, aber wie diese nun konkret und professionell zu einem Gericht verarbeitet werden, ist dann nun doch eine andere Angelegenheit.

Ärgerlich @moderaten! Ich hatte gebeten gehabt diesen hier zu schließen und die überarbeitete Version nicht! zu schließen. Jetzt habt ihr genau das Gegenteil gemacht. Wozu gibt es ein Ticketsystem?^-^ Danke dass meine Zeit, die ich in die Überarbeitung gesteckt hatte, nun umsonst war. Es diente dazu, die Problemstellung angenehmer und verständlicher zum Lesen zu machen.

Hi Bitte dieses hier loeschen! - da ich es nicht mehr editieren konnte. Mit freundlichen Gruesse und Vielen Dank.

HAUPTFRAGE: Wie gehe ich mein Webprojekt(CV) professionell an? Sehr geehrte Community, Ich habe keine Erfahrung und keine echte Anleitung, wie ich ein Projekt korrekt und sauber realisiere. Weiterhin verfuege ich ueber kaum Erfahrung mit einigen der Technologien, die genannt werden - Verstaendnisfehler ihrer Funktions(weise) inbegriffen. Gerade aus diesem Grund, moechte ihren Einsatz ueben. Insofern erhoffe ich mir eine Korrektur meiner Planung, in die richtige (professionellere) Richtung. Alles richtig, hauptsache nicht nichtig, das ist mir wichtig. Klar? Das hier -> [ optional lesen ] heisst, es kann uebersprungen werden! Es dient lediglich fuer ein besseres Verstaendnis der Projektmotivation. # Index Ich werde zunaechst erlaeutern, Ausgangssituation, technische skills/starting points, Ziele/Probleme, Loesungs(ansatz), meine Fragen. --------------------------------------------------------------------------------------------------------- # 1. Ausgangssituation: Warum ich das Projekt umsetzen moechte (Bewerbung Praktikum): [ optional lesen ] { Ich mache die Umschulung zum Fachinformatiker - Anwendungsentwicklung und nach bestandener Abschlusspruefung Teil 1, steht die Abschlusspruefung Teil 2 an. } [ optional lesen ] { Als Pruefungsvoraussetzung bei der IHK, wird man ein mehrmonatiges Praktikum in ein IT-Unternehmen absolvieren, das explizit Fachinformatiker, nochmals expliziter, Fachrichtung Anwendungsentwicklung, ausbildet. } [ optional lesen ] { Folglich benoetige ich ein Praktikumsplatz... leichter gesagt als getan - die Unternehmen sind, ~einigermassen verstaendlich nicht sehr Risiko- bzw. Investitionsfreudig. Sowas kostet Zeit, aber meiner Einsicht nach kann man, zumindest mal die Person testen. Wieso gibt es keine Standardtests, um zu filtern? Ich will aber die Umschulung abschliessen und anschliessend vernueftig Arbeiten, aus dem Grund... siehe Ziele/Probleme... Wie bei allen Sachen immer ein Faktor: ZEIT! } CV[Website] Umsetzung bis 10. Mai 24 (Zeitliche Fristen): Praktikum bis 15. Juni 24, das Praktikum ist dann ab 2. Sept 24 --------------------------------------------------------------------------------------------------------- # 2. Mein Know-How/to-learn: OOP : Programmierparadigma JS-Vanilla (in Bezug auf den DOM, Datenstrukturen und Algorithmen, Asynchronitaet) : frontend CSS, HTML : frontend SQL MySQL : Datenbank git: Versionsverwaltung JSDoc 3 : CodeDokumentation SCRUM Agile, GANTT : Projektplanung UML : Strukturdiagramme Http/s : Protokolle und Sicherheit GangOfFour : Designpatters MVC : Architekturmuster/-konzept TDD und ->Unit-Tests mithilfe von Mocha, grunt : Testing Node.js fuer Server-/Datenbankkommunikation : backend NPM : Packaging --------------------------------------------------------------------------------------------------------- # 3. Ziele : Probleme: ---\> Projektplanung, -umsetzung,-uebung : Wie geht man sowas an? ------\> CV Website : AboutMe + Lebenslauf + Kontaktformular + Dokumentation(Umsetzung der Website) -sauber -lesbar --------\> Praktikumsplatz : Projekt fuer meine Abschlusspruefung ----------\> Festigung : Kenntnisse (Projektrealiserung, Programmierung) ---\> Schritte, Reihenfolge(Projekt) initialisieren/festlegen ------\> Zeitmanagement --------\> Datenschutz/Lizenzen ----------\> Qualitaetsmassnahmen ------------\> Sicherheit --------------\> Technologien/Beschaffung ----------------\> Umsetzung --------------------------------------------------------------------------------------------------------- # 4. mein Loesungs(ansatz): ---\> Schritte(Projekt) - n\a noch keine mir bekannte Technik Zieldefinition nach dem SMART - Prinzip z.B.? Ablaufplan ich denke grob planen, umsetzen, gugu was fehlt/nicht funktioniert und ggbnfalls nochmals anpassen ( •_•)>⌐■-■ ------\> Zeitmanagement - das GANTT-Diagramm soll hier hilfreich sein, ich habe auch schon eins im Excel erstellt, wo ich die einzelnen Aktivitaeten bzw. Pfade festgelegt habe - mit grober Zeitplan(Deadlines), um das Projekt bis zum gewuenschten Datum fertigzustellen. Ausserdem habe ich mir in Excel ein Wochen-/Tagesplan erstellt, wo ich mir meine taegliche Ziele/Sprints, anhand meiner Fortschritte in meinem GANTT-Diagram, festlege. Hauptsache das Grundgeruest steht stabil und irgendwie schaukel ich das dann mit der Zeit! --------\> Datenschutz/Lizenzen/Urheberrecht - Maßnahmen Impressum bzgl. § 5 Abs. 1 des Telemediengesetzes (TMG) nicht noetig, da es ja eigentlich keine kommerzielle Seite sein wird. Ausserdem wird es DSVGO-Konform, insofern da hier auch keine cookies zum Einsatz kommen werden. Ich denke dennoch ein Impressum einzubauen, um fuer den Besucher hier Vertraulichkeit, Informationssicherheit zu gewaehrleisten. Ueberpruefung der Lizenzen der zum Einsatz kommenden Tools( moeglichst alle MIT license ) GNU GPL in mein Impressum, um meine Seite Urheberrechtlich vor Kopien abzusichern ----------\> Qualitaetsmaßnahmen - Meine Fortschritte werde ich im Nachhinein mit zu Hilfenahme meiner Planung, der Versionskontrolle und meinem Codedokumentation dokumentieren, um bei weiteren Projekten, diese als Blaupause zu benutzen und weiter zu verbessern. Fuer die Versionierung des Repos meiner Website werde ich git benutzen und diese dezentral auf Github anlegen. Ich werde regelmaessige commits machen und die Nachrichten strukturiert und Aussagekraeftig formulieren. Es ist fuer das Grundgeruest nur ein Branch vorgesehen. Ich werde mein package.json initialisieren und pflegen. Ich programmiere so modular wie moeglich. Ich werde *Units-Tests* mithilfe von Mocha schreiben und moeglichst viel von meinem Code damit abdecken. Anhand der Tests werde ich nach und nach die geplante Funktion realisieren. TDD Ich werde die Tests automatisieren mithilfe von grunt. Modellierung in UML Codereview im Forum Feedback-Formular auf der Website Bewaehrte Design-Patterns nach Lage anwenden: Erzeugungsmuster = { Abstract Factory, Builder, Prototype }, Strukturmuster = { Adapter, Bridge, Flyweight, Decoratoren, Proxies }, Verhaltensmuster = { Iteratoren, Observer, Template Methods fuer meine Dokumentation nachher, Strategy, Mediatoren, Visitor, Chain of Responsibility } Abwaegung eines geeignten Architekturkonzepts wie MVC || MVVM JSLint ------------\> Sicherheit - Maßnahmen http um per Rest API eine Verbidung zu meine DB herzustellen, wo dann die Kontaktnachrichten, Kommentare gespeichert werden secure encryption nach TLS bzw. SSL erstellen, damit die Recruiter sich auch auf die Seite trauen irgendeine Art von Botschutz, damit meine Seite nicht gebottet wird ( muss mich hierzu noch informieren ) Schutz vor Injektionen in meine Website/Datenbank das Grundschutzkompendium des BSI mal abchecken --------------\> Technologien/Beschaffung - IDE - VisualStudioCode { plugins/extensions: [ LiveServer, Prettier Code, Better Comments, npm Intellisense, ESLint von Microsoft ] } github - account git - globale Installation webhosting - bei IONOS oder so, verglichen wird nach Fertigstellung apache fuer server Node.js zweck serverkommunikation und npm MySQL, MariaDB als Datenbank. Mocha, installieren + test.js dateien anlegen? Bootstrap, um paar CSS-Arbeiten abzunehmen JavaScript - Funktionalitaet der Elemente auf der Website Buecher(Empfehlung?): Node.js, TDD CMS ( erst spaeter/keine Pioritaet ) Was habe ich vergessen/nicht beachtet? ----------------\> Umsetzung - n/a, hier kommt eine Ergaenzung wenn relationale DB dann ein ERM erstellen, diese in die Normalformen ueberfuehren und in ein RDBM ueberfuehren --------------------------------------------------------------------------------------------------------- # 5. Fragen/Vorschlaege/Verbesserungen: -\> Seid ihr noch wach? Was kann und muss ich anders machen? ---\> Wie geht ein Profi sowas an? Was benoetigt man noch fuer die Realisierung( Technologien ) ? ------\> Wie gestalte ich meine Schritte sinnvoll, auch in Bezug auf die Reihenfolge - Techniken - ( oder hilft hier nur die Erfahrung )? --------\> Was habe ich Sicherheitsmaessig noch nicht bedacht? ----------\> Macht eine relationale Datenbank hier ueberhaupt sinn? ------------\> Was habe ich soweit komplett falsch verstanden bzw. muss ich noch wissen? --------------------------------------------------------------------------------------------------------- Vielen Dank und mit freundlichen Gruessen! Moege ein Engel diese Augen, die gelesen haben und diese Zunge die spricht, kuessen.

HAUPTFRAGE: Wie gehe ich mein Webprojekt professionell an? Sehr geehrte Community, Ich habe keine Erfahrung und keine echte Anleitung wie ich ein Projekt korrekt realisiere. Weiterhin verfuege ich ueber keine Erfahrung mit einigen der genannten Technologien, Verstaendnisfehler ihrer Funktions(weise) inbegriffen und moechte gerade aus diesem Grund, ihren Einsatz ueben. Insofern erhoffe ich mir eine Korrektur meiner Planung in die richtige Richtung. Alles richtig, hauptsache nicht nichtig, das ist mir wichtig. [ optional lesen ] heisst, es kann uebersprungen werden! dient lediglich fuer besseres Verstaendnis der Projektmotivation. # Index Ich werde zunaechst erlaeutern, Ausgangssituation, technische skills/starting points Ziele/Probleme Loesungs(ansatz) meine Fragen/eure Vorschlaege/Verbesserungen, evtl. und genaedigerweise! Moege ein Engel deine Augen und Zunge kuessen. --------------------------------------------------------------------------------------------------------- # 1. Ausgangssituation: Warum ich das Projekt umsetzen moechte (Bewerbung Praktikum): [ optional lesen ] { Ich mache eine Umschulung zum Fachinformatiker - Anwendungsentwicklung und nach bestandener Abschlusspruefung Teil 1, steht die Abschlusspruefung Teil 2 an. } [ optional lesen ] { Als Pruefungsvoraussetzung bei der IHK, wird man ein mehrmonatiges Praktikum in ein IT-Unternehmen absolvieren, das explizit Fachinformatiker, nochmals expliziter, Fachrichtung Anwendungsentwicklung, ausbildet. } [ optional lesen ] { Folglich benoetige ich ein Praktikumsplatz... leichter gesagt als getan - die Unternehmen sind, ~einigermassen verstaendlich nicht sehr Risiko- bzw. Investitionsfreudig. Es kostet Zeit, aber meiner Einsicht nach kann man zumindest mal die Person testen. Wieso gibt es keine Standardtests, um zu filtern? Ich will aber die Umschulung abschliessen und anschliessend vernueftig arbeiten, aus dem Grund... siehe Ziele/Probleme... Wie bei allen Sachen immer ein Faktor: ZEIT! } CV[Website] Umsetzung bis 10. Mai 24 (Zeitliche Fristen): Praktikum bis 15. Juni 24, das Praktikum ist dann ab 2. Sept 24 --------------------------------------------------------------------------------------------------------- # 2. Mein Know-How/to-learn: OOP : Programmierparadigma JS-Vanilla (in Bezug auf den DOM, Datenstrukturen und Algorithmen, Asynchonitaet) : frontend CSS, HTML : frontend SQL MySQL : Datenbank git: Versionsverwaltung JSDoc 3 : CodeDokumentation SCRUM Agile, GANTT : Projektplanung UML : Strukturdiagramme Http/s : Protokolle und Sicherheit GangOfFour : Designpatters MVC : Architekturmuster/-konzept TDD und ->Unit-Tests mithilfe von Mocha, grunt : Testing Node.js fuer Server-/Datenbankkommunikation : backend NPM : Packaging --------------------------------------------------------------------------------------------------------- # 3. Ziele:Probleme: ---\> Projektplanung, -umsetzung,-uebung : Wie geht man sowas an? ------\> CV-Website sauberer, lesbarer : sauberer LesAboutMe+Lebenslauf+Kontaktformular+Dokumentation -> Umsetzung der Website --------\> Praktikumsplatz : Projekt fuer meine Abschlusspruefung ----------\> Festigung : Kenntnisse ---\> Schritte(Projekt) initialisieren/festlegen ------\> Zeitmanagement --------\> Datenschutz/Lizenzen ----------\> Qualitaetsmassnahmen ------------\> Sicherheit --------------\> Technologien/Beschaffung ----------------\> Umsetzung --------------------------------------------------------------------------------------------------------- # 4. mein Loesungs(ansatz) ---\> Schritte(Projekt) - n\a noch keine mir bekannte Technik, Zieldefinition nach dem SMART - Prinzip z.B.? ich denke grob planen, umsetzen, gugu was fehlt/nicht funktioniert und ggbnfalls nochmals anpassen ( •_•)>⌐■-■ ------\> Zeitmanagement - das GANTT-Diagramm soll hier hilfreich sein, ich habe auch schon eins im Excel erstellt, wo ich die einzelnen Aktivitaeten bzw. Pfade festgelegt habe - mit grober Zeitplan(Deadlines), um das Projekt bis zum gewuenschten Datum fertigzustellen. Ausserdem habe ich mir in Excel ein Wochen/Tagesplan erstellt, wo ich mir meine taegliche Ziele, anhand meiner Fortschritte in meinem GANTT, festlege. Hauptsache das Grundgeruest steht stabil und irgendwie schaukel ich das dann mit der Zeit! --------\>Datenschutz/Lizenzen/Urheberrecht - Maßnahmen Impressum bzgl. § 5 Abs. 1 des Telemediengesetzes (TMG) nicht noetig, da es ja eigentlich keine kommerzielle Seite sein wird. Ausserdem wird es DSVGO-Konform, insofern da hier auch keine cookies zum Einsatz kommen werden. Ich denke dennoch eins einzubauen, um den Besucher ggnueber in Sachen Vertraulichkeit, Informationssicherheit ein Signal zu setzen. Ueberpruefung der Lizenzen der zum Einsatz kommenden Tools( moeglichst alle MIT license ) GNU GPL in mein Impressum, um meine Seite Urheberrechtlich vor Kopien abzusichern ----------\> Qualitaetsmaßnahmen - Meine Fortschritte werde ich im Nachhinein mit zu Hilfenahme meiner Planung, der Versionskontrolle und mein Programmdokumentation dokumentieren, um bei weiteren Projekten, diese als Blaupause zu benutzen und weiter zu verbessern. Fuer die Versionierung des Repos meiner Website werde ich git benutzen und diese dezentral auf Github anlegen. Ich werde regelmaessige commits machen und die Nachrichten strukturiert und Aussagekraeftig formulieren. Es ist fuer das Grundgeruest nur ein Branch vorgesehen. Ich werde mein package.json initialisieren und pflegen. Ich werde *Units-Tests* mithilfe von Mocha schreiben und moeglichst viel von meinem Code damit abdecken. Anhand der Tests werde ich nach und nach die geplante Funktion realisieren. TDD Ich werde die Tests automatisieren mithilfe von grunt. Ich programmiere so modular wie moeglich. Codereview im Forum Feedback-Formular auf der Website Bewaehrte Design-Patterns nach Lage anwenden: Erzeugungsmuster = { Abstract Factory, Builder, Prototype }, Strukturmuster = { Adapter, Bridge, Flyweight, Decoratoren, Proxies }, Verhaltensmuster = { Iteratoren, Observer, Template Methods fuer meine Dokumentation nachher, Strategy, Mediatoren, Visitor, Chain of Responsibility } Abwaegung eines geeignten Architekturkonzepte wie MVC || MVVM JSLint ------------\> Sicherheit - Maßnahmen http um per Rest API eine Verbidung zu meine DB herzustellen, wo dann die Kontaktnachrichten, Kommentare gespeichert werden secure encryption nach TLS bzw. SSL erstellen, damit die Recruiter sich auch auf die Seite trauen irgendeine Art von Botschutz, damit meine Seite nicht gebottet wird ( muss mich hierzu noch informieren ) Schutz vor Injektionen in meine Website/Datenbank das Grundschutzkompendium des BSI mal abchecken --------------\> Technologien/Beschaffung - IDE - VisualStudioCode { plugins/extensions: [ LiveServer, Prettier Code, Better Comments, npm Intellisense, ESLint von Microsoft ] } github - account git - globale Installation webhosting - bei IONOS oder so, verglichen wird nach Fertigstellung apache fuer server Node.js zweck serverkommunikation und npm mySQL, MariaDB als Datenbank. Mocha, installieren + test.js dateien anlegen? Bootstrap, um paar CSS-Arbeiten abzunehmen JavaScript: Funktionalitaet der Elemente auf der Website Buecher(Empfehlung?): Node.js, TDD CMS ( erst spaeter/keine Pioritaet ) Was habe ich vergessen/nicht beachtet? ----------------\> Umsetzung - - n/a, hier kommt eine Ergaenzung wenn relationale DB dann ein ERM erstellen, diese in die Normalformen ueberfuehren und in ein RDBM ueberfuehren --------------------------------------------------------------------------------------------------------- # 5. Fragen/Vorschlaege/Verbesserungen -\> Seid ihr noch wach? Was kann und muss ich anders machen? ---\> Wie geht ein Profi sowas an? Was benoetigt man noch fuer die Realisierung( Technologien ) ? ------\> Wie plane ich meine (sinnvolle) Schritte - Techniken - ( oder hilft hier nur die Erfahrung )? --------\> Was habe ich Sicherheitsmaessig noch nicht bedacht? ----------\> Macht eine relationale Datenbank hier ueberhaupt sinn? ------------\> Was habe ich soweit komplett falsch verstanden bzw. muss ich noch wissen? --------------------------------------------------------------------------------------------------------- Vielen Dank und mit freundlichen Gruessen! Ich werde meinen Thread, am Samstag Abend leserlicher editieren.