Introducing Frontend Masters (with Giveaway)

By  on  

Hey DWB readers,

I'm super happy to sponsor this blog. I've been a long-time reader and fan, since back when David wrote about JavaScript and MooTools back in 2007. ;-)

We are in one of the fastest changing, evolving, most lively communities on earth: JavaScript and front-end web development. And it's a blast! There are lots of options to keep up to date, including this blog. But what if you want to go deeper? I'm here to tell you about one of the best options out there for going deeper and becoming the best developer you can be.

I've been a front-end developer since ~2005 full time, and one thing I've noticed being self-taught is that I miss out on core fundamentals that caused me pain along the way. I started copying and pasting examples from blogs just like this one and eventually worked my way up to writing my own very large applications that made companies millions of dollars. Success...?

Sort of...but programming isn't something you ever "arrive" in. Along that road I ran into many large bumps and hurdles that could have been avoided with taking some time to sharpen my knowledge of the deeper fundamentals. Once you start loving writing code, you will never stop learning.

Frontend Masters

When I was starting out with JavaScript I would have loved to take Bianca's course on JavaScript: Fundamentals to Functional (try a free on the JavaScript module pattern) to understand the basics of JavaScript as well as making my code more reusable with the utilities provided in underscore.js or lo-dash.

Frontend Masters

Going even deeper into JavaScript there are concepts you need to understand like scope/closure, 'this', hoisting, and inheritance. If you don't have a solid understanding of these concepts you'll wonder why your code has errors or the results aren't what you expected. All of this is covered in great detail in Kyle Simpson's Advanced JavaScript course. You can get part of Kyle's Advanced JS course for free.

Frontend Masters

Finally, one of the things I missed out on almost entirely in my adventures is functional programming. All of the latest frameworks like React and Angular 2 are being heavily influenced by the concepts behind functional programming. The idea is you want to keep your data flowing in one direction and not mutate state in the middle of your programs or functions. You do this with using concepts like map, reduce and filter. All of this is to increase reusability and composability of your functions. Check out our Hardcore Functional Programming in JavaScript course to learn these concepts.

You want to focus on deep fundamentals of programming rather than learning the *latest hot framework* because abstractions leak and you need to know what's under the hood. Even so, I do think there are merits to frameworks so we need to know the popular ones as front-end engineers and learn to work in them. Once you learn the deep fundamentals of JavaScript, the world is your oyster. Frameworks like Angular and React are much easier to understand why they exist and what to do with them. We even have a course on Choosing a JavaScript Framework so you can compare the top four JS frameworks and decide which one you want to go deeper in. From there you can dig into specific frameworks like React with Ryan Florence or Angular Application Development with Lukas Ruebbelke. You can also get a free trial of Lukas's first Angular course.

Regardless if you learn the deep fundamentals of JavaScript and frameworks with us or through some other means is fine with me. I just wanted to point out that you should take your JavaScript to at least understanding scope/closure, this, prototypes/inheritance. As well as you should be exploring functional programming and also exploring your framework of choice. Better yet is finding out the places where you don't need a framework and sticking to vanilla JavaScript.

Cheers and happy learning! If you want to check out Frontend Masters take a look at our course library or take a free email course. Feel free to shoot me any questions in the comments. I'd be happy to answer!

Giveaway!

Want to win one of three passes yearly licenses? In the comments sections below, share with me what you'd like to learn about next!

Marc Grabanski

About Marc Grabanski

Marc is CEO and creator of Frontend Masters, a site dedicated to teaching advanced web development skills. Before that he was heavily involved in open source and created one of the most popular UI elements on the web, the jQuery UI Datepicker. He also has spoken at over sixty web development conferences, created conferences and occassionally appears on podcasts.

Recent Features

  • By
    Camera and Video Control with HTML5

    Client-side APIs on mobile and desktop devices are quickly providing the same APIs.  Of course our mobile devices got access to some of these APIs first, but those APIs are slowly making their way to the desktop.  One of those APIs is the getUserMedia API...

  • By
    I’m an Impostor

    This is the hardest thing I've ever had to write, much less admit to myself.  I've written resignation letters from jobs I've loved, I've ended relationships, I've failed at a host of tasks, and let myself down in my life.  All of those feelings were very...

Incredible Demos

  • By
    Use Custom Missing Image Graphics Using MooTools

    Missing images on your website can make you or your business look completely amateur. Unfortunately sometimes an image gets deleted or corrupted without your knowledge. You'd agree with me that IE's default "red x" icon looks awful, so why not use your own missing image graphic? The MooTools JavaScript Note that...

  • By
    Do / Undo Functionality with MooTools

    We all know that do/undo functionality is a God send for word processing apps. I've used those terms so often that I think of JavaScript actions in terms of "do" an "undo." I've put together a proof of concept Do/Undo class with MooTools. The MooTools...