What is the future of web development in 2018?

Answer by Polina Polukhina

2017 is almost over and web development trends are changing rapidly. So I’ll tell you the future web development trend in 2018:

Progressive Web Applications

The world first heard about progressive web apps in 2015. The next year we met the pioneers of this technology, and in 2017 progressive Web Applications seem to have become the major competitor of native mobile apps.

Progressive web apps (or PWAs) are websites that feel like native mobile apps. Thanks to service workers, they can work offline, delivering an extraordinary user experience.

Online customer support

2016 was the year of chatbots. 2018 will be the year of helpful chatbots. Since there are thousands of bots out now, the quality of their services will be the next web development trend.

The prediction is that 85% of all customer interactions will proceed without human assistance till 2020.

A customer service chatbot becomes a must on almost every website. Whether you are selling electronics, crocheted toys or software development services, you should have a chatbot.

Static websites

You definitely remember the concept of a static website from the early years of the World Wide Web. All the first websites on the Internet were static.

But then the era of dynamic websites began.Websites became more functional and easier to update even for people with no technical background. At the same time, the development process became more complicated, as the extended functionality required communication with the server, so backend development got involved. Modern CMSs are the actual dynamic websites

Nowadays, the web is returning to its roots. Static websites are becoming the web development trend of 2018 again.

Single-page websites

Another web development trend for simplicity is single-page websites. This solution allows putting all the content onto one long scrollable page, removing any clutter.

One-page websites have a bunch of advantages. They don’t challenge the visitor with complex navigation, multi-level menu, and tons of text. The essential information is all on one page. The user only has to scroll to it.

Of course, the use-cases of single-pagers are limited. This type of website will not suit e-commerce projects and blogs. At the same time, businesses can significantly benefit, presenting their services in a simplified and more engaging manner.

Push notifications for websites

Mobile apps notifications turned out to be a highly efficient means of user re-engagement. And recently this idea has been implemented for websites and is becoming new web development trend.

The workflow looks quite simple: the user visits a website and is offered to enable push notifications. The user will then be notified of any changes on the website (like a new blog post or a private message), even after he has closed the tab with that website.

The major benefit of such a technology is obvious – you can keep the user engaged without big efforts.

Flash to HTML

In 2010 Steve Jobs published his thoughts on Flash and its future. It became clear that this technology won’t last long. Jobs’ statement about the death of Flash is quite popular for around two years now when YouTube defaulted to HTML5 players.

The major weakness of this technology is the incompatibility with mobile devices. An enormous amount of traffic is lost just because of the outdated technology.

Motion UI

Simplicity is the trend in recent years. This is also true for web design. Users are already tired of crazy GIFs and flashing ads, that’s why websites with moderate design get more appreciation.

At the same time, sophisticated motion UI is becoming more popular. Animations allow to add more style and enable you to distinguish your website from the thousands of others with the static UI.

There are several ways to add some life to your minimalistic website. Consider page header transitions, nice hovers, animated charts, background animations and modular scrolling. These and many other elements may make your web presence much more enjoyable for users. The true artwork!

JavaScript – Angular 2 and Angular 4

JavaScript is the number one programming language for web applications. With dozens of JS-related technologies already existing and still in development, it will even strengthen its positions. The highly anticipated release of the last years Angular 2 becomes highly appreciated in modern web development.

We met Angular 2 in 2016. It is a complete rewrite of the AngularJS framework. The main advantages are improved modularity, app architecture scalability, improved dependencies injections, etc.

PHP 7.x – Laravel 5.x

PHP remains the popular choice for website backend development. This programming language has improved its positions even further after the release of version 7.x. The latest update of the PHP framework Laravel 5.x is a recognized web development trend in 2018.

Laravel is the most popular open-source PHP web framework. All the benefits of it can be fully experienced on dynamic websites with complicated backend.

Laravel offers ready solutions for complex tasks. The variety of existing packages makes the development process faster and more reliable. Regular updates ensure that the framework complies with the current needs of the website owners and the requirements of the time.

And of course you should remember that nowadays having a website is more important for the company than having an office. You can read this article and find out more about web development trends in 2018

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?