Best 5 Frontend Development Topics in 2019

Best 5 Frontend Development Topics in 2019
by Janeth Kent Date: 18-02-2019 frontend frameworks vue CSS grid React GraphQL

Ah, a new year. A time of positivity, a time to restart. For new objectives and proposals. And in the world of developers, to look at the scenery and decide what we need to learn to keep up. Because let's face it-web development is always changing, and we're falling behind if we don't constantly learn.

Because things change so quickly, it is important not to be overwhelmed to decide what to focus on.

The main idea is to start with subjects we are interested in learning about, which will give us some impetus in future learning, and where we can be paid to take it or where there is a clear market for skills.

Just below, we actually apply the frameworks based on what we see in the web development right now and suggest some great resources from each area.

For each topic, we provided a range of free and paid resources. As an FYI, some of the paid resources use affiliate links, but we have done our best to ensure that we have free options throughout.

1. TypeScript

TypeScript was one of 2018's most amazing growth stories. A surprising 46 percent of npm users used TypeScript found in the npm survey. It is now not only the default Angular language but also a commonly used React option and an increasingly used Vue option.

Vue 3 has been announced in TypeScript, and the Node.js creator is working on a new node - like project that is TypeScript first. Now that Babel supports TypeScript, you may not even have to change your build system.

So if you were a holdout (like us), 2019 is definitely the year to learn TypeScript. It has momentum, an increasing number of jobs requiring it, and the way the JavaScript ecosystem moves is quite clearly.

Resources and Articles

Free course

Paid course

  • Understanding TypeScript. The top-rated course on TypeScript on Udemy, by one of my favorite instructors Maximilian Schwarzmüller.

2. React

React is old news for many of you, but for two reasons we are putting it high on the list again.

First - it definitely still wins the games "money" and "momentum." There are more jobs and contract gigs in the front-end world to React than anything else, so if you haven't picked it up, you should definitely.

Second - It continues to change, and some new features (especially hooks, but also things like the context api) promise to completely change the way we write react code, so even if you're already using React, you should brush it up.

Resources and Articles

  • The React Handbook. an 80/20 introduction to React on the Freecodecamp blog, aimed at giving you a fast-path start to being productive in React.
  • Hooks at a Glance. The hooks documentation for those already comfortable in React; probably the best place to learn hooks.
  • Full Stack React. Both a blog and a newsletter with great in-depth React articles
  • The React Podcast. If you’re into podcasts, this one by Michael Chan AKA Chantastic is great.

Free Course

  • Start Learning React. The most comprehensive free course I’ve found on React. Very beginner focused.

Paid Courses

3. Vue

Vue.js is our current favorite framework, the framework that most developers have said they want to learn in JavaScript surveys in 2018 and 2017, and it only continues to improve.

Free Resources

  • The Vue Guide. The Vue docs are phenomenal, and a great way to learn.
  • Vuejsdevelopers.com both a blog and a weekly newsletter highlighting deep in-depth articles.
  • Vue Feed, a website, newsletter, and twitter feed highlighting curated Vue news, tutorials, plugins, and more.

Free Courses

Paid Courses

 

4. CSS Grid

For almost any audience you may be trying to address, CSS Grid has reached critical mass across browsers and is an amazing step forward from previous layout technologies.

If you still use heavyweight grid frames from UI toolkits such as Bootstrap or Foundation, you fall back. With less markup and complexity, CSS Grid gives you more power.

The only barrier is learning. So if you’re still a holdout, make this the year you learn CSS Grid.

Free Resources

Free Course

  • CSS Grid | Wes Bos. Great intro course, taught by Wes Bos and sponsored by Firefox so completely free.

Paid Courses

5. GraphQL

One of the big upcoming things is GraphQL, and I think 2019 may be the year it really starts hitting the mainstream.

Of course, there has been a lot of buzzes, especially in the reacting ecosystem, but the data from npm shows that buzz is also growing extremely quickly.

We are not sure how many jobs GraphQL requires yet, so this may not be an immediate money maker, but learning from a motivation and momentum point of view will now put you in a very good position for the future.

 

Free Resources

  • GraphQL.org Docs. The official documentation here seems pretty good.
  • The Road to GraphQL. A free book (though does require email signup), along with the option of a paid upgrade that gives you a bunch of starter templates and related.
  • GraphQL Weekly. A weekly newsletter roundup of GraphQL related articles

Free Courses

  • How To GraphQL. Free and open source, a combination of video and written tutorials.

Paid Courses

Depending on your frontend framework:

Framework independent (but focused on backend)

 

 

 

 

Business vector created by freepik - www.freepik.com

 
by Janeth Kent Date: 18-02-2019 frontend frameworks vue CSS grid React GraphQL hits : 12415  
 
Janeth Kent

Janeth Kent

Licenciada en Bellas Artes y programadora por pasión. Cuando tengo un rato retoco fotos, edito vídeos y diseño cosas. El resto del tiempo escribo en MA-NO WEB DESIGN AND DEVELOPMENT.

 
 
 

Related Posts

Which Javascript frameworks will rule in 2019?

In this article, we will review and analyze the 2018 State of JavaScript report to later focus attention on frameworks that will be at the center of attention in 2019. Let's…

Vue.js: a quick start guide for beginners. Part 2

In the previous article, we discovered out how to add Vue to our index.html with a regular < script > tag and we were able to add our first reactive…

10 JavaScript podcasts for web developers

1. Syntax.fm  Full Stack Developers Wes Bos and Scott Tolinski dive deep into web development topics, explaining how they work and talking about their own experiences. They cover from JavaScript frameworks…

DOM vs Virtual DOM (Vue's challenge)

Most of the Javascript frameworks like Vue, React and Ember implement a “virtual DOM”. While it seems like some thing from a technological know-how fiction, its number one motive for present is to expand the speed and proficiency of DOM updates. It offers a few more advantages as well. What the DOM…

JavaScript Manual for Beginners

The JavaScript Manual shows you how to use JavaScript and gives an overview of the language. I   GETTING STARTED ABOUT Created by Netscape in 1995 as an extension of HTML for Netscape Navigator…

Top JavaScript Libraries in 2018

As Javascript remains the most popular and widely used programming language in 2018, so grows the ecosystem around it. JavaScript has gained immense popularity over the span of a few years.…

30 Reference Guides for JavaScript: jQuery, Node.js, and React

This is a list intended to introduce new developers to JavaScript (jQuery, Node.js and React) and help experienced developers learn more.   jQuery jQuery API (Official) View → jQuery Cheatsheet (Devhints) View → jQuery Cheat Sheet (JavaScript Toolbox) View → jQuery Quick…

Facebook Prepack, The Next Big Thing In The JavaScript World

In the last days, the social networks were crazy about Prepack. Probably you still haven’t heard about it. It’s reasonable! It has been an open source only a few days…

The Best CSS Frameworks for Material Design

Material design is the googles new design practice, it is mobile first approach design system created by Google. The idea of material design is to make everything in a same…

10 Front-end developer tools you can't live without

This article will provide a somewhat opinionated stance on what tools you should be using, along with a few alternatives for each category. So let’s get started with those essential…

Server-side HTML vs. JS Widgets vs Single-Page Web App

  At the recent GOTO Chicago conference, I gave a talk on "Frontend Architectures: from the prehistoric to the Post-modern." In just my first 10 months at Coursera, I've experienced the joys and woes of…

Clicky