Webseite erstellen mit Ruby On Rails #1 - Deutsch/German

Title : Webseite erstellen mit Ruby On Rails #1 - Deutsch/German
Duration : 07:41
Channel : Michael Mark
Label : Ruby On Rails (Software), Web Page, Web Design (Interest), Ruby (Programming Language), Deutsch, Webentwicklung, Programmieren, Michael Mark

Webseite erstellen mit Ruby On Rails #1 - Deutsch/German

Die vollständigen Befehle unter: http://michael-mark.com/webseite-erst... Teil 2: https://www.youtube.com/watch?v=vUufs... Teil 3: https://www.youtube.com/watch?v=568t3... ☕ Alle Links und Befehle zum Projekt ☕ Einfache Navigation über Kapitelmarken ☕ Direkte Hilfe über die Kommentare ···················································································· Ubuntu Linux 14.04: http://www.ubuntu.com/download/desktop Texteditor: http://atom.io ···················································································· Hallo und Willkommen zum heutigen Tutorial Webseite erstellen mit Ruby On Rails - Teil 1. Sollte dir das Framework Ruby On Rails kein Begriff sein findest du unter meinem Kanal hilfreiche Tipps sowie Anleitungen zur Installation. 00:15 Applikation erstellen Okay, los gehts! Zu Beginn starten wir die Console, quasi den Terminal. Ich befinde mich schon in meinem Zielverzeichnis namens screencasts und mit dem Befehl "rails new appname" in unserem Fall wähle ich den Namen myWebsite erstellen wir eine neue Ruby On Rails Applikation. Dies dauert einen kleinen Augenblick. Nachdem die Applikation erstellt ist, möchten wir den Server starten, doch zuvor - halt - nicht vergessen, wir müssen das Verzeichnis wechseln. Mit Hilfe des Befehls "dir" - für directory, können wir den Inhalt des Ordners einsehen. Mit dem Befehl "cd" - für change directory, springen wir in unser Zielverzeichnis. Hier angekommen starten wir zum ersten mal den lokalen Server mit dem Befehl "rails server". Wie wir sehen unter http://localhost:3000 finden wir die Startseite. Wir öffnen das mal mit unserem Standardbrowser und es erscheint eine nette Begrüßungsmeldung "You are riding ruby on rails, welcome aboard!" Gute Arbeit. 02:00 Home Seite - Controller generieren Nun beenden den Server wieder mit der Tastenkombination STRG + C wie Cesar. Unsere Webseite sollte eigene Unterseite haben. Mit dem Befehl "rails generate controller pages home" und der Enter-Taste genieren wir uns die Struktur für eine Seite namens Home. Um das Ruby On Rails Webprojekt im Texteditor anzusehen geben wir den Befehl "atom ." ein, dieser Shortcut funktioniert aber nur, wenn du den Atom.io Texteditor installiert hast. Alternativ kannst du dein Projekt auch über den Dateibrowser mit dem Editor deiner Wahl öffnen. In unserer App angekommen finden wir unter dem Ordner app/controllers einen pages_controller und diesen pages_controller haben wir soeben erstellt. Dieser Controller hat auch schon eine Aktion und die Aktion heißt home. Das heißt wenn wir den pages controller ansteuern und die Home Funktion, dann sollte eigentlich eine Seite erscheinen und zwar diese hier. Probieren wir das ganze einmal aus. "rails server" http://localhost:3000 öffnen, hier sehen wir wieder die Willkommensmeldung, dies ist uns ja schon bekannt und wenn wir jetzt hier localhost:3000/pages/home und die Enter-Taste, dann sehen wir exakt die Seite die wir im Texteditor sehen. 04:08 Aktionen und Views Das heißt, wenn wir das Ansteuern, dann wird zuerst der pages controller aufgerufen, der pages controller hat die Aktion home, was wiederrum bedeutet wenn ich jetzt home mit zwei "e" schreiben würde, dann würde eine Fehlermeldung kommen. Denn diese Aktion ist nicht definiert. Jede Aktion leitet auf eine View weiter, die View finden wir im Ordner views/pages/home.hmtl.erb // pages - pages_controller // home - Aktion home im pages_controller // Diese View können wir jetzt natürlich in unserem Texteditor beliebig verändern. "Welcome! My name is Michael!". Speichern nicht vergessen. Zurück in unserem Standardbrowser, aktualiseren und hier sehen wir, dies spiegelt die View wider. Hierzu braucht ihr den Server nicht neustarten. 05:24 Route-Pfand anpassen Aktuell ist der Route-Pfad quasi http://localhost:3000 mit der Willkommensmeldung versehen. Wir möchten aber hier unsere Homeseite anzeigen lassen und dazu verändern wir das interne Routing. Im Ordner config/routes.rb finden wir das aktuelle Routing. Diese Ziele get 'pages/home' bedeutet nur, wenn jemand diesen Befehl eingibt wird er weitergeleitet. Was im Umkehrschluss bedeutet, wenn wir diesen Befehl mit einer # auskommentieren und speichern, können wir die Seite nicht mehr über http://localhost:3000/pages/home ansteuern. Aber zurück zu unserem root. Wir möchten, dass die Startseite mit der pages Seite versehen ist. "root 'pages#home'" das heißt, wenn der root angesteuert werden soll leite bitte weiter zum pages Controller und übergebe die Aktion home. Speichern und aktualisieren. Voilà, hier sehen wir unsere Hauptseite. Wenn wir jetzt die Seite http://localhost:3000/pages/home wieder aktivieren möchten, dann können wir auch diese beiden Befehle parallel laufen lassen.

Download Video Webseite erstellen mit Ruby On Rails #1 - Deutsch/German