There’s no doubt that front-end development will be one of the hottest disciplines in tech in 2020 and beyond.
It was previously sufficient for developers in the front-end space to know some HTML, CSS, and maybe jQuery to create interactive websites, but today they’re faced with a broad and constantly changing ecosystem of skills to develop; tools, libraries, and frameworks to master; and a need to constantly invest in personal education.
The last couple of years brought us awesome new libraries and frameworks, like ReactJS, VueJS, and Svelte, utilizing
This piece aims to give you some guidance on what you should focus more on as 2020 comes to an end, as a front-end developer to level up your game, whether you’re just starting with programming or already have some experience.
There are many of them but we will be focusing on three major topics:
Skill 1: Node.js
Skill 2: Node.js Frameworks
If you are using Node.js, you will need to pick a web framework to build and run your web applications. There are plenty of options in this regard.
There are many popular Node.js frameworks that are available today. Here are some options to consider.
Option 1: Express
Express is a fast, flexible, and minimalistic web-framework for Node.js. Express is known to be a highly performant web-framework. It has a lot of utilities and features, making development easier.
Option 2: Meteor
Meteor is a popular and simple full stack Node.js framework for building modern web and mobile applications. It is compatible across several devices. You can use it to build web, iOS, Android and desktop apps.
Option 3: Koa
Koa is a relatively new web framework designed by the team behind Express. It aims to be a smaller, more expressive, and robust foundation for web applications and APIs. By leveraging async functions, Koa allows you to forget about callbacks and greatly increase error-handling.
In 2020, we’ll probably see a duel between Facebook’s ReactJS and the community-driven VueJS. React currently has 140,000 stars on GitHub, while Vue has been starred even more — 153,000 stars. Angular, for example, has only 53,000 stars.
The search volume in 2019 for React (blue line), Vue (red line), Angular (yellow line), and Svelte (green line) supports this assumption — with Vue being slightly above React. Angular cannot keep up in terms of search volume, and Svelte plays absolutely no role in this comparison.
If you want to learn more about these frameworks, check out these great resources:
It’s a way of building websites and apps for better performance — lower scaling costs, providing higher security, and offering a better developer experience.
While these terms are nothing new on their own, they all have the same thing in common — they don’t depend on a web server. So a monolithic app that relies on a Ruby or Node.js back end or a site built with a server-side CMS like Drupal or WordPress isn’t built with the JAMstack.
There are some best practices if you want to work with the JAMstack:
Entire project served on a CDN
Because no server is needed, the whole project can be served from a CDN, unlocking speed and performance that can’t be beat.
Everything lives in Git
Everyone should be able to clone the whole project from a Git repo without the need for a database or a complex setup.
You can automated builds perfectly because all of the markup is prebuilt — for example, with webhooks or cloud services.
In order to avoid inconsistent states by redeploying hundred or thousands of files in large projects, atomic deploys wait for all files to be uploaded before changes go live.
Instant cache invalidation
When a site goes live, you must make sure your CDN can handle instant cache purges for changes to become visible.
Well known hosters, like Netlify or Zeit, support JAMstack applications, and large corporations use them to deliver great experiences to their users.
All these are definitely things you want to get your head around as a front-end developer in 2020. Its not too late!!!