SuebenIT


Anfänger Tutorial Neos 3

Workshop für Quer-, Um- und Einsteiger

 

Teil 1 - Neos 3 installieren

Da gibts nicht viel zu sagen. Wir werden Schritt für Schritt Neos installieren. Du installierst Neos 3 auf dem Webspace deines Providers. Ich gehe auch auf eine ganze Reihe an Fehlermeldungen ein. So daß einiges an Eventualitäten mit abgedeckt ist. Alternativen, wie bspw. es in einer VM zu installieren fürs "mags dahoim testen" - mal schauen. Du müßtest die Datenbank selber installieren, den Webserver, für die richtige PHP-Umgebung sorgen, usw. Vielleicht später mal.

Teil 2 - Einführung in Neos 3

Dieser Teil ist zweigeteilt. Im ersten Abschnitt lernst du Neos zu bedienen. Neue Seite anlegen, verschieben, löschen. Inhalte - dh. Überschriften, Texte, Bilder, etc. - erstellen. Du gehst erste Schritte im Neos "Workflow". Änderungen sind nicht gleich online, sondern erst wenn du es willst. Neos nennt das "Publish to live" :-) Im zweiten Abschnitt stillst du endlich deine Bedürfnisse. Du legst ein eigenes Design deiner Seiten fest. Wo ist mein Hauptlogo, gibts einen Footer? Wo ist das Menü, gibts eine Sidebar? Welche Farben, Hintergründe? Integrierst deine CSS. Kannst es Responsive haben oder nicht. Usw. Wir bleiben aber komplett bei den Standardmöglichkeiten von Neos. Dh. du "programmierst", fügst (noch :-)) keine eigenen Objekttypen hinzu. Es ist als Anfängertutorial für Anfänger geeignet :-)

Teil 3 - Neos 3 anpassen

Wir springen nicht gleich vom 10-Meter-Turm, tauchen aber schonmal ein bisschen ein in Neos Struktur und Interna. Wir werden ein paar der Basis-NodeTypes an unsere Bedürfnisse anpassen. Nichts wirklich kompliziertes. Doch du weißt hinterher, wo du die Stellschrauben findest, und welche Knöpfe du wie drücken mußt, um die unterschiedlichsten Ergebnis zu erhalten.

Teil 4 - Menüs in Neos 3

todo

Teil 5 - Unterschiedliche gleichzeitige Seitenlayouts/PageTemplates

todo

Teil 6 - Einfache NodeTypes in Neos 3 erstellen

a) Wir setzen die in Teil 3 angesprochene Vererbung um. Am Beispiel unserer Basistypen, sitHeadline, sitText usw. Und Besprechen einige Vor- und Nachteile anhand unserer sitImage. b) Wir lästern ein wenig über den aktuellen Stand der CMSe (nicht nur Neos, sondern bspw. auch WordPress), daß sie sich auf die Fahnen schreiben das Neueste vom Neusten zu sein, aber immer noch nicht (sinnvoll!) auf div-Container als Basis des Editierens umgestellt haben. Wir lästern aber nicht nur, sondern liefern ein konstruktives, positives Ergebnis: erweitern unser sitText sinnvoll, um das mit den div zu ermöglichen, gleich mit CSS und styles-Möglchkeiten für den User. c) Wir führen (min.) ein neues einfaches NodeType ein: sitSourceCodePrettify. Zum einen weil nur Übung den Meister macht. Zum anderen erweitern wir das Geübte auf Integration externer JavaScript-Bibliotheken/-Frameworks.

Teil 7 - Komplexe NodeTypes in Neos 3 erstellen

todo

Teil 8 - Neos 3 Tutorial Quintessenz (todo)

a) Wo finde ich was - in den verschiedenen Verzeichnissen auf dem Server. Dh. wo sind die Templates, wo stehen die yaml-Dateien mit den NodeType-Definitionen, wo ist der Fusion-Code? Aber auch, wo hat Neos den Neos-eigenen Code, Templates, usw. Dh. wo finde ich "Kopiervorlagen" bzw. wo kann ich mich informieren, was mit meiner eigenen NodeType geschieht, wenn sie von dieser oder jener Basisklasse erbt?

b) Komprimierte Zusammenfassung der Bedienung. Backend, usw.

c) Überblick über die Stärken und Schwächen von und die Möglichkeiten mit Neos 3. Bezogen auf das Tutorial, dh. was selbst nachvollzogen und verstanden werden kann.