{"id":12789,"date":"2021-12-09T17:39:11","date_gmt":"2021-12-09T17:39:11","guid":{"rendered":"http:\/\/blog.bachi.net\/?p=12789"},"modified":"2022-09-05T19:52:37","modified_gmt":"2022-09-05T19:52:37","slug":"javascript-videos","status":"publish","type":"post","link":"https:\/\/blog.bachi.net\/?p=12789","title":{"rendered":"JavaScript Videos"},"content":{"rendered":"<h1>YouTube<\/h1>\n<h3>MaxSandelin<\/h3>\n<p><a href=\"https:\/\/www.youtube.com\/watch?v=2wCpkOk2uCg\">Learn to code a to-do list app in JavaScript &#8211; Part 1<\/a><br \/>\n<a href=\"https:\/\/www.youtube.com\/watch?v=0SiC1DClaFg\">Learn to code an API in JavaScript &#8211; Part 1<\/a><br \/>\n<a href=\"https:\/\/github.com\/themaxsandelin\/todo\">github.com\/themaxsandelin\/todo<\/a><br \/>\n<a href=\"https:\/\/maxsandelin.com\/\">maxsandelin.com<\/a><\/p>\n<h3>The Coding Train<\/h3>\n<p><a href=\"https:\/\/www.youtube.com\/watch?v=hS_WqkyUah8\">9.19: Prototypes in Javascript &#8211; p5.js Tutorial<\/a><br \/>\n<a href=\"https:\/\/www.youtube.com\/watch?v=ZNH0MuQ51m4\">Coding Challenge #65.1: Binary Search Tree<\/a><br \/>\n<a href=\"https:\/\/www.youtube.com\/watch?v=uxf0--uiX0I\">1.4: JSON &#8211; Arbeiten mit Daten und APIs in JavaScript<\/a><\/p>\n<h3>Traversy Media<\/h3>\n<p><a href=\"https:\/\/www.youtube.com\/watch?v=PoRJizFvM7s\">Async JS Crash Course &#8211; Callbacks, Promises, Async Await<\/a><\/p>\n<h3>Level Up Tutorials, LLC.<\/h3>\n<p><a href=\"https:\/\/leveluptutorials.com\/tutorials\">Level Up Tutorials Website<\/a><br \/>\n<a href=\"https:\/\/www.youtube.com\/c\/LevelUpTuts\/playlists\">Level Up Tutorials Playlist<\/a><\/p>\n<h3>Programming with Mosh<\/h3>\n<p><a href=\"https:\/\/www.youtube.com\/watch?v=NCwa_xi0Uuc\">ES6 Tutorial: Learn Modern JavaScript in 1 Hour<\/a><\/p>\n<h3>Fun Fun Function<\/h3>\n<p><a href=\"https:\/\/www.youtube.com\/playlist?list=PL0zVEGEvSaeHBZFy6Q8731rcwk0Gtuxub\">Object Creation in JavaScript<\/a> (Playlist)<br \/>\n<a href=\"https:\/\/www.youtube.com\/playlist?list=PL0zVEGEvSaeHJppaRLrqjeTPnCH6vw-sm\">Must-know JavaScript Features<\/a><br \/>\n<a href=\"https:\/\/www.youtube.com\/watch?v=sjyJBL5fkp8\">var, let and const &#8211; What, why and how &#8211; ES6 JavaScript Features<\/a><\/p>\n<h3>Web Dev Simplified<\/h3>\n<p><a href=\"https:\/\/www.youtube.com\/watch?v=Mi4EF9K87aM\">MutationObserver &#8211; This Is Unbelievably Powerful<\/a><br \/>\n<a href=\"https:\/\/www.youtube.com\/watch?v=BMuFBYw91UQ\">Async vs Defer &#8211; What Is The Fastest Way To Load JavaScript<\/a><\/p>\n<p><!-- -------------------------------------------------------------------------------------- --><\/p>\n<h1>ES6<\/h1>\n<p><a href=\"https:\/\/flaviocopes.com\/es6\/\">The ES6 Guide<\/a><br \/>\n<a href=\"https:\/\/www.tutorialrepublic.com\/javascript-tutorial\/javascript-es6-features.php\">JavaScript ES6 Features<\/a><br \/>\n<a href=\"https:\/\/www.freecodecamp.org\/news\/these-are-the-features-in-es6-that-you-should-know-1411194c71cb\/\">These are the features in ES6 that you should know<\/a><br \/>\n<a href=\"https:\/\/www.digitalocean.com\/community\/tutorials\/understanding-destructuring-rest-parameters-and-spread-syntax-in-javascript\">Understanding Destructuring, Rest Parameters, and Spread Syntax in JavaScript<\/a><br \/>\n<a href=\"https:\/\/dev.to\/shreya\/es6-handbook-everything-you-need-to-know-1ea7\">ES6 Handbook: Everything You Need to Know<\/a><br \/>\n<a href=\"https:\/\/anil-pace.medium.com\/javascript-es6-37a545b6ac62\">JavaScript ES6 (ECMAScript 2015)<\/a><\/p>\n<p><!-- -------------------------------------------------------------------------------------- --><\/p>\n<h1>Text<\/h1>\n<table>\n<tr>\n<td><a href=\"https:\/\/www.w3schools.com\/js\/js_es5.asp\">ECMAScript 2009<\/a><\/td>\n<td>ES5<\/td>\n<\/tr>\n<tr>\n<td><a href=\"https:\/\/www.w3schools.com\/js\/js_es6.asp\">ECMAScript 2015<\/a><\/td>\n<td>ES6<\/td>\n<\/tr>\n<tr>\n<td>ECMAScript 2016<\/td>\n<td>&#8211;<\/td>\n<\/tr>\n<tr>\n<td>ECMAScript 2017<\/td>\n<td>&#8211;<\/td>\n<\/tr>\n<tr>\n<td>ECMAScript 2018<\/td>\n<td>&#8211;<\/td>\n<\/tr>\n<\/table>\n<h3>Learn JavaScript<\/h3>\n<p><a href=\"https:\/\/learnjavascript.online\/\">Learn JavaScript<\/a><\/p>\n<h3>Mozilla<\/h3>\n<p><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Learn\/JavaScript\/Building_blocks\">JavaScript building blocks<\/a><br \/>\n<a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Learn\/JavaScript\/Building_blocks\/Looping_code\">Looping code<\/a><br \/>\n<a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Learn\/JavaScript\/Building_blocks\/Events\">Introduction to events<\/a><br \/>\n<a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Learn\/JavaScript\/Building_blocks\/conditionals\">Making decisions in your code \u2014 conditionals<\/a><br \/>\n<a href=\"https:\/\/developer.mozilla.org\/de\/docs\/Web\/API\/Performance\">Performance interface<\/a><br \/>\n<a href=\"https:\/\/developer.mozilla.org\/de\/docs\/Web\/JavaScript\/Reference\/Functions\">Funktionen<\/a><br \/>\n<a href=\"https:\/\/developer.mozilla.org\/de\/docs\/Web\/JavaScript\/Reference\/Functions\/Method_definitions\">Methoden Definitionen<\/a><\/p>\n<ul>\n<li>Die Funktionsdeklaration (function Statement)<\/li>\n<li>Der Funktionsausdruck (function Ausdruck)<\/li>\n<li>Die Generatorfunktionendeklaration (function* Statement)<\/li>\n<li>Der Generatorfunktionsausdruck (function* Ausdruck)<\/li>\n<li>Der Pfeilfunktionsausdruck (=>)<\/li>\n<li>Der Function Konstruktor<\/li>\n<li>Der GeneratorFunction Konstruktor<\/li>\n<li>Das arguments Objekt<\/li>\n<li>Konstruktor vs. Deklaration vs. Ausdruck<\/li>\n<\/ul>\n<p><a href=\"https:\/\/developer.mozilla.org\/de\/docs\/Web\/JavaScript\/Reference\/Statements\/var\">var<\/a><br \/>\nVariablendeklarationen werden immer ausgef\u00fchrt bevor Programmcode ausgef\u00fchrt wird, egal wo sie im Programmcode vorkommen. Der G\u00fcltigkeitsbereich einer Variablendeklaration mit <code>var<\/code> ist der aktuelle Kontext. Dieser ist der Kontext der umschlie\u00dfenden Funktion oder f\u00fcr Deklarationen au\u00dferhalb von Funktionen der globale Kontext.<\/p>\n<p><a href=\"https:\/\/developer.mozilla.org\/de\/docs\/Web\/JavaScript\/Reference\/Statements\/let\">let<\/a><br \/>\n<code>let<\/code> erm\u00f6glicht es Variablen zu deklarieren, deren G\u00fcltigkeitsbereich auf den Block, den Befehl oder den Ausdruck beschr\u00e4nkt ist, in dem sie deklariert sind. Der Unterschied zum \t<code>var<\/code> Schl\u00fcsselwort ist, dass der G\u00fcltigkeitsbereich auf Bl\u00f6cke und nicht auf Funktionen bzw. Global beschr\u00e4nkt ist.<\/p>\n<p><a href=\"https:\/\/hacks.mozilla.org\/2015\/07\/es6-in-depth-let-and-const\/\">ES6 In Depth: let and const<\/a><br \/>\n<a href=\"https:\/\/robertnyman.com\/2008\/10\/09\/explaining-javascript-scope-and-closures\/\">Explaining JavaScript Scope And Closures<\/a><\/p>\n<p><a href=\"https:\/\/developer.mozilla.org\/de\/docs\/Glossary\/Hoisting\">Hoisting<\/a><br \/>\n<a href=\"https:\/\/de.wikipedia.org\/wiki\/Hoisting\">Hoisting<\/a><\/p>\n<p><a href=\"https:\/\/developer.mozilla.org\/de\/docs\/Web\/API\/MutationObserver\">MutationObserver<\/a><\/p>\n<p><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Guide\/Modules\">JavaScript modules<\/a><br \/>\n<a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Learn\/Server-side\/Express_Nodejs\/Introduction\">Express\/Node introduction<\/a><\/p>\n<pre class=\"brush: jscript; title: node.js; notranslate\" title=\"node.js\">\r\n\/\/ Load HTTP module\r\nconst http = require(&quot;http&quot;);\r\n<\/pre>\n<pre class=\"brush: jscript; title: Browser; notranslate\" title=\"Browser\">\r\n&lt;script type=&quot;module&quot; src=&quot;main.js&quot;&gt;&lt;\/script&gt;\r\nimport { name, draw, reportArea, reportPerimeter } from '.\/modules\/square.js';\r\n<\/pre>\n<h3>dofactory<\/h3>\n<p><a href=\"https:\/\/www.dofactory.com\/javascript\/objects\">JavaScript Objects<\/a><br \/>\n<a href=\"https:\/\/www.dofactory.com\/javascript\/advanced-objects\">JavaScript Advanced Objects<\/a><br \/>\n<a href=\"https:\/\/www.dofactory.com\/javascript\/function-objects\">JavaScript Function Objects<\/a><\/p>\n<h3>academind<\/h3>\n<p><a href=\"https:\/\/academind.com\/tutorials\/javascript-functions-are-objects\">JS Functions Are Objects<\/a><\/p>\n<h3>javascript.info<\/h3>\n<p><a href=\"https:\/\/javascript.info\/object-methods\">Object methods, &#8220;this&#8221;<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>YouTube MaxSandelin Learn to code a to-do list app in JavaScript &#8211; Part 1 Learn to code an API in JavaScript &#8211; Part 1 github.com\/themaxsandelin\/todo maxsandelin.com The Coding Train 9.19: Prototypes in Javascript &#8211; p5.js Tutorial Coding Challenge #65.1: Binary Search Tree 1.4: JSON &#8211; Arbeiten mit Daten und APIs in JavaScript Traversy Media Async [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-12789","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/blog.bachi.net\/index.php?rest_route=\/wp\/v2\/posts\/12789","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.bachi.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.bachi.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.bachi.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.bachi.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12789"}],"version-history":[{"count":16,"href":"https:\/\/blog.bachi.net\/index.php?rest_route=\/wp\/v2\/posts\/12789\/revisions"}],"predecessor-version":[{"id":12792,"href":"https:\/\/blog.bachi.net\/index.php?rest_route=\/wp\/v2\/posts\/12789\/revisions\/12792"}],"wp:attachment":[{"href":"https:\/\/blog.bachi.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12789"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.bachi.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=12789"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.bachi.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=12789"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}