Is front end web development a good career today?

Answer by @geoffreybans

Front end development is a great career in 2017, but don’t get hit by the bus.

There is all the hype around as to which is the latest cool front end technology to learn as a beginner.

You assign yourself a task to learn front end development only to realize that the task is to find the particular framework to learn.

Let me give you a few tips that will help you be a better front end developer.

1. Learn JavaScript

It’s great that you have already mentioned that you know some jQuery.

That is great, though you should know that jQuery is not JavaScript. In fact, front end developer is another name for a JavaScript developer.

JavaScript is the programming language that you will use throughout your front end development. Forget about CoffeeScript for now.

2. Build some Boostrap themes

It is quite easy to take a responsive Bootstrap template, paste it on a server and viola! you have a responsive website.

Nah! If you want to be a great front end developer, try and recreate the whole template ground up because in most cases you will be required to build a user interface from a Photoshop mock up, not from another bootstrap template.

Check out my other post on 7 Silly Mistakes Developers Make That Will Ruin Your Career in 2017

Take for example a WordPress theme that is full of features and create a Bootstrap template that looks similar ground up.

This will help you get a good eye for design, how to layout the page, pixelation and matching color codes among other front end stuff.

3. Build a jQuery plugin

I thought I knew a lot of JavaScript! Not until I set to build a jQuery AutoSuggest plugin here.

I had to learn JavaScript itself in order to understand document object manipulation better.

The concept of nodes, childnodes, document nodes – it’s all really interesting in native JavaScript. jQuery abstracts much of this such that you never get to know what’s going on under the hood.

You can do some front end for my open source jQuery plugin, I will be willing to help you with some JavaScript tips.

4. Consider taking a UI/UX course

If you are very very serious about front end software developer then you want to consider one of these courses that will help you understand user interaction with interfaces.

In order to design great interfaces that yield greater users experiences you need to have a better understanding of the UI/UX design and these courses go a bit into more depth about that.

I am not a front end dev so I might not say much about them.

5. Go get a job

You asked what employers like – employers like a developer who has a job!

You could task yourself reading all this content and trying to build some demo projects but without that job experience, employers will still consider you a risky investment.

Learning all these skills is only interesting if you are actually doing something useful with the skills learnt, or you will even forget what you learnt.

Because getting a front end developer job might be hard when you don’t have the experience, I suggest you build a project by yourself that you can then show off as part of your portfolio to help you get a job.

You might need to team up with a back end developer if you project will need some back end work.

Have you considered contributing to open source projects on GitHub?

If you are still stuck on how to get started with front end development then please message me if you want to work with me on some of my open source projects as you sharpen your front end skills.

Cheers!

Link to the post on Quora – https://www.quora.com/Is-front-end-web-development-a-good-career-today/answer/Geoffrey-Bans

What should a front-end web developer know in 2017?

What should a front-end web developer know in 2017? by Tracy Chou

Answer by Tracy Chou:

The most basic building blocks for frontend development are HTML (for page structure), CSS (for styling), and JavaScript (for interactivity), so it’s always good to have a baseline understanding of these fundamentals first.

As of the last few years, React, a JavaScript library, is becoming the standard framework for frontend dev — and it’s even more appealing for devs that need to work cross-platform, with the advent of React Native — as:

  1. it has an easy and intuitive philosophy around defining views and state, making it clean, understandable, and debuggable, and
  2. it’s smart and efficient about rendering and only re-rendering components as necessary, dependent on state changes.

Very roughly speaking, React ties together HTML and JavaScript.

On the CSS front, no one codes straight CSS anymore, so familiarity with a CSS pre-processor like {Sass or Less} is also table stakes for a frontend developer in 2017.

Given the ubiquity of multiple form factors like mobile, tablet, and desktop, I’d also recommend familiarity with building responsive web views. There are nice JavaScript and CSS libraries that help with this, many building on Google’s Material Design guidelines.

There are many adjacent topics worth knowing as well, e.g. Webpack for module bundling (though the Webpack experience is pretty terrible[1], and the community’s choice of bundler seems to change every 1–2 years); JSON Web Tokens for authentication (displacing cookies, which was previously standard); Relay/GraphQL or {Redux or Flux}, depending on how deep you want to get into data flows and data fetching; not to mention general software engineering skills like googling for code to copy/paste from Stack Overflow [2], debugging, performance optimization, testing, project management, working with non-devs…

[1]

https://twitter.com/iamdevloper/…

[2]

https://twitter.com/thepractical…

What should a front-end web developer know in 2017?

Google’s Introduction of Material Design Lite

Material Design Lite a library of components & templates in vanilla CSS, HTML and JS.

Material Design

Material Design Lite lets you add a Material Design look and feel to your websites. It doesn’t rely on any JavaScript frameworks and aims to optimize for cross-device use, gracefully degrade in older browsers, and offer an experience that is immediately accessible. visit http://www.getmdl.io/ to get started.

Avocode – Easiest way to turn Photoshop/Sketch designs into code

With avocode every asset you need for coding is in one place. The most effective way to extract assets from designs. Get CSS, SVGs, images, fonts, colors and dimensions – all without Photoshop or Sketch.

Avocode is 100% compatible with Photoshop & Sketch files. You don’t need Photoshop or Sketch to open designer’s files. Avocode will always give you the same experience regardless if it’s .PSD or .Sketch.

The desktop app is compatible with all Mac OS X, Windows and even Linux!

Check the official website to avocode

Watch this video to see what avocode can do