Programmier-Garten-Programmierung für Anfänger-Übungen-Fragen

Der Programmier-Garten

Programmieren für Anfänger- Der Programmier-Garten

Navi: Sprachen /Frameworks/Frag-Franky/doof/Facebook group/ Fehlerteufel/

Der Programmier-Garten von Schulhof-programmierung, 
Programmierung lernen für Anfänger
Schulhof-Programmierung
Programmier-Garten

Schnell-Check: 17 Gärten

Inhaltsverzeichnis-Programmier-Garten

Garten 0 App programmieren

Garten 1 Frontendentwicklung ( HTMLCSS JAVA-SCRIPTJava-Script-Snippets

Garten 1 a Frameworks / Bibliotheken

Garten 2 Python / Pycharm

Garten 3 andere Sprachen Java, C++, PHP, Kotlin, Dart etc.

Garten 4 Homepage entwickeln mit WordPress

Garten 5 Eigener Video-Kanal bauen – Erklär-Videos – youtube

Garten 6 Virtuelle Programmier-Lernumgebungen

Garten 7 Schwarzes Brett

Garten 8 Fehlerteufel

Garten 9 doofe Fragen

Garten 10 Statistik-Garten / Data Scientist /

Garten 11 Informatik studieren / Ausbildung machen

Garten 12 Spiele Entwickler – Sprache / Studium

Garten 13 Excel und VBA

Garten 14 Daten-Visualisierung

Garten 15 Typescript

Garten 16 Programmier-Freunde finden

Garten 17 selbständig als Programmierer / Freelancer

Garten 18 Alarm-Glocke – Smiley-Coding-Sessions

Virtuelle Programmier-Smiley - Coding-Sessions

Virtuelle Programmier-Coding-Sessions mehr

Wie kann ich Hilfe holen, wenn ich nicht weiterkomme?

Möglichkeit 1

Geh in die neue Facebook-Gruppe von Schulhof-Programmierung group

Möglichkeit 2

Auf der Seite des Fehlerteufels findest du viele Foren, technische Facebook-Gruppen, Hilfe-Plattformen gelistet, du musst dazu etwas nach unten scrollen auf der Seite. Zum Fehlerteufel

Möglichkeit 3

Poste dein Problem direkt unter den Kanal.

Möglichkeit 4

Vernetz dich mit Coderdojos und freien Programmier-Gruppen in deiner Stadt check

Möglichkeit 5

Frag Franky

Erklär-Videos- Schulhof-Programmierung
Antwort: Da Schulhof-Programmierung immer größer wird, findest du hier 2 Videos dazu. Eine allgemeine Einführung und das Arbeiten mit dem Programmier-Garten.

Video 1 – Allgemeine Einführung

Video (15 min)

Video 2 Arbeiten mit dem Programmier-Garten

Video (15 min)

Informatik-Vorlesungen - Uni
Was ist der Programmier-Garten?

Der Programmiergarten bietet dir momentan 2 Möglichkeiten in die Programmierung einzusteigen. Die klassische Frontend-Entwicklung (HTML, CSS, JAVA-SCRIPT, wenn du Webseiten, oder Apps entwickeln willst, oder Python. Willst du eine andere Sprache lernen, dann klick auf den Link Sprache.

Schlimmster Fehler, den du am Anfang machen kannst, dass du zu schnell schwierige Aufgaben versuchst zu lösen, Kapitel überspringst und so die Grund-Synthax einer Sprache nicht genug beherrscht. Das heißt, du bekommst ständig Fehlermeldungen. Fehlermeldungen sind ganz normal, aber wenn sie sich dadurch häufen, weil bei dir schon die Grundkenntnisse fehlen, dann kostet es dich eine Menge Zeit, dieses später nachzulernen. Gehe also unbedingt langsam und Schritt für Schritt vor. Programmieren lernt man nicht innerhalb weniger Tage, sondern es ist monatelanges, ja jahrelanges Lernen nötig, um richtig gut zu werden, weil sich natürlich auch die Techniken verändern. Willst du in die Frontend-Entwicklung gehen, so ist es sicherlich wichtig, dass du dich auch mit Frameworks und Bibliotheken auskennst und nicht nur mit HTML, CSS und Java-Script.

Einfach gesagt: Das HTML bildet das Grundgerüst, mit CSS stylst du das ganze und java-script löst z. B. aufgrund einer Funktion, wenn du auf einen Button klickst, etwas aus. Später, wenn du die 3 Dinge gut beherrscht, ( HTML, CSS und Java-Script), dann solltest du dich mit React, oder vuejs, oder wenn du Lust hast, mit Angular beschäftigen. Für Angular ist es wichtig, dass du gute Kenntnisse in java-script hast, es kommt hier auch Typescript dazu, deshalb ist Angular eher nichts für komplette Anfänger. Eine Zusammenstellung dazu und wichtige Videos auch in English, habe ich dir hier zusammengestellt zu den genannten Frameworks. Achte darauf, dass du am Anfang wie bereits oben genannt mit einfachen Übungen und langsam loslegst und dich dann langsam steigerst. Gehst du zu schnell vor, rächt sich das meistens in vielen Fehlern, die dir angezeigt werden, kommst du dann nicht weiter, kann das schnell frustrierend sein. Die Basics zu lernen sind also unheimlich wichtig. Mach keine großen Projekte am Anfang!

Schwerpunkte bilden hier die klassische Frontend-Programmierung, also HTML, CSS, JAVA-Script. Mit HTML, CSS und Java-Script kannst du Webseiten coden, oder Apps entwickeln. Um die Übungen nachzuvollziehen, solltest du dir Visual-Studio-Code oder einen anderen Editor downloaden. Lerne die Logik hinter jeder Zeile zu verstehen. Interessiert dich Python? Dann kannst du dich hier mal umschauen. Python

Ich bin schon eher fortgeschritten…

Bist du schon fortgeschritten, oder du suchst etwas in Java, oder C# , Kotlin, oder willst dich in Dart und Flutter einarbeiten um coole Apps zu programmieren oder eine andere Sprache, dann findest du hier viele technische Anleitungen und Videos von Programmieren. Sprachen-Übersicht

Der Fehlerteufel

Wenn du erste Schritte machst in die Programmierung ist es wichtig, dass du den Fehlerteufel kennenlernst. Hier habe ich dir alles zusammengestellt, auf was du am Anfang so achten musst. Wichtigster Schritt, vernetz dich in Programmier-Gruppen, schau dich um, welche Plattformen für dich nützlich sind, wenn du nicht weiter kommst beim Coden. Bau dir ein Netzwerk von Leuten auf, die du fragen kannst, wenn du nicht weiterkommst, oder geh in Facebook-Gruppen und lerne mit Stackoverflow umzugehen. Später dann mit Github. Alle Infos findest du beim Fehlerteufel

Und nicht zu vergessen. Franky´s Tipps . Doch wer ist Franky?

Es geht los:

wie programiert man eine App
Garten 0

Garten 0

App-Programmierung mehr

Frontend-Entwickllung Programmierun für Anföänger
Garten 1 – Frontend-Entwicklung

Garten 1 : Die Frontend-Entwicklung (HTMLCSSJAVA-SCRIPT)

Garten 1 FRONTEND einfache Übungen für totale Anfänger

Frontend-Entwicklung – HTML-CSS-JAVA-SCRIPT mit Lösungen

Visual-Studio-Code installieren: - Wie geht das?
Um in die Frontend- Programmierung einzusteigen, ( Webseiten und Apps programmieren), werden hier einfache Übungen mit Visual-Studio-Code gezeigt. Visual-Studio-Code ist sehr komplex und es gibt sehr viele Einstellungen. Schau dir dazu die Videos im Vorfeld an, downloade Visual-Studio-Code und beginne dich langsam von Übung zu Übung durchzuarbeiten.

Der Frontend-Entwickler mehr

Video 1 Installieren

Video 2 Visual-Studio-Code für Anfänger

Video 3 spezielle Erweiterungen von Visual-Studio-Code

Video 4 Wie erzeuge ich ein HTML-Gerüst mit einem Ausrufezeichen?

Video 5 Wie starte ich den Live-Server?

10 Einsteiger-Übungen - Frontend-Entwicklung HTML- CSS- JAVA-SCRIPT

Lern- Videos

Wie funktioniert HTML

Wie funktioniert CSS

Wie funktioniert Java-Script

Was kann man eigentlich mit HTML, CSS für das Styling und JAVA-SCRIPT machen?

Hinweis für Anfänger: Mit HTML, CSS, Java-Script kannst du Webseiten coden, Apps programmieren, oder auch kleine Spiele programmieren. Das HTML bildet das Grundgerüst, das du benötigst. Mit CSS stylst du die Seite, oder kannst z. B. coden, an welcher Stelle das Bild kommen soll und mit Java-Script das ist die eigentliche Programmier-Sprache hiermit schreibst du die Funktionen oder ähnliches. Ein praktisches Beispiel: Du klickst auf einen Button und dann wird irgend etwas ausgeführt im Hintergrund. Dafür wäre z. B. Java-Script zuständig. Wenn du noch nie im Leben eine Zeile Code geschrieben hast, dann empfehle ich dir, mit dem lila Fußballfeld anzufangen. Es zeigt dir, erste Schritte mit Visual-Studio-Code, wie du erste Eintragungen machst und wie du den Live-Server starten kannst, um auch zu sehen, was du programmiert hast. Das heißt, damit du überhaupt starten kannst arbeitet man am besten mit einem Quellcode-Editor, als einem Programm, wo du den Code einträgst. Viele nutzen Visual-Studio-Code, deshalb wird im Schwerpunkt hierauf eingegangen. ( Weiter oben findest du eine genaue technische Anleitung, wie man mit Visual-Studio-Code arbeitet und was Extensions sind, also sogenannte Erweiterungen in Visual-Studio-Code und welche du dir einrichten kannst.

Auf das komplexe Thema Apps programmieren bin ich hier näher eingegangen. App

Übungen- Frontend-Entwicklung- HTML, CSS – JAVA-SCRIPT

Übung 1 Das lila Fußballfeld mehr

Übung 2 Pizza-Menü-Karte mehr ( Special)

Übung 3 homepage entwickeln Video

Übung 4 Eier-Uhr-App mehr

Übung 5 To-Do-Liste und Spiel Video

Übung 6 Taschenrechner ( APP) Video

Übung 7 Klicker-Spiel Video

Übung 8 Landing-Page in einer Stunde ( deutsch) Video

Übung 9 HTML-Formular stylen mit CSS Video

Übung 10 Landing-page – 5 Stunden Video (engl) Video

Übung 11 Snake in java-script programmieren Video

Nützlicher Link : Java-script.info

Tipps von Franky Frontend

Tipps von Franky - Frontend

Tipp: Apps kannst du natürlich auch mit Dart und Flutter programmieren eine Übersicht findest du hier oder wenn du in Richtung IOS-Entwicklung gehen möchtest, schau dir mal Swift und x-code an. Du findest diese unter Sprachen.

Wichtiger Tipp: Starte langsam, mach keine zu großen Schritte lerne erst HTML, CSS, und Java-Script und beschäftige dich erst später, mit den Frameworks, wenn du erste Übungen oben gemacht hast und schon eine Weile dabei bist. Es ist sehr wichtig, dass du dir sehr gute Grundkenntnisse aufbaust. Gehst du hier zu schnell vor beim Lernen, so wirst du später beim Programmieren Probleme bekommen, wenn du die Grundkenntnisse nicht kannst und die Fehlermeldungen werden sich häufen.

Tipp

Schau dir zum Thema Java-Script auch das Thema Java-Script und Module an. Video

Ich bin in HTML – CSS und JAVA-SCRIPT FIT

Wenn du im Bereich Frontend -Entwickler weiter lernen möchtest, dann solltest du dich zusätzlich mit Frameworks und Bibliotheken beschäftigen. Z. B. React, oder Vue.js oder Angular. Eine Übersicht mit vielen Videos und Anleitungen dazu findest du hier. Zu den Frameworks

KEIN SPRACH-HOPPING – Was bedeutet das?

Vermeide es unbedingt, von Sprache zu Sprache am Anfang zu springen. Lerne so lange, bis du meinst, du hast wirklich tiefgreifende Kenntnisse in einer Sprache. Eine Programmiersprache lernt man nicht in ein paar Tagen. Ausschlaggebend später im Job wird es nicht sein, was du gelernt hast, sondern in welchen Projekten du gearbeitet hast, oder was du praktisch umgesetzt hast, oder welche Probleme du in der Vergangenheit als Programmierer bereits gelöst hast in der Programmierung ,oder welche Apps, Webseiten, technischen Anwendungen du bereits praktisch umgesetzt hast oder auch in deinem Portfolio vorzeigen kannst.

Versuch dir in einer Sprache ein Expertenwissen aufzubauen, aber wechsle die Programmiersprache nicht täglich wie deine Socken-:)

Gruppe 2 FRONTEND mittel-schwer

noch keine Aufgaben

Gruppe 3 FRONTEND Fortgeschritten

noch keine Aufgaben vorhanden

Garten 1 a – Frameworks /

Garten 1 a

Frameworks Übersicht

Lerne Python Programmier-Garten
Schulhof-Programmierung
Garten 2 – Python

Garten 2 Lerne Python

Hilfe, Wie steige ich am besten in Python ein?

Schulhof-Programmierung hat dir hier vieles zusammengestellt zum Thema Python und wie du einen guten Start hast. Du kannst hier auch die kleinen Einsteiger-Übungen machen und nachbauen. Große Übersicht Python

Gruppe 1 – Python Anfänger – Übungen

Wofür wird Python verwendet? Video

Übung 1 Die Kneipe Video

Gruppe 2 Python Mittel-schwer

Übung 1 Ein Spiel entwickeln mit Pygame Video

Gruppe 3 Python Fortgeschritten

keine Eintragungen

Garten 3 : andere Programmiersprachen

Garten 3 andere Programmier-Sprachen

Java, Kotlin, PHP, C, C# und andere Programmier-Sprachen und Einsteiger Videos findest du hier

Du hast ein Problem? Frag Franky

schulhof-Programmierung
Garten 4 Homepage mit WordPress erstellen

Garten 4 Homepage und Webseite mit WordPress

Wie plant man eine kleine Webseite für ein Schulprojekt? Video

Was brauche ich für eine WordPress-Seite? Provider- Internet-Adresse mehr

Programmierung für Anfänger, Pyhthon Html, css, java-Script
Garten 5 Eigener youtube-Kanal-Erklär-Videos erstellen

Garten 5 Videos erstellen

Videos erstellen – youtube-Kanal machen – Screencast mehr

Garten 6 virtuelle Lernumgebungen

Garten 6 – Virtuelle Lernumgebungen

Virtuelle Lernumgebungen mehr

Garten 7 schwarzes Brett

Garten 7 Schwarzes-Brett

Schwarzes-Brett

Garten 8 Fehler-Teufel

Garten 8 Fehlerteufel

Auf was du am Anfang achten solltest Der Fehler-Teufel

Programmierung für Anfänger
Garten 9 Doofe Fragen gibt es nicht

Doofe Fragen gibt es nicht

Doofe Fragen gibt es nicht mehr

Garten 10 Statistik – Garten

Statistik-Garten

Statistik-Übersicht

Video-Kanal eines Professors für Mathe und Statistik Video

Wie wird man eigentlich Data-Scientist? mehr

R Einführung (engl) Video

Beste Facebook-Gruppe Statistik mehr

Garten 11 – Ausbildung – Studium- Quereinsteiger

Garten 11 Ausbildung – StudiumInformatik

Ausbildung – Studium- Quereinsteiger Übersicht

Mathe studieren Video

Garten 12 – Spiele-Programmierung

Garten 12 – Spiele Programmierung

Wie werde ich Game-Designer? Welches Studium? Welche Sprache muss ich lernen? Übersicht

Excel lernen
Garten 13 Excel und VBA

Garten 13 EXCEL und VBA ( Makro-Programmiersprache)

Excel und VBA

Visual Basic for Application (kurz: VBA) ist die integrierte Makro-/Programmiersprache, du kannst damit Programme entwickeln, Schaltflächen bauen etc. Video ( 2 Stunden )

Ich möchte nur Excel lernen, ohne Visual-Basic. Bau eines kompletten Krankenhaus-Dienstplan-Systems, mit Video-Anleitung wie der Plan rechnen soll, als praktische Übung zum Nachbauen. Vorteil, wenn du Excel lernen möchtest, in einem Dienstplan-System musst du sehr viele Funktionen von Excel nutzen, lernst schnell wie man eine Formel einsetzt, Tabellen anlegt, mit der bedingten Formatierung umgehen sollte, damit eine Zelle automatisiert eingefärbt wird. Komplexe Aufgabe mit Lösung zum Nachbauen und Excel zu lernen, ohne Programmierkenntnisse. mehr

Wie kann man viele Excel-Dateien nach Python verschieben, um sie dort weiterzuverarbeiten? Video

Übung 2 EXCEL – CRASHKURS-SPECIAL

Kleines Programm bauen Bau eines Stundenplans mit Link-System in Excel mehr

schulhof-Programmierung- programmierung für Anfänger, python, Html, CSS, Java-Script- Programmier-Garten
Garten 14 Daten-Visualisierung

Daten-Visualisierung mehr

Programmier-Garten- Programmieren lernen für Anfänger
Garten 15 Programmier-Freunde finden
Garten 15 Typescript

Garten 15 Typescript

Typescript ( Video -Serie ) Video

Programmier-Freunde finden, lernen zu Programmieren- Programmieren für Anfänger, Angular, Typescirpt
Garten 16 – Programmier-Freunde finden

Garten 16 – Freunde finden und Coderdojos

Programmier-Freunde finden
Programmierung für Anfänger
Programmier-Freunde finden und sich vernetzen

Es ist wichtig, dass du dich vernetzt, wenn du anfängst zu programmieren, damit du dir auch Hilfe holen kannst, wenn du selbst zuhause nicht weiter kommst. Hast du dann niemand, so kann das schnell frustrierend sein, wenn du plötzlich kryptische Fehlermeldungen in Python oder anderem System bekommst und du findest im Netz einfach keine Lösung, oder kennst die entsprechenden Gruppen, oder Anlaufstellen nicht. Schlimmstenfalls, gibst du das Programmieren auf, was sehr schade wäre. Schau dich hier etwas um, die Liste wird ständig von Schulhof-Programmierung erweitert.

Es gibt Deutschlandweit viele freie Programmiergruppen in Städten, diese nennen sich Coderdojos. Eine riesige Auswahl von Coding-Plattformen wurde hier für dich zusammengestellt. mehr

Angular- Freunde finden: mehr Was ist nochmals Angular? mehr

Coderdojos-Deutschland homepage

Facebook-Gruppe Schulhof-Programmierung group

Facebook-Gruppe Java-Script ( Deutsch) group

Facebook-Gruppe HTML, CSS, Java-Script (engl) group

Facebook-Gruppe Python ( Deutsch) group

Facebook-Gruppe WordPress ( Deutsch) group

Webentwickler Austausch ( Deutsch) group

Stackoverflow homepage Was ist das genau? Video

Git / Github Was ist das genau? Video

Frag Franky

Schulhof-Programmierung- Programmieren für Anfänger Python, HTML, CSS, Java-Script, Java,
Garten 17 – Freelancer- Selbständig machen als Programmierer

Tipps & Aufträge – Facebook Gruppen mehr

Garten 18 Alarm-Glocke- Smiley-coding-Sessions

Smiley-Coding-Session – Alarm-Glocke

Smiley-Coding-Session-Alarm-Glocke

Gemeinsam virtuell programmieren: Ob eine Smiley-Coding-Session stattfindest siehst du immer an der Alarm-Glocke. Steht dort „Nein“, findet derzeitig keine Session statt. Den aktuellen Stand kannst du immer direkt auf der Startseite ansehen. Ist auf der Startseite die Zahl 1 unter Alarm geschaltet, dann findet eine Smiley-Coding-Session statt, ansonsten findet im Moment keine statt. Natürlich wird auch in den News extra darauf aufmerksam gemacht. Zur Startseite, um mir das anzusehen. Start

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