Frontend-Entwicklung – HTML- CSS- JAVA-SCRIPT …. Starte cool durch….
Starte mit Schulhof-Programmierung und schreibe die ersten Code-Zeilen deines Lebens. Du wirst sehen, es ist gar nicht so schwierig. Schau dir die Videos an und versuche die Sachen mal nachzubauen. Schnell wirst du sehen, dass du tolle Ergebnisse erzielen kannst. Wichtig ist, dass du zunächst die Basics lernst und nicht zu schnell voran gehst. Wichtig ist auch, dass du dir die Videos nicht nur kurz anschaust, sondern selber ausprobierst, ob es bei dir klappt. Lade dir Visual-Studio-Code auf deinen Laptop , installiere dir den Live-Server und starte cool durch.
Wenn du eine Webseite entwickeln möchtest, solltest du mit HTMl, CSS und java-Script starten….
Du hast eine Frage? Dann schreib der Programmier-Hexe contact
Frontend-Developing: Starte mit HTML lernen, dann CSS und dann Java-Script…
HTML ist keine Programmier-Sprache sondern eine Markup-Sprache.
Wenn du noch nie im Leben eine Zeile Code geschrieben hast…
Einführung
Wo schreibe ich den Code eigentlich rein? Lade dir dazu kostenlos Visual-Studio-Code auf dein Laptop und installiere dir den Live-Server. Du findest auf der Seite alle Videos dazu. mehr – Programmieren lernen ist zeitaufwendig… Tipp erstelle dir einen Zeitplan
HTML direkt auf einer Webseite ausprobieren – So geht es
Wenn du eine kleine Webseite entwickeln möchtest, kommst du an HTML nicht vorbei. Doch wie kannst du cool starten? Auf w3schools, kannst du den Code direkt eingeben und ausführen. Wie das geht, zeige ich dir hier
HTML-EINFÜHRUNGS-VIDEO (HTML) (38 min)
Figuren drehen mit einfachem Code. Technische Animierung Video 3
Wie kann ich Python-Code in HTML ausführen? Geht das? Video 4
„Hello World“ in HTML ausgeben Video 5
Straßenampel mit HTML / CSS Video
Ein Geburtstagsformular coden nur wie? Video
Ein Bild anzeigen in HTML- Wie geht denn das? Video 6
Ich habe noch nie im Leben eine Zeile Code geschrieben. Welche Übung eignet sich in HTML? Das lila Fußballfeld mehr
Knack die Code-Nuss – Wie gut kennst du dich aus? mehr
Hilfe mein Bild wird nicht angezeigt. Was kann ich tun? Video
Anmerkung / WEBAPP entwickeln. Du kannst aus einer einfachen Webseite auch eine sogenannte Web-App bauen. Du musst deinen Code dazu einfach mit einer json verbinden und kannst dann das ganze mit einem kleinen Icon direkt von deinem Handy aus aufrufen. Veröffentlichen einer Web-App so geht es Schritt für Schritt Anleitung. Wenn dich das gesamte Thema App-Programmierung interessiert dann klicke hier auf der großen Schulhof-Programmierung Übersicht Wie entwickelt man eine App?
HTML – Mini-Projekte für Anfänger
Mini-Webseite bauen mit HTML in Visual-Studio-Code
Coole Beispiele für Anfänger
Eine Mini-Webseite coden und auf Github hochladen. Oh, wie geht das denn? Video 2
Mini-Briefmarken-Webseite bauen und hochladen Video
Eine kleine Smiley-Webseite entwickeln mit HTML Video 7
Programmier-Projekte für Anfänger. Welche sind cool? Video
Mini-Marathon-Webseite erstellen- Starte den Startschuss Teil 1 Video (eher schwieriger)
Mini-Marathon-Webseite erstellen- Starte den Startschuss Teil 2 Video (eher schwieriger)
Dienstplan-System mit HTML, CSS und java-Script bauen Video ( eher schwieriger)
Wie kann ich ein cooles Web-Projekt an meiner Schule planen? – Wer macht was?
Video ( gemeinsam eine Webseite planen)
CSS- lernen ( CASCADING-STYLE-SHEET)
Mit CSS stylst du deine Webseite. Du bestimmst, wo sollen die Bilder hin? Wie soll der Hintergrund aussehen? Wie soll die Schriftfarbe sein usw… etc.. Video 1
Prüfung: Wie gut kennst du dich aus in CSS? Prüfung mit Lösung mehr
Java-Script- lernen
Mit java-Script schreibst du Funktionen. Java-Script ist verantwortlich für das dynamische auf deiner Webseite.
Wie kann ich hier cool mit Java-Script durchstarten? Video 1
Wie kann ich cool mit java-script durchstarten? Video 2
Klapp-Text programmieren in java-Script Video
Was ist Document.write? Video
Einen Accordion-Klapptext mit JS Video
Was ist ein Array – 5 Freunde / Geisterbahn Video
Einen Kreis berechnen in java-Script – code schreiben Video
Zeitberechnungen java-Script Video
Mehrwertsteuer-Rechner in java-Script und auf github hochladen Video
Wurzel ziehen in java-script Video
Prozentrechnung java-Script Video
5 Möglichkeiten java-Script auszugeben Video
Zahlen, Komma und spezielle Schreibweisen in Java-Script Video
Zeitberechnungen in Java-Script Video ( Serie)
Frameworks und Bibliotheken
In der Programmierung gibt es sehr viele verschieden Frameworks und Bibliotheken. Frameworks sind einfach gesagt, sogenannte „Gerüste“. Wenn dir die gesamte Frontend-Entwicklung hier auf der Seite Spaß macht und du bereits HTML, CSS und Java-Script Kenntnisse hast, dann kannst du dich an REACT.JS, oder VUE.JS oder ANGULAR wagen. REACT.JS ist eine Bibliothek und die anderen beiden sind Frameworks. Weitere Frameworks und Bibliotheken findest du hier zur Übersicht. Frameworks und Bibliotheken
Prüfungen- Klassenarbeiten- Tests – Wie gut kennst du dich aus?
Übersicht und Prüfungsraum ( mit Lösungen zum üben und nachbauen)
Wie kann ich meine coole Webseite veröffentlichen? Wie kann ich eine App veröffentlichen?
Zur Übersicht: Wie kann man eigentlich etwas veröffentlichen? mehr
Joe der Klugscheißer
Sicherlich kennst du im Internet oder im Freundeskreis auch Leute, die immer alles besser wissen. Joe behauptet hier im Bereich Programmierung dieses oder jenes und du sollst herausfinden, ob es stimmt. Wie gut kennst du dich aus in der Programmierung?
