Welche App/Website zum programmieren lernen?

Hallo zusammen,
ich habe eine Frage an die Entwickler unter euch.
Im August diesen Jahres fange ich eine Ausbildung zum Programmierer an.
Gerne würde ich mir bereits etwas Vorwissen aneignen.
Seit etwa drei Wochen arbeite ich mit "Mimo" und habe damit auch jede menge Spaß und habe mir ein paar Grundkenntnisse in HTML UND CSS angewinnen können. Dennoch suche ich nach einer Alternativen zu Mimo, da ich oft gelesen habe, dass Mimo nicht wirklich umfangreich wäre und da es die App zumindest in der Web-Version auch nur auf englisch gibt, wäre eine Alternative vielleicht nicht schlecht.

Die Website/App darf ruhig kostenpflichtig sein.
Ich würde mir wünschen, dass es auf dieser Projekte gibt, wo man quasi schon seine eigenen Websiten/Apps, usw. Schritt für Schritt aufbauen kann. Eine Spielwiese, um zu experimentieren wäre auch gut. Ich würde gerne in die Richtung Full-Stack-Development gehen.
Ich freue mich über Empfehlungen! :)
Liebe Grüße

4 Antworten

Mirko Marek

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Mediengestalter Digital und Print

15.03.2024, 16:51

Für dem Einstieg empfehle ich dir mal die Seite selfhtml.org aufzusuchen. Hier findest du auf deutsch sehr gute Artikel zum Einstieg.

Woher ich das weiß:Berufserfahrung – Ich bin gelernter Mediengestalter Digital und Print(IHK)

JustSm1le

Fragesteller

16.03.2024, 16:52

Dankeschön für deine Antwort.
Ich werde mir die Seite mal anschauen und meine Erfahrungen sammeln.
Ich wünsche dir ein tolles Wochenende!

daCypher

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

programmieren, Programmiersprache

15.03.2024, 08:02

Das Beste, was ich bisher zum Thema HTML und CSS gefunden habe, ist freeCodeCamp.org. Das ist auch genau das, was du suchst. Erst baust du in interaktiven Tutorials mehrere einfache Websites in reinem HTML, dann kommt ein "Certification Project", wo du mit deinen Kenntnissen eine eigene kleine Website bauen kannst, dann kommen wieder Tutorials für einfaches CSS + HTML, dann wieder ein Certification Project, dann tauchst du tiefer in CSS ein etc. Und am Ende, wenn du alle Certification Projects geschafft hast, kriegst du ein Zertifikat.

Danach kannst du dann auch noch in andere Bereiche eintauchen, wie z.B. JavaScript, Front End Libraries (JQuery, React + Redux), das D3 Framework, Backend + APIs etc.

Und das Ganze ist kostenlos, wobei du natürlich gerne spenden darfst, damit die Entwickler weiter daran arbeiten können.

JustSm1le

Fragesteller

16.03.2024, 16:51

Das kling tatsächlich genau nachdem, was ich suche!
Ich schaue mir die Seite mal genau an und freue mich darauf, dort etwas neues zu lernen.
Vielen Dank für deine Antwort.
Ich wünsche dir ein schönes Wochenende!

midwinter

15.03.2024, 01:18

Hey,

bitte beachte vorerst, dass das Arbeiten mit HTML & CSS nicht als programmieren bezeichnet wird, ebenso wie HTML & CSS keine Programmiersprachen sind.

Wenn du programmieren starten möchtest, solltest du mit python, JavaScript oder C# anfangen (wobei JavaScript eher Komplex für den Anfang ist.)

Ich habe damals angefangen mit W3Schools (www.w3schools.com) zu lernen. Das hat mir einen super Einstieg gegeben. Dort kannst du von HTML über CSS bishin zu C# alles lernen. Das ist kostenlos.

Eine Alternative zu Mimo ist die App Sololearn. Hier bekommst du Schritt für Schritt durch verschiedene Module und Übungsaufgaben das Programmieren beigebracht. Am Ende eines Kurses gibt es ein Zertifikat. Ich empfehle hier die Pro-Version, die kostet 6,99€/Monat.

Das sind erstmal 2 Dinge, mit denen du starten kannst. Der Rest ergibt sich meist durch Googeln oder YouTube-Tutorials, sobald du selber an die Praxis gehst.

Ich wünsche dir viel Spaß und viel Erfolg beim lernen!

Woher ich das weiß:Studium / Ausbildung

JustSm1le

Fragesteller

16.03.2024, 16:49

Vielen Dank für die Information.
Das ist gut zu wissen!
Ich werde auf W3Schools auf jeden Fall mal vorbeischauen und von Sololearn habe ich tatsächlich bereits gehört und auch schon ein wenig mit geübt.
Danke für deine sehr nette Antwort und ein schönes Wochenende!

Fab1anDev

15.03.2024, 02:17

Programmieren lernen auf einem Handy empfehle ich dir nicht. Lerne für den Anfang die Sprache, die zu dein Interessen und dein Beruf passend ist.

Wenn du ein Laptop hast, dann kann ich dir Learn-By-Doing und exercism empfehlen.

Und gucke nicht nur Tutorials auf YT etc, sonden programmiere aktiv mit und mache eigene Projekte.

Woher ich das weiß:Hobby – Leidenschaftlicher Programmierer

JustSm1le

Fragesteller

16.03.2024, 16:50

Vielen Dank für die freundliche Antwort.
Ich habe mir tatsächlich extra einen Laptop zum lernen gekauft, mit welchem ich seit Anfang der Woche lerne.
Ich schaue auf den beiden genannten Seiten mal rein!
Ich wünsche Dir ein schönes Wochenende!

Fab1anDev

16.03.2024, 18:46

@JustSm1le

Moin,

Learn-By-Doing meine ich, dass du die Sprache, während du programmietst lernst. Also einfach Projekte umsetzen. Hat mir echt geholfen.

Schönes Wochenende.

Ähnliche Fragen

Full stack web developer Ausbildung?

Hallo, erstmal zu mir:

Ich komme jetzt in die 12 Klasse am Gymnasium und würde nach der Schule gerne etwas in Richtung Web development machen. Back oder Front end ist mir nicht so wichtig bzw weiß ich noch nicht, deshalb full stack.

Wie könnte ich denn den Beruf lernen? Habe bisher Grundkenntnisse in ein paar Programmiersprachen. Ich würde eher eine Ausbildung machen als zu studieren, weil ich nach der Schule ausziehen muss und deshalb Geld verdienen muss...

Habt ihr Tipps bzw. wisst wie ich vorgehen soll/wo ich mich bewerben soll?

...zur Frage

Darf ich Apple's Fonts für meine Website nutzen?

Würde gerne nichts für irgendwelche Lizenzgebühren bezahlen, keine Namensnennung etc. und die Schriftart auf meiner eigenen Web Dev Website nutzen.

Die sind auch auf einer apple website

San Fransisco, SF Pro zum Beispiel.

developer.apple.com/fonts

Aber bei mir war eben nicht der Plan eine App im AppStore direkt zu programmieren was ihnen dann auch nutzt sondern für etwas eigenes im Web development dazu sie soll gewerblich für mich selber sein.

...zur Frage

Nächste Schritte für Full Stack dev?

Hallo,

Ich bin auf der Suche nach einem genauen Weg oder Schritte die ich gehen kann nachdem ich mein ersten Full Stack Projekt mit Python Flask ( Backend) und Frontend ( plain HTML, CSS und JS) und Database mit MySQL fertig gecodet habe.

Was genau kann ich jetzt machen um weiter zu kommen. Mein Ziel ist es fähig zu sein komplette professionelle Websiten erstellen zu können die Industrie fähig sind, d.h. Für Firmen, restaurants etc. Oder halt einen job als Full Stack dev zu bekommen.

sollte ich anfangen ein CSS framework lernen, wie bootstrap oder tailwind, oder ist das nur für designer , pur Frontend devs wichtig.
Oder lieber Backend frameworks wie Node.js, oder frontend JS frameworks wir zb react.

Ich weiß einfach nicht genau wo ich weiter machen soll nachdem ich alle Grundlagen berherrsche.

...zur Frage

Welche Programmiersprache(n) nach HTML, CSS, Javascript?

Ich weiß HTML, CSS sind keine aber welche Programmiersprachen sollte man nach Javascript lernen mein Bereich wäre momentan zum Start Webseiten (Webanwendungen) sowie Apps.

...zur Frage

Bestes Webhosting?

Ich will Webseiten verkaufen bzw. für meine Kunden verwalten. Welches ist der beste Anbieter dafür. Die Webseiten sind alle einfach und brauchen nicht so viel Speicher.

...zur Frage

Html, Css, Javascript Search "Bar"(?) machen?

Ich würde gerne auf meiner Website einen Bereich haben wo ich ein Wort eintippen kann und mir dann Sätze usw. aufgelistet werden.

Beispiel: Ich gebe "Hund" ein und es wird auf der ganzen Seite nach dem Wort Hund gesucht und alles auf einer Seite aufgelistet.

Wie kann ich sowas machen? Bin Anfänger was das alles angeht...😅

...zur Frage

Beste IDE für HTML und CSS?

...zur Frage

Mehrere Html seiten mit einer css Datei?

Kann man mit mehreren Html Dateien auf eine Css datei zugreifen um nicht alles von neu zu kopieren usw. Wenn man für alles eigene classes bzw. ids verwendet zB

...zur Frage

Search Bar mir HTML, CSS; Java?

Wie kann ich eine Search Bar mit HTML, CSS und Java Code machen? Ich möchte, dass wenn man was eingibt, eine neue Seite geöffnet wird und auf dieser dann die Suchergebnisse angezeigt werden.

...zur Frage

Website formatierung verschiebt sich immer?

Hallo. Ich hab für die Schule ne website mit html programmieren müssen. Dabei ist mir jedoch aufgefallen, dass wenn ich die website auf dem PC von der Schule öffne, alle Elemente komplett verschoben sind und wenn ich die Formatierung anpasse ist sie wenn, ich sie auf meinem Laptop öffne, wieder verschoben. Wie kann man das ändern?

...zur Frage

CSS-Table zentrieren?

Hallo!

Ich möchte dieses Diagramm und diese Tabelle zentrieren? Doch wie geht das?



<div id="curve_chart" style="width: 900px; height: 500px"></div>

<table class="center">
    <thead>
        <tr>
            <th>ID</th>
            <th>Temperatur</th>
            <th>Zeitpunkt</th>
        </tr>
    </thead>
    <tbody>
        {% for temp in temps %}
        <tr>
            <td>{{temp.id }}</td>
            <td>{{temp.temperatur }}</td>
            <td>{{temp.zeitpunkt }}</td>
        </tr>
        
        {% endfor %}
        
    </tbody>
</table>


{% endblock %}

...zur Frage

Hintergrundbild in HTML anpassen?

Hab neu mit HTML und css angefangen...

Ich möchte zum Anfang als Startprojekt sowas wie einen Lebenslauf gestalten und will eben ein bestimmtes Bild als Hintergrundbild.

background-image: url('thumb2-flag-of-bern-4k-swiss-canton-silk-flag-silk-texture.jpg');
background-repeat: no-repeat;

so steht es in meiner CSS, das passt auch nur ist es nur auf dem Viertel des Bildschirms. Was muss ich noch dazuschreiben damit es 1. nur ein Bild ist und nicht wiederholt wird und es sich an die Tabgröße anpasst?

...zur Frage

HTML Taschenrechner?

Hey ich habe einen HTML Taschenrechner von einer Website kopiert von einer Website und ich will jetzt den Taschenrechner so programmieren das er nicht über hundert rechen kann bzw. Eine Fehler Meldung dann kommt so das immer ein Fehler kommt wenn ich über hundert rechnen tun ich hab schon im Internet mich belesen aber finde nix leider vielleicht könnt ihr mir helfen

<html>
<head>
<title>HTML-Taschenrechner </title>
</head>
<body bgcolor= "# 000000" text= "gold">
<form name="calculator" >
<input type="button" value="1" onClick="document.calculator.ans.value+='1'">
<input type="button" value="2" onClick="document.calculator.ans.value+='2'">
<input type="button" value="3" onClick="document.calculator.ans.value+='3'">
<input type="button" value="+" onClick="document.calculator.ans.value+='+'">
<input type="button" value="4" onClick="document.calculator.ans.value+='4'">
<input type="button" value="5" onClick="document.calculator.ans.value+='5'">
<input type="button" value="6" onClick="document.calculator.ans.value+='6'">
<input type="button" value="-" onClick="document.calculator.ans.value+='-'">
<input type="button" value="7" onClick="document.calculator.ans.value+='7'">
<input type="button" value="8" onClick="document.calculator.ans.value+='8'">
<input type="button" value="9" onClick="document.calculator.ans.value+='9'">
<input type="button" value="*" onClick="document.calculator.ans.value+='*'">
<input type="button" value="/" onClick="document.calculator.ans.value+='/'">
<input type="button" value="0" onClick="document.calculator.ans.value+='0'">
<input type="reset" value="Reset">
<input type="button" value="=" onClick="document.calculator.ans.value=eval(document.calculator.ans.value)">
Solution is
<input type="textfield" name="ans" value="">
</form>
</body>
</html>

...zur Frage

Timer auf Webseite (HTML)?

Wie kann ich in JTML einen Versteckten Tiger stellen, so dass einige Texte erst nach Ablauf des Timers (z.B. 10 sek.) Auftauchen. Der endbenutzer soll davon nichts sehen!

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen