{"id":761292,"date":"2023-10-22T10:10:56","date_gmt":"2023-10-22T16:10:56","guid":{"rendered":"https:\/\/blogging-techies.com\/sw\/15-gratis-kodningsspel-att-lara-sig-programmering-for-nyborjare\/"},"modified":"2023-10-22T10:10:56","modified_gmt":"2023-10-22T16:10:56","slug":"15-gratis-kodningsspel-att-lara-sig-programmering-for-nyborjare","status":"publish","type":"post","link":"https:\/\/blogging-techies.com\/sw\/15-gratis-kodningsspel-att-lara-sig-programmering-for-nyborjare\/","title":{"rendered":"15 gratis kodningsspel att l\u00e4ra sig programmering f\u00f6r nyb\u00f6rjare"},"content":{"rendered":"<p>Har du n\u00e5gonsin l\u00e4st science fiction-b\u00f6cker som f\u00f6rest\u00e4llt dig att v\u00e4rlden skulle bli en digital utopi under detta decennium?  Verkligheten \u00e4r inte s\u00e5 glamor\u00f6s;  Men vi n\u00e5r dit i takt med att maskininl\u00e4rning och AI-teknik utvecklas som ingen annan.  I efterhand \u00e4r trenden att l\u00e4ra sig koda nu, och det finns massor av gratis kodningsspel som g\u00f6r det till en rolig upplevelse.<\/p>\n<p>L\u00e5t oss vara \u00e4rliga: programmering som nyb\u00f6rjare kan vara skr\u00e4mmande.  \u00c4ven om det \u00e4r sp\u00e4nnande att se ditt f\u00f6rsta program k\u00f6ras framg\u00e5ngsrikt, k\u00e4mpar m\u00e5nga med att till\u00e4mpa programmeringskoncept p\u00e5 verkliga problem.  Som sagt, det finns gott om resurser f\u00f6r att l\u00e4ra sig att programmera p\u00e5 egen hand fr\u00e5n grunden och utmana dig sj\u00e4lv p\u00e5 olika s\u00e4tt f\u00f6r att utveckla dina f\u00e4rdigheter.<\/p>\n<h2 id=\"free-coding-games-for-beginners\" class=\"ftwp-heading\"><span class=\"ez-toc-section\" id=\"Gratis_kodningsspel_for_nyborjare\"><\/span><b>Gratis kodningsspel f\u00f6r nyb\u00f6rjare<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>M\u00e5nga tror att det b\u00e4sta s\u00e4ttet att l\u00e4ra sig n\u00e5got \u00e4r att se det som ett spel d\u00e4r du m\u00e5ste forts\u00e4tta er\u00f6vra uppdrag.  Detta var f\u00f6rmodligen tankes\u00e4ttet n\u00e4r folk utvecklade dessa 15 gratis kodningsspel f\u00f6r att l\u00e4ra sig programmera f\u00f6r nyb\u00f6rjare, som vi kommer att prata om nedan.<\/p>\n<h3 id=\"01-vim-adventures\" class=\"ftwp-heading\"><span class=\"ez-toc-section\" id=\"01_Vim_Aventyr\"><\/span><b>01. Vim \u00c4ventyr<\/b><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Vim \u00e4r en textredigerare som anv\u00e4nds av programmerare runt om i v\u00e4rlden;  Men m\u00e5nga klagar p\u00e5 att det \u00e4r sv\u00e5rt att f\u00f6rst\u00e5 \u00e4ven om det \u00e4r mycket konfigurerbart.  Men n\u00e4r du v\u00e4l har det finns det n\u00e4stan inga andra textredigerare du vill byta till. <a href=\"https:\/\/vim-adventures.com\/\" target=\"_blank\" rel=\"nofollow noopener\">vim \u00e4ventyr<\/a> Det livn\u00e4r sig p\u00e5 det och kan se de byggstenar som beh\u00f6vs f\u00f6r att anv\u00e4nda vim-verktyget till sin fulla potential.<\/p>\n<p><b>Nyckelfunktioner<\/b><\/p>\n<ul>\n<li style=\"font-weight: 400;\">Anv\u00e4nder pussel f\u00f6r att l\u00e4ra anv\u00e4ndarna hur man anv\u00e4nder Vim-kommandon och genv\u00e4gar.<\/li>\n<li style=\"font-weight: 400;\">Den kommer med ett Zelda-liknande gr\u00e4nssnitt som g\u00f6r l\u00e4randet roligt och intressant.<\/li>\n<li style=\"font-weight: 400;\">Vims tangentmappningsfunktion till\u00e5ter anv\u00e4ndare att anpassa genv\u00e4gar f\u00f6r att anropa ofta anv\u00e4nda \u00e5tg\u00e4rder.<\/li>\n<li style=\"font-weight: 400;\">Man kan helt enkelt anv\u00e4nda tangentbordet f\u00f6r att spela spelet med 13 niv\u00e5er, med handlingen byggd n\u00e4r de n\u00e5r h\u00f6gre niv\u00e5er.<\/li>\n<\/ul>\n<h3 id=\"02-code-combat\" class=\"ftwp-heading\"><span class=\"ez-toc-section\" id=\"02_Stridskod\"><\/span><b>02. Stridskod<\/b><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><a href=\"https:\/\/codecombat.com\/\" target=\"_blank\" rel=\"nofollow noopener\">stridskod<\/a> \u00e4r ett av de b\u00e4sta gratis kodningsspelen f\u00f6r unga och vuxna studenter.  Det hj\u00e4lper anv\u00e4ndarna att l\u00e4ra sig grunderna i programmering genom interaktiva spel.  Den har ett rent, nyb\u00f6rjarv\u00e4nligt gr\u00e4nssnitt med smakfull grafik som bara \u00f6kar dess v\u00e4rde.  Men f\u00f6r att komma \u00e5t sv\u00e5rare niv\u00e5er kan du beh\u00f6va premiumkonton fr\u00e5n $9,99\/m\u00e5nad eller $99,0\/\u00e5r.<\/p>\n<p><b>Nyckelfunktioner<\/b><\/p>\n<ul>\n<li style=\"font-weight: 400;\">Det l\u00e5ter anv\u00e4ndare v\u00e4lja det spr\u00e5k de vill l\u00e4ra sig, som Python, JavaScript, CoffeeScript, Lua och mer.<\/li>\n<li style=\"font-weight: 400;\">Integrering med Google Classroom g\u00f6r det m\u00f6jligt f\u00f6r l\u00e4rare \u00f6ver hela v\u00e4rlden att f\u00e5 kontakt med anv\u00e4ndare p\u00e5 ett organiserat s\u00e4tt.<\/li>\n<li style=\"font-weight: 400;\">Textbaserad kodning l\u00e5ter nyb\u00f6rjare uppleva riktiga kodningsmilj\u00f6er f\u00f6r spelet.<\/li>\n<li style=\"font-weight: 400;\">Smart integration g\u00f6r det m\u00f6jligt f\u00f6r l\u00e4rare och f\u00f6r\u00e4ldrar att h\u00e5lla kontakten med anv\u00e4ndarframsteg f\u00f6r grundskoleelever.<\/li>\n<\/ul>\n<h3 id=\"03-blockly-games\" class=\"ftwp-heading\"><span class=\"ez-toc-section\" id=\"03_Blockspel\"><\/span><b>03. Blockspel<\/b><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Om du n\u00e5gonsin har h\u00f6rt talas om Scratch, m\u00e5ste du ha h\u00f6rt talas om Blockly. <a href=\"https:\/\/blockly.games\/\" target=\"_blank\" rel=\"nofollow noopener\">Blockera spel<\/a> \u00e4r ett blockbaserat kodningsspel f\u00f6r nyb\u00f6rjare som hj\u00e4lper dem att f\u00f6rst\u00e5 de underliggande koncepten f\u00f6r varje program.  Man kan t\u00e4nka p\u00e5 det som ett omv\u00e4nt program, eftersom du beh\u00f6ver anv\u00e4nda block f\u00f6r att utf\u00f6ra uppgifter, och om uppgifterna utf\u00f6rs framg\u00e5ngsrikt kan du se programkoden och relatera begreppen.<\/p>\n<p><b>Nyckelfunktioner<\/b><\/p>\n<ul>\n<li style=\"font-weight: 400;\">Spelet \u00e4r 100% klientsidan, s\u00e5 det \u00e4r v\u00e4ldigt s\u00e4kert och sl\u00f6sar inte med minnesresurser.<\/li>\n<li style=\"font-weight: 400;\">Den \u00e4r idealisk f\u00f6r nyb\u00f6rjare i alla \u00e5ldrar som vill l\u00e4ra sig grunderna i JavaScript.<\/li>\n<li style=\"font-weight: 400;\">Man kan k\u00f6ra spelet smidigt p\u00e5 vilken enhet och webbl\u00e4sare som helst och logga in f\u00f6r att komma \u00e5t deras data.<\/li>\n<li style=\"font-weight: 400;\">Spelet \u00e4r mycket anpassningsbart och utbyggbart, s\u00e5 pedagoger runt om i v\u00e4rlden kan kombinera det med vilken l\u00e4roplan som helst.<\/li>\n<\/ul>\n<h3 id=\"04-checkio\" class=\"ftwp-heading\"><span class=\"ez-toc-section\" id=\"04_Kontroll\"><\/span><b>04. Kontroll<\/b><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><a href=\"https:\/\/checkio.org\/\" target=\"_blank\" rel=\"nofollow noopener\">CheckiO<\/a> \u00e4r ett av dessa gratis kodningsspel d\u00e4r du m\u00e5ste l\u00f6sa utmaningar med Python och TypeScript.  Det l\u00e5ter anv\u00e4ndare uppleva realtidsprogrammering med hj\u00e4lp av en textredigerare online.  Man kan till och med se andras l\u00f6sningar p\u00e5 utmaningar om de har fastnat, s\u00e5 spelet \u00e4r stort p\u00e5 inl\u00e4rningsmetod f\u00f6r trial and error.<\/p>\n<p><b>Nyckelfunktioner<\/b><\/p>\n<ul>\n<li style=\"font-weight: 400;\">Kursl\u00e4rare kan se klassens framsteg med ett enda klick och f\u00f6lja elevernas arbetsprocesser.<\/li>\n<li style=\"font-weight: 400;\">Den kommer med en intern s\u00f6kmotor f\u00f6r att hitta specifika l\u00f6sningar om du inte \u00e4r n\u00f6jd med de progressiva f\u00f6rslagen.<\/li>\n<li style=\"font-weight: 400;\">Alla CheckiO-uppdrag st\u00f6ds p\u00e5 Github, s\u00e5 anv\u00e4ndare kan anpassa eller skapa sina egna uppdrag fr\u00e5n och med niv\u00e5 9.<\/li>\n<li style=\"font-weight: 400;\">Integrationen av PyCharm och WebStorm till\u00e5ter anv\u00e4ndare att f\u00f6rdjupa sig i att l\u00f6sa verkliga problem, \u00e4ven som nyb\u00f6rjare.<\/li>\n<\/ul>\n<h3 id=\"05-ruby-warrior\" class=\"ftwp-heading\"><span class=\"ez-toc-section\" id=\"05_Ruby_Warrior\"><\/span><b>05. Ruby Warrior<\/b><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Ett av m\u00e5len med Ruby var att g\u00f6ra det s\u00e5 enkelt som m\u00f6jligt f\u00f6r nyb\u00f6rjare.  De gick till och med s\u00e5 l\u00e5ngt som att skapa Kids Ruby f\u00f6r att g\u00f6ra inl\u00e4rningen l\u00e4ttare f\u00f6r nyb\u00f6rjare.  Det \u00e4r ocks\u00e5 ett trendigt spr\u00e5k med massor av potential.  Men om du \u00e4r en nyb\u00f6rjare som vill l\u00e4ra dig Ruby p\u00e5 ett roligt s\u00e4tt, <a href=\"https:\/\/github.com\/ryanb\/ruby-warrior\" target=\"_blank\" rel=\"nofollow noopener\">rubin krigare<\/a> \u00e4r det perfekta kodningsspelet f\u00f6r dig.<\/p>\n<p><b>Nyckelfunktioner<\/b><\/p>\n<ul>\n<li style=\"font-weight: 400;\">Ruby-tolken i webbl\u00e4saren till\u00e5ter anv\u00e4ndare att utf\u00f6ra Ruby-kommandon f\u00f6r krigaren att utf\u00f6ra uppgifter.<\/li>\n<li style=\"font-weight: 400;\">Turn-play-metoden till\u00e5ter anv\u00e4ndare att \u00f6va p\u00e5 att anv\u00e4nda Ruby-syntax med klasser som de skulle g\u00f6ra i en vanlig IDE.<\/li>\n<li style=\"font-weight: 400;\">Niv\u00e5betyg motiverar anv\u00e4ndare att l\u00e4ra sig b\u00e4ttre kodningstekniker och str\u00e4cker sig fr\u00e5n S, A till F, d\u00e4r S \u00e4r h\u00f6gst och F \u00e4r l\u00e4gst.<\/li>\n<li style=\"font-weight: 400;\">Man kan skapa golem som l\u00e5ter anv\u00e4ndare l\u00e4ra sig med hj\u00e4lp av komplex logik och olika klasser.<\/li>\n<\/ul>\n<h3 id=\"06-elevator-saga\" class=\"ftwp-heading\"><span class=\"ez-toc-section\" id=\"06_Hisssagan\"><\/span><b>06. Hisssagan<\/b><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><a href=\"https:\/\/play.elevatorsaga.com\/\" target=\"_blank\" rel=\"nofollow noopener\">hiss saga<\/a> \u00e4r ett JavaScript-kodningsspel d\u00e4r du m\u00e5ste transportera m\u00e4nniskor i hissar genom en serie koder p\u00e5 en begr\u00e4nsad tid.  N\u00e4r det g\u00e4ller gratis kodningsspel syftar Elevator Saga till att l\u00e5ta anv\u00e4ndare l\u00e4ra sig JavaScript-kodning p\u00e5 ett s\u00e4tt som f\u00f6rbereder dem f\u00f6r att skapa rena program samtidigt som de hanterar begr\u00e4nsade minnesresurser och utmanar deras sinnen.<\/p>\n<p><b>Nyckelfunktioner<\/b><\/p>\n<ul>\n<li style=\"font-weight: 400;\">Hj\u00e4lpdokumentationen och demoprogrammet l\u00e5ter anv\u00e4ndare l\u00e4ra sig hur man anv\u00e4nder JavaScript-funktioner och -kommandon.<\/li>\n<li style=\"font-weight: 400;\">Funktionen Wiki och l\u00f6sningar ger hj\u00e4lp till anv\u00e4ndare som har fastnat p\u00e5 vissa niv\u00e5er.<\/li>\n<li style=\"font-weight: 400;\">Alla koder sparas automatiskt lokalt, s\u00e5 anv\u00e4ndare f\u00f6rlorar aldrig data om de av misstag st\u00e4nger webbl\u00e4saren eller enheten.<\/li>\n<li style=\"font-weight: 400;\">&#8216;+\/-&#8216;-knappen kan anv\u00e4ndas f\u00f6r att styra hissens hastighet utan kodning och spara tid.<\/li>\n<\/ul>\n<h3 id=\"07-codingame\" class=\"ftwp-heading\"><span class=\"ez-toc-section\" id=\"07_Kodningsspel\"><\/span><b>07. Kodningsspel<\/b><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><a href=\"https:\/\/www.codingame.com\/start\" target=\"_blank\" rel=\"nofollow noopener\">Spelkod<\/a> \u00e4r ett av de mest interaktiva gratis kodningsspelen som finns som st\u00f6der \u00f6ver 25 programmeringsspr\u00e5k och l\u00e5ter anv\u00e4ndare t\u00e4vla globalt n\u00e4r de har l\u00e4rt sig grunderna.  Spelet till\u00e5ter ocks\u00e5 anv\u00e4ndare att schemal\u00e4gga mellan v\u00e4nner och kollegor f\u00f6r en \u00e4nnu b\u00e4ttre upplevelse.<\/p>\n<p><b>Nyckelfunktioner<\/b><\/p>\n<ul>\n<li style=\"font-weight: 400;\">Spelets intuitiva gr\u00e4nssnitt till\u00e5ter anv\u00e4ndare att koda och k\u00f6ra spelet parallellt f\u00f6r att hj\u00e4lpa anv\u00e4ndare att relatera spelet till dess kodelement.<\/li>\n<li style=\"font-weight: 400;\">Genom att logga in f\u00f6r f\u00f6rsta g\u00e5ngen kan anv\u00e4ndare se en enkel handledning som g\u00f6r dem redo att spela med l\u00e4tthet.<\/li>\n<li style=\"font-weight: 400;\">Tipsavsnittet ber\u00e4ttar f\u00f6r anv\u00e4ndarna hur de kan slutf\u00f6ra en uppgift p\u00e5 egen hand.<\/li>\n<li style=\"font-weight: 400;\">CodinGames forumfunktion l\u00e5ter spelare diskutera problem och f\u00e5 hj\u00e4lp av ett internationellt samh\u00e4lle av erfarna programmerare.<\/li>\n<\/ul>\n<h3 id=\"08-sql-murder-mystery\" class=\"ftwp-heading\"><span class=\"ez-toc-section\" id=\"08_SQL-mordmysteriet\"><\/span><b>08. SQL-mordmysteriet<\/b><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\u00c4ven om SQL inte \u00e4r ett spr\u00e5k som nyb\u00f6rjare omedelbart t\u00e4nker p\u00e5 att l\u00e4ra sig, har det en m\u00e4ngd olika anv\u00e4ndningsomr\u00e5den inom f\u00f6retagssektorn.  Men om du \u00e4r ett fan av mysteriespel och vill l\u00e4ra dig SQL-spr\u00e5ket, <a href=\"https:\/\/mystery.knightlab.com\/\" target=\"_blank\" rel=\"nofollow noopener\">SQL mordmysterium<\/a> \u00e4r det perfekta spelet f\u00f6r dig.  Det fungerar genom probleml\u00f6sning f\u00f6r att uppt\u00e4cka m\u00f6rdaren i spelet.<\/p>\n<p><b>Nyckelfunktioner<\/b><\/p>\n<ul>\n<li style=\"font-weight: 400;\">Du har m\u00f6jlighet att utforska SQL-databasstrukturer f\u00f6r att l\u00e4ra dig syntaxen som nyb\u00f6rjare.<\/li>\n<li style=\"font-weight: 400;\">Man kan anv\u00e4nda konturdiagram f\u00f6r att l\u00f6sa mysteriet n\u00e4r spelet fortskrider.<\/li>\n<li style=\"font-weight: 400;\">Handledningsfunktionen hj\u00e4lper anv\u00e4ndare att f\u00f6rst\u00e5 begrepp som SQL Queries och ERD.<\/li>\n<li style=\"font-weight: 400;\">Jokertecken hj\u00e4lper spelare att f\u00e5 exakt matchning av funktioner som beh\u00f6vs f\u00f6r att l\u00f6sa uppgiften.<\/li>\n<\/ul>\n<h3 id=\"09-robocode\" class=\"ftwp-heading\"><span class=\"ez-toc-section\" id=\"09_Robocode\"><\/span><b>09. Robocode<\/b><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Vi har alla spelat de d\u00e4r stridsvagnsspelen i arkadstil, \u00e5tminstone n\u00e5gra i v\u00e5r barndom, och vi uppskattar fortfarande dessa spel idag. <a href=\"https:\/\/robocode.sourceforge.io\/\" target=\"_blank\" rel=\"noopener nofollow\">Robocode<\/a> Det livn\u00e4r sig p\u00e5 det och l\u00e4r ut programmering till spelare som utvecklar sina stridsvagnar och dyker in i krig med andra spelare.  Dessutom kan man f\u00f6rst\u00e5 de grundl\u00e4ggande begreppen Java och .NET enkelt genom detta spel.<\/p>\n<p><b>Nyckelfunktioner<\/b><\/p>\n<ul>\n<li style=\"font-weight: 400;\">Spelet har en inbyggd kodredigerare och st\u00f6der externa IDE:er som Eclipse, IntelliJ eller Netbeans.<\/li>\n<li style=\"font-weight: 400;\">Kodavsnitten som tillhandah\u00e5lls p\u00e5 RoboWiki kan hj\u00e4lpa anv\u00e4ndare att programmera snabbare samtidigt som de l\u00e4r sig b\u00e4ttre.<\/li>\n<li style=\"font-weight: 400;\">Den virtuella stridstill\u00e4gget till\u00e5ter anv\u00e4ndare att t\u00e4vla med spelare fr\u00e5n hela v\u00e4rlden.<\/li>\n<li style=\"font-weight: 400;\">VS-kod kan anv\u00e4ndas f\u00f6r att skapa .NET Robocode-bots f\u00f6r att ytterligare hj\u00e4lpa dig i dina strider.<\/li>\n<\/ul>\n<h3 id=\"10-cyber-dojo-coding-dojo\" class=\"ftwp-heading\"><span class=\"ez-toc-section\" id=\"10_Cyber_%E2%80%8B%E2%80%8B%E2%80%8B%E2%80%8BDojo_%E2%80%93_Coding_Dojo\"><\/span><b>10. Cyber \u200b\u200b\u200b\u200bDojo \u2013 Coding Dojo<\/b><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><a href=\"https:\/\/www.cyber-dojo.org\/\" target=\"_blank\" rel=\"nofollow noopener\">cyberdojo<\/a> \u00e4r ett gediget gratis kodningsspel som l\u00e5ter nyb\u00f6rjare beh\u00e4rska olika programmeringsspr\u00e5k som JavaScript, Python, PHP, Ruby och mer.  Anv\u00e4ndare har till uppgift att l\u00f6sa problem f\u00f6r olika scenarier.  Sv\u00e5righetsgraden \u00f6kar ju l\u00e4ngre spelet fortskrider, men det \u00e4r bara f\u00f6r att de roliga \u00f6vningarna \u00e4r designade f\u00f6r att utmana din hj\u00e4rna.<\/p>\n<p><b>Nyckelfunktioner<\/b><\/p>\n<ul>\n<li style=\"font-weight: 400;\">Man kan anv\u00e4nda sina egna skript med spelet f\u00f6r att skapa anpassade \u00f6vningar.<\/li>\n<li style=\"font-weight: 400;\">Du beh\u00f6ver ingen konfiguration eller installation f\u00f6r att b\u00f6rja spela eller \u00f6va.<\/li>\n<li style=\"font-weight: 400;\">V\u00e4rdar m\u00e5ste komma med sina egna l\u00f6sningar f\u00f6r konfigurationsproblem.<\/li>\n<li style=\"font-weight: 400;\">Spelet har en minimalistisk redigerare som l\u00e5ter anv\u00e4ndare enkelt navigera.<\/li>\n<\/ul>\n<h3 id=\"11-swift-playgrounds\" class=\"ftwp-heading\"><span class=\"ez-toc-section\" id=\"11_Snabblekplatser\"><\/span><b>11. Snabblekplatser<\/b><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Om du letar efter gratis kodningsspel dedikerade till Apple-produkter \u00e4r din l\u00f6sning <a href=\"https:\/\/www.apple.com\/swift\/playgrounds\/\" target=\"_blank\" rel=\"noopener nofollow\">Snabba lekplatser<\/a>.  Det \u00e4r en spelbaserad programmeringsprogramvara som l\u00e5ter nyb\u00f6rjare l\u00e4ra sig Swift-programmering p\u00e5 ett roligt och interaktivt s\u00e4tt.  Dessutom f\u00f6rb\u00e4ttrar den programmeringsgrunderna genom pussel och probleml\u00f6sningar.<\/p>\n<p><b>Nyckelfunktioner<\/b><\/p>\n<ul>\n<li style=\"font-weight: 400;\">Man kan l\u00e4ra sig Swift-kommandon, felkorrigeringar, funktioner och mer med detta spel.<\/li>\n<li style=\"font-weight: 400;\">Anv\u00e4ndare kan bygga f\u00f6rem\u00e5l med hj\u00e4lp av koncept de har l\u00e4rt sig och f\u00f6rst\u00e5 hur programmering fungerar i den verkliga v\u00e4rlden.<\/li>\n<li style=\"font-weight: 400;\">Genom att trycka eller klicka p\u00e5 kommandon kan anv\u00e4ndare se vad kommandot anropar.<\/li>\n<li style=\"font-weight: 400;\">Spelet kommer med en guide f\u00f6r att skapa dina egna appar s\u00e5 att nyb\u00f6rjare kan b\u00f6rja arbeta med snabba projekt senare.<\/li>\n<\/ul>\n<h3 id=\"12-flexbox-froggy-and-flexbox-defense\" class=\"ftwp-heading\"><span class=\"ez-toc-section\" id=\"12_FlexBox_Froggy_och_FLexBox_Defense\"><\/span><b>12. FlexBox Froggy och FLexBox Defense<\/b><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Eftersom dessa tv\u00e5 spel \u00e4r relaterade \u00e4r det bara rimligt att vi pratar om dem tillsammans. <a href=\"https:\/\/flexboxfroggy.com\/\" target=\"_blank\" rel=\"nofollow noopener\">FlexBox Frog<\/a> \u00e4r ett spel d\u00e4r du kan l\u00e4ra dig CSS FlexBox-f\u00e4rdigheter med enkla program. <a href=\"https:\/\/www.flexboxdefense.com\/\" target=\"_blank\" rel=\"nofollow noopener\">Flexbox Defense <\/a>\u00e4r ett spel d\u00e4r du till\u00e4mpar CSS-kunskaperna du l\u00e4rde dig i FlexBox Froggy f\u00f6r att l\u00f6sa avancerade problem.<\/p>\n<p><b>Nyckelfunktioner<\/b><\/p>\n<ul>\n<li style=\"font-weight: 400;\">I FLexBox Froggy introducerar utmaningar anv\u00e4ndare till flexbox-kommandon och syntax.<\/li>\n<li style=\"font-weight: 400;\">Genom att klicka p\u00e5 kommandon kan anv\u00e4ndare se vad den g\u00f6r p\u00e5 ett l\u00e4ttf\u00f6rst\u00e5eligt s\u00e4tt.<\/li>\n<li style=\"font-weight: 400;\">Flexbox Defense b\u00f6rjar med konceptet med CSS-containrar som hj\u00e4lper till att flytta torn till specifika positioner.<\/li>\n<li style=\"font-weight: 400;\">StartWave-knappen hj\u00e4lper anv\u00e4ndare att kontrollera sina program och \u00e5tg\u00e4rda eventuella problem de kan ha.<\/li>\n<\/ul>\n<h3 id=\"13-untrusted\" class=\"ftwp-heading\"><span class=\"ez-toc-section\" id=\"13_Opalitlig\"><\/span><b>13. Op\u00e5litlig<\/b><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><a href=\"https:\/\/alexnisnevich.github.io\/untrusted\" target=\"_blank\" rel=\"nofollow noopener\">op\u00e5litliga<\/a> \u00e4r ett JavaScript-kodningsspel d\u00e4r du m\u00e5ste l\u00f6sa problem.  DR.Eval \u00e4r huvudpersonen i spelet vars verklighet m\u00e5ste modifieras f\u00f6r att spelare ska g\u00e5 vidare till n\u00e4sta niv\u00e5.  Spelet anv\u00e4nder en m\u00e4ngd olika kortkommandon och l\u00e4r anv\u00e4ndarna att v\u00e4nja sig vid att t\u00e4nka utanf\u00f6r ramarna n\u00e4r det kommer till att l\u00f6sa problem.<\/p>\n<p><b>Nyckelfunktioner<\/b><\/p>\n<ul>\n<li style=\"font-weight: 400;\">WASD-nycklarna anv\u00e4nds f\u00f6r att flytta runt i spelet och kan f\u00f6rb\u00e4ttra logiskt t\u00e4nkande.<\/li>\n<li style=\"font-weight: 400;\">API-knappen hj\u00e4lper anv\u00e4ndare att se referenser om hur funktionerna fungerar.<\/li>\n<li style=\"font-weight: 400;\">Det \u00e4r ett multiplayer-spel som l\u00e5ter upp till 16 spelare arbeta tillsammans f\u00f6r att hacka sig igenom Dr. Evals sinne.<\/li>\n<li style=\"font-weight: 400;\">\u00c5terst\u00e4llningsfunktionen hj\u00e4lper anv\u00e4ndare att b\u00f6rja om d\u00e4r de har problem f\u00f6r att l\u00f6sa sitt nuvarande problem. <\/li>\n<\/ul>\n<h3 id=\"14-code-monster\" class=\"ftwp-heading\"><span class=\"ez-toc-section\" id=\"14_Monsterkod\"><\/span><b>14. Monsterkod<\/b><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><a href=\"https:\/\/www.crunchzilla.com\/code-monster\" target=\"_blank\" rel=\"nofollow noopener\">kodmonster<\/a> l\u00e5ter nyb\u00f6rjare f\u00f6rdjupa sig i JavaScripts v\u00e4rld d\u00e4r ett monster l\u00e4r dem hur man programmerar genom en serie texter.  Det \u00e4r ett superenkelt spel d\u00e4r du bara beh\u00f6ver f\u00f6lja monstrets order och se programmen \u00e4ndra utseendet p\u00e5 utg\u00e5ngen p\u00e5 den h\u00f6gra sidopanelen.<\/p>\n<p><b>Nyckelfunktioner<\/b><\/p>\n<ul>\n<li style=\"font-weight: 400;\">Spelet har ett minimalistiskt gr\u00e4nssnitt som alla enkelt kan navigera.<\/li>\n<li style=\"font-weight: 400;\">M\u00e4nniskor kan slutf\u00f6ra spelet i sin egen takt;  Det finns ingen tidsgr\u00e4ns.<\/li>\n<li style=\"font-weight: 400;\">Webbl\u00e4saren sparar automatiskt spelf\u00f6rloppet, s\u00e5 att data inte g\u00e5r f\u00f6rlorade n\u00e4r en anv\u00e4ndare l\u00e4mnar webbl\u00e4saren.<\/li>\n<li style=\"font-weight: 400;\">Man kan g\u00e5 tillbaka och g\u00f6ra om kommandon ett obegr\u00e4nsat antal g\u00e5nger f\u00f6r att helt f\u00f6rst\u00e5 ett kodkoncept.<\/li>\n<\/ul>\n<h3 id=\"15-css-diner\" class=\"ftwp-heading\"><span class=\"ez-toc-section\" id=\"15_CSS-middag\"><\/span><b>15. CSS-middag<\/b><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>CSS Diner \u00e4r ett 32-niv\u00e5er kodningsspel d\u00e4r anv\u00e4ndare kan l\u00e4ra sig grundl\u00e4ggande CSS-f\u00e4rdigheter och till\u00e4mpa dem omedelbart f\u00f6r att se hur det fungerar.  Spelet har ett enkelt gr\u00e4nssnitt med en inbyggd kodredigerare och introducerar anv\u00e4ndare till klasser, ID:n, v\u00e4ljare och mer.  Illustrationerna \u00f6verst i editorn fungerar som tips n\u00e4r du h\u00e5ller muspekaren \u00f6ver dem.<\/p>\n<p><b>Nyckelfunktioner<\/b><\/p>\n<ul>\n<li style=\"font-weight: 400;\">Att skriva p\u00e5 v\u00e4ljare ist\u00e4llet f\u00f6r att klicka p\u00e5 f\u00f6rbyggda block f\u00f6rankrar begreppen i spelarens sinne.<\/li>\n<li style=\"font-weight: 400;\">Det l\u00e5ter anv\u00e4ndaren v\u00e4nja sig vid CSS-syntaxen och uppmuntrar dem att forts\u00e4tta f\u00f6rs\u00f6ka tills de kan hitta felen.<\/li>\n<li style=\"font-weight: 400;\">Spelare som har fastnat kan titta p\u00e5 l\u00f6sningar n\u00e4r de inte vet vad de ska g\u00f6ra.<\/li>\n<li style=\"font-weight: 400;\">Anv\u00e4ndare kan hoppa \u00f6ver niv\u00e5er om de vet hur vissa CSS-element fungerar.<\/li>\n<\/ul>\n<h2 id=\"parting-words\" class=\"ftwp-heading\"><span class=\"ez-toc-section\" id=\"Avskedsord\"><\/span><b>Avskedsord<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Det var alla gratis kodningsspel vi ville prata om idag.  Spelen vi n\u00e4mnde var alla nyb\u00f6rjarv\u00e4nliga och \u00f6kade ditt intresse f\u00f6r att l\u00e4ra dig en m\u00e4ngd olika programmeringsspr\u00e5k.  Om du vill b\u00f6rja din programmeringsresa f\u00f6resl\u00e5r vi att du provar.<\/p>\n<p>Med detta sagt rekommenderar vi starkt att koda spel f\u00f6r att starta din resa eftersom de utmanar din tankeprocess och f\u00f6rb\u00e4ttrar kritiskt t\u00e4nkande.  Om du tyckte om att l\u00e4sa detta, v\u00e4nligen l\u00e4mna kommentarer om vad du skulle vilja ha mer i framtiden.  Tack!<\/p>\n  <div id=\"ez-toc-container\" class=\"ez-toc-v2_0_88 ez-toc-wrap-center counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 eztoc-toggle-hide-by-default' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/blogging-techies.com\/sw\/15-gratis-kodningsspel-att-lara-sig-programmering-for-nyborjare\/#Gratis_kodningsspel_for_nyborjare\" >Gratis kodningsspel f\u00f6r nyb\u00f6rjare<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/blogging-techies.com\/sw\/15-gratis-kodningsspel-att-lara-sig-programmering-for-nyborjare\/#01_Vim_Aventyr\" >01. Vim \u00c4ventyr<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/blogging-techies.com\/sw\/15-gratis-kodningsspel-att-lara-sig-programmering-for-nyborjare\/#02_Stridskod\" >02. Stridskod<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/blogging-techies.com\/sw\/15-gratis-kodningsspel-att-lara-sig-programmering-for-nyborjare\/#03_Blockspel\" >03. Blockspel<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/blogging-techies.com\/sw\/15-gratis-kodningsspel-att-lara-sig-programmering-for-nyborjare\/#04_Kontroll\" >04. Kontroll<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/blogging-techies.com\/sw\/15-gratis-kodningsspel-att-lara-sig-programmering-for-nyborjare\/#05_Ruby_Warrior\" >05. Ruby Warrior<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/blogging-techies.com\/sw\/15-gratis-kodningsspel-att-lara-sig-programmering-for-nyborjare\/#06_Hisssagan\" >06. Hisssagan<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/blogging-techies.com\/sw\/15-gratis-kodningsspel-att-lara-sig-programmering-for-nyborjare\/#07_Kodningsspel\" >07. Kodningsspel<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/blogging-techies.com\/sw\/15-gratis-kodningsspel-att-lara-sig-programmering-for-nyborjare\/#08_SQL-mordmysteriet\" >08. SQL-mordmysteriet<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/blogging-techies.com\/sw\/15-gratis-kodningsspel-att-lara-sig-programmering-for-nyborjare\/#09_Robocode\" >09. Robocode<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/blogging-techies.com\/sw\/15-gratis-kodningsspel-att-lara-sig-programmering-for-nyborjare\/#10_Cyber_%E2%80%8B%E2%80%8B%E2%80%8B%E2%80%8BDojo_%E2%80%93_Coding_Dojo\" >10. Cyber \u200b\u200b\u200b\u200bDojo \u2013 Coding Dojo<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/blogging-techies.com\/sw\/15-gratis-kodningsspel-att-lara-sig-programmering-for-nyborjare\/#11_Snabblekplatser\" >11. Snabblekplatser<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/blogging-techies.com\/sw\/15-gratis-kodningsspel-att-lara-sig-programmering-for-nyborjare\/#12_FlexBox_Froggy_och_FLexBox_Defense\" >12. FlexBox Froggy och FLexBox Defense<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/blogging-techies.com\/sw\/15-gratis-kodningsspel-att-lara-sig-programmering-for-nyborjare\/#13_Opalitlig\" >13. Op\u00e5litlig<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/blogging-techies.com\/sw\/15-gratis-kodningsspel-att-lara-sig-programmering-for-nyborjare\/#14_Monsterkod\" >14. Monsterkod<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/blogging-techies.com\/sw\/15-gratis-kodningsspel-att-lara-sig-programmering-for-nyborjare\/#15_CSS-middag\" >15. CSS-middag<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-17\" href=\"https:\/\/blogging-techies.com\/sw\/15-gratis-kodningsspel-att-lara-sig-programmering-for-nyborjare\/#Avskedsord\" >Avskedsord<\/a><\/li><\/ul><\/nav><\/div>\n ","protected":false},"excerpt":{"rendered":"<p>Har du n\u00e5gonsin l\u00e4st science fiction-b\u00f6cker som f\u00f6rest\u00e4llt dig att v\u00e4rlden skulle bli en digital utopi under detta decennium? Verkligheten \u00e4r inte s\u00e5 glamor\u00f6s; Men vi n\u00e5r dit i takt med att maskininl\u00e4rning och AI-teknik utvecklas som ingen annan. I efterhand \u00e4r trenden att l\u00e4ra sig koda nu, och det finns massor av gratis kodningsspel [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":761293,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"fifu_image_url":"https:\/\/blogging-techies.com\/wp-content\/uploads\/2023\/06\/8.jpg","fifu_image_alt":"","footnotes":""},"categories":[5],"tags":[],"class_list":["post-761292","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-bloggar"],"_links":{"self":[{"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/posts\/761292","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/comments?post=761292"}],"version-history":[{"count":0,"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/posts\/761292\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/media\/761293"}],"wp:attachment":[{"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/media?parent=761292"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/categories?post=761292"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/tags?post=761292"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}