BUZZKILL: Maximize Your Coding Skills by Avoiding Shiny New Distractions
The depth and breadth of front end coding options seems to grow exponentially. Every time I turn around it feels like there is some new trend touted as a giant-killer. Whether it is a new language set to revolutionize the HTML landscape or a better more efficient library to cut hours off your development, they all have one thing in common. Hype.
MYTH: I have to learn the latest trend to stay relevant
Inundated by the glorious press and rave reviews by people you may or may not know, coverage of new trends is hard to ignore. With it being relatively easy to get information published on the internet, the presses never turn off and are hungry to discover that diamond in the rough. Do not spend unnecessary energy chasing these fads. Yes, some may pan out long term, but most of them will have only core niche fanatics who keep the tenders smoldering long after the fire has gone out.
Tip: If you really want to see an example of how hard it is to know it all, check out this wonderfully thorough list of links for front-end developers.
This is the absolute core of a web page. Without this, not a whole heck of a lot can take place in your browser. While the mark-up code comprising HTML is not too difficult, the new additions to HTML5 are a departure from the old ways. The idea being that now you can further define and refine what your code represents to make it more semantic. This give meaning to your content. As a step further, HTML5 tries to pull away from plug-ins by offering core abilities. Perhaps invest some of your free time exploring video.
If you want your page to look good without posting image only designs, you have to learn this language. While much more to tackle than HTML, it is worth the time investment. Once you get a sense of how the language is implemented and how semantics work, it is not too hard to become comfortable. CSS3 adds so much depth and value to your user’s visual experience. If you are hankering for something new, instead of chasing a car you might want to sink your teeth into CSS animations. It is important to note, while not fully ready for prime time due to browsers not getting with the program quick enough, this is where things are headed. Getting in line early puts you in front of the pack.
Rookie Mistake: Do it because you can.
The one thing all three of these require more than anything else is understanding. If you are exclusively a copy and paste coder, please consider another line of work. There are times you want to copy and paste because you just need to get a certain widget or effect to happen right now. I get it. If you are not 90%+ aware of what every line of code in your site provides, that is a problem. Should you not have at least that level of understanding, you just found out why you need to avoid the shinny new bobble and focus intently on your prime technologies. Understanding the core elements to the front-end of a website not only strengthens your abilities as a coder, it allows you to best service your clients. Happy clients keep you in business.
What do you think? Did I miss something you find an absolute must for a front end developer? Not quirky, specific items like GZIP but rather fundamental skills. Drop us a line and share your thoughts.