HTML lernen – learning html and css – cascading-style-sheet-programmieren lernen for free

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.

html lernen, css lernen java-script lernen

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)

html,. css, java-script lernen schulhof-programierung

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

html, css, java-script lernen auf schulhof-programmierung

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?

Schulhof-Programmierung

Zur Rubrik

Durch die weitere Nutzung der Seite stimmst du der Verwendung von Cookies zu. Weitere Informationen

Die Cookie-Einstellungen auf dieser Website sind auf "Cookies zulassen" eingestellt, um das beste Surferlebnis zu ermöglichen. Wenn du diese Website ohne Änderung der Cookie-Einstellungen verwendest oder auf "Akzeptieren" klickst, erklärst du sich damit einverstanden.

Schließen