Coole Socke & Checker – Kennst du dich aus?

Erst überlegen…. dann klicken-.)
Lösung: Nein, HTML ist keine Programmiersprache, sondern nur eine sogenannte Markup-Sprache. Willst du z. B. eine Webseite coden, so benötigst du HTML für die Struktur einer Webseite.
Klar, grundsätzlich geht das natürlich. Dann hast du eben nur Texte und kannst Bilder etc. einfügen. Das Problem, das du dann aber sehr schnell haben wirst, wenn du kein CSS dazu nutzt ( CSS ist eine Stylesheet-Sprache, für Style und Layout), dass du dann nicht genau bestimmen kannst, wie soll der HIntergrund aussehen, wo soll genau das Bild hin, das steuerst du alles mit CSS. ( Cascading-Style-Sheet-Sprache).
Nein, du kannst eine Webseite auch nur mit HTML und CSS bauen, dann ist es eben eine ganz einfache Webseite. Allerdings haben heutzutage fast alle Webseiten Java-Script am Start. Damit codest du Funktionen. Java-Script ist für das dynamische einer Webseite zuständig. Beispiel du willst vielleicht irgend etwas berechnen, der User klickt auf einen Button und ein Rabatt wird berechnet auf deiner homepage. Dazu könntest du z. B. Java-Script nutzen, oder wenn du etwas einblenden willst und wieder automatisiert ausblenden willst. Oder wenn du mit gedrückter Maustaste etwas von Links nach Rechts schieben kannst auf einer Webseite ( Drag and Drop), das läuft z..B. auch mit java-script.
Ja, das geht auch, du müsstest den Code allerdings z. B. mit einer Json verbinden. Der User klickt dann auf die 3 Punkte oben auf seinem Handy, klickt „zum Bildschirm hinzufügen“ und dann wird ein kleines Icon erstellt. Der User kann dann die Anwendung als „Web-App“ mit einem kleinen Icon von seinem Handy aus aufrufen, das geht auch. Beispiel Du kannst dazu folgende Webseite nutzen, um deinen Code damit zu verbinden Webseite ( manifest / firebase)
Es gibt viele Möglichkeiten etwas zu veröffentlichen. Nehmen wir an, du hast ein kleines Projekt gecodet, also deine erste kleine Webseite in Visual-Studio-Code gebaut und willst diese online schalten. Dann brauchst du irgend einen Anbieter. Du kannst github, oder Netlify nehmen, oder irgend einen anderen Anbieter. Bei Github oder Netlify hast du den Vorteil, dass wenn es einfach nur eine Testseite ist, die du mal online stellen möchtest, dass dir beim Hochladen direkt eine kostenlose „No-Name-Domain“ erzeugt wird. Natürlich kannst du auch gegen Bezahlung auch eine professionelle Domain kaufen. Eine Domain ist eine Internet-Adresse, unter der deine Seite dann eben online ist.
Nein! Es sind verschiedene Programmiersprachen.
Spiele kannst du mit vielen verschiedenen Programmiersprachen coden. Häufig genutzt
C ++
C# ( Ci – sharp ausgesprochen)
Java-Script
Unity 3- D- Spiele
Scratch
Python und Pygame-Technic
Python und Ursina
Schulhof-Programmierung hat einmal probiert mit Hilfe von Chat-GPT ein Spiel zu entwickeln. Es nennt sich „hüpfende Pfannkuchen“. Du kannst es auf Github kostenlos runterladen und auf der Seite Schritt für Schritt verfolgen. mehr
Anmerkung: Es gibt auf youtube auch ein kleines Spiel: Man kann es nur mit java-script programmieren. Du findest es auf Youtube. Gib dort in die Suche einfach „Snake-Game“ ein. Es ist ein kleines Spiel für Anfänger.
Klar geht das. Du könntest mit Python und TKInter arbeiten, oder mit Python und Pyqt5 Technik. Du findest die Techniken alle auf youtube erklärt. Wenn du cool mit Python starten willst, dann nutz die Python-Übersicht
Es gibt verschiedene Möglichkeiten java-script code auszuführen. 2 Möglichkeiten werden dir hier in der Grafik gezeigt.

Kurze technische Erklärung:
In der Grafik werden 2 Möglichkeiten dargestellt.
Möglichkeit 1
Du schreibst den java-script Code zwischen dem geöffneten und geschlossenen script-Code. Auf der Grafik wäre das ab Zeile 17 könntest du deinen java-script eintragen.
Möglichkeit 2
In der Praxis ist es so, dass man in der Regel hergeht und das java-Script extern auslagert. Dieser Vorgang ist in Beispiel 2 beschrieben. Es wird gemacht, weil man in der Regel sehr viel java-Script-Code hat und dann mehr Platz hat.
Um das java-Script auslagern zu können, also sämtlicher java-Script Code in ein File eintragen zu können, wird in Schritt 1 hergegangen und eine sogenannte „Verknüpfungszeile“ eingefügt. Diese Zeile siehst du in Zeile 21. ( script src…) Der zweite lange gelbe Pfeil zeigt an, dass hier ein „script- file“ extra angelegt wurde, um das java-script auszulagern. ( script.js)
Diese 2 Möglichkeiten solltest du dir unbedingt einprägen.
Hier sind noch einige mehr Möglichkeiten in dem Video ( ausführen von java-script Code – nur wie? )
Wenn du dich fragst, was ist das für eine Programm-Oberfläche, um das ganze mal auszuprobieren, dann nutze Visual-Studio-Code und den Live-Server.
Klar, das geht auch… Check die Seite Pyscript.net. oder schau dir kurz das 5 Minuten – Video an.
Natürlich, das geht natürlich auch. Es gibt sehr viele sogenannte CMS-System. Das sind Content-Management-Systeme. Ganz vorne weltweit liegt sicherlich WordPress, womit du auch eine Webseite machen kannst. Andere CMS-System wären, z. B. Drupal., Typo3, oder das bekannte joomla etc. Natürlich gibt es auch viele sogenannte Baukasten-Klick-Systeme.
Diese Frage ist so allgemein gestellt, wie wenn du fragst: Wo kann ich ein Auto kaufen-:)
Allgemein – Kurz ein paar Techniken.
Willst du eine Android-App programmieren, so nutze java, oder Kotlin.
Willst du eine IOS-App programmieren, so lerne die Programmiersprache “ Swift“
In der App-Entwicklung gibt es spezielle “ Cross- Techniken“. Das bedeutet grob, man schreibt nur einen Code und kann diesen Code dann für Android und für IOS nutzen.
Der Klassiker dieser Cross-Technik ist sicherlich Dart und Flutter. Dart ist die Programmiersprache. Flutter das sogenannte Framework dazu. Wenn du mit dieser Technik arbeiten möchtest, dann lade dir “ Android-Studio“ auf dein Laptop und du kannst durchstarten.
Ich will Dart nur mal kurz testen? Geht das?
Ja, es gibt online, das sogenannte Dartpad. Check es.
Schulhof-Programmierung hat auch eine große Übersicht zum Thema App-Entwicklung schau einfach mal rein mehr
Ja, wenn du z. B. gar kein Computer hast und nur ein Handy, kannst du auch Coden lernen. Es gibt zwischenzeitlich jede Menge Apps, wo du Code kurz ausführen kannst. Der Klassiker ist sicherlich Trebedit-App. Dies ist eine kleine App,, die du dir auf dein Handy ziehst und Html,, CSS, Java-Script ausführen und üben kannst. Ist natürlich cool, wenn du z. B. unterwegs bist und du möchtest kurz etwas ausprobieren. Auch für Python oder andere Programmiersprachen findest du zwischenzeitlich sogenannte „mobile Code Editoren“, die sehr nutzvoll sind, schließlich schleppt man ja nicht den ganzen Tag sein Laptop mit sich-.)
Es ist langfristig auf jeden Fall ratsam, dich in Github einzuarbeiten. Zumindest solltest du wissen, wie man Code dort hochlädt. Im Laufe der Zeit ist es so, je mehr Projekte, oder Sachen du anfängst ist die Gefahr irgendwann sehr hoch, dass du in all deinen Projekten nicht mehr durchblickst, oder du möchtest deinen Code anderen zur Verfügung stellen etc. Ratsam oder eine mögliche Lösung wäre, lege dir ein Github-Repository an, wo du deinen Code reinschieben kannst. Auch kannst du den Code unter einer bestimmten Lizenz laufen lassen. Es gibt private Accounts und öffentliche etc. Auf Github hast du auch die Möglichkeit statischen Code zu veröffentlichen und mit einer „Free-Domain“ zu verbinden.
2 Dinge die du als ( angehender) Programmierer beachten solltest:
a) Erstelle dir ein Github-Profil, wo du deine besten Projekte online stellst. Beim Upload des Codes hast du bereits die Möglichkeit, dein Projekt genau zu beschreiben. Du kannst hier schon hergehen und gezielt beschreiben, welche Techniken du genutzt hast, welches Problem du mit dem Code bzw. deiner Anwendung gelöst hast.
b) Entwickle dir ein professionelles Web-Portfolio. Beispiel ( englisch)
Beides sendest bei deiner Bewerbung natürlich mit.
Wenn du in die Programmierung einsteigst, solltest du dir sogenannte Kurzbefehle / Shortcuts auf deiner Tastatur von Anfang an gut einprägen. Es kostet dich einfach ewig viel Zeit, wenn du nicht weißt, was STRG a / STRG C/ STR V etc. bedeutet und dir STR- Z- Taste auch nichts sagt….
Es gibt bestimmte Tastenkombinationen, die man sehr oft braucht. Du findest auf youtube viele Videos. Gib dort mal den Suchbefehl „nuetzliche Programmier-Shortcuts für Programmierer ein“ und du wirst fündig…. Schnell wirst du sehen, vieles geht sehr viel zackiger…. -.)
Es gibt hier mehrere Möglichkeiten. Du könntest mit Python und Plotly arbeiten, oder mit Chart.js, um 2 Beispiele zu nennen.
PHP lernen
Du könntest hier mit ‚Threejs arbeiten

Wo kann ich mehr davon erfahren? Video
Ja, wenn du alles getrennt voneinander über ein Plugin eingibst, funktioniert das. Im Beispiel wurde ein kleines Dienstplan-System in eine WordPress-Oberfläche eingefügt. Video
„Programmier-Hopping“
Wenn du Anfänger bist und im Extremfall alle 5 Tage eine andere Programmiersprache beginnst, aber nicht dran bleibst. Heute startest du mit Java, nach 3 Tagen fällt dir ein, du willst doch lieber Dart lernen und am Wochenende fängst du dann plötzlich mit C++ an. Am Ende weißt du überall ein bisschen was, kriegst aber dann irgendwie nichts so richtig hin, weil dir wichtige Basics der Sprache fehlen. Dies solltest du als Anfänger unbedingt vermeiden.
Auf youtube findest du zwischenzeitlich zu jeder Sprache endlos viele Videos. Das ist auf der einen Seite natürlich cool, auf der anderen Seite läufst du hier sehr schnell Gefahr, dass du dich schnell in die “ Tutorial-Hölle“ begibst und du natürlich auch möglicherweise endlos viel Zeit verschwendest. Merke: Vom Programmier-Videos anschauen, wirst du kein guter Programmierer!
Du musst selber Coden!
Schulhof-Programmierung hat ja den Gesamtansatz auf der einen Seite, Basics zu verbreiten, auf der anderen Seite projektbasiert zu arbeiten. Das heißt, es werden hier sehr viele einfache Prüfungen, Klassenarbeiten und Schwierigkeiten beschrieben, die du im Code lösen sollst. Wenn du die Basics gelernt hast, mache eigene Projekte. Dies kann ein kleines Spiel, eine Webseite, oder eine kleine App sein, die du versuchst zu realisieren. Viele Beispiele mit Lösungen findest du im Prüfungsraum.
Sicherlich geht das. Oftmals TTS- Technic. Text to speek. Stell dir vor, du möchtest nicht ewig lange Texte lesen, sondern du postest den Text einfach in ein programmiertes Feld und lässt dir den Text bequem vorlesen. Video
Ja, in gewisser Weise kann man mit Excel programmieren. Excel hat eine integrierte Programmiersprache namens VBA (Visual Basic for Applications), die es ermöglicht, Makros und Skripte zu erstellen, um bestimmte Aktionen oder Automatisierungen in Excel durchzuführen.
Mit VBA kannst du beispielsweise:
Makros aufzeichnen, um wiederholte Aktionen zu automatisieren.
Benutzerdefinierte Funktionen erstellen, die nicht in Excel standardmäßig verfügbar sind.
Abläufe automatisieren, Daten manipulieren und auf Ereignisse reagieren.
Ja, das ist zwischenzeitlich in gewisser Weise auch möglich Video
Begib dich in den Cyberspace Nr. 2 und führe dort die 3 Schritte aus…. Du benötigst auf jeden Fall viele Monate Zeit…
Ja, das geht. Du brauchst nicht zwingend ein Studium, oder eine Ausbildung zu machen, wenn du Programmierer werden willst. Allerdings solltest du dich dann in einer Sprache wirklich sehr gut auskennen und das auch nachweisen können. Siehe auch Punkt 16… Was muss ich in einer Bewerbung beachten. Natürlich musst du damit rechnen, dass deine Angaben, die du im Lebenslauf angibst, auch praktisch z. B. in einem Probetag oder durch Tests nachgewiesen werden müssen. Jede Firma hat da unterschiedliche Einstellungskriterien, oder es gibt auch Coding-Tests.
Schlimmster Fehler: Schreibe nicht in deinen Lebenslauf: Technische Skills: Java, Java-Script, C++, Python, C; Swift, Kotlin….
Liste bitte nicht alle Programmiersprachen der Welt in deiner Bewerbung:
Wenn du hergehst und alle Programmiersprachen der Welt dort aufführst, wo du vielleicht mal ein Video drüber angeschaut hast, dann ist das zwar nett, wenn du dabei Spaß hattest, aber das heißt nicht, dass du dann tiefgreifende Kenntnisse hast in dieser Sprache. Gib also in deiner Bewerbung nur die Sprachen / Techniken an, wo du richtig gut bist und dich auch wirklich auskennst. ( Github -Account mit deinen besten Projekten und ein professionelles Web-Portfolio ist auf jeden Fall ratsam, dies in deiner Bewerbung mitzusenden.
Wie code ich ein professionelles Web-Portfolio Video ( englisch)
Ja, natürlich schau mal auf den Programmier-Ticker unter 3. 0
Eine wichtige Unterscheidung. Du solltest unbedingt wissen, was Frontend und was Backend ist in der Programmierung. mehr
Das wird hier auf dem Kanal sehr schön und anschaulich erklärt. Das solltest du unbedingt verstanden haben. Video
Praktisches Beispiel: Dein Kumpel stellt dir die Frage, wie du am besten anfangen sollst. Dann möchte er ja einen Wegweiser ( Roadmap), eine Anleitung haben, wie man am besten vorgeht und vor allem, was man genau lernen soll. Das nennt man auch Roadmap.
Es gibt im Netz auch eine Webseite, die listet die wichtigsten Pfade, egal ob du jetzt als Frontend-Entwickler durchstarten möchtest, oder als Backend-Entwickler, oder C++ lernen möchtest. Webseite Road-Map
Auf Schulhof-Programmierung hast du im Cybespace 2 die Möglichkeit zunächst mal einen Lernplan zu erstellen. Hier kannst du alles eintragen, was du gerne lernen möchtest.
Du wirst dich vielleicht zunächst wundern, über diese doch einfache Frage, aber weißt du, wie man in Visual-Studio-Code den Code auch mal kurz ausdrucken kann? Die Einstellung ist ziemlich versteckt. Schulhof-Programmierung zeigt dir, wie du den Code auch ausdrucken kannst. Video
Die Sache mit dem Getränkehändler und seiner verkorksten homepage Der Fall und die Technik
Ein Projekt kann alles mögliche sein. Eine Homepage, eine App, eine Web-App, oder eine sonstige technische Anwendung die irgend ein Problem löst. Schulhof-Programmierung ist projektbasiert aufgebaut. Das heißt, auf der einen Seite hast du im Cyberspace 2 die Möglichkeit in die Programmierung einzusteigen und Schritt für Schritt zu lernen. Auf der anderen Seite gibt es eine extra große Seite, die eingerichtet wurde, wo sämtliche technischen Herausforderungen in kleine Fälle gepackt wurden und du diese lösen musst. ( Prüfungen und Klassenarbeiten mit Lösungen).. Du findest natürlich alles im Prüfungsraum. Es ist wichtig, dass wenn du Einsteiger bist, langfristig eigene kleine Projekte versuchst zu coden.
Das Desaster: Du möchtest eine kleine Webseite coden, aber dein CSS wird dir nicht angezeigt. Die Stylesheet-Sprache „Cascading-Style-Sheet“, ist dafür da, dass du innerhalb vom Code bestimmen kannst, wo sollen deine Bilder hin, wie soll der Hintergrund aussehen,, welche Farben möchtest du einsetzen. Klingt cool. Doch was machst du falsch, wenn dir dein Style nicht angezeigt wird? …. Achte auf die Verknüpfungszeile im Code…. mehr
Die Style-Sheet-Sprache, wird ja benutzt, damit du bestimmen kannst, wo soll denn das Bild genau hin? Wie soll der Hintergrund deiner Webseite aussehen? Auch die gesamte Farbgestaltung hängt hier mit drin. Machst du das alles nicht, so könnte die Gefahr hoch sein, dass die Leute beim Besuch deiner Webseite vielleicht eingeschlafen sind. -.) Ohne farbliches Design und ohne Aufteilung wird das ganze eher etwas schwierig, denn du willst ja sicherlich, dass die Leute möglichst lange auf deiner Webseite bleiben. HTML, CSS, Java-Script kommen eigentlich auf beinahe fast jeder Webseite vor und sind wichtige Bestandteile. Was ist eigentlich der CSS-Generator?
Technische Anmerkung:
Es werden hier immer neue Anfänger-Fragen unter der Rubrik „Coole Socke“ veröffentlicht. Also schau einfach immer mal wieder hier rein.
Zurück zum Cyberspace für Anfänger