Web-App programmieren in 60 Minuten | Tutorial für Anfänger (deutsch)
ฝัง
- เผยแพร่เมื่อ 7 ส.ค. 2024
- Kostenloses Beratungsgespräch: weiterbildung.developerakadem...
In diesem Video lernst du, wie du deine eigene Web-App entwickelst. Dieses Tutorial richtet sich dabei an Anfänger. Selbst, wenn du noch nie eine Zeile Code in deinem Leben geschrieben hast, wirst du diesem Tutorial hier folgen können.
00:00 | Intro
00:59 | Was brauchen wir?
02:43 | Installation und Setup
09:18 | HTML Elemente einfügen
16:39 | CSS
36:53 | Logik mit JavaScript
43:04 | Web-App hosten
___ Links ___
Download: www.jetbrains.com/de-de/webst...
Bildungslizenzen: www.jetbrains.com/community/e...
Gesamter Code: github.com/Developer-Akademie...
Bilder: github.com/Developer-Akademie...
___ Social Media ___
Instagram: / junus.ergin (Junus Ergin)
Tiktok: / herr_programmierer (Herr Programmierer)
Podcast: open.spotify.com/show/3sOOzOg...
____ Ü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 - 9 Monaten einen bezahlten Job zu finden. Dafür musst du nicht nur programmieren 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.
Am Ende erstellen wir mit dir deinen Lebenslauf und unterstützen dich bei deiner Bewerbung.
Informiere dich auf weiterbildung.developerakadem...
![[ไฮไลต์] เทควันโดหญิง รุ่น 49kg "เทนนิส พาณิภัค" ไทย vs โมร็อกโก รอบ 16 คน | โอลิมปิก 2024](http://i.ytimg.com/vi/TpqCeq35Oc8/mqdefault.jpg)
Krass dass du das Tutorial nochmal machst 🎉 bin dir wirklich dankbar ❤
Junus du bist der King, du erklärst alles Top und Schlüssig.
Danke dir das du mir Wissen beibringst. Ich mache jetzt meine eigende Web-App. Und noch mal vielen Dank das du dein Wissen mit uns teilst. 😌😌😌
Cooles viedeo, macht sehr spaß anzuschauen!
Super gemacht! Perfekte Geschwindigkeit, perfekt für Anfänger. Voll interessant!!
Bisschen schnell
Geiles Tutorial, bin selbst Anfänger und habe jetzt aus dem Währungs-Rechner, ein ein Gewinn-Rechner gemacht der den Umsatz minus die variablen Kosten und minus die fixe Kosten rechnet und am Ende den Gewinn raus spuckt.
Geiles Erfolgserlebnis.
Vielen Dank Junus für Ihre Mühe und Ihre freundliche Information. Sehr fleißig 👌🍀
Vielen Grüßen aus RLP
von anfang bis ende alles dabei - hut ab!
Wie immer ein Klasse Video. 👍🥰
Ein cooles Tutorial wäre noch die Entwicklung mit C# mit WPF und dem MVVM Pattern, da ich bald meinen Job in diesen Bereich wechseln werde. 😊
super tutorial! danke!
sehr gutes Video, alles klar und deutlich erklärt. Die "Manifest" Datei habe ich nun auch bei meiner Web App eingebunden.😀
Vielen Dank schön für alles
Tolles Video, danke! Strukturiert aufgebaut, kompetent rübergebracht und auf das Wesentliche beschränkt (API calls für die dynamische Anpassung des Wechselkurses ist m.E. hier noch nicht zielführend). Vielen Dank nochmals und bin gespannt auf weitere Projekte.
Hi, du hast am Schluss gesagt es ist auch möglich dass ganze so im playstore zu veröffentlichen. Könnt ihr mal ein Video dazu machen?
Du brauchst ein Google play Delevoper Account es kostet 25€
@@thesyrianhack ja das weis ich allerdings finde ich keinen Weg eine signed apk zu erstellen
@@kaliboghg5678 Du hast hier 2 Möglichkeiten:
1. Du erstellst eine PWA. Das machen wir bereits im Tutorial. Diese kannst du im PlayStore veröffentlichen. Google hier am besten mal.
2. Möglichkeit - Du nutzt ein Tool wie Apache Cordova. Damit kannst du eine signed APK erstellen. Das zeigen wir auch bei uns in der Weiterbildung.
Ich hoffe, ich konnte dir etwas weiterhelfen.
LG
Junus
Du bist echt toll! Danke für deine Mühe. Grüsse aus Feldkirchen bei München.
Grüße zurück aus München!
@@Programmierenlernen bitte helf mir bei mir kommt ne fehlermeldung calc is not defined wenn ich auf den butten clicke passiert nichts
plssss
@@Programmierenlernen Uncaught ReferenceError ReferenceError: calc is not defined
at onclick (c:\Users\jonat\OneDrive\Dokumente\Wondershare\Wondershare Filmora\Projects\TH-cam\index.html:115:32)
was bedeuted das wie kann ich es beheben
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. Geht das überhaupt? Oder sollte man für die App-Entwicklung eine andere IDE verwenden?
Danke schonmal für die Antwort!
Tutorial ist super :)
excellent!
Nice!
Danke im voraus.
Lieber Junus, wie immer, ein tolles Coding Video! Vielen Dank! Was ist denn nun mit den arrwos? Fehlt da nicht noch eine entsprechende Funktion, die Währungen zu tauschen?
Wieder mal ein sehr cooles Viedeo, kannst du mal ein e web-app programmieren wo man einen text editor programmiert mit Funktionen wie z.b text unterstreichen Schriftgröße ändern u.s.w. machen
Danke
Hi. Sehr gut erklärt. Danke. Mich würde es auch interessieren wie man die js Funktion dynamisch machen kann. D.h beim eintippen Euro wird gleich USD berechnet und umgekehrt. Ohne den Button "berechnen". Gruß.
Solche Projekte will ich noch mehr
Kannst du bitte mal ein Tutorial zu React Native und Git & Github machen
Danke für Ihre klaren Videos! Ich würde gerne wissen, ob Sie Kurse verkaufen?
Ich fänds cool, wenn du mal ein Discord Server für deine Community erstellen würdest damit man sich dort austauschen kann und über Probleme und deine Videos diskutieren kann.
Dein Tutorial ist gut erklärt, leider fehlt der wichtigste Punkt in diesem Tutorial. Wie bekomme ich die App z.b jetzt in den App Store bei IOS?
Wow hilft gut auch for kv Droid mobile Danke
HI ich wollte noch mal fragen weil ich das menü mir nicht runterladen kann hättest du eine idee woran es liegen könnte? Danke!
Könntest du ein Video dazu machen, wie du eine App im AppStore veröffentlichst?
Ich kann die Größe der Objekte nur im Html Teil und nicht im Style Abschnitt anpassen. Woran kann das liegen?
Danke für dieses tolle Tutorial!
Ist die App auf dem Handy auch im Offlinemodus (Flugmodus) verwendbar? LG
Theoretisch ja! Dafür müsstest du dich nochmals mit dem Offline-Support von PWAs beschäftigen.
Danke, für die Info!
Wie komplex ist es, diese App online Daten beziehen zu lassen? (zb. den aktuellen Umrechnungswert aus einer Internetseite auszulesen)
Sehr gutes tutorial. Vielen Dank. Aber eine Frage hätte ich: Am Ende funktioniert das weder mit full-screen noch mit standalone. Wenn ich die App als homebutton erstelle, ist das lediglich eine Verknüpfung auf die Seite. Nach 1h kann somit die App nicht mehr aufgerufen werden. Hast du eine Idee?
Tolles Video.
könntest du ein Video machen, on der auch z.B Daten auf dem Smartphone gespeichert werden? Z. B für eine App, die Rezepte speichern kann mit Mengenangaben Preise etc.
Kannst du mit der LocalStorage oder halt einem Backend machen
@@janne029 mit local storage werde soviel ich weiß die Daten nur temporär gespeichert, bis man die Daten im Browser löscht. Das kann nicht die Lösung sein. Und extra ein backend für eine relativ einfache App aufzusetzen ist zu over enginnered.
Bei mir kommt eine fehler meldung calc ist nicht definiert also ich ckicke auf den butten Berechnen aber nichts passiert bitte ihrdend eine hilfe
Bei mir ist das selbe, nur ohne Fehlermeldung. Ich habe das ganze Video durchgeschaut und es hat fast alles reibungslos funktioniert. Doch als es der letzte Punkt war( Wert + auf Button klicken= umgeänderter Wert) hat der Button nicht funktioniert und hat auch nichts ausgespuckt. Es hat einfach nichts gemacht.
Ich versuche es jetzt alles neu zu machen.
Du bist einfach mein liebling TH-camr bitte höre nie auf.
Wer kann mir genau sagen wenn ich eine Webseite im Internet habe wo jeder drauf zugreifen kann das die sich immer mit aktualisiert wenn ich da was verändere? Wie funktioniert das genau?
Hallo zusammen, Ich habe die währungsrechner gemacht und gleichzeitig die währungs umgewandelt aber ich kann nicht von Dollar to Euro rechnen.ich habe gedacht dass es mit dem Befehl if Else man kann das machen aber es funktioniert leider nicht .Weiß jemand wie kann man das machen oder junus kannst di mir einen tip geben.Zurzeit nehme ich in die bootcamp teil aber die können nicht bei dieser Projekt unterstützen
Ohne API welche den Kurs auf aktuellem Stand hält, ist das Ganze leider nur semi.🤷♂️
Hi Junus, könntest du mal bitte ein React Js Tutorial machen?
Ich habe ein paar Fragen da ich noch nicht 18 bin kann ich kein Temin abmachen aber könnte es auch möglich sein ein privates Gespräch über eine andere App/usw. zu schreiben?
mal so als info visual studio code ist auch im microsoft store
Ich komme von Visual Studio. Es muss doch eine einfachere Möglichkeit geben als die gesammte Oberfläche von Hand zu coden. Einen visuellen Baukasten bei dem man die Oberfläche einfach mit der Maus einrichtet. Immer wieder das Rad neu erfinden kann es ja nicht sein. Für berufliche Programmierer dauert so etwas doch und da ist Zeit immer noch Geld.
Kurze Frage : warum muss ich für mein Input Feld nochmal color: white definieren, wenn ich doch bereits für den Body color: white definiert habe ?
Muss du nicht Body gilt für alles was im Body ist solange du in den Kindtags kein anderen Color haben willst kannst du es weg lassen.
Könntest du mal eine Chat App für Android erstellen mit python und der kivy libary
ich möchte gerne ein Icon zu meiner Seite hinzufügen weiss aber nicht wie weiss das wer?
Magst du mal zeigen wie eine ki eingebaut wird ?
Ich hab mich eigentlich schon angemeldet für das Kurs aber wegen Financial issue, kann ich noch nicht anfangen 😢
Hallo, könntest du vielleicht mal ein Video machen, wie man ein html Widget programmiert, zum Beispiel ein Veranstaltungskalender den man dann auf einer Homepage anzeigen lassen kann? Der Kalender sollte am besten über eine App zu verwalten sein, und das dann die Termine planbar also mit Erscheinungs und Ausblendungs Datum angezeigt werden. Würde mich riesig über solch ein Projekt freuen. Darüber habe ich noch nichts vergleichbares gefunden. Viele Grüße
@Programmierenlernen kann man deinen Code irgendwo runterladen?
Kann man machen aber besser ist meines Erachtens den Code Stück für Stück selbst mit zu schreiben und die eine oder andere Sache individuell anzupassen, lernt man im Endeffekt schneller und bleibt besser im Kopf
Code + Bilder sind jetzt verlinkt!
Wie kann man es machen, dass sich die menüleiste oben ausklappt?
Das ist in dem Video nur ein Bild. Um wirklich ein DropDownMenü zu erhalten muss du diesen im Navbar einprogrammieren dazu gibt es viele tutorials im Internet
Junus wie kann man mit euch in Kontakt treten. Warte seid letzte woche Donnerstag auf den Anruf.
Wie kann ich eine web app gratis im google play store veröffentlichen und am besten ohne irgendwelche limits
Geht nicht für den Playstore fallen einmalig Entwickler gebühren an und für Apple Geräte fällt es sogar jährlich an
Moin bei mir kommt leider ....function replace() { [native code]} , es wäre cool wen jemand helfen könnte.. Danke und tolles Video
habs selbst gelöst :D war ja einfach dank Google
Es funktioniert auch nicht einen Abstand zwischen den Containern zu erstellen
Kennt jemand ein programm wo man das auf android machen kann
Du hast vergessen die Bilder unten zu verlinken.
Code + Bilder sind jetzt verlinkt!
@@Programmierenlernen auf den menu Ding ist gar nix
Wie kann ich eine web app gratis im google play store veröffentlichen
Geht nicht für den Playstore fallen einmalig Entwickler gebühren an und für Apple Geräte fällt es sogar jährlich an
wo ist der link zu den bildern
Code + Bilder sind jetzt verlinkt!
@@Programmierenlernen danke bist der beste
Minute 7;47, wie speichert man es
Du drückst einmal auf VS irgendwo hin damit der weiß das es dort gespeichert werden muss mit der Maus einen links klick. Und dann kannst du auf deiner Tastatur Strg+S drücken. Auf der Website rechts drückst du einfach auf diesen Runden Punkt wo er auch drauf drückt.
Kurz gesagt: Strg+s
Erster
ich suche immer nach solche TH-camr jedoch werden solche nützliche Videos nicht empfohlen. Zu schade
wie macht man diese kommischen klammern
Einfach auf diese komischen Tasten drücken! { und }
Geschweifte Klammer meinst du { = ALT+7 und } = ALT + 0
Leider sieht meine Bewertung nicht gerade gut aus.
Für Anfänger sprichst du vielfach ein „fachchinesisch“.
Dazu erklärst du einem Anfänger nicht wie man speichert. Die App. ist für die Praxis nicht zu gebrauchen. Dies, weil man den aktuellen Umrechnungskurs jeweils im Code ändern müsste.
Ausserdem sind mehrere Fehler vorhanden.
Für einen Lehrer ist das leider nicht ok!
Bitte bei weiteren Videos beherzigen.
Trotzdem vielen Dank und Grüsse Marcel
wo ist die speichern taste
STRG + S
Irgendwo ist es schon lächerlich das er css in html benutzt und dann sagt er Bilder usw. in der Beschreibung dabei ist nicht mal der Fertiger Code verlinkt. Programmier Lehrer aber noch kein einziges App Tutorial gesehen was eine App ist und keine Web App lächerlich. er programmiert anscheinend seit 30 Jahren kann aber nicht mal vernünftig css benutzen lächerlich. Also würde ich programmieren lernen von Anfang an würde ich auf jeden fall nicht zu diesem Kanal gehen.
Er hat recht.
Heut wohl mit dem falschen Fuß aufgestanden, was?
Da geb ich @ace_oneseven recht, das Video ist mit seinen 47 Minuten an blutiger Anfänger, wie mich, gerichtet und meines Erachtens völlig ausreichend vom Umfang, wenn du Kurse für "CSS-Profi" oder "App veröffentlichen" suchst, empfehle ich Google ist zumeist eine hilfreiche Suchplattform
😂😂😂
Das erstell eine App hat schon bei mir nicht funktioniert Du in der Video bestimmt nur Lügen
Bitte vergleiche nicht das Produkt (Mac) mit Windows oder Linux. Das gleiche bei dem Betriebssystem von Smartphones: Android oder IOS nicht IPhone. Das solltest du doch besser wissen!
Hallo ich habe eine frage an euch
Ich habe Geburtstag und wollte frage ob ihr mir ein Geschenk machen wollt
Könnt ihr bitte WINNER TUNIERMANEGER Herrunter laden könnt und das Hallenturnier1 suchen und folgen bitte 🥺🥺🥺 wünscht mein Mannschaft viel Glück
Wie kann ich eine web app gratis im google play store veröffentlichen und am besten ohne irgendwelche limits
Geht nicht für den Playstore fallen einmalig Entwickler gebühren an und für Apple Geräte fällt es sogar jährlich an