Udemy

Platform

Deutsch

Language

Software Engineering

Category

Frontend Development

Entwicklung einer einfachen To-Do-Liste mit verschiedenen Programmieransätzen

5.00 (4 reviews)

Students

10 hours

Content

Jul 2021

Last Update
Regular Price


What you will learn

Programmieren einer To-Do-Liste mit verschiedenen Programmieransätzen & Frameworks

Entwicklung einer einfache To-Do-Liste mit HTML, CSS & JavaScript

Entwicklung einer einfache To-Do-Liste mit VueJS

Entwicklung einer einfache To-Do-Liste mit ReactJS

Entwicklung einer einfache To-Do-Liste mit Swift und SwiftUI für iOS

Entwicklung einer einfache To-Do-Liste mit kotlin für Android

Entwicklung einer einfache To-Do-Liste mit Unity


Description

Der Kurs "Frontend Development" zeigt Dir anhand von verschiedenen Umsetzungen der funktional gleichen To-Do-Listen-Anwendung, einige unterschiedliche Ansätze beim Entwickeln von Anwendungen für verschiedene Plattformen wie Web, iOS oder Android.

Wir werden dabei die Anwendung dabei mit diesen Hilfsmitteln umsetzen:

  • HTML, CSS & JavaScript

  • VueJS

  • ReactJS

  • Swift & SwiftUI für iOS

  • Kotlin für Android

  • Bonus: Unity (2D/3D Spiele-Engine)

Jedes Kapitel behandelt eine komplett funktionale Anwendung und ist in sich geschlossen, so dass du die Umsetzungen in beliebiger Reihenfolge anschauen und am besten auch mit programmieren kannst. Am Ende jeden Kapitels steht eine kleine, aber komplett funktionale To-Do-Liste, in welche du neue Einträge einfügen, einzelne Einträge als erledigt markieren, bearbeiten und löschen kannst und die auch im Browser bzw. auf deinem Smartphone gespeichert wird.

Ich werde keine Code-Blöcke per Copy & Paste verwenden, sondern werde jede Zeile Code gemeinsam mit dir eintippen und dir jeweils kurz erklären, was dahinter steckt.

Natürlich wirst du im Anschluss in keinem der Programmiersprachen und Frameworks ein echter Experte sein, aber du wirst einen Überblick darüber haben, wie unterschiedlich Software-Entwicklung sein kann und wie sehr sich einzelne Ansätze voneinander unterscheiden, obwohl das Ergebnis - also die To-Do-Liste -  immer ähnlich funktioniert.

Der Kurs richtet sich an Programmier-Begeisterte mit etwas Vorkenntnissen wie z.B. Variablen, Schleifen, If-Verzweigungen und Klassen / Objekte sowie an erfahrenere Programmiere aus anderen Bereichen (z.B. Backend), die sich schnell und einfach einen Überblick über die Entwicklung von Frontends verschaffen wollen.

Viel Spaß beim Anschauen und Mitmachen!


Screenshots

Frontend Development
Frontend Development
Frontend Development
Frontend Development

Content

Einführung

Einführung

HTML, CSS & JavasSript

Einleitung

Installation der Tools unter Windows

Installation der Tools unter Mac OS

"Hallo Welt" in HTML

Statische Liste

Dynamische Liste

Eintrag hinzufügen

Eintrag auf erledigt setzen

Eintrag bearbeiten

Eintrag löschen

Speichern & Laden

Code in mehrere Dateien strukturieren

VueJS

Einleitung

Installation der Tools unter Windows

Installation der Tools unter Mac OS

Umsetzung mit minimalem VueJS-Einsatz

VueJS Projekt aufsetzen

Einträge auflisten

Eintrag auf erledigt setzen

Eintrag hinzufügen

Einträge löschen & bearbeiten

Einen Eintrag als Komponente auslagern

Speichern & Laden

ReactJS

Einleitung

Liste anzeigen

Eintrag auf erledigt setzen

Eintrag hinzufügen

Eintrag löschen

Eintrag bearbeiten

Speichern & Laden

Swift & SwiftUI

Einleitung

Xcode-Installation unter Mac OS

Hinweise zur iOS-Entwicklung unter Windows

Hallo Welt

Liste anzeigen

Eintrag hinzufügen

Eintrag auf erledigt setzen

Eintrag löschen

Navigation zu einem neuen Screen

Eintrag bearbeiten

Speichern & Laden

Android

Einleitung

Installation der Tools unter Windows

Installation der Tools unter Mac OS

Hello World & RecyclerView-Grundlagen

Listendarstellung per RecyclerView

Eintrag auf erledigt setzen

Eiontrag hinzufügen

Eintrag löschen

Eintrag bearbeiten

Speichern & Laden

Erweiterung um ViewModel & mehr Data Binding

Unity

Einleitung

Unity-Installation unter Windows

Unity-Installation unter Mac OS

Statische Liste

Dynamische Liste

Eintrag hinzufügen

Eintrag auf erledigt setzen

Eintrag löschen

Eintrag bearbeiten

Speichern & Laden


Reviews

I
Irene28 July 2021

Gut strukturierter Kurs, welcher Einblicke in viele Frontend-Programmiersprachen und Methoden gibt. Der Dozent erklärt sehr gut und in der passenden Geschwindigkeit. Durch den hohen Praxisbezug kann man selber gleich mit programmieren und selbst bei bisher unbekannten Sprachen ist jeder Schritt nachvollziehbar. Es macht Spaß einmal über den Tellerrand zu sehen und Alternativen kennen zu lernen.

G
Gabriel13 July 2021

Super Kurs! Steffen ist ein sehr guter Lehrer, der Kurs hatte ein perfektes Tempo und er hat alles, was man wissen muss, um sein Frontend-Wissen zu verbessern. Unabhängig davon, ob man Anfänger ist oder schon einige Jahre mit Frontend arbeitet. Dieser All-in-One-Kurs hat sicherlich die meisten Dinge, die ein Frontend-Entwickler braucht.


4156088

Udemy ID

6/30/2021

Course created date

7/9/2021

Course Indexed date
Bot
Course Submitted by