{"id":11035,"date":"2024-03-23T11:06:53","date_gmt":"2024-03-23T09:06:53","guid":{"rendered":"https:\/\/www.juust.org\/?p=11035"},"modified":"2024-03-23T11:09:45","modified_gmt":"2024-03-23T09:09:45","slug":"space-invaders","status":"publish","type":"post","link":"https:\/\/www.juust.org\/index.php\/space-invaders\/2024\/03\/","title":{"rendered":"Space Invaders"},"content":{"rendered":"\n<p>Ik was die &#8216;serieusheid&#8217; van React en Next even zwaar zat. Die tutorials zijn allemaal gericht op routing en data synchronisatie. En ik kende JavaScript altijd van games en animaties en zo, browser gimmicks. <\/p>\n\n\n\n<p>Dus ik ben even gestopt met React en Next.js en ben een &#8216;<a href=\"https:\/\/javascript30.com\/\" data-type=\"link\" data-id=\"https:\/\/javascript30.com\/\" target=\"_blank\" rel=\"noopener\">30 dagen vanilla JS challenge<\/a>&#8216; van Wes Bos gaan doen. En daarna hadden ze op Udemy de <a href=\"https:\/\/www.udemy.com\/course\/space-invaders-with-javascript-and-html-canvas\/\" data-type=\"link\" data-id=\"https:\/\/www.udemy.com\/course\/space-invaders-with-javascript-and-html-canvas\/\" target=\"_blank\" rel=\"noopener\">Space Invaders cursus<\/a> van Chris . Chris heeft een <a href=\"https:\/\/www.youtube.com\/@ChrisCourses\" data-type=\"link\" data-id=\"https:\/\/www.youtube.com\/@ChrisCourses\" target=\"_blank\" rel=\"noopener\">Youtube channel<\/a> met basic tutorials en een tweetal betaalde tutorials en dit is er een van. Udemy Discount Days : 13 dollar. <\/p>\n\n\n\n<p>En een lol, joh&#8230; Ik zit er al een weekje aan, af en toe een half uurtje, of als ik lekker rustig zit, de hele ochtend. Kopje koffie erbij. Ik heb meer lol aan het fantaseren van &#8216;dat zou kunnen, en dat zou kunnen, en dat&#8230;&#8217; dan dat ik werkelijk zit te coden. Ik merkte gaandeweg dat ik nog heel veel simpele dingetjes een keer moet coden, om die zelfzekerheid weer te krijgen. Zo een cursus als dit past precies in mijn ontwikkeling als JavaScript Noobie. Daar was ik echt even aan toe, even geen frameworks, gewoon vanilla JS. <\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>Ik heb de cursus af, en leerde meteen hoe je die op Github Pages zet. De game staat nu online op <\/p>\n\n\n\n<p><\/p>\n\n\n\n<p class=\"has-text-align-center\"><a href=\"https:\/\/juustesout.github.io\/SpaceInvaders\/\" target=\"_blank\" rel=\"noopener\">https:\/\/juustesout.github.io\/SpaceInvaders\/<\/a><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/juustesout.github.io\/SpaceInvaders\/\" target=\"_blank\" rel=\"noopener\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"655\" src=\"https:\/\/www.juust.org\/wp-content\/uploads\/2024\/03\/spaceinvaders-1024x655.png\" alt=\"Space Invaders\" class=\"wp-image-11036\" srcset=\"https:\/\/www.juust.org\/wp-content\/uploads\/2024\/03\/spaceinvaders-1024x655.png 1024w, https:\/\/www.juust.org\/wp-content\/uploads\/2024\/03\/spaceinvaders-300x192.png 300w, https:\/\/www.juust.org\/wp-content\/uploads\/2024\/03\/spaceinvaders-768x492.png 768w, https:\/\/www.juust.org\/wp-content\/uploads\/2024\/03\/spaceinvaders.png 1153w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p>A = links, D = rechts, Spatiebalk = schieten.<\/p>\n\n\n\n<p>Afijn, verder aan de volgende cursus&#8230; dit is ook de eerste keer dat ik een post op deze site tag met &#8216;JavaScript&#8217;.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p> <\/p>\n","protected":false},"excerpt":{"rendered":"<p>My first game on Github Pages : the all time class Space Invaders<\/p>\n","protected":false},"author":5796,"featured_media":11036,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_sitemap_exclude":false,"_sitemap_priority":"","_sitemap_frequency":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[479,305],"tags":[28,478],"class_list":["post-11035","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-javascript","category-programming","tag-development","tag-javascript"],"_links":{"self":[{"href":"https:\/\/www.juust.org\/index.php\/wp-json\/wp\/v2\/posts\/11035","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.juust.org\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.juust.org\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.juust.org\/index.php\/wp-json\/wp\/v2\/users\/5796"}],"replies":[{"embeddable":true,"href":"https:\/\/www.juust.org\/index.php\/wp-json\/wp\/v2\/comments?post=11035"}],"version-history":[{"count":4,"href":"https:\/\/www.juust.org\/index.php\/wp-json\/wp\/v2\/posts\/11035\/revisions"}],"predecessor-version":[{"id":11041,"href":"https:\/\/www.juust.org\/index.php\/wp-json\/wp\/v2\/posts\/11035\/revisions\/11041"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.juust.org\/index.php\/wp-json\/wp\/v2\/media\/11036"}],"wp:attachment":[{"href":"https:\/\/www.juust.org\/index.php\/wp-json\/wp\/v2\/media?parent=11035"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.juust.org\/index.php\/wp-json\/wp\/v2\/categories?post=11035"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.juust.org\/index.php\/wp-json\/wp\/v2\/tags?post=11035"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}