{"id":1285,"date":"2013-12-31T15:05:11","date_gmt":"2013-12-31T15:05:11","guid":{"rendered":"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/?p=1285"},"modified":"2013-12-31T15:05:11","modified_gmt":"2013-12-31T15:05:11","slug":"10-free-resources-for-learning-javascript-and-html5","status":"publish","type":"post","link":"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/10-free-resources-for-learning-javascript-and-html5\/","title":{"rendered":"10 Free Resources for Learning JavaScript and HTML5"},"content":{"rendered":"\n<!-- Facebook Like Button v1.9.6 BEGIN [http:\/\/blog.bottomlessinc.com] -->\n<iframe src=\"http:\/\/www.facebook.com\/plugins\/like.php?href=http%3A%2F%2Finspiredtoeducate.net%2Finspiredtoeducate%2F10-free-resources-for-learning-javascript-and-html5%2F&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;colorscheme=light\" scrolling=\"no\" frameborder=\"0\" allowTransparency=\"true\" style=\"border:none; overflow:hidden; width:450px; height: 30px; align: left; margin: 2px 0px 2px 0px\"><\/iframe>\n<!-- Facebook Like Button END -->\n<p><a href=\"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-content\/uploads\/2013\/12\/js-logo.png\"><img loading=\"lazy\" class=\" wp-image-1286 alignnone\" title=\"js-logo\" src=\"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-content\/uploads\/2013\/12\/js-logo.png\" alt=\"JavaScript Logo\" width=\"358\" height=\"358\" srcset=\"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-content\/uploads\/2013\/12\/js-logo.png 512w, http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-content\/uploads\/2013\/12\/js-logo-150x150.png 150w, http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-content\/uploads\/2013\/12\/js-logo-300x300.png 300w, http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-content\/uploads\/2013\/12\/js-logo-100x100.png 100w\" sizes=\"(max-width: 358px) 100vw, 358px\" \/><\/a><\/p>\n<p>The web isn&#8217;t a stale bag of text and pictures. \u00a0 In our web browser, we can use Google maps to navigate and explore the world. \u00a0 The browser enables us to play games, communicate, and learn using media. \u00a0 \u00a0Google, Microsoft, and many other players have worked hard to improve the speed and capabilities of the web by improving a core programming language in all web browsers: JavaScript.<\/p>\n<p>If you&#8217;re looking for a way to start learning how to program, to build interactive experiences, <a title=\"How to Build Your Mobile App using HTML\" href=\"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/?p=849\" target=\"_blank\">to build mobile applications<\/a>, or build <a title=\"Programming Simple Animations Using HTML, Canvas, and JavaScript\" href=\"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/?p=983\" target=\"_blank\">games<\/a>, \u00a0the JavaScript language has become a solid platform that exists in every web browser.<\/p>\n<p>Douglas Crockford is a profound thinker and author in the JavaScript space. \u00a0 He observes that programmers need to take time to learn the language well. \u00a0 Programmers often make the mistake of simply &#8220;copying and pasting&#8221; JavaScript code around without understanding \u00a0some of the basic assumptions of the language. \u00a0 I&#8217;ve collected a collection of tools and books to help programmers get started. \u00a0 \u00a0I&#8217;ve also included links that would benefit professional developers on HTML5, debugging tools, and node.js .<\/p>\n<ul>\n<li><a href=\"http:\/\/eloquentjavascript.net\/\" target=\"_blank\">Eloquent JavaScript<\/a> : \u00a0This is a nice e-book introduction to JavaScript. \u00a0 I enjoy the discussion of object oriented JS.<\/li>\n<li><a href=\"http:\/\/www.codecademy.com\/tracks\/javascript\" target=\"_blank\">Code Academy<\/a> : \u00a0 This online tutorial is awesome. \u00a0You learn JavaScript in small steps and immediately apply your knowledge completely in the browser.<\/li>\n<li><a href=\"http:\/\/www.html5rocks.com\/en\/tutorials\/developertools\/part1\/\" target=\"_blank\">Introduction to Chrome Developer Tools<\/a>\u00a0: Just getting started in web programming? \u00a0 Make sure to review this tutorial to learn how to use Chrome&#8217;s debugging tools.<\/li>\n<li><a href=\"http:\/\/www.w3schools.com\/js\/default.asp\" target=\"_blank\">W3Schools<\/a> : This site provides a reference for all web technologies including HTML, CSS, and JavaScript .<\/li>\n<li><a href=\"https:\/\/www.khanacademy.org\/cs\/programming\/intro-to-programming\/p\/sneak-peek-making-an-awesome-program\" target=\"_blank\">Khan Academy on CS<\/a> : Khan Academy is rocking the world of computer science with their fun introduction to programming through Processing.js and JavaScript. \u00a0The presentation is very engaging.<\/li>\n<li><a href=\"http:\/\/javascriptenlightenment.com\/\" target=\"_blank\">JavaScript Enlightment<\/a> : Here&#8217;s another nice e-book on JavaScript.<\/li>\n<li><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Guide\" target=\"_blank\">Mozilla JavaScript Guide<\/a> : While this book provides an introduction to JavaScript, this guide also provides hints regarding the future of the language.<\/li>\n<li><a href=\"http:\/\/diveintohtml5.info\/\" target=\"_blank\">Dive into HTML5<\/a> : This book provides an introduction to advanced features of the browser like HTML5 and Canvas tag . \u00a0 Drawing in the browser is very fun. \u00a0This book helps those interesting in making HTML5 games.<\/li>\n<li><a href=\"http:\/\/www.addyosmani.com\/resources\/essentialjsdesignpatterns\/book\/\" target=\"_blank\">Essential Design JavaScript design patterns<\/a> : Over time, software engineers have created names for common code patterns. \u00a0 This free book provides a cool discussion of design patterns using the JavaScript language using examples for JQuery .<\/li>\n<li><a href=\"http:\/\/stackoverflow.com\/questions\/2353818\/how-do-i-get-started-with-node-js\/5511507#5511507\" target=\"_blank\">Getting Started with Node.js<\/a>\u00a0: \u00a0 If you&#8217;re interested in learning how to use JavaScript on the server, this collection of links from StackOverflow will be very helpful.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><strong>Related Posts<\/strong><\/p>\n<ul>\n<li><a href=\"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/?p=1238\" target=\"_blank\">17 Fun Tools To Teach Kids To Code by @ChrisBetcher<\/a><\/li>\n<li><a title=\"Benefits of Teaching Kids To Code That No One Is Talking About\" href=\"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/?p=623\">Benefits of Teaching Kids To Code That No One Is Talking About<\/a><\/li>\n<li><a title=\"7 Reasons Why The Makers Movement Is Revolutionary\" href=\"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/?p=942\">7 Reasons Why The Makers Movement Is Revolutionary<\/a><\/li>\n<li><a title=\"How to Build Your Mobile App using HTML\" href=\"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/?p=849\">How to Build Your Mobile App using HTML<\/a><\/li>\n<li><a title=\"Maker Camp: Free Virtual Summer Camp for Teens\" href=\"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/?p=961\">Maker Camp: Free Virtual Summer Camp For Teens<\/a><\/li>\n<li><a title=\"5 reasons to love Khan academy for computer science\" href=\"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/?p=202\">5 reasons to love Khan academy for computer science<\/a><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n\n<!-- Facebook Like Button v1.9.6 BEGIN [http:\/\/blog.bottomlessinc.com] -->\n<iframe src=\"http:\/\/www.facebook.com\/plugins\/like.php?href=http%3A%2F%2Finspiredtoeducate.net%2Finspiredtoeducate%2F10-free-resources-for-learning-javascript-and-html5%2F&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;colorscheme=light\" scrolling=\"no\" frameborder=\"0\" allowTransparency=\"true\" style=\"border:none; overflow:hidden; width:450px; height: 30px; align: left; margin: 2px 0px 2px 0px\"><\/iframe>\n<!-- Facebook Like Button END -->\n","protected":false},"excerpt":{"rendered":"<p>The web isn&#8217;t a stale bag of text and pictures. \u00a0 In our web browser, we can use Google maps to navigate and explore the world. \u00a0 The browser enables us to play games, communicate, and learn using media. \u00a0 \u00a0Google, Microsoft, and many other players have worked hard to [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[23,11,8],"tags":[],"_links":{"self":[{"href":"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-json\/wp\/v2\/posts\/1285"}],"collection":[{"href":"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-json\/wp\/v2\/comments?post=1285"}],"version-history":[{"count":1,"href":"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-json\/wp\/v2\/posts\/1285\/revisions"}],"predecessor-version":[{"id":1287,"href":"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-json\/wp\/v2\/posts\/1285\/revisions\/1287"}],"wp:attachment":[{"href":"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-json\/wp\/v2\/media?parent=1285"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-json\/wp\/v2\/categories?post=1285"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-json\/wp\/v2\/tags?post=1285"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}