Tag: skills

8 Top Web Development Skills for Devs in 2018

The job market is tough. Gaining a few extra web development skills could give you the edge you need to get ahead.

It’s no secret that web development is on the rise as both a career choice, and as a way of life. It’s being taught in schools, there are after-school clubs to learn to develop, even Obama has officially endorsed it.

But, just like Hatchimals and Black Friday TVs, those web development jobs have been made extremely rare and difficult to find for the average person.

Sure, there are plenty of jobs out there. But the experience you need to get those jobs? I’m not sure I even have that. The fact of the matter is, unless you eat, sleep, and breathe code, you’re in for a long job search.

Back in my day, you could get a job as an entry level front end web developer with mediocre HTML, CSS, and jQuery skills. The pay wouldn’t be the greatest, but hey, it was still better than most entry level jobs, and you knew it would lead to something great in a few years.

There are, however, some things you can learn to stand out when you’re trying to land your first job, or land another, more advanced position. So without further ado, check out these top in-demand web development skills for 2018.

1. Greensock

Greensock is a great little JavaScript animation toolkit that far outshines

jQuery animations like seen in jQuery UI, and is easier to use than CSS animations, which require a lot of forethought to get the sequencing down right.

Some major clients use Greensock, too. It’s a no-brainer, since it’s already supported in all major browsers, is thoroughly documented, and has a long track record (around 10 years now). You can see it in action on Play-doh’s Gallery of Emerging Species, Nike React, and a whole host of other examples, including the industry renowned Awwwards Conference showcase. If that’s not enough for you, it’s also used by Samsung, Intel, Ford Motor Company, Aol, Google, Youtube, Fox, etc. I just didn’t feel like hunting down the links for those examples.

Long story short, Greensock is a cutting edge technology that will surely get you noticed by some of the more desirable companies to work for, and will definitely make you stand out.

2. React

Somewhere along the way, engineers realized that the best way to write front end code was on a component basis, allowing for reusable, efficient, and well organized blocks of code. One of the most notable frameworks that utilizes this approach is React, a JavaScript library developed by a Facebook engineer that is highly efficient, very up-and-coming, highly scalable, and highly flexible.

Some notable users of React are Netflix, PayPal, and Microsoft. It can be utilized to build web apps, websites, and mobile apps for both Android and iOS devices. Knowing React will set you far ahead of the crowd when it comes to snatching up a job worth having.

3. CSS Grid

CSS Grid is sort of a better version of Flexbox, and is the newest layout system for CSS, and gaining popularity.

Grid aims to create a 2 dimensional system that allows for easy placement of DOM elements, as opposed to the crazy workarounds that we had to use back in the days of the sticky footer. Times were crazy, people died trying to make websites, you kids don’t know how easy you have it.

Bottom line is, learn Grid. Learn Flexbox too. You’ll be looked at as a slightly-less-novice developer, which is far more than can be said for most kids trying to hijack the field these days.

4. NPM

If you do end up using React, you’ll have to learn how to use the Node Package Manager (NPM) anyways. NPM basically makes installing tools and frameworks (packages) into your project. It’s used through the command line, which leads us into our next technology:

5. The Command Line

Once upon a time, you could get by without being familiar with the command line, Linux, or Command Prompt (the CLI, or command line interface, for Windows).

Nowadays, unless you’re working for some fly-by-night web shop, or a marketing company that places no importance on the website (as it’s only a small part of their overall product), you’re going to need to learn how to move around in a CLI.

A few places where you can learn to use a CLI? Codecademy has a good beginner’s course, as well as Learn Enough, and if you need more resources than that, click here.

6. Sass

Not to be confused with the attitude you still give your parents at 30 while living in their basement, Sass stands for Syntactically Awesome Style Sheets and is what’s called a CSS Preprocessor, and while it’s by no means a new technology, it’s a far underused and underrated one.

Sass basically takes CSS and allows you to write it in a more efficient manner, nesting it and creating functions with it, setting variables, almost like HTML5 with lightweight functionality. It’s a must have for any modern devs and in order to use it, you need to know the command line along with our next technology:

7. CodeKit/Compass/Sassmeister/etc

All of the technologies listed in the subheading above are suggestions for the purpose of compiling Sass. Browsers can’t read Sass, it has to be compiled into a regular CSS file before it reaches the browser, so you’ll need some technology to handle that for you. Do your research and take your pick, there are plenty of tools out there.

8. Git

The last tool we’d recommend learning to use if you want an edge while seeking employment is Git, a version control system that is widely used by web shops and always good to know even if the company you work for doesn’t use it, as it’s necessary to clone repositories from GitHub, something you’ll most likely need to do if you want to use any third-party applications hosted on GitHub, which you probably will.

Git is basically a command line language, which allows for multiple user to collaborate on the same project, without overwriting each other’s code. It’s an absolute necessity for developer collaboration, and more than likely will be a desired skill for any employer.

Now go learn stuff.

If you’re soul wasn’t crushed by the sheer volume of learning that you’ll have to do to break into the holy grail of IT jobs, you just might have the mentality you’ll need to be a developer. Take the time to learn these web development skills, and you just might stand a chance out there.

Bon voyage, devies-to-be.

The post 8 Top Web Development Skills for Devs in 2018 appeared first on build/create studios.


What to learn to upgrade your web design skills

So you've got a perfect design portfolio, you've mastered all the nuances of responsive web design and your user experience skills are tip top, but there's something holding you back from progressing in your career. Sometimes, to get better at your day job, you need to look a little outside your particular specialism. You could take on a side project, try a new creative hobby, or simply pick a cutting-edge new area to skill up in. We asked seven top web professionals what they were planning on doing to add some new strings to their bow. 

01. Game development

Tools like Unity have made game development more accessible

“I love playing video games (at the moment I’m currently hooked on Stardew Valley), and there are some really great ones coming out from indie developers that I follow on Twitter,” says frontend developer Anna Debenham. “Watching them share their progress of crafting walking (as well as dancing) bears, and teaching cubes to chase a banana using machine learning, is something that has really inspired me.”

Game development software is becoming more and more accessible for beginners, and platforms such as VR are opening up possibilities for more confident web pros. Debenham plans to try her hand at building a 3D game using Unity. 

  • Get started: Build your own WebGL physics game

02. iPad design

Learning to design on an iPad takes a little dedication

There are plenty of great painting apps to help you create artwork on the go, but it takes time and effort to make the most of them. Web designer and frontend developer Katherine Cory finally invested in an iPad Pro and Apple Pencil last year, with the aim of using Procreate to create amazing digital paintings, but is still getting to grips with the new workflow. 

“I naively thought I’d start creating work as great as the time-lapses I see on Instagram, but after a few hours of playing and only creating scribbles, I’ve realised it’s a skill I need to learn,” she smiles. “I’ve signed up to an Udemy course and have joined Skillshare. Hopefully, by the end of the year I’ll be creating designs like a pro (pun intended).” 

  • Get started: Paint a classic fairy tale scene with Procreate

03. Artificial intelligence

AI raises ethical questions for developers

Digital transformation consultant Sally Lait started playing with neural networks last year, and she’s keen to expand her skills. While AI isn’t something she aims to offer directly to her clients, Lait thinks it’s an important area for web professional to be aware of. 

“With AI being a growing corner of tech where there’s a lot of hype and even greater amounts of ethical concerns, I’d like more hands-on, practical experience to better inform my knowledge of these important issues,” she explains. “I see it as my responsibility to experience and understand the impact that different technologies can have.”

  • Get started: How the intelligent web will change our interactions

04. Podcasting

Podcasts are a great way to immerse yourself in the web industry

“2018 is the year to get back to combining technology with stories from real people, therefore I’m relearning a skill from years ago: podcasting!” announces frontend developer and consultant Jenn Lukas. Lukas used to co-host the Ladies in Tech podcast, and will be reprising her skills with a new show No, You Go alongside CEO Katel LeDû and Sara Wachter-Boettcher. To get the podcast launched smoothly she’ll be learning the new WordPress updates, refreshing her audio editing, and brushing up on interviewing skills.

  • Get started: 18 great web design podcasts

05. Soft skills

Brushing up on skills like communication can really pay off

Don’t forget ‘soft’ skills such as communication and persuasion. Improving these can have a massive effect on your career. Over the coming months, Make Us Proud’s Inayaili de León Persson aims to focus on design leadership and research, to suit where her career is currently headed. 

“I’ve been reading a lot of books and articles, and watching talks around these subjects, and I’m planning to attend some conferences too – and, of course, learning on the job,” she shares.

  • Get started: How to network successfully

06. AR and VR

VR is a completely different ball game

An area that’s getting a lot of attention at the moment is virtual reality and augmented reality. In order to understand the possibilities and the limitations in this medium, creative director Shane Mielke plans to spend some time getting to grips with the new tools that are making VR and AR more accessible, including Unity and ARKit. 

“By understanding the tools and process, I can more confidently solve design and navigation problems in a world that doesn’t follow the standards of the web-only projects that I have most of my experience in,” he explains.

  • Get started: The VR web is here

07. A rounded approach

Don’t panic over every hot new tool or technique

While all these new tools and techniques are exciting, if you try and learn every new thing that comes along, you’ll find yourself running to stand still. So if reading this list is putting you into a panic, worry not. 

“If you can think algorithmically, share your skills, work with a team and empathise with users, there will always be work,” councils Web Standards specialist Bruce Lawson. “Being rounded is the skill I want to develop.”

This article was originally published in net, the world's best-selling magazine for web designers and developers. Buy issue 304 or subscribe.

Read more:

  • The complete guide to SVG
  • 5 web typography trends to look out for
  • The dos and don'ts of perfect portfolios