Teach on Udemy

Turn what you know into an opportunity and reach millions around the world.

Learn More

Your cart is empty.

Keep shopping

Entwickle einen Instagram Klon | Swift iOS 13 und Firebase

Name: Entwickle einen Instagram Klon | Swift iOS 13 und Firebase
Rating: 4.7 (143 reviews)

Instagram Klon mit Swift, iOS 13, und Firebase. Posts erstellen, kommentieren, Front-Rückkamera nutzen und mehr...

Created byChristian Gesty

Last updated 11/2019

German

What you'll learn

Front- und Rückkamera nutzen
Fortgeschrittene Themen in der Programmierung kennen lernen
Firebase verstehen und anwenden können
Effiziente Datenbankstrukturen und Abläufe schaffen
Verschiedene Programmier Pattern kennen lernen wie z.B. Singleton oder das Model View Controller (MVC)
Das delegate Pattern verstehen und anwenden können
TableView verstehen und anwenden
CollectionView verstehen und anwenden
UIPageViewController verstehen und anwenden
Storyboard Reference anwenden
Segues anwenden
Verstehen wie man mit mehreren UIViewControllern zusammen arbeitet
Eine komplexe App bei der Entstehung zuschauen
Arbeiten mit CocoaPods um andere Bibliotheken einzubinden und diese zu nutzen
Extension nutzen um übersichtlichen Code zu erstellen
Posts liken, kommentieren und alles in Echtzeit
Leuten folgen, Profile suchen und mehr
Selfies mit der Frontkamera machen und posten
Automatisches einloggen
Hashtags nutzen
Post nach der Zeit sortieren
Notifications erstellen, um User zu informieren über neue Ereignisse

Course content

29 sections • 271 lectures • 30h 53m total length

Einleitung und der Aufbau des Kurses1:47
Hier findest du eine Übersicht wo etwas im Kurs zu finden ist und wo du mit dem Kurs anfangen kannst.
In eigener Sache1:27
Video in eigener Sache.

Optionals8:22
Wichtige Themen werden in diesem Video wiederholt, damit dir der Kurs evtl. leichter fällt.
Closure - 16:29
Wichtige Themen werden in diesem Video wiederholt, damit dir der Kurs evtl. leichter fällt.
Closure - 29:18
Wichtige Themen werden in diesem Video wiederholt, damit dir der Kurs evtl. leichter fällt.
Escaping Closure8:05
Wichtige Themen werden in diesem Video wiederholt, damit dir der Kurs evtl. leichter fällt.
Array8:40
Wichtige Themen werden in diesem Video wiederholt, damit dir der Kurs evtl. leichter fällt.
Dictionary - 18:16
Wichtige Themen werden in diesem Video wiederholt, damit dir der Kurs evtl. leichter fällt.
TableView - 19:23
Wichtige Themen werden in diesem Video wiederholt, damit dir der Kurs evtl. leichter fällt.
TableView - 26:09
Wichtige Themen werden in diesem Video wiederholt, damit dir der Kurs evtl. leichter fällt.
CollectionView - 17:50
Wichtige Themen werden in diesem Video wiederholt, damit dir der Kurs evtl. leichter fällt.
CollectionView - 24:25
Wichtige Themen werden in diesem Video wiederholt, damit dir der Kurs evtl. leichter fällt.

Überblick2:38
Hier zeige ich dir was du in diesem Kapitel entwicklen wirst und um welche Funktionen die App erweitert wird.
Login Screen erstellen10:24
Hier wirst du, dass Design des Login der App erstellen.Der User wird die Möglichkeit haben sich per Email und Password einzuloggen.
Registration Screen erstellen6:52
Hier erstellst du die Registrierung Bereich. Hier kann der User einen neuen Account mit Profilfoto etc. erstellen
Segue zwischen Login und Registration erstellen5:28
Hier zeige ich dir wie man einen Übergang zwischen dem Login und der Registrierung erstellt. So kann User zwischen dem Login und der Registrierung wählen ohne die App neu starten zu müssen.
Auto Layout und Stackview9:34
Ich zeige dir wie man mit Autolayout, denn Login und die Registrierung auf jedem iPhone in Form bringt.
Login Design10:27
Letzte Designanpassungen am Login Bereich, welche im Quelltext erstellt werden. Hier lernst du unter anderem wie man, denn Standart Button verändern kann um z.B. runde Ecken statt eckige Ecken zu erhalten.
Design Login Button10:14
Hier zeige ich dir, wie der Login Button erst erscheint nachdem Text in die Textfelder eingegeben wurde. Sollte der User keine Email oder sein Passwort eingegeben haben so ist der Login Button nicht zu klicken.
Registrierung Design9:11
Letzte Designanpassungen an der Registrierung.
AttributedText (Text vom Button beliebig ändern)6:03
Hier lernst du was ein Attributed Text ist. Damit kann ein Text beliebig verändert werden z.B. soll mitten im Text etwas FETT erscheinen.
Design Registrierung Button6:49
Wie im Login Bereich kann der User erst auf den Create Account Button klicken nachdem Username etc. eingegeben wurden.
Projektdaten herunterladen0:01
Hier findest du die Projektdaten zum Kapitel.

Überblick3:03
Hier zeige ich dir was du in diesem Kapitel entwicklen wirst und um welche Funktionen die App erweitert wird.
Firebase in das Projekt integrieren (CocoaPods und PodFile installieren)13:45
Du lernst in diesem Video wie Firebase zu einem Xcode Projekt hinzugefügt wird. Mit Firebase kannst du eine Datenbank und einen Online Speicher z.B. um Bilder zu speichern nutzen.
WICHTIG: Update der createUser() Methode von Firebase3:14
Update von Firebase!
Neuen User mit Firebase erstellen (create User Methode) - 18:57
Hier lernst du die ersten Funktionen von Firebase kennen. In diesem Video zeige ich dir wie man einen User erstellen und Online speichern kann.
Neuen User mit Firebase erstellen (User Daten hochladen setValue..) - 213:13
In diesem Video lernst du wie die Informationen vom User welcher erstellt wurde in der Datenbank zum späteren Gebrauch gespeichert werden.
Profilfoto wählen18:31
Hier zeige ich dir wie man dem User die Möglichkeit gibt ein Profilfoto auszuwählen.
WICHTIG: Update der metadata Rückgabe3:20
Update von Firebase!
Neuen User mit Firebase erstellen (Profilbild hochladen) - 321:36
Hier lernst du den Online Speicher von Firebase zu nutzen. Ich zeige dir wie die Profilfotos gespeichert werden um diese später in der App zu nutzen.
WICHTIG: Update der sigIn() Methode von Firebase2:26
Login User4:50
Hier lernst du beim einloggen zu überprüfen ob die Daten korrekt sind und der User sich einloggen kann.
Dimiss Keyboard3:18
Im Simulator nicht wichtig aber auf dem iPhone sehr wichtig. In diesem Video zeige ich dir wie das keyboard nach dem Gebrauch wieder schließen kann.
Passworteingabe verdecken1:06
In diesem Video zeige ich dir wie das Passwort bei der Eingabe versteckt angezeigt wird statt in Klarschrift.
Projektdaten herunterladen0:01
Hier findest du die Projektdaten zum Kapitel.

Überblick3:53
Hier zeige ich dir was du in diesem Kapitel entwicklen wirst und um welche Funktionen die App erweitert wird.
UITabbarController erstellen12:08
In diesem Video baust du die Navigation der App auf. Du wirst lernen eine Tabbar einzubauen.
Segue einbauen3:02
Hier baust du einen Übergang vom einloggen zum HomeFeed auf.
Tabbar Icon Farbe ändern2:11
In diesem Video zeige ich dir, wie alle Button innerhalb der App farblich verändert werden können ohne dabei jeden Button einzeln ändern zu müssen.
NavigationsController hinzufügen1:49
Die App muss mehrere Controller verwalten daher werden NavigationsController eingebaut zur besseren Navigation innerhalb der App.
Storyboard References (Mehrere Storyboards nutzen)7:07
Da die App umfangreicher ist, werde ich dir zeigen wie man mehrere Storyboards nutzen kann um so eine bessere Übersicht zu erhalten.
Log Out einbauen7:59
Hier lernst du, wie der User sich mit einem klick ausloggen kann.
Autologin einbauen7:56
Hier lernst du eine Autologin Funktion einzubauen. Der User muss sich so nicht bei jedem Neustart der App erneut einloggen.
Segue vom ViewController und nicht vom Button starten8:12
Hier lernst du warum ein Segue (Übergang) nicht vom Button sondern vom Controller selbst gestartet werden sollte.
Projektdaten herunterladen0:01
Hier findest du die Projektdaten zum Kapitel.

Überblick2:12
Hier zeige ich dir was du in diesem Kapitel entwicklen wirst und um welche Funktionen die App erweitert wird.
AuthenticationService Klasse (Login Methode)10:51
Ich zeige dir wie man seinen Code aufbauen sollte. Alles was mit der Datenbank zu tun hat sollte in eine separate Datei gespeichert werden. Dadurch wird der Code flexibler sollte man in der Datenbank etwas ändern.
Callbacks erstellen (@escaping Closure) - 19:09
Hier lernst du was escaping Closure sind.
Callbacks erstellen (@escaping Closure) - 26:05
Hier lernst du was escaping Closure sind.
AuthenticationService Klasse (createUser Methode) - 118:42
Ich zeige dir wie man seinen Code aufbauen sollte. Alles was mit der Datenbank zu tun hat sollte in eine separate Datei gespeichert werden. Dadurch wird der Code flexibler sollte man in der Datenbank etwas ändern.
AuthenticationService Klasse (Autologin Methode)4:16
Ich zeige dir wie man seinen Code aufbauen sollte. Alles was mit der Datenbank zu tun hat sollte in eine separate Datei gespeichert werden. Dadurch wird der Code flexibler sollte man in der Datenbank etwas ändern.
AuthenticationService Klasse (Log Out Methode)5:56
Ich zeige dir wie man seinen Code aufbauen sollte. Alles was mit der Datenbank zu tun hat sollte in eine separate Datei gespeichert werden. Dadurch wird der Code flexibler sollte man in der Datenbank etwas ändern.
Einbinden einer fremden Bibliothek (ProgressHud)9:06
Hier lernst du wie eine fremde Bibliothek eingebunden werden kann. Oft gibt es Lösungen von anderen Programmierer, welche enorm Zeit spart diese selbst zu entwickeln. Ich möchte dir zeige wie man einen solchen fremden Code für sich nutzbar machen kann.
Projektdaten herunterladen0:01
Hier findest du die Projektdaten zum Kapitel.

Überblick2:14
Hier zeige ich dir was du in diesem Kapitel entwicklen wirst und um welche Funktionen die App erweitert wird.
Share - Layout12:22
Hier erstellst das Design zum posten von Fotos und Text.
Foto zum teilen auswählen11:15
Hier zeige ich dir, wie der Zugriff auf die Fotos des iPhones funktioniert.
Weiteres Design15:44
Weiteres Design zum Share Controller.
Fotos hochladen15:00
Hier lernst du Fotos im Online Speicher für die spätere Nutzung zu speichern.
Nach dem laden des Posts im feed Datenbank speichern15:18
In diesem Video lernst du, die Post Daten in der Datenbank abzulegen.
Projektdaten herunterladen0:01
Hier findest du die Projektdaten zum Kapitel.

Überblick1:44
Hier zeige ich dir was du in diesem Kapitel entwicklen wirst und um welche Funktionen die App erweitert wird.
AVFoundation Einleitung6:44
Das AVFoundation Framework ermöglicht die Nutzung der Hardware Kamera des iPhones. Hier siehst du eine Einleitung zu diesem Framework.
Kamera Layout erstellen16:55
Hier erstellst du, dass Kamera Layout und legst Buttons fürs das Foto machen oder speichern der Fotos fest.
Kamera erstellen (AVFoundation Framework)17:58
Hier lernst du wie die Hardware Kamera genutzt werden kann.
Switch Rück- und Frontkamera14:29
Du lernst in diesem Video, wie die Kamera zwischen Front- Rückkamera gewechselt werden kann. Der User muss später nur auf einen Button drücken um die Kamera zu wechseln.
Bild aufnehmen5:58
Du lernst, wie ein Foto gemacht wird.
Bild speichern8:10
Du lernst, wie das gemachte Foto gespeichert wird.
Abrechen (Neue Aufnahme) & dismiss (zurück zum ShareController)4:10
Du lernst, wie das Foto aufnehmen abgebrochen werden kann.
Sidebar ausblenden1:36
Ich zeige dir, wie man die Statusbar (Sidebar) ausblendet.
Projektdaten herunterladen0:01
Hier findest du die Projektdaten zum Kapitel.

Überblick1:22
Hier zeige ich dir was du in diesem Kapitel entwicklen wirst und um welche Funktionen die App erweitert wird.
Tabelle erstellen13:10
Hier erstellt du, die Tabelle zum anzeigen der Posts / Bilder.
Posts laden12:27
Hier lernst du, wie Daten aus der Datenbank geladen und verarbeitet werden.
Home Feed Layout (Custom TableViewCell) - 116:29
Du lernst in diesem Video, wie eine Custom TableView Cell erstellt wird.
Home Feed Layout (Custom TableViewCell) - 24:33
Du lernst in diesem Video, wie eine Custom TableView Cell erstellt wird.
Model View Controller (MVC) Postmodel erstellen12:21
Hier erstellst du eine Klasse PostModel, aus dieser Klasse werden mit Hilfe der Daten aus der Datenbank Posts erstellt.
Posts effizient anzeigen lassen7:00
Hier werden die zuvor erstellten Post Objekte in der Tabelle angezeigt.
Einbinden einer fremden Bibliothek (SDWebImage)8:25
Das laden von Bildern kostet viel Traffic, daher muss eine Lösung her. In diesem Video wirst du erneut eine fremde Bibliothek einbinden. Die SDWebImage Bibliothek ermöglicht effizient Bilder zu laden und speichert diese in einem cache Speicher. Durch dem cache Speicher müssen die Bilder nicht immer wieder neu geladen werden und das spart Traffic.
Model View Controller (MVC) Usermodel erstellen15:33
Wie bei den Posts, wirst du eine UserModel Klasse erstellen um User Objekte zu erstellen. Diese User Objekte werden beim laden der Informationen aus der Datenbank erstellt. Wie die Posts werden die User in einem Array gespeichert damit diese weiter genutzt werden können.
User Informationen effizient anzeigen lassen11:18
Ich zeige dir einen effizienten Weg, die User Informationen anzuzeigen. Dabei werden die User aus dem Array genutzt und in der Tabelle dargestellt.
Home Feed optimieren11:08
Ladebalken etc. erstellen um dem User so noch ein besseres App Erlebnis zu geben.
Dynamische Zeilenhöhe erstellen3:43
Jeder Post ist anders, daher zeige ich dir wie man die Tabellenhöhe dynamisch verändern kann.
Tabelle verschönern0:58
Hier zeige ich dir, wie die Tabelle noch verschönert werden kann.
Projektdaten herunterladen0:01
Hier findest du die Projektdaten zum Kapitel.
Zusammenfassung9:23

Requirements

Du solltest einen MAC oder Apple Rechner besitzen
Du solltest die Entwicklungsumgebung Xcode (mind 9.0) nutzen und kennen
Du solltest dich mit der Programmiersprache Swift bereits auskennen
Ein Google Account wird benötigt um Firebase (Datenbank, Online-Speicher etc.) zu nutzen. Der Account kann im Laufe des Kurses erstellt werden, falls noch keiner vorhanden ist.

Description

Du willst mehr als eine Taschenrechner App programmieren?

Du willst deine eigene Social Media App entwickeln?

Du kennst dich bereits mit der Programmiersprache Swift aus?

Dann bist du hier genau richtig.

In diesem Kurs lernst du, wie eine komplexe und umfangreiche App von Beginn ersteht.

Du lernst viele fortgeschrittenen Themen rund um die Entwicklung mit Swift und Xcode. Diese Themen werden dir helfen, deine eigenen App zu entwicklen und zu verbessern. Du wirst lernen, wie man mit fremden Bibliotheken arbeitet, da man bei größeren Projekten auf fertige Lösungen zurückgreift. Dieser Kurs soll dir nicht nur zeigen wie Instagram funktioniert, sondern soll dir vielmehr zeigen wie man solche Projekte aufbaut.

Mein Ziel ist es dir anhand des Beispiels zu zeigen, wie man solche umfangreichen Projekte entwickelt.

Überblick: Swift Themen

Storyboard Reference
Segues optimal nutzen
Delegate Pattern
Singelton Pattern
Firebase Daten up- und downloaden
Daten im Online Speicher ablegen
Datenbank im eigenen Projekt nutzen
Gesture Handling (Nutzer kann mit ImageView interagieren)
Completion Closure
Escaping Closure
Tabbar nutzen
AVFoundation Framework kennen lernen (für Hardware Kamera vom iPhone)
TableView
CollectionView
Cocoapods
ImagePickerController (Fotos vom iPhone nutzen)
MVC Pattern
und vieles mehr...

Überblick: Was kann die App?

Login- und Registrierung neuer Nutzer
Autologin
Front- und Rückkamera des iPhone nutzen
Posts mit Bildern oder Videos erstellen
Posts nach dem Datum sortieren
Kommentare zu den Posts abgeben
liken der Posts in Echtzeit
follow, unfollow (Posts in Echtzeit hinzufügen oder löschen aus dem homefeed)
Suchfunktion (suchen nach anderen Nutzern)
Eigene Api entwickeln für posten, User anlegen etc.
Fotos in Originalgröße posten
Nutzer Einstellungen und Profilansicht
In der Profilansicht Anzahl der eigenen Posts, Follower etc. anzeigen
Hashtags hinzufügen
und vieles mehr...

Who this course is for:

Alle, die mehr als nur einen Taschenrechner programmieren möchten
Alle, die ein komplexes Projekt mit Swift und Xcode entwickeln möchten
Alle, die gerne lernen möchten wie man Apps mit Firebase entwickelt
Alle, die Apps fürs iPhone oder iPad entwickeln möchten
Alle, die gerne lernen möchten wie man Apps mit Datenbanken und Online Speichern aufgebaut.

Entwickle einen Instagram Klon | Swift iOS 13 und Firebase

What you'll learn

Explore related topics

Course content

Hier starten2 lectures • 3min

Wichtige Swift Themen für den Kurs (Wiederholung)10 lectures • 1hr 17min

Login-und Registrierung Szene Layout11 lectures • 1hr 18min

Login-und Registrierung Programmiercode13 lectures • 1hr 37min

Firebase Tipps1 lecture • 6min

Menü der App mit UITabbarController erstellen10 lectures • 54min

Code verbessern9 lectures • 1hr 6min

Fotos posten7 lectures • 1hr 12min

Font- und Rückkamera nutzen10 lectures • 1hr 18min

Home Feed15 lectures • 2hr 8min

Requirements

Description

Who this course is for: