The Best Way to Learn JavaScript Learning something new is scary. For me, the biggest issue with picking up a new skill is that I don’t know what I don’t know. Given that, it’s often useful to find a plan for learning whatever you’re interested in. That’s what this post is: your blueprint, your roadmap, your plan of action for learning JavaScript! You don’t have to worry about finding the best resources, sorting out the bad ones, and figuring out what to learn next. It’s all here. JavaScript is the language of the browser. Before you actually begin learning JavaScript, take a minute to understand what it is and does. JavaScript is not jQuery, Flash, or Java. JavaScript is the language of the browser (not exclusively these days, though). One more note: you’ve heard about jQuery, which is probably the most widely-used JavaScript library. You might even have heard someone say that you should start with jQuery (or another library) and learn JavaScript after. A handful of good introductions, if I may: So, what can you build?
Learn Create a 3D T-Rex Game Grades 2+ | Blocks Dance Party Minecraft Hour of Code Escape Estate Grades 2+ | Blocks, Python Code a 3D Space Invaders Game Minecraft Timecraft Rodocodo: Code Hour Pre-reader - Grade 5 | Blocks NASA's Space Jam Make a Flappy game Long Live Wakanda Grades 6+ | Blocks Hello World CodeMonkey Jr.: Pre-coding for Preschoolers Pre-reader | Blocks My Google Logo Grades 2-8 | Blocks Coding Town Grades 2-5 | JavaScript Mario's Secret Adventure: Build Your Own 3D Mario Game CodeCombat: Goblins 'n' Glory Grades 6-8 | JavaScript, Python Code Farm: Plant a Garden Blocks Jumper: Game Creation Make Shapes with Code Pre-reader - Grade 5 | JavaScript, Language independent (can be taught in multiple languages) AI for Oceans Grades 3+ | AI and Machine Learning The Grinch: Saving Christmas with Code Bot is sus?! Grades 2-8 | JavaScript | Internet Explorer 11, Microsoft Edge, Chrome, Firefox, Safari Code Club World: Make cool stuff with free coding games and activities Grades 2-5 | Blocks Dragon Blast Design your Hero
14 Coding Challenges to Help You Train Your Brain Programming is becoming an essential part of nearly every industry known to man, the way it helps to organize and maintain large systems is not possible to compare to anything else, and so more and more people begin their journey. You can learn to code both from interactive platforms and also from books – whichever you find most appropriate and easy to learn from. But, sometimes that’s not good enough, and we want to practice new things. Coding is a lot about creativity, your ability to come up with new and interesting ideas; but sometimes, due to a large amount of time spent tackling common problems, we forget about creativity. I’m not quite sure whether that is the reason coding challenges were made, but they certainly help with the part where you need to think of your own stuff to program. We could say that coding challenges are great for: 1. 2. HackerEarth provides a SaaS application to do an automated assessment of the technical and logical skills of candidates. 3. 4. 5. 6. 7. 9. 10.
Shoot to kill; CSS selector intent – CSS Wizardry – Web Performance Optimisation 17 July, 2012 Written by Harry Roberts on CSS Wizardry. It’s worth noting that selector intent is something I completely made up at some point today; if you think there’s a better name then please let me know! Let’s take a closer look at the .header ul{} example. Let’s imagine that ul is indeed the main navigation for our website. It lives in the header, as you might expect, and is currently the only ul in there; .header ul{} is fine, right? Your selector’s intent must match that of your reason for styling something; ask yourself ‘am I selecting this because it’s a ul inside of .header or because it is my site’s main nav?’. It’s all about the key selector… What determines the impact of a selector is its key selector. As a general rule you should try and avoid any key selector that is a type selector (basically an element, like ul or span or whatever) or a base object (e.g. .nav or .media). Let’s keep looking at the .header ul{} example. <div class=header><ul class=nav> [links] </ul></div>
Code School - Try jQuery Best resources to learn JavaScript Blog Low-cost .com Domains with Whois Privacy In an effort to be more privacy conscious I’ve been looking to transition to having Domain Privacy enabled on all the domains that I own. As it turns out many domain registrars, including my current one, charge an additional fee for this service. In an effort to save some money I did a price comparison […] 15 Comments · Posted: November 22nd, 2014 Write Code Every Day Last fall, work on my coding side projects came to a head: I wasn’t making adequate progress and I couldn’t find a way to get more done without sacrificing my ability to do effective work at Khan Academy. 73 Comments · Posted: April 10th, 2014 Use Project-based Interviews Instead of “GitHub” First, some background: I highly recommend that you read the following two blog posts: by Ashe Dryden: The Ethics of Unpaid Labor and the OSS Community and by James Coglan: Why Github is not your CV. 16 Comments · Posted: November 21st, 2013 Node.js Stream Playground Gittip at Khan Academy
The Front End Developer's Dilemma Learn Development at Frontend Masters Hello, my name is Geoff and I am a web designer. At least, that’s what I tell people I do for a living, because it’s what most people understand. The truth is, I am a front end developer. Or do I? I get a sense that we likely have different definitions for what it means to be a front end developer. In other words, some of you may not consider me a developer at all, or a poser at best. I found myself recalling those hurt feelings recently when Lara Schenck shared her story of missing out on a UX job because she wasn’t familiar with the programming test FizzBuzz. #My Tale of Being a Non-Unicorn I design for the web, and often code those designs into the stuff that people interact with on the front end. I didn’t always write code. But over time, I found myself not only asking those questions, but trying to answer them for myself because it became a necessity. Am I excellent at all of the above? #But You’re Still Not a Developer! #Where Do We Go From Here?
David Shariff From my previous post, we now know that every function has an associated execution context that contains a variable object [VO], which is composed of all the variables, functions and parameters defined inside that given local function. The scope chain property of each execution context is simply a collection of the current context's [VO] + all parent execution context's [VO]. Scope = VO + All Parent VOs Eg: scopeChain = [ [VO] + [VO1] + [VO2] + [VO n+1] ]; Determining a Scope Chain’s Variable Objects [VO]s We now know that the first [VO] of the scope chain belongs to the current execution context, and we can find the remaining parent [VO]s by looking at the parent context’s scope chain: function one() { two(); function two() { three(); function three() { alert('I am at function three'); } } } one(); The example is straight forward, starting from the global context we call one(), one() calls two(), which in turn calls three(), thus alerting that it is at function three. Lexical Scope Summary