App programmieren in 60 Minuten | Tutorial für Anfänger
Kostenloses Beratungsgespräch: weiterbildung.developerakadem...
Fertiger Quellcode: github.com/JunusErgin/Eieruhr...
In diesem Tutorial lernst du, wie man eine App programmiert - Auch als Einsteiger und ohne Vorkenntnisse!
00:00 | Was wir programmieren werden
01:07 | Was wir brauchen
02:41 | Installation
03:34 | Anzeige mit HTML & CSS
28:06 | Timer mit JavaScript
50:35 | App veröffentlichen als PWA
Tiktok: / herr_programmierer (Herr Programmierer)
____ Über diesen Kanal ___
Die Developer Akademie bildet dich zum Programmierer weiter. Auch wenn du noch NIE eine Zeile Code geschrieben hast, ist es möglich in 3 - 6 Monaten einen gut bezahlten Job zu finden. Dafür musst du NICHT nur programmieren mit Online-Tutorials lernen, sondern einen guten LEBENSLAUF mit vielen verschiedenen Projekten vorweisen. In unserem Programm hast du ständigen Kontakt zu unseren Coaches, Hausaufgaben, Abgabefristen und Projekte aus der Praxis für deinen Lebenslauf.
Am Ende erstellen wir mit dir einen perfekten Lebenslauf und unterstützen dich bei deiner Bewerbung.
Informiere dich auf weiterbildung.developerakadem...
Hinweis: Wegen eines Updates von VSCode, geht der "!"-Zeichen-Shortcut nicht mehr so leicht zu bedienen. Ich habe ich für euch extra nochmal ein Video aufgenommen in dem ich erkläre, wie es auf jeden Fall klappt: www.loom.com/share/3787bc8f92af4e0d9e23c5afdc91ef85
Hallo Lieber Junus, ich habe heute (37.07.22) VSCode instaliert und ! hat funktioniert.
Hey Vielen Dank für das tolle Video. Die App fehlt nur eine Stop Funktion. Man kann die Zeit nicht irgendwie nicht stoppen.
Alles klar. Danke für die Antwort 🙏
Danke!
Junus, ich bin schwer begeistert wie gut du das erklärt hast. Super verständlich und professionell, danke dafür!
vermutlich ist das aber illegal, denn der junge hat ja keine recht am bild des eis
Creative commons...
DANKE, so wie du etwas erklärst und auch die Bilder einfach jede sekunde deines Videos, hat mir dabei geholfen grundlegende Dinge mal RICHTIG zu verstehen. Einfach nur dankeee
Du bist der erste, den ich hier gefunden habe, der es wirklich gut und verständlich erklärt. So ganz in Ruhe und detailliert. Danke
Ich bin gerade in der 6. Klasse und programmiere mit meinem Informatik Lehrer Apps und Spiele 🎮🕹. Du hast uns beiden schon öfters geholfen. Danke! 😁
mega das zu hören. Grüße an deinen Lehrer! Cooler Typ
bin in der 7ten und hab noch kein informatik. erst ab klasse 11 weil wi zu wenig informatiklehrer haben.
@@quadz3325 Man könnte selbst besser Informatik Unterrichten 😂
@@quadz3325 Das ist ja der Wahnsinn. Das tut mir echt leid für dich. Hatte ich damals auch schon in der sechsten. Es ist traurig, dass das in Deutschland so extrem ist mit dem Lehrermangel.
mein Lehrer war damals glücklicher als wir, wenn er endlich nach hause gehen durfte.
Junus, du bist echt klasse! 57 min perfekt erklärt, vielen dank 😊
Mein Kompliment! Absolut professionell und verständlich vermittelt! Danke und viel Erfolg!
Ich bin wirklich fasziniert wie gut strukturiert und alles schön detailliert erklärt hast! Vielen Dank für dieses unfassbar coole und hilfreiche Video!
Deine Videos sind echt super. Du erklärst alles so gut. Weiter so!
Super Tutorials 👌 Ich bin etwas eingerostet, aber mit deiner Hilfe läufts wieder 🙏🏻
cool, dass ihr das Wissen kostenlosvermittelt und so detailliert
Wow, ich bin begeistert. Hatte ach meinem Abi 1988 nicht mehr mit Programmierung zu tun gehabt. Toll, wie Sie das Rüstzeug erklären. Abo schadet sicher nicht.
Hab dad Video gerade gefunden und mich an meine kaufmännische Zeit erinnert, wie viel Spass mir das damals gemacht hat Quiz und Co zu erstellen. Danke für die tolle Erinnerung. Und ich hab nun soviele Ideen was ich kreieren kann. Super Content!
Super professionell und verständlich erklärt!
das video hätte ich während meiner ausbildung gut gebrauchen können. du erklärst alles echt klasse und man kann dir gut folgen. und lol, da hat nochmal was gefunkt, thx.
Tolle und verständliche Erklärung von dir, danke für das Video!
Oha, vielen Dank für das Tutorial! Hatte in der Schule bis zur 10. Klasse Informatik, habe es dann aber abgewählt, weil es mir keinen Spaß gemacht hat. Letztens kam mir jetzt der Gedanke, wäre schon lustig ne eigenen App zu entwickeln und deswegen habe ich mich gerade ans Programmieren rangetraut. Hätte ja nie gedacht, dass das so viel Spaß machen kann. Vielen Dank!
Gute Arbeit Junus! Hat mir einen schönen Einblick in die App-Erstellung verschafft. Danke!
Anhand von deinen Videos kann ich mich immer weiter in das Thema reinversetzen. Du machst Super Videos! Höre bitte nicht auf damit! Danke dir!
Total super erklärt - Respekt!
Klasse Arbeit 🔥🔥. Hab nie mit HTML CSS und JavaScript zu tun gehabt. Bin eher so Richtung C++ aber hatte Bock zum Spaß App zu programmieren 🧑💻. Vielen Dank für die Basis 🔥🔥. Du erklärst so verständlich, weiter so
wie kam es zu c++ als erstes? Minecraft? xD
@@LazloMorphineX Minecraft wurde mit Java entwickelt, das hat nichts mit C++ zu tun.
@@eliaspiecha3192 das stimmt nicht Mineccraft wurde zwar mit java entwickelt aber plugins und mods werden z.b mit C++ gemacht
@@naitsaberbitte was? Hat sich was verändert habe das letzte mal vor 4-5 Jahren in MC gemacht und sagst man Plugins ausschließlich mit der bukkit/spigot api in Java schreiben können und mods musste man sich den SRC von mc decompilen mit nen Tool dessen Namen ich jetzt gerade nicht mehr weiß😅 und konnte diesen dann verändern/weiter entwickeln aber halt dementsprechend auch nur in Java aber kann ja sein das die inzwischen was anderes anbieten um von langsamen Java weg zu kommen… C++ ist da einfach effektiver und da die Frage aufkam habe mit c++ eigentlich nur angefangen um cheats und exploits in spielen verwenden zu können😂 aber rein zur lern Zwecken versteht sich😅
Ich bin seit 1990 webprogrammierer und finde diese tutorial echt super! Auch zum refreschen
ich erinnere mich das da was mal über die maoam gekrochen kam... ...schönen gruß an naPOLEon, die Moseskita und den rest von den Sesamschrippemarmeladedish
Ich habe mittlerweile einige Videos von dir angeschaut und bin begeistert!
Wenn man bedenkt wie viel Arbeit sowas macht ,sollte jedem klar sein das nicht alles kostenlos sein kann . Super Video
Danke für die schöne Erklärung. Ich hab Programmierung nie in der Uni verstanden und jetzt wird es mir klar. Vielen Dank
Einfach perfekt und sehr verständlich erklärt - Danke!
Die Art und Weise wie hier das Wissen vermittelt wird, ist meiner Meinung nach ganz große Klasse. Ich habe das Video genutzt um die App nachzubauen und meinen Bedürfnissen entsprechend weiterzuentwickeln. Dabei konnte ich vieles lernen und nun habe ich meine eigene App, die mir sagt, wie lange die Eier kochen müssen. Egal ob weich, hart oder dazwischen, kleine oder große und auch ob die Eier aus dem Kühlschrank kommen oder Zimmertemperatur haben. Das alles berücksichtigt die App nun. vielen Dank für deine Mühe😁👍
super, dann hast du alles richtig gemacht. Nachprogrammieren ist ganz nett. Richtig gut wirst du, wenn du dann selber weiter programmierst indem du das gelernte abstrahierst. Freut mich sehr dein Kommentar!!
@@Programmierenlernen woher kann man die verschiedenen Codes bekommen, um Erweiterungen einzubauen?
Klasse👍👍, ich bin eher so der Python-Typ aber jetzt habe ich mit JavaScript auch eine App programmiert😃
Einfach der Hammer wie du es erklärst. Und das erst noch gratis. Einfach umwerfend 👍🏻😃
er erklärt es nicht gratis sondern _völlig umsonst_
Habe eigentlich gedacht, dass ich mal kurz in das Video reinschaue. Nun habe ich es aber doch komplett angeschaut. :) Gutes Video.
Danke Junus. Habe jetzt durch deine Tutorials schon 2 Apps programmiert. Einen Taschenrechner und jetzt noch ne Eieruhr. Mach weiter so. Ich freue mich schon auf das nächste Projekt/App.
Konntest du damit schon was verdienen? :)
Erfreulich und überraschend gut erklärt alles schlüssig und verständlich. Mehr davon!
Danke fürs Feedback!
@@Programmierenlernen 27:29 wie verbindet man es versteh es nicht
Ich habe wirklich überhaupt keine Ahnung von der Materie, aber mit dem Video hab selbst ich es verstanden. Richtig gutes Video!
klasse einfach klasse 5 sterne
Sehr gute Anleitung. Das ist das erste mal überhaupt dass ich etwas selbst programmiert habe. Zuvor habe ich überhaupt keine Ahnung gehabt. Die ganzen Codes sind für mich sehr schwer zu verstehen aber ich bin definitiv um einiges schlauer geworden.
Hervorragend! Auch für Laien, die jedoch in Kürze wissen wollen, wie Apps entwickelt werden.
WOW einfach WOW! Ich hab mich nie für das Programmieren interessiert, aber dein Video gibt mir gerade echt zu denken. Besonders super finde ich, dass du es einfach erklärst. Ich frage mich gerade, wieso ich mich bisher nie dafür begeistern konnte :D
Ich hatte es mal in der Schule für 1 Jahr. Es hat mir damals Spaß gemacht mit HTML zu kodieren. Wir hatten auch nur die Basics gelernt. Man kann seine Kreativität ausleben. Mach doch mal so einen Kurs mit, vielleicht entwickelt sich ein Hobby daraus.
Super erklärt - DANKE für dein Video. Gruss
Vielen Dank, dass du die Grafiken online gestellt hast. Daran bin ich gerade echt verzweifelt
Du erklärst wirklich herrlich!
Danke dafür 👍, sehr lehrreich (auch für über 60 jährige wie mich)!!!
Sehr cool 😎 . Das werde ich unbedingt mal ausprobieren.
Sehr gutes Tutorial! Ich werde das sofort mal bei mir unter Linux ausprobieren!
Sehr sympatisch! Gutes Video
Super erklärt, DANKE!
Hallo! Danke dir für dieses Video! Ich bin begeistert 🤩 Habe es zum ersten Mal gemacht und es hat geklappt🤩 Will mal später itler Programmierer werden und macht echt Spaß Danke für das Video😄😻
Das Video hilft mir sehr, um den Einstieg in das Programmieren zu finden.
Top Video, sehr gut und anschaulich erklärt! Abo :)
schon ein Jahr her, aber vielleicht liest du das Feedback irgendwann noch: Sehr hilfreich, sympathisch, direkt! Vielen Dank!
Tolles Videos, man könnte einiges mitnehmen, danke dafür✌
Vielen DANK Herr Ergin, für das tolle Video, sehr schön erklärt, schnell und einfach, einfach top, meine erste App hat damit super funktioniert, kurz vorm Ende hatte ich kurz Probleme mit der MP3 Datei, da beim Abspeichern diese als wav.Datei gespeichert wurde und es somit anscheind Abspiel Probleme gab, nach der konvertierung von wav in mp3 hat es aber einwandfrei geklappt. Vielen Dank nochmal dafür.👍
Sehr erfolgreich wieder durch euer Tutorial durchgestartet. Merci!
Das freut uns!
Cooles Video! Schöne Einführung in das Thema App-Building.
Vielen Dank!
Ich möchte mich auch für das Video bedanken. Richtig klasse 👌👍. Werde mich morgen gleich mal ran setzen.
Viel Spaß!
Hey, ehm echt geiles Video, hab echt viel gelernt! Könntest du aber vielleicht noch zeigen und erklären, wie man so ein Menü mit drei Strichen oben links erstellt, also mit allem drum und dran, wie eine Auswahl anderer Parts von der App?
Sehr hilfreiches Video, danke für die Informationen!
sehr gut präsentiert. Ich habe dein Video sehr genossen ;-)
Wirklich super gut erklärt!! Absolut top!! Danke :)
Wenn es schon so viele Eieruhren gibt, kann man doch auch eine Schnitzeluhr basteln, wenn man die Bratzeit kennt.
Ich hab es umgewandelt zu einer Tiefkühlpizza Uhr xD
Dazu noch ein Lagerungstip. Tiefkühlpizza immer ganz unten in die Truhe. Es ist ja Tiefkühlpizza und da gilt, je tiefer, desto besser.
🤣🤣🤣👍🏻👍🏻👍🏻
Bei Schnitzel kommt`s auch auf die Stärke an... UND: Alles unter 400g ist Carpaccio !!!!
und immer daran denken, 7 Bier sind auch ein Schnitzel... ich bestell aber immer 8, ich will ja noch was zu Trinken zu meinem Schnitzel. ich weiß nicht mehr wer es war (..aus gutem Grund ;-) ) aber irgend so ein Mensch hat mal gesagt: "Wenn du mal nicht weiter kommst, versuch es andersrum.." (sehr viel raum für Fehlinterpretation bei der wortwahl) also wenn wir mit dem Prinziep XXXuhr ob nun Eier, Schnitzel, Bonsaibaumsalat oder Polymerkohlenwasserstoffoberweitenerweiterungsset oder was auch immer- uhr versuchen wir es doch einfach mal andersrum und setzen das höchst variable Uhr-Beiwort doch einfach mal nach hinten... ich meine der primäre Sinn liegt ja immerhin bei der Uhr oder also sollte Uhr auch als erstes kommen. also hier mein erster versuch das große Geld durch eine völig neue Uhr-innovation... Uhr.... *denk* *grübel* (naaa lest ihr etwar immer noch an meinem kommentar ?? keine hobby oder was ;-P) ich habs .. Nach Eieruhrs Premiere und der 273 Folgestaffeln die uns bis heute in ihre schieren vielzahl an variation mit dem genauen Quantitätsgegenteil an Funktion, und dem Versuch das Ei zum Schnitzel zu Konvertieren (heute lebtes von Harz 6, 9 oder 20er Chicken McStückchen... ich meine mal im ernst Hänchenschnitzel ist ja wohl nicht wirklich ein Schnitzel oder) ) ..ähhh wo war ich... Ach ja unternrum ähhh andersrum genau. also Leute jetzt wo ich mit absoluter effizienz die Pointe durch mein rapides hypotaxenfeuer versaut habe will ich euch meine Zukunftssichernde Idee auch nicht länger vorenthalten sonder halte sie lieber noch etwas auf statt vor... ja also eier uhr toll geld und so, is abber nich mehr Schnitzeluhr kam ganz gut aber dann hatte man durst und es gab nicht mehr genug bier um ein schnitzel zu bekommen. also versuchen wir es anders rum wie mit der Ozzy Osbourne Schallplatte rückwärts gespielt um mal eben nen Satansbraten zu bestellen wenns schon kein schnitzel gibt... ... also Eieruhr is out Schnitzeluhr ist nicht anders genug also ... Uhroma und damit keine gema oder so darauf kommt das es ein PlagiatCoverRemake dingsy ist nehmen wir das H aus der Suppe und können nen c drann setzen Uroma und Uropa diese Ur ist sogar Genderklassifiziert aber natürlich gibts auch die Unisex Variante Ur-laub ich meine es ist ja immer hin "Das" Laub also Gegenständlich aber trtzdem kapier ich das mit dem Wort immer noch nicht Unisex ich meine was hat den das mit Nicht-Geschlechterklassifiziet zu tun wenn man in der Uni vögelt ich meine ist doch irgendwie paradox oder. so und jetzt gebt mir ein Schiff. Cheers
Einfach ausgezeichnet!!!!
Super erklärt für Anfänger gut verständlich.👍
Danke fürs Feedback!
Einfach WoW.... Ich hab schon öfter mal mit solchen Dingen angefangen! Aber niemals hat das so dermaßen gut und verständlich funktioniert wie hier.
Das freut mich sehr!
Dieses Hallo Welt gedöns geht mir echt auf die Nerven.
Exzellentes Tutorial! Tausend Dank!
mal wieder ein super gutes Video! wobei ich es persönlich vorziehe für javascript- und css Geschichten eigene Dateien anzulegen und diese dann in der index.html zu verlinken (macht es für mich übersichtlicher). Aber ansonsten wie immer super erklärt, danke dafür!
ja macht man auch so. Aber in 60 Minuten war zu wenig Zeit dafür ;-)
Danke❤ Kannst echt stolz auf dich sein 🎉
Richtig hochwertiges Video! Danke
Ich danke dir!
Hallo Junus, vielen herzlichen Dank für das anschaubares Video und die sehr angenehme Art & Weise, wie du alles erklärts. Ich habe heute anhand deiner Hilfe mein erstes Programm entwickelt. Es hat Spaß gemacht.
Sehr gut erklärt 🔥
Mega! Ich hab 0 Ahnung davon, aber du weckst ziemlich mein Interesse
Du bist echt der bester Mann der Welt. ich schenke dir mein ganzes Herz. Very nice. Mehr als ein Uni-Lehrer
Genial erklärt! Fehlte nur noch die Erklärung zur korrekten Mausbenutzung. 😉😉😉
Die app ist echt gut zum üben. Ich habe mit dieser Idee eine timer-app programmiert die ich während des lernen benutze. Die timer sind gesetzt auf 15, 30, 45 und 60 minuten. Programmieren lernen während man programmiert win-win Strategie. Was ich noch überlege hinzuzufügen sind individuell lange pausen. z.B. bei 15 min - 5 min pause bei 30-10 usw. und dann repeat. Und ggfs. verschiedene Hintergrundmusik je nach dem wie lange man lernt.
G, this is so cool keep it up !
Ich hätte eine Idee für das nächste Video, könntest du mal eine App programmieren die QR-Codes scannt und das auch in einem Video wie dieses erklären? Lg Lisa:)
Interessant, aus Java die Kamera ansprechen, geht das?
@@paulkirchhof9546 Sie meinen mit JavaScript oder? Und ja, geht.
@@SeProgrammiert , genau, es ging doch um Java Script im Video. Dann sollte ich das an einem Adroid Tablet probieren. Bei IOS habe ich nie davon gehört , aber ist ja Apple.
Jede Smartphone Kamera macht das doch mittlerweile
@@EinEgomane2 , es geht um Programmierung und nicht darum welche Funktionen in der Kamera stecken. Es geht darum wie der Hersteller es zur Verfügung stellt.
Danke für deine videos.ich weiß das ist schon älter aber deine Videos sind toll.ich möchte Später im IT Bereich arbeiten und dank deine Videos hast du mir schon viel geholfen
Super erklärt, daß kann ja selbst ein 80 jähriger Rentner noch ganz gut machen!!!
bin ein schüler und will programmieren lernen, sogar ich habe es verstanden vielen vielen dank.
klasse Beitrag Danke !!!
Hat geklappt! Super ! ))
Hi danke für deine tollen Videos
Moin, ich habe in den 80ern/90ern etwas Basic und viel mit dBASE III plus gemacht . Später auch etwas HTML. Nach dem Video bekommt man doch mal Lust, sich wieder mit dem Programmieren zu beschäftigen.
Clipper nicht vergessen! :)
Ahaa ! .... so geht das :-) ..... naja .... ich kann Dir gut folgen, aber natürlich brauche ich noch einen "Gehfrei" oder eine Anleitung für die möglichen Befehlswörter. Ich hatte damals in Basic programmiert und von daher ist mir das analytische Denken bei einer Programmierung durchaus bewust. Aber wie ich in so ein Handy rein komme, darauf bin schon gespannt ..... bis jetzt. Man erkennt jedenfalls Deine Routine bei dem Job ! ! .... gutes Video :-) Meinerseits besteht inzwischen nicht mehr das Interesse der Tiefe, wie ich mittels der unterschiedlichen Programmiersprachen meine Wünsche realisiere, aber es ist sehr unterhaltsam und lehrreich zu erfahren, wie es denn sein müsste. Ich bin schließlich inzwischen in der Rente. Aber Deinen Lehrertitel trägst Du zurecht ! .... Respekt von mir .... :-)
ich finds soweit logisch und nachvollziehbar, aber das es im Kurs dann doch langsamer geht, beruhigt mich schon ^^
Sehr gut erklärt, für mich > 70, der selbst mal Anwendungsentwickler auf IBM-Host war. Programmiersprache: Assembler, Cobol. Wenn ich das richtig verstehe, kann man in Javascript die Zeit für ein 5 Minuten Ei einfach in z.B. 7 Minuten ändern, indem man , bevor runtergezählt wird, das Textfeld 05:00 als Eingabe-Feld declariert und dann vor dem Start 07:00 eingibt.
das Eingabefeld muss die Variable fiveMinutes manipulieren, die dann besser global definiert und umbenannt werden sollte ;)
Klasse erklärt.
Klasse video. danke dafür
Sehr gut durch die Höhen und Tiefen von HTML, CSS und Javascript gelotst. Chapeau! 🎩 Zwei Fragen bleiben jedoch: 1. Wozu der Menü-Button? 2. Reset wie außer durch Neustart? 😉
27:29 wie verbindet man es versteh es nicht
Du bist der Hammer.
Toll erklärt danke
Ja jetzt läuft die die Zeit ab, habe es doch noch hinbekommen, coole Sache.
Hi Junus, erstmal danke für das sehr gute Video! Durch deinen Kanal frische ich meine Kenntnisse wieder auf :) Jetzt hätte ich aber noch eine brennende Frage, was ich unbedingt wissen möchte: Wie lädt man die App, die in VSC geschrieben wurde, eigentlich auf das Handy? Also nicht als PWA über einen Webserver, sondern tatsächlich die "direkte" Übertragung, sodass man die App jederzeit auch Offline nutzen kann. In Android Studio z.B. geht das ja ziemlich leicht über USB-Übertragung. Aber möchte Apps zukünftig auch in VSC schreiben. Danke schonmal für die Antwort!
Supergutes Video! Wahnsinn...! Frage: Was müsste ich einfügen, wenn ich bereits ab Minute 01:00 eine Art Countdown-Sound abspielen möchte?
Alles wirklich toll erklärt. Das einzige was mir fehlt ist ein Button, der den Klingelton wieder verstummen lässt.
Super .. du bist der beste Lehrer . Kannst du bitte uns erklären wie kann man ein App mit Bluetooth aufbauen .
Wow super erklärt. Danke
Hey Junus super video. Wollte fragen ob du ein video machen könntest wo man mit dem Menu-Button z.B. die App schliessen könnte
Schade dass ich dich nicht vor 20 Jahren kennenlernen konnte :( Du erklärst sehr sehr gut :)
sehr sehr gut hat es mir gefallen Ich bedanke mich recht Herzlich.
Sehr gutes Video leider ist der Kanal sehr underrated
Super Video! Kurze Frage: laufen in einer App (browserbasierte) Html5 Inhalte wie interaktive Videos?