Skip to main content
Dashboard
Alle CS50-Kurse

Archivkurs · historische Inhalte, kein aktueller Zertifikatspfad · für Einsteigerinnen und Einsteiger jeden Alters

CS50 Mobile – Entwicklung mobiler Apps

Archivierter Kurs über mobile Apps mit JavaScript, React Native, Navigation, Daten, Redux, Tests und Veröffentlichung. Die verwendeten Werkzeuge sind historisch.

Offizielle Kursseite

Vollständiger Wochenüberblick

Jede Woche führt zu einer eigenen Lernlektion mit verständlicher Erklärung, Beispiel und Übung. Die offiziellen Vorlesungsseiten und Transkripte dienen als Quellenabgleich und sind freiwillige Vertiefung.

  1. Woche 0: Überblick und JavaScript

    Vorlesungsseite

    Mobile Anwendungen reagieren auf Berührung, Bildschirmgröße und wechselnde Netzwerkbedingungen. JavaScript und React bilden in diesem archivierten Kurs die Grundlage für Komponenten und Zustand.

  2. Woche 1: JavaScript und ES6

    Vorlesungsseite

    ES6 führte unter anderem `let`, `const`, Arrow Functions, Template Strings, Destructuring und Module ein. Diese Syntax vereinfacht Ausdruck und Struktur, verändert aber nicht automatisch die Programmlogik.

  3. Woche 2: React: Props und Zustand

    Vorlesungsseite

    Props geben Daten an eine Komponente weiter; State beschreibt veränderliche UI-Daten. Änderungen am State veranlassen React zu einer erneuten Darstellung.

  4. Woche 3: React Native

    Vorlesungsseite

    React Native rendert native UI-Bausteine und teilt JavaScript-Logik zwischen Plattformen. Navigation, Styles und Geräteschnittstellen werden in der App-Umgebung statt im DOM verwendet.

  5. Woche 4: Listen und Eingaben

    Vorlesungsseite

    Listen werden aus Daten gerendert und brauchen stabile Schlüssel. Eingaben aktualisieren gezielt den Zustand; Validierung und verständliche Rückmeldung gehören zur Interaktion.

  6. Woche 5: Eingaben und Fehlersuche

    Vorlesungsseite

    Touch-Eingaben, Tastatur, Fokus und asynchrone UI-Zustände müssen in Gerätebedingungen getestet werden. Debugging beginnt mit einem reproduzierbaren Fehler und einer Hypothese.

  7. Woche 6: Navigation

    Vorlesungsseite

    Navigation modelliert Wege zwischen Bildschirmen und Übergabe kleiner Parameter. Zurücknavigation muss zum Nutzungskontext passen; geschützte Ziele brauchen Berechtigungsprüfung.

  8. Woche 7: Daten

    Vorlesungsseite

    Persistenz speichert Zustand über App-Neustarts hinweg. Lokaler Speicher, API und Datenbank haben unterschiedliche Synchronisations-, Datenschutz- und Ausfallbedingungen.

  9. Woche 8: Expo-Komponenten

    Vorlesungsseite

    Expo bietet Bibliotheken und Werkzeuge für typische Gerätefunktionen. Berechtigungen, Plattformunterschiede und tatsächliche Gerätetests bleiben notwendig.

  10. Woche 9: Redux

    Vorlesungsseite

    Redux zentralisiert geteilten UI-Zustand mit Aktionen und vorhersehbaren Reducern. Es lohnt sich bei gemeinsam genutztem komplexem Zustand, nicht für jeden lokalen Wert.

  11. Woche 10: Asynchrone Abläufe und Werkzeuge

    Vorlesungsseite

    Asynchrone Aktionen laden Daten, melden Ladezustand und behandeln Erfolg oder Fehler. Entwicklungswerkzeuge helfen, Zustandsübergänge nachvollziehbar zu machen.

  12. Woche 11: Performance

    Vorlesungsseite

    Performance misst Startzeit, Reaktionszeit, Speicher und flüssige Darstellung auf echten Geräten. Profiler helfen, unnötige Arbeit von gefühlten Problemen zu unterscheiden.

  13. Woche 12: Veröffentlichung und Tests

    Vorlesungsseite

    Veröffentlichung umfasst Release-Builds, Konfiguration, Berechtigungen, Plattformprüfung, Crashbeobachtung und Rückmeldungen. Tests decken Logik und Geräteverhalten ab.