[ professionelle, technische Umsetzung ] Projekt: eine CV website erstellen (Webdevelopement)

[NMM]

 

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,

1. Ausgangssituation,
2. technische skills/starting points,
3. Ziele/Probleme,
4. Loesungs(ansatz),
5. 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:

 

Zitat

**Solide Kenntnisse:

• 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

 

Zitat

**Festigung Kenntnisse mithilfe des Projekts:

• 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:

 

Zitat

Ziele:

---\> 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)

 

Zitat

Probleme(spezifisch):

---\> Schritte, Reihenfolge(Projekt) initialisieren/festlegen

------\> Zeitmanagement

--------\> Datenschutz/Lizenzen

----------\> Qualitaetsmassnahmen

------------\> Sicherheit

--------------\> Technologien/Beschaffung

----------------\> Umsetzung

---------------------------------------------------------------------------------------------------------

# 4. mein Loesungs(ansatz):

 

Zitat

Loesungen:

---\> 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:

 

Zitat

Fragen: Einige Fragen doppeln bzw. ueberschneiden sich

-\> 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.

 

 

Bearbeitet 27. April von NMM
Lesbarkeit

[Thanks-and-Goodbye]

Da doppelt und in der anderen Frage schon Antworten eingetroffen sind: hier geschlossen.