- Видео 28
- Просмотров 20 046
SchreibCode
Добавлен 3 дек 2021
On SchreibCode you'll find interesting Videos about JavaScript, HTML, CSS and React. I want to help you explore the web development universe and write better code.
If you don't want to miss any videos, subscribe to the channel and stay in touch with me on GitHub.
Have fun with my videos 💪
If you don't want to miss any videos, subscribe to the channel and stay in touch with me on GitHub.
Have fun with my videos 💪
CSS Animation in 16 Minuten - Deutsches Tutorial
In diesem Video erkläre ich dir CSS Animation mit der transition property und keyframes.
Wenn du das Gefühl hast, dass ich im Video etwas vergessen habe, oder wenn du etwas an CSS Animation nicht verstanden hast, schreibs in die Kommentare!
Der Code zum Video: github.com/SchreibCode/css-animation-video
_________
⏱️ Timestamps:
00:00 - Intro
00:30 - transition
02:45 - transition-property
05:20 - transition-delay
05:46 - transition-timing-function
06:20 - Eigene timing-function
07:43 - keyframes
09:33 - animation-name
10:33 - animation-fill-mode
11:21 - animation-iteration-count
14:22 - animation-play-state
15:44 - animation-direction
16:10 - Outro
_________
#CSS #Animation #Erklärt
Wenn du das Gefühl hast, dass ich im Video etwas vergessen habe, oder wenn du etwas an CSS Animation nicht verstanden hast, schreibs in die Kommentare!
Der Code zum Video: github.com/SchreibCode/css-animation-video
_________
⏱️ Timestamps:
00:00 - Intro
00:30 - transition
02:45 - transition-property
05:20 - transition-delay
05:46 - transition-timing-function
06:20 - Eigene timing-function
07:43 - keyframes
09:33 - animation-name
10:33 - animation-fill-mode
11:21 - animation-iteration-count
14:22 - animation-play-state
15:44 - animation-direction
16:10 - Outro
_________
#CSS #Animation #Erklärt
Просмотров: 646
Видео
Warum ich nur noch Rem benutze
Просмотров 5352 года назад
Heute geht es um das kleine aber feine Wort Rem! Ich erkläre dir was die root element font size ist und warum du sie kennen und benutzen solltest. Mehr Infos zum Thema Rem: webdesign.tutsplus.com/tutorials/why-you-should-be-using-rem-based-layouts cms-27828 css-tricks.com/theres-more-to-the-css-rem-unit-than-font-sizing uxdesign.cc/why-designers-should-move-from-px-to-rem-and-how-to-do-that-in-...
React useRef in 9 Minuten - Deutsches Tutorial
Просмотров 5792 года назад
In diesem Tutorial erkläre ich auf Deutsch alles, was du über React useRef wissen musst. Im live Coding zeige ich dir wann und wie du am besten useRef einsetzt. Wenn du das Gefühl hast, dass ich im Video etwas vergessen habe, oder wenn du etwas an useRef nicht verstanden hast, schreibs in die Kommentare! Der Code zum Video: github.com/SchreibCode/react-use-ref-video ⏱️ Timestamps: 00:00 - Intro...
CSS Grid in 16 Minuten - Mit Beispiel
Просмотров 2952 года назад
In diesem Tutorial erkläre ich dir alles Wichtige über CSS Grid. Zum Schluss bauen wir gemeinsam noch einen Bilder Feed wie auf unsplash.com Wenn du das Gefühl hast, dass ich im Video etwas vergessen habe, oder wenn du etwas nicht verstanden hast, lass es mich bitte in den Kommentaren wissen. Der Code zum Video: github.com/SchreibCode/css-grid-video ⏱️ Timestamps: 00:00 - Intro 01:22 - Grid Par...
Lernen will gelernt sein
Просмотров 3112 года назад
In diesem Video decke ich Mythen über das Lernen auf und erkläre dir basierend auf wissenschaftlichen Papern wie du wirklich effektiv neues lernst. ⏱️ Timestamps: 00:00 - Intro 00:34 - Lerntypen 02:09 - Effektiv lernen 04:16 - Weitere Lerntipps 07:44 - Programmieren lernen 10:29 - Outro #Effektiv #Lernen #SchreibCode
Das perfekte TypeScript Projekt für Anfänger
Просмотров 4772 года назад
In diesem Tutorial programmiere ich einen Passwort Generator mit TypeScript. Dabei lernst du auch wie man als Programmierer strukturiert an Projekte heran geht. Wenn du das Gefühl hast, dass ich im Video etwas vergessen habe, oder wenn du etwas nicht verstanden hast, lass es mich bitte in den Kommentaren wissen. Der Code zum Video: github.com/SchreibCode/typescript-passwort-generator ⏱️ Timesta...
Lern JavaScript in 13 Minuten
Просмотров 3822 года назад
In diesem Tutorial erkläre ich auf Deutsch alles, was du als Anfänger über JavaScript wissen musst. Wir werden Variablen, Booleans, if...else, Ternary, Arrays, Schleifen, Funktionen und Objekte behandeln. Alle JavaScript Tutorials für Anfänger: ruclips.net/p/PL8BTCXcyT1WpsZQ2UVI1ULG3RumOqU_Mw Variablen: ruclips.net/video/X3heKc8uCBk/видео.html Booleans: ruclips.net/video/79zBiXm5nlw/видео.html ...
TypeScript für Anfänger
Просмотров 3112 года назад
In diesem Tutorial erkläre ich dir auf Deutsch alles, was du als Anfänger über TypeScript wissen musst. Ich erkläre was TypeScript ist, wozu man es benutzt und wie du am besten damit anfängst. Wir werden gemeinsam deinen Computer "programmier-ready" machen und das erste Hello World ausgeben. Wenn du das Gefühl hast, dass ich im Video etwas vergessen habe, oder wenn du etwas nicht verstanden has...
Arrow Funktionen in 10 Minuten - Deutsches Tutorial
Просмотров 7562 года назад
In diesem Tutorial erkläre ich dir auf Deutsch JavaScript Arrow Funktionen. Natürlich schauen wir uns dabei auch das kleine aber gemeine Wort "this" an und wie es sich in Arrow Funktionen verhält. Viel Spaß beim Video. Mein Video zu normalen Funktionen: ruclips.net/video/BHh6YLuAPBY/видео.html Wenn du das Gefühl hast, dass ich im Video etwas vergessen habe, oder wenn du etwas an Arrow Funktione...
Objekte - JavaScript Tutorial für Anfänger
Просмотров 4492 года назад
In diesem Tutorial erkläre ich auf Deutsch alles, was du als Anfänger über JavaScript Objekte wissen musst. PS: Wenn du Porsche Fan bist wird dir dieses Video gefallen, denn ich arbeite einen Porsche 911 Turbo als Beispiel Objekt ein. Viel Spaß! Alle JavaScript Tutorials für Anfänger: ruclips.net/p/PL8BTCXcyT1WpsZQ2UVI1ULG3RumOqU_Mw Wenn du das Gefühl hast, dass ich im Video etwas vergessen hab...
JavaScript Programmierer versucht Python
Просмотров 1092 года назад
Ich hab mich dabei gefilmt wie ich das erste Mal Python programmiere. Schaffe ich es den FizzBuzz Algorithmus zu implementieren? ⏱️ Timestamps: 00:00 - Intro 00:42 - Was werde ich tun? 02:46 - Python ausführen 03:56 - Erste Python Datei 05:19 - python3 version 07:30 - Juhu, es funktioniert! 08:02 - Kommentare 08:28 - FizzBuzz 09:35 - FizzBuzz Zutaten 12:00 - if...else...elif 13:03 - Modulo 15:2...
Funktionen - JavaScript Tutorial für Anfänger
Просмотров 3072 года назад
In diesem Tutorial erkläre ich auf Deutsch alles, was du als Anfänger über JavaScript Funktionen wissen musst. PS: Um dir Funktionen bildlich zu zeigen benutze ich Minecraft. Mein Video zu den Arrow Funktionen: ruclips.net/video/Zu9YeqQ-Avg/видео.html Alle JavaScript Tutorials für Anfänger: ruclips.net/p/PL8BTCXcyT1WpsZQ2UVI1ULG3RumOqU_Mw Wenn du das Gefühl hast, dass ich im Video etwas vergess...
Schleifen - JavaScript Tutorial für Anfänger
Просмотров 3272 года назад
In diesem Tutorial erkläre ich auf Deutsch alles, was du als Anfänger über JavaScript Schleifen wissen musst. Wir werden uns in diesem Video while und for Schleifen anschauen. Zum Schluss werden wir gemeinsam den berühmten FizzBuzz Algorithmus lösen. Alle JavaScript Tutorials für Anfänger: ruclips.net/p/PL8BTCXcyT1WpsZQ2UVI1ULG3RumOqU_Mw Wenn du das Gefühl hast, dass ich im Video etwas vergesse...
Muss ein Programmierer Englisch können?
Просмотров 4122 года назад
Denkst du als Programmierer muss man Englisch können? Was ist deine Meinung zu dieser Frage? ⏱️ Timestamps: 00:00 - Intro 00:36 - Was bedeutet "können"? 01:15 - Warum ist Englisch wichtig? 01:25 - Lernen 03:37 - Zusammenarbeit 04:55 - Deutsche Alternativen 07:19 - Musst du jetzt Englisch lernen? 07:50 - Warum SchreibCode? 08:44 - Outro #Programmierer #Können #Englisch
Arrays - JavaScript Tutorial für Anfänger
Просмотров 3542 года назад
In diesem Tutorial erkläre ich auf Deutsch alles, was du als Anfänger über JavaScript Arrays wissen musst. Ich erkläre dir wofür du Arrays brauchst wie man Elemente in Arrays einfügt oder löscht und wie man Elemente in Arrays findet. Am Ende werden wir gemeinsam vier Aufgaben lösen. Alle JavaScript Tutorials für Anfänger: ruclips.net/p/PL8BTCXcyT1WpsZQ2UVI1ULG3RumOqU_Mw Wenn du das Gefühl hast,...
5 JavaScript Array Methoden die du kennen musst
Просмотров 7092 года назад
5 JavaScript Array Methoden die du kennen musst
Chrome Developer Tools - Deutsches Tutorial
Просмотров 8632 года назад
Chrome Developer Tools - Deutsches Tutorial
JSON in 21 Minuten - Deutsches Tutorial
Просмотров 1,4 тыс.2 года назад
JSON in 21 Minuten - Deutsches Tutorial
JavaScript Async Await in 8 Minuten - Deutsches Tutorial
Просмотров 2,3 тыс.2 года назад
JavaScript Async Await in 8 Minuten - Deutsches Tutorial
React useReducer in 34 Minuten - Deutsches Tutorial
Просмотров 5882 года назад
React useReducer in 34 Minuten - Deutsches Tutorial
Ternary - JavaScript Tutorial für Anfänger
Просмотров 2892 года назад
Ternary - JavaScript Tutorial für Anfänger
if else - JavaScript Tutorial für Anfänger
Просмотров 3422 года назад
if else - JavaScript Tutorial für Anfänger
Booleans - JavaScript Tutorial für Anfänger
Просмотров 3312 года назад
Booleans - JavaScript Tutorial für Anfänger
Variablen - JavaScript Tutorial für Anfänger
Просмотров 6452 года назад
Variablen - JavaScript Tutorial für Anfänger
JavaScript Promises in 16 Minuten - Deutsches Tutorial
Просмотров 4,5 тыс.2 года назад
JavaScript Promises in 16 Minuten - Deutsches Tutorial
Hello World - JavaScript Tutorial für Anfänger
Просмотров 8152 года назад
Hello World - JavaScript Tutorial für Anfänger
CSS Position in 22 Minuten - Mit drei Übungen
Просмотров 2672 года назад
CSS Position in 22 Minuten - Mit drei Übungen
Flexbox in 18 Minuten - Mit drei Übungen
Просмотров 6962 года назад
Flexbox in 18 Minuten - Mit drei Übungen
Hey, du scheinst inaktiv zu sein aber dennoch: Danke für das Video. Sehr ordentlich und verständlich erklärt. Hoffe du machst bald wieder weiter. Liebe Grüße aus Frankfurt :)
Vielen Dank für das gut Erklärte Video
Schade das du aufgehört hast… Die Videos sind echt professionell 🔥
super job!!Danke
Vielen Dank für das tolle Tutorial! Mach weiter so - dann knackst du schon bald die 1000 Abonnenten!
Bist ein Ehrenmann, ich wünsche dir alles Glück dieser Welt. Du rettest mich! :)
Danke🎉 endlich eine vernünftige Erklärung ❤❤❤
Sehr gutes Video, vielen Dank. Aber ich habe hier ein Problem. Mein VS-Code zeigt mir an vielen Stellen Fehler an. zb bei const button --> "form" ist möglicherweise null. Wie kann ich dies denn verhindern?
Richtig gutes Video! Hast mir sehr geholfen die Thematik zu verstehen.
Warum machst du keine Videos mehr 😕?
Lust und Zeit fehlen :/
Danke, ist ein guter Überblick. Habe die letzten Wochen viel JavaScript gelernt und das fasst es ganz gut zusammen.
Das freut mich!
Vielen Dank, das motiviert mich gerade wieder. Nachdem ich gerade fast 2 Tage einen Fehler auf der Website gesucht hatte (und er war winzig), obwohl es im Livebetrieb wohl niemand bemerkt hätte, es mich aber doch wurmt das Problem zu lösen um das warum zu verstehen. "Probleme sind dein Freund", wahre Worte!
Danke dir
Echt gutes Video! Fand die Beispiele richtig gut und hast auch echt ein Talent anderen was zu erklären :)
Schade, dass deine Videos nicht weiter gehen. Ich bin Frontendler und hätte deine Videos gerne damals schon gefunden. Deine Videos gehören zu den verständlichstem Videos auf RUclips. Ich hoffe, du machst mal wieder ein paar Videos, da Anfänger so durchaus ihr Wissen erweitern können.💪
Danke
Cooles video! danke dafür. Ein Glück das der Fiat Fiesta NIE produziert wurde... Der wäre nicht alltagstauglich geworden ;) Hab direkt mal ein Abo dagelassen
Danke
So ein gutes Video... richtig schön mal so guten deutschen Content zu sehen.
Vielen Dank!
hey kannst du bei Gelegenheit auch mal was zu Node js machen?
Super erklärt! Vielen Dank!
Vielen Dank für das Tutorial. Ideal zum Einstieg in das Thema DevTools!
Cool bilde mich aus?!
Unterrichte mich will JS lernen?!
Dieser Kanal sollte 1.000.000 Likes und Follower haben.
Danke dir für dieses Wissensvideo über Promise! Nach mehrmaligen Nachschlagen auf MDN und w3schools habe ich jetzt die Promise Funktion verstanden. Vielen Dank für das Beispiel!
Tolle Art zu erklären 🤩
Dankeschön! Was ich nicht verstehe ist, dass beim letzten Beispiel ref nichtmehr null ist. Du setzt ja hinter dem div ref={ref} aber ref ist ja null. Ist das dann andersherum gemeint als üblich beim programmieren?
Danke sehr für deine Videos. Ruhig und entspannt, sodass man gut folgen kann. Hilft mir sehr Danke
Danke!
Ich mag deine Erklärvideo Reihe sehr zu JS! Vielen Dank :) Ich wusste nicht, dass ich "const variable = new Date().getHourse(); " auch in eine Zeile schreiben kann :) Ich habe es erst getrennt voneinander gemacht, sprich aktuellesDatum = new Date(); dann aktuelleStunde = aktuellesDatum.getHours(); Ich lerne viel durch dich! Danke
Danke! So wie du es gemacht hast ist es ordentlicher. Behalte dir die "ordentliche" Art gerne bei
Danke dir, hat mir sehr weitergeholfen 😁
Das freut mich!
Sehr gut erklärt. Danke Marvin 🌹🌹🌹
Sehr gerne!
Perfekt erklärt 👍
Danke 🙂
Wann kommen wieder Videos Finde deine Videos sehr gut
Hey dein Video hat mir gut gefallen. Zwar ist dein Sprechtempo etwas langsam aber deine Art das etwas realitätsnäher zu erklären ist super. Hast du ein Discord mit einer kleinen Community? Aufjedenfall weiter machen. Du kannst das echt gut!
Hi Marvin, ein aufnahmetechnischer Tipp: Laute wie b und p kommen etwas unangenehm 'rüber - ich rate dir zu einem sog. "Popschutz"...
Guter Tipp!
Ich sehe mein erstes Video von dir an und bin fast eingeschafen. Die Erklärung ist sehr gut aber da fehlt die Dynamik. Bitte versuche deine Videos mit mehr Pepp zu erstellen. Nichts desto trotz habe ich einen Like und Abo hinterlassen
WOW - du hast so eine angenehme, unaufgeregte Art zu reden und bist fachlich trotzdem 1A… das genaue Gegenteil zu den Morpheus Tutorials…;-)
Danke fürs Feedback!
Tolle Videos! Weiter so!
Danke!
Danke! Gute Zusammenfassung und sehr schön bildhaft erklärt (Weiche, Schranke, Tür).
Danke fürs Feedback!
Tolles Video. Besonders die Übungen sind einfach klasse! Ich wusste schon was Objekte sind, habe aber trotzdem nochmal mitgemacht. Schade das dein Kanal so unbekannt ist, der hat viel mehr Aufmerksamkeit verdient! ich finde wirklich keiner erklärt das so gut wie du, besonders der Autovergleich war fürs Anfangsverständnis klasse!💪🏻💪🏻👍🏻
Danke!
Hey Marvin, vielen Dank für dein Video und deine Mühe! Könntest du mir noch eine Frage beantworten: Das Promise bekommt eine async Funktion übergeben, mit den übergeben Parametern resolve und reject. Die zwei Übergeben Parameter sind in dem Fall Funktionen. Woher kommen diese Parameter, sie wurden nirgends deklariert? Gerade auch im Hinblick darauf das man sie nennen kann wie man möchte und das Promise trotzdem funktioniert. Ich kann diesen Vorgang irgendwie nicht nachvollziehen. Vielen Dank :)
Interessante Frage: Es gibt bestimmte Funktionen wie z.B setTimeout oder Objekte wie Promise, die von den Maintainern der Sprache JavaScript und Browserschmieden (Mozilla, Chrome) vorgeschrieben werden.
Ich finde die Übungen nach dem Video besonders cool! Ich glaube das steigert den Lerneffekt erheblich. Du machst das anscheinend als einziger RUclipsr so. Schön das du dir die Zeit für uns nimmst.
Danke Peter!
Danke Marvin! Sehr ruhig und verständlich erklärt! Ich freu mich auf den nächsten teil. Gruß
Danke!
Top Video, Danke!
Gern
Deine Art zu erklären ist mega, danke dafür !
Danke!
Mega cool! Für mich als Experte auch ma wieder was Neues :) Werd ich definitiv mal einsetzen
Danke dir!
Sehr schönes Video, Ordentlich erklärt und angenehme Stimmenlage. Wäre sehr sehr cool wenn mehr von Typescript kommen würde :P
Ich danke dir!
@@schreibcode Könntest du eventuell mal nen Video zu Datenbank Verbindung mit Typescript machen oder könnte man dich auf Discord mal dazu anschreiben. Wäre echt cool wenn du da vielleicht weiterhelfen könntest D:
@@akashi1337 Ich schreibs mir auf! Danke für die Idee
Hi danke für deine Arbeit, ist sehr gut verständlich. Leider fehlt das Repo auf Github.
Danke für die Info. Es war noch "privat". Jetzt sollte der Link funktionieren
Super Erklärung & Übung! 👏👏👏
Danke 🙏
Es war wirklich eine gute Unterricht für mich. Ich habe es sehr gut verstanden.👏Danke schön Marvin! Const istDreiGleichVier = 3 === "3"; console.log ({ istDreiGleichVier }); das Ergebnis dieses Beispiels ist "False". 😉😊
Sehr gut! Freut mich Huseyin
Hi Marvin! Ich habe mir Ihr erstes Javascript-video angesehen. Sie erklären alles sehr ausführlich. Vielen Dank!
Sehr gern Huseyin!
perfekt erzählt👍🏼
Ich danke dir!