Best 5 Frontend Development Topics in 2019

by admin admin 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 admin admin Date: 18-02-2019 frontend frameworks vue CSS grid React GraphQL hits : 1697  
 
 
 
 

Related Posts

    Best Open-Source Javascript Date Picker Plugins and Libraries

    For date pickers, selecting menus is a common choice as they are simple to set up. But I suppose our customers deserve better after centuries of using MM / DD…

    Starting with Vue.js: how about using it?

    Vue.js seems to be another JavaScript UI library with a strong community support. If you've got a project coming up and you're wondering which tool to choose from, you can…

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

    Welcome here again! Last time we didn't listen to our very first user events and and methods to react to these events. Now we are going to explain directives and…

    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…

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

    Learning a new framework can be a very complicated process for any developer, especially for someone that is still learning the basics of JavaScript. For this reason, we decided to…

    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…