App programmieren in 60 Minuten | Tutorial für Anfänger

Поделиться
HTML-код
  • Опубликовано: 6 сен 2024

Комментарии • 866

  • @Programmierenlernen
    @Programmierenlernen  2 года назад +32

    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

    • @catchme1011
      @catchme1011 2 года назад +4

      Hallo Lieber Junus, ich habe heute (37.07.22) VSCode instaliert und ! hat funktioniert.

    • @aboubacarmarella141
      @aboubacarmarella141 Год назад +2

      Hey
      Vielen Dank für das tolle Video. Die App fehlt nur eine Stop Funktion. Man kann die Zeit nicht irgendwie nicht stoppen.

    • @knausemann
      @knausemann Год назад

      Alles klar. Danke für die Antwort 🙏

    • @imWorldyFake
      @imWorldyFake Год назад

      Danke!

  • @vol-ki
    @vol-ki 3 года назад +212

    Junus, ich bin schwer begeistert wie gut du das erklärt hast. Super verständlich und professionell, danke dafür!

    • @stefaniaschweizer9748
      @stefaniaschweizer9748 2 года назад +1

      vermutlich ist das aber illegal, denn der junge hat ja keine recht am bild des eis

    • @TOE-xv9kh
      @TOE-xv9kh 2 года назад +2

      Creative commons...

  • @emildrees
    @emildrees Год назад +88

    Ich bin gerade in der 6. Klasse und programmiere mit meinem Informatik Lehrer Apps und Spiele 🎮🕹. Du hast uns beiden schon öfters geholfen. Danke! 😁

    • @Programmierenlernen
      @Programmierenlernen  Год назад +27

      mega das zu hören. Grüße an deinen Lehrer! Cooler Typ

    • @quadz3325
      @quadz3325 Год назад +9

      bin in der 7ten und hab noch kein informatik. erst ab klasse 11 weil wi zu wenig informatiklehrer haben.

    • @mrcool-pl2ix
      @mrcool-pl2ix Год назад +3

      @@quadz3325 Man könnte selbst besser Informatik Unterrichten 😂

    • @Ratzingeronline
      @Ratzingeronline Год назад +1

      ​@@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.

    • @yadigarvatan5446
      @yadigarvatan5446 Год назад

      mein Lehrer war damals glücklicher als wir, wenn er endlich nach hause gehen durfte.

  • @mikewinarsky
    @mikewinarsky 3 года назад +23

    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

  • @sun-days-fun
    @sun-days-fun 2 года назад +10

    Ich bin seit 1990 webprogrammierer und finde diese tutorial echt super! Auch zum refreschen

    • @loschwahn723
      @loschwahn723 Год назад

      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

  • @tennisbey
    @tennisbey 3 года назад +22

    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

  • @Stkismo
    @Stkismo 2 года назад +5

    Wenn man bedenkt wie viel Arbeit sowas macht ,sollte jedem klar sein das nicht alles kostenlos sein kann . Super Video

  • @keepitreal1848
    @keepitreal1848 3 года назад +50

    Junus, du bist echt klasse! 57 min perfekt erklärt, vielen dank 😊

  • @Don_I84N
    @Don_I84N 3 года назад +7

    Ich habe wirklich überhaupt keine Ahnung von der Materie, aber mit dem Video hab selbst ich es verstanden. Richtig gutes Video!

  • @waltersonkoua6433
    @waltersonkoua6433 2 года назад +31

    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

    • @LazloMorphineX
      @LazloMorphineX 2 года назад +1

      wie kam es zu c++ als erstes? Minecraft? xD

    • @eliaspiecha3192
      @eliaspiecha3192 2 года назад +1

      @@LazloMorphineX Minecraft wurde mit Java entwickelt, das hat nichts mit C++ zu tun.

    • @naitsaber
      @naitsaber Год назад

      @@eliaspiecha3192 das stimmt nicht Mineccraft wurde zwar mit java entwickelt aber plugins und mods werden z.b mit C++ gemacht

    • @killerzwerg1881
      @killerzwerg1881 Год назад

      @@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😅

  • @MCFedev
    @MCFedev 2 года назад +6

    Wie kann man das als APK umwandeln?

  • @lucabinder9829
    @lucabinder9829 2 года назад +3

    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.

    • @selipark7396
      @selipark7396 7 месяцев назад

      Konntest du damit schon was verdienen? :)

  • @TOE-xv9kh
    @TOE-xv9kh 2 года назад +4

    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.

  • @carstennanninga7844
    @carstennanninga7844 2 года назад +2

    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😁👍

    • @Programmierenlernen
      @Programmierenlernen  2 года назад

      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!!

    • @maltehsh
      @maltehsh 2 года назад

      @@Programmierenlernen woher kann man die verschiedenen Codes bekommen, um Erweiterungen einzubauen?

  • @antonnn797
    @antonnn797 2 года назад +3

    cool, dass ihr das Wissen kostenlosvermittelt und so detailliert

  • @happyderwolf4704
    @happyderwolf4704 2 года назад +7

    Mein Kompliment! Absolut professionell und verständlich vermittelt! Danke und viel Erfolg!

  • @quendauco2715
    @quendauco2715 2 года назад +4

    Klasse👍👍, ich bin eher so der Python-Typ aber jetzt habe ich mit JavaScript auch eine App programmiert😃

  • @horstgirtew3086
    @horstgirtew3086 3 года назад +175

    Wenn es schon so viele Eieruhren gibt, kann man doch auch eine Schnitzeluhr basteln, wenn man die Bratzeit kennt.

    • @marxo112
      @marxo112 3 года назад +12

      Ich hab es umgewandelt zu einer Tiefkühlpizza Uhr xD

    • @horstgirtew3086
      @horstgirtew3086 3 года назад +20

      Dazu noch ein Lagerungstip. Tiefkühlpizza immer ganz unten in die Truhe. Es ist ja Tiefkühlpizza und da gilt, je tiefer, desto besser.

    • @ichbins-oc5wp
      @ichbins-oc5wp 2 года назад +2

      🤣🤣🤣👍🏻👍🏻👍🏻

    • @michaelloup4221
      @michaelloup4221 2 года назад +8

      Bei Schnitzel kommt`s auch auf die Stärke an...
      UND:
      Alles unter 400g ist Carpaccio !!!!

    • @KRIS-HQ
      @KRIS-HQ 2 года назад +4

      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

  • @santinoracer2201
    @santinoracer2201 3 года назад +4

    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.

  • @AndydaSliCe
    @AndydaSliCe 2 года назад +9

    Super Tutorials 👌 Ich bin etwas eingerostet, aber mit deiner Hilfe läufts wieder 🙏🏻

  • @dazinon1412
    @dazinon1412 2 года назад +10

    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?

  • @kerem_soenmez
    @kerem_soenmez Год назад +4

    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!

  • @user-qn7vm5iu4x
    @user-qn7vm5iu4x 2 года назад +6

    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

    • @beatrixk.6723
      @beatrixk.6723 Год назад

      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.

  • @Kampfferkel
    @Kampfferkel Год назад +1

    57:10 Schön und gut - wenn ich mich aber für eine Weiterbildung interessiere würde ich aber auch gerne mal auf der Webseite vorab sehen was mich das kostet und ob die Kosten auch evtl. vom Arbeitsamt/Jobcenter übernommen werden.

  • @Samoboz
    @Samoboz Год назад +1

    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.

  • @qondam
    @qondam 8 месяцев назад

    schon ein Jahr her, aber vielleicht liest du das Feedback irgendwann noch: Sehr hilfreich, sympathisch, direkt! Vielen Dank!

  • @its-weber
    @its-weber Год назад

    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.

  • @Jazz4Lifetime
    @Jazz4Lifetime Год назад +3

    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?
    😉

    • @Roadto-1k
      @Roadto-1k Год назад

      27:29 wie verbindet man es versteh es nicht

  • @domisports
    @domisports 2 года назад +3

    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!

  • @saradelacruz8749
    @saradelacruz8749 2 года назад +1

    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!

  • @lisastrazzella71
    @lisastrazzella71 3 года назад +38

    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:)

    • @paulkirchhof9546
      @paulkirchhof9546 2 года назад +3

      Interessant, aus Java die Kamera ansprechen, geht das?

    • @SeProgrammiert
      @SeProgrammiert 2 года назад +1

      @@paulkirchhof9546 Sie meinen mit JavaScript oder? Und ja, geht.

    • @paulkirchhof9546
      @paulkirchhof9546 2 года назад

      @@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.

    • @EinEgomane2
      @EinEgomane2 2 года назад

      Jede Smartphone Kamera macht das doch mittlerweile

    • @paulkirchhof9546
      @paulkirchhof9546 2 года назад +2

      @@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.

  • @louiszipfel4518
    @louiszipfel4518 2 года назад

    Das Video hilft mir sehr, um den Einstieg in das Programmieren zu finden.

  • @adventurebrick
    @adventurebrick 2 года назад +2

    Mega Super Tutorial, hab die Uhr direkt selber gemacht. Bei mir geht jedoch der Sound am ende nicht auf dem Handy, obwohl ich alles genau so wie du gemacht habe. Kannstdu mir vielleicht weiter helfen?

  • @arminbuch9386
    @arminbuch9386 Год назад +1

    Meine Tochter (12) hat mit der Anleitung heute ihre erste App programmiert. Wir haben sie noch um eine 20-Minuten-/5-Minuten-Auswahl erweitert, weil sie damit ihre Hausaufgabenzeiten mit Pausen einteilen will.

  • @deleteentf8991
    @deleteentf8991 5 месяцев назад

    Ich habe mittlerweile einige Videos von dir angeschaut und bin begeistert!

  • @oerkelsen-_-3272
    @oerkelsen-_-3272 2 года назад

    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.

  • @fatiha.7824
    @fatiha.7824 3 года назад +11

    Du musst die Variable timerStarted nach den 5min wieder auf false setzen, da man sonst den timer auch nach Ablauf der Zeit nicht mehr starten kann.

    • @tristanaltemasch4197
      @tristanaltemasch4197 2 года назад

      und wie geht das?

    • @frii9
      @frii9 2 года назад +1

      @@tristanaltemasch4197 Wahrscheinlich timerStarted=false setzen, wenn die Zeit abgelaufen ist und du den Alarm ausgibst.

  • @icon7286
    @icon7286 Год назад +2

    Ja das ist dann ja aber keine app, sondern einfach nur eine Websiten-Verlinkung auf dem Startbildschirm

  • @jakobftb
    @jakobftb Год назад +1

    Hallo Junus, bei mir flackert der Countdown immer.Also die Zahlen gehen immer abwechselnd vom Doppelpunkt weg und wieder zurück.😕
    Wie kann man das beheben?

  • @lolwo8228
    @lolwo8228 3 года назад +9

    Deine Videos sind echt super. Du erklärst alles so gut. Weiter so!

  • @samigasi
    @samigasi 2 года назад +1

    Einfach der Hammer wie du es erklärst. Und das erst noch gratis. Einfach umwerfend 👍🏻😃

    • @loschwahn723
      @loschwahn723 Год назад

      er erklärt es nicht gratis sondern _völlig umsonst_

  • @Jo-cu9dv
    @Jo-cu9dv 2 года назад +3

    Kann mir jemand helfen? Bei mir funktioniert das Ausrufezeichen nicht.

  • @yacinegacem9923
    @yacinegacem9923 2 года назад +2

    Erfreulich und überraschend gut erklärt alles schlüssig und verständlich. Mehr davon!

    • @Programmierenlernen
      @Programmierenlernen  2 года назад

      Danke fürs Feedback!

    • @Roadto-1k
      @Roadto-1k Год назад

      @@Programmierenlernen 27:29 wie verbindet man es versteh es nicht

  • @bernsteindev
    @bernsteindev 3 года назад +3

    Egal wer das hier sieht, wer dashier nachmachen will sollte wissen, dass dies keine richtige App ist. Es ist eine Webseite. Um diesen Timer zu öffnen, braucht ihr einen Webbrowser, anders als bei einer App, wo ihr sie nur öffnen müsst. Nebenbei solltet ihr um dashier nachzumachen HTML, CSS und JavaScript können, sonst bringt euch dashier garnix. Ihr könnt das zwar versuchen 1 zu 1 nachzumachen, aber werdet ihr ohne Kenntnisse nie die Funktion dahinter erkennen.
    An Programmieren Lernen:
    Klasse erklärt, gutes Video.
    Wie wäre es mit einem Teil 2?
    Es wäre interessant, wenn man den Timer anhalten und auch selbst die Zeit auswählen könnte.
    LG

    • @SeProgrammiert
      @SeProgrammiert 2 года назад

      Hab ich gesucht diesen Kommentar 😁.. Btw mit 10 min mehr Arbeit, sprich ServiceWorker und Cache, wäre die App installierbar, liefe offline und könnte die Sensoren erreichen. Dann könnte man dies App nennen.

  • @nilsschonherr9665
    @nilsschonherr9665 Год назад +1

    Wie mache ich die 3 Striche in PowerPoint ? Also die das Menu darstellen sollen

  • @zStraaight
    @zStraaight 3 года назад +4

    ich habe es nicht hin bekommen dbei mir wird der timer nicht gestartet wenn man den anklickt

  • @theocamenzind5439
    @theocamenzind5439 2 года назад

    Hervorragend! Auch für Laien, die jedoch in Kürze wissen wollen, wie Apps entwickelt werden.

  • @kleopatra6764
    @kleopatra6764 Год назад

    Danke für die schöne Erklärung. Ich hab Programmierung nie in der Uni verstanden und jetzt wird es mir klar. Vielen Dank

  • @ibrahimasambaev2584
    @ibrahimasambaev2584 Год назад +1

    Danke❤
    Kannst echt stolz auf dich sein 🎉

  • @tzoumaz40
    @tzoumaz40 3 года назад

    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.

    • @xbowcx
      @xbowcx 3 года назад

      das Eingabefeld muss die Variable fiveMinutes manipulieren, die dann besser global definiert und umbenannt werden sollte ;)

  • @hauptchr
    @hauptchr 3 года назад +4

    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.

    • @thomas8954
      @thomas8954 3 года назад +2

      Clipper nicht vergessen! :)

  • @maiktizziani8684
    @maiktizziani8684 2 года назад +4

    Wirklich gut erklärt. 2-3 Sachen muss ich aber leider mal loswerden.
    Wie einige schon bemerkt haben, sollte bei Ablauf der Zeit timerStarted wieder auf false gesetzt werden.
    Viel wichtiger scheint mir hier aber den den Interval zu stoppen, denn der läuft im Hintergrund immer schön weiter und nagt ganz langsam am Akku. Jede Sekunde ein Tick obwohl eigentlich nicht mehr funktioniert macht mit ziemlicher Sicherheit einige Minuten weniger Laufzeit der Mobilen Endgeräte.
    Wenn der Intervall gestoppt ist kann man auch die Zeit wieder auf Anfang zurück setzen.
    Enhanced Mode: wer pfiffig ist baut sich nach diesen Änderungen noch eine manuelle Abbruchbedingung hinein, versteckt den Start-Button, zeigt einen Abbruch Button and so on ...
    Ich danke dir für das Tutorial, ich wollte nur kurz wissen wie PWA's erstellt werden, und das hast du wunderbar erklärt.

  • @slz987
    @slz987 2 года назад +6

    Super Anleitung, aber kleiner Schönheitsfehler in der App: Wenn die Minutengrenze unterschritten wird, steht da z. B. "04:60", was ja eigentlich nicht sein sollte, von daher müsste die Textanzeige noch angepasst werden. Ich vermute, das kommt vom Runden (round statt floor). Danke für das Video!

    • @doctordude5728
      @doctordude5728 2 года назад +1

      floor ist schon richtig,die Berechnungslogik für Minuten und Sekunden ist aber nicht ganz korrekt und darum der Fehler.

    • @doctordude5728
      @doctordude5728 2 года назад +7

      Die Berechnungslogik müsste meiner Meinung nach so lauten:
      let minutes = Math.floor((timeLeft % (1000 * 60 * 60)) / (1000 * 60));
      let seconds = Math.floor((timeLeft % (1000 * 60)) / 1000);
      dann müsste man die Sekunden falls < 10 noch handlen, in dem man die Null davor setzt
      if(seconds < 10) {
      seconds = ('0' + seconds).slice(-2);
      }
      So funktioniert es jetzt fehlerfrei

    • @Alex-sq3zr
      @Alex-sq3zr 2 года назад +2

      @@doctordude5728 exakt danke

    • @gernothartung
      @gernothartung 2 года назад

      @@doctordude5728 bei mir ändert sich das Verhalten dadurch nicht, vielmehr springt nun anfangs die Anzeige der verbleibenden Zeit von '05 : 00' gleich auf '04 : 58'. Ich denke das Problem ist, dass timeLeft nicht das ganze Vielfache von 1000 ist, sondern bei der Zuweisung bereits einige Millisekunden vergangen sind und in der Folge Math.floor() das Abrunden auf 58 bewirkt.
      Ich habe die Zeile mit der Berechnung & Zuweisung von timeLeft daher abgeändert auf:
      let timeLeft = Math.ceil((endTime - new Date().getTime()) / 1000) * 1000;
      Ob man bei der anschließenden Berechnung von minutes und seconds den Code von Junus oder dir benutzt ist dann wayne, der von Junus ist halt schlanker.
      das Einfügen der '0' bei einstelligen Sekunden, also die Ergänzung if(seconds < 10) seconds = ('0' + seconds).slice(-2); geschieht bei t=47m53s

    • @Roadto-1k
      @Roadto-1k Год назад

      27:29 wie verbindet man es versteh es nicht

  • @mefman5871
    @mefman5871 2 года назад +3

    Danke dafür 👍, sehr lehrreich (auch für über 60 jährige wie mich)!!!

  • @knausemann
    @knausemann Год назад +2

    Super Video, aber eine Frage: Wie werden die CSS-Klassen mit den DIV-Containern verbunden?

  • @teltox4794
    @teltox4794 Год назад

    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!

  • @labosik6953
    @labosik6953 2 года назад +1

    Wie sieht es da aus mit Impressum etc. ?

  • @mdkreading
    @mdkreading 3 года назад

    Habe eigentlich gedacht, dass ich mal kurz in das Video reinschaue.
    Nun habe ich es aber doch komplett angeschaut. :)
    Gutes Video.

  • @TheDavemaen
    @TheDavemaen 3 года назад +3

    Tolle und verständliche Erklärung von dir, danke für das Video!

  • @ingoklaus5827
    @ingoklaus5827 2 года назад

    Gute Arbeit Junus! Hat mir einen schönen Einblick in die App-Erstellung verschafft. Danke!

  • @leoillave2630
    @leoillave2630 2 года назад +1

    Wie genau klappt es bei dir dass die Bilder sich an die verschiedenen Pixel handygrößen anpassen ? Ich kann die Bilder nur in bestimmten pixelgrößen speichern und dann sind die viel zu groß für die Website

  • @DerFlaver
    @DerFlaver 3 года назад +4

    Also ich muss sagen das ist ein richtig gut erklärtes Video, aber ich bin zu blöd das hin zu bekommen.
    Ich habe alles genau so abgeschrieben wie im Video, aber wenn ich auf Start klicke, passiert garnix .... ich habe keine Ahnung was ich falsch gemacht habe.
    UPDATE: ich habe mir mehrere Videos von euch angeguckt und konnte mein Problem lösen, einfach nur gigantisch :D Danke :)

    • @DetrixPvP
      @DetrixPvP 3 года назад

      hab das selbe Problem lol, was war denn bei dir der fehler?

    • @DerFlaver
      @DerFlaver 3 года назад

      @@DetrixPvP guck mal ob du auch wirklich überall die klammern hast -> {}
      bei mir war das Problem das ich eine klammer vergessen habe (um die Funktion zu schlissen)

    • @DetrixPvP
      @DetrixPvP 3 года назад

      @@DerFlaver vielen dank

    • @HerrReifenwechsel
      @HerrReifenwechsel Год назад

      @@DetrixPvP ich sehe den kommentar von ihm nicht was war der fehler?

  • @rob1ngames
    @rob1ngames 2 года назад +3

    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😄😻

  • @RandomAb1
    @RandomAb1 3 года назад +6

    27:34 wie verbinde ich das?

  • @A5C89
    @A5C89 2 года назад +1

    Hi ein sehr hilfreiches Video, total verständlich. Jedoch wäre noch eine abschließende Stop Funktion die Krönung gewesen :).

  • @killer-assassine
    @killer-assassine Год назад

    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

  • @dogame5
    @dogame5 2 года назад +1

    Tolles tutorial, wäre nur schön wenn man im Titel auch schreibt worum es geht. Denn du hast keine App programmiert sondern eine Website die als Web App arbeitet

  • @ammi74656
    @ammi74656 2 года назад +4

    Gut gemacht. Wenn ich den Quellcode richtig lese würde die Eieruhr aber nur einmal funktionieren.
    Die Variable "timerstarted" müsste doch nach Ablauf der Zeit wieder auf false gesetzt werden oder ?

    • @paulkirchhof9546
      @paulkirchhof9546 2 года назад

      Genau und bei den führenden Nullen geht es auch schief, aber erst ab 10 Minuten und so lange kocht man Eier nicht.

  • @BennieFlacko
    @BennieFlacko 3 года назад +2

    Super professionell und verständlich erklärt!

  • @Riftayl
    @Riftayl 2 года назад

    Vielen Dank, dass du die Grafiken online gestellt hast. Daran bin ich gerade echt verzweifelt

  • @andybayer991
    @andybayer991 2 года назад +3

    Genial erklärt!
    Fehlte nur noch die Erklärung zur korrekten Mausbenutzung. 😉😉😉

  • @kaiser078
    @kaiser078 3 года назад +3

    Vielen lieben Dank, Junus E. und an euer COACHING-TEAM, für dieses und den vielen anderen, einfachen "Tutorial für Anfänger" Videos auf euren Kanal!
    Dafür kann ich leider nur ein ABO + ein DANKE Kommentar hinterlassen! 😘
    *Off-topic:* bist Du mit "Thomas Hermanns" Verwandt? 🤔
    -Diese Ähnlichkeit von Mund und Nase Gesichtszüge ist verblüffend. Und hat mich anfangs irritiert-

  • @bt-ll1zv
    @bt-ll1zv 2 года назад +1

    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!

    • @Programmierenlernen
      @Programmierenlernen  2 года назад +1

      ja macht man auch so. Aber in 60 Minuten war zu wenig Zeit dafür ;-)

  • @CanoBeiXwave
    @CanoBeiXwave 2 года назад +1

    bin ein schüler und will programmieren lernen, sogar ich habe es verstanden vielen vielen dank.

  • @alznexbig4905
    @alznexbig4905 2 года назад +1

    Außerdem schreibt man die CSS und JS Daten in einer extra Datei damit es übersichtlicher ist

    • @danm983
      @danm983 2 года назад

      Er wollte es so einfach, wie möglich machen. Deswegen gibt es keine anderen Dateien

  • @dominicfuchs8448
    @dominicfuchs8448 2 года назад

    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.👍

  • @sahinduezguen
    @sahinduezguen 2 года назад +2

    Tolles VIdeo!
    Könntest Du vielleicht möglichst auch eine *QUIZ-App* machen? Das wäre toll!

  • @detlefbahr9558
    @detlefbahr9558 Год назад

    Einfach perfekt und sehr verständlich erklärt - Danke!

  • @newskinointerviewstv4567
    @newskinointerviewstv4567 Год назад

    Du bist echt der bester Mann der Welt. ich schenke dir mein ganzes Herz. Very nice. Mehr als ein Uni-Lehrer

  • @dianemariawagner5053
    @dianemariawagner5053 3 года назад

    Alles wirklich toll erklärt. Das einzige was mir fehlt ist ein Button,
    der den Klingelton wieder verstummen lässt.

  • @wranglerdriver7981
    @wranglerdriver7981 3 года назад +3

    Total super erklärt - Respekt!

  • @BeiAlicanteypunto
    @BeiAlicanteypunto 2 года назад +1

    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.

  • @weitblick1206
    @weitblick1206 2 года назад +1

    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 .... :-)

  • @Paul-ty9sm
    @Paul-ty9sm 3 года назад +4

    Brauche hilfe: wenn ich das bild in vs code angebe ist es sehr groß und ich bekomme es auch mit einer neuen css klasse nicht hin. was soll ich tun?

    • @freesounds3640
      @freesounds3640 3 года назад +4

      Gudde,
      du kannst dem Bild die Höhe und die Breite mitgeben.
      so z.B.

  • @user-pw9xo8ux2i
    @user-pw9xo8ux2i 2 года назад +1

    Super Video, vielen Dank für diese Anleitung. Eine Frage als Iphone- Nutzer: kann es sein, dass man die Browserleiste nicht wegbekommt, auch wenn man die App dem Homebildschirm hinzufügt?

  • @Einer.von.d3ne
    @Einer.von.d3ne Год назад +1

    Es ist so guuut ich habe es direkt verstanden

  • @brokkoligamer
    @brokkoligamer 2 года назад +1

    sehr symphatisch.
    was ist wenn bei manchen containern das 2te div rot ist?

  • @jayfab9874
    @jayfab9874 2 года назад

    Mega! Ich hab 0 Ahnung davon, aber du weckst ziemlich mein Interesse

  • @ARTEFAKT-OG
    @ARTEFAKT-OG Год назад

    Ja jetzt läuft die die Zeit ab, habe es doch noch hinbekommen, coole Sache.

  • @mjk3803
    @mjk3803 2 года назад

    ich finds soweit logisch und nachvollziehbar, aber das es im Kurs dann doch langsamer geht, beruhigt mich schon ^^

  • @susievrobel1595
    @susievrobel1595 Год назад

    Exzellentes Tutorial! Tausend Dank!

  • @merlin_redstone
    @merlin_redstone 2 года назад +1

    wie skalir ich bilder?

  • @rudolflange9410
    @rudolflange9410 3 года назад

    Super erklärt, daß kann ja selbst ein 80 jähriger Rentner noch ganz gut machen!!!

  • @mdz5627
    @mdz5627 2 года назад +1

    Nice. Irre. Hast n neuen abbonnenten 🐣

  • @MrWasDas
    @MrWasDas 2 месяца назад

    Danke das du es gut erklärst, aber bin noch ein bisschen durcheinander mit dem JavaScribt. Ich wollte App erstellen damit ich ein bisschen Geld verdiene.

  • @sadnight6461
    @sadnight6461 2 года назад

    I don't understand what you saying but I learnt a lot..everything is plain. I hope you make a practical videos like this.

  • @ospyn4264
    @ospyn4264 10 месяцев назад

    Super Video Junus, dass mit dem CSS habe ich leider nicht verstanden wie man das erstellt und wo.

  • @loki354
    @loki354 2 года назад +1

    Danke für das tolle Tutorial aber bei spielt kein Sound ab also am Computer schon aber fertig auf dem Handy leider nicht was ist das Problem

  • @JulianHnk
    @JulianHnk Год назад +1

    Leider wird die App, trotz Chrome, am Handy nicht im Vollbild angezeigt, obwohl ich es auf dem Handy gespeichert habe. Woran liegt das?

  • @jackeltv7607
    @jackeltv7607 2 года назад +1

    Mal so eine Frage wie kann ich denn Bilder die zu groß sind verkleinern und anders herum auch??