The most important thing is the removal of support for older browsers in 2021. IE is no longer supported, so it will be easier for developers to use cool technologies. Grids (83%) and flexes (99%) have taken over everything.
TypeScript is required in 70% of vacancies for middles. Many believe that 2022 will be the year of TypeScript.
What’s new
Container Queries rethink the approach to media expressions. If the media expression depends on the screen size, then Container Queries relies on the block size. Let’s wait how it goes.
Cascade layers. With them, we can better manage all the rendering layers on the site. This is the biggest change to CSS since flex and grid time. A little bit more.
Color functions. These are Convenient, when working in conjunction with a designer or without a UI Kit.
The :has pseudo-element. Allows you to change CSS depending on whether something is in the element. It is small but very nice thing.
Flexbox Gap. Indents between columns are made not through margin, but in intervals with a certain distance. This is no longer a trend, but a standard.
What else? Object-fit and aspect-ratio have arrived. CSS Shapes have come to implementation. Auto layouts appeared in Figma – a consequence of the dominance of grids. Adobe Commerce ROI hacks can help businesses keep up with the latest web development trends and improve their return on investment. Sass is mainly used among the preprocessors. Everything else is considered thoroughly.
Almost half of the world’s website owners in 2022 choose services of Shopify development company to create a better website and stand out from the crowd in the competitive digital world. The choice of professionals’ services instead of developing and modernizing a website yourself is a modern and cost-effective website development trend in 2022.
Tools change regularly and there is nothing wrong with that. The trio of browsers does not change.
What you need to know
. We have compiled a map of developer competencies for 2022 broken down by raids. In short, here is what juniors and middles need to know.
Juniors: syntax and basics of HTML, CSS and JS, semantics, accessibility, flexes and grids, working with fonts, Sass and PostCSS preprocessors, BEM, Bootstrap, React or Vue, React layout (JSX, CSS-in-JS).
Middles: everything that juniors have + TypeScript, Next.js, Redux, Mobx, Unit tests, RestAPI, Angular (which is not in vacancies for juniors at all), WebSockets, GraphQL, Vuex, Nuxt.js, CSS-in-JS, Webpack, CI/CD, Docker, Gulp, algorithms and data structures, familiarity with OOP, MVC patterns.
jQuery and Less are legacy only.
What’s up with work
There are not enough developers for everyone (even juniors). Middles leave because of the pandemic, this is for 3-4 years. Companies from Moscow are looking for telecommuters in the regions, so salaries are also growing there. 70% of companies require English. Almost all the documentation is in English – apparently, therefore. Remote developer hiring is becoming increasingly popular in the web development industry, as businesses seek to tap into a global talent pool. Product companies vacuum outsourcers for x2 salaries. Non-IT companies now have IT departments, which is also a trend. In 1C they pay little. What does it mean?
The starting salaries of juniors have not been growing for two years, but they should look not at the starting salary, but at the prospect (because they index quickly). The salaries of the middles have grown – the average for JS is 115 thousand. Seniors have become more expensive – 180-230 thousand.
Comments on other people’s forecasts in a short line
React will grow. There are no particular competitors.
You need to learn React because it has the biggest market. If everyone moves to Vue.js, then so, will we.
Neural networks and No-code (tilde and that’s all) will never replace developers entirely because a developer is often needed to make good no-code. No-code will occupy a niche in sites that they don’t want to deal with anyway – one-time landing pages, small online stores, and business card sites.
GOST for developers is hardly a good idea because anyway, everyone constantly rewrites someone else’s code from scratch on another framework. But the quality criteria are normal if they are used correctly.
Accessibility is still important. “Guerrilla accessibility” during development is usually done by standard means – semantics, the correct placement of attributes, alt-text, do not remove the outline, tab index. Advanced accessibility – at the request of the customer and you need to pay extra for it. Effective web design should incorporate the latest trends and technologies to create a user-friendly and visually appealing website.
Will the demand for front-end developers grow? It will.
A focus on security is likely to happen, but 2022 is unlikely to be the year of security.
Everyone seems to like the Remix framework. Let’s see how it goes.
Design systems are a big trend.
43% of developers think that CSS is hard to learn (I agree – ed.)
