Which technologies will be more and more important in front-end development?

JavaScript language 2020-11-13 05:07:35
technologies important front-end end development

In a moment 2019 Go to the second half of the year , In the past time , Whether it's Internet giants or start-ups , All of them have carried out a wave of optimization . Gradually rational capital eliminated a number of businesses that could not adapt to the market , And the business crunch has eliminated a group of programmers who can't adapt to the market .

Some people don't know why they are optimized , But there are also people whose salaries are rising ,** Behind this is the competitiveness of everyone .**Oracle Front foot announced layoffs , There will be a job fair in the back , This is the market's affirmation of them .

Part of the list of special job fair , The picture comes from the Internet

The so-called person has no me , People have me. , I'm better than others , I have skills other people don't have , What's the reason for the enterprise to refuse such a more solid programmer ?

As a front-end Developer , At present, the front-end is full of momentum , Heat does not decrease. , New technologies are emerging , Master these techniques as soon as possible , Take advantage of it quickly .

Which technologies will become more and more important in the future ? My personal analysis , following 3 Categories: , The faster you master, the better for your future :

One 、 Popular front end framework

Vue,React As the front frame in web The front-end development already has the pivotal position , Many companies require these two frameworks in their recruitment . If a front end is not one of these two frameworks , I'm sorry to say that I'm a front-end developer .

My attitude towards these two frameworks is , Both will .Vue,React The principles behind it are different , They are all excellent ideas , It's worth studying them all , Both are proficient in becoming the front end in the future leader There are also advantages. .

The initial goal of our learning framework is to use it quickly , So let's learn how to use it first API Write a project . After being able to write a project , We can't stop here , Be sure to know the principle , Otherwise, it will become uncompetitive API Call Engineer .

So learn these two frameworks , Start with documents or videos , from demo Start . As you do demo More and more complex , Gradually contact with more advanced concepts and try to understand the principles behind them , Read the source code . If reading the source code is difficult , On the Internet, you can find the source video of the resolution framework .

Two 、Typescript

Typescript It is a static type language developed by Microsoft , It is JavaScript Superset , Can be compiled into JavaScript Run... In a browser .

Typescript The biggest characteristic is its strong type system and interface function , These two characteristics make up for JavaScript In development, because of its weak type, it brings a lot to developers BUG Trouble .Vue and React It can be used now Typescript Development , even to the extent that Vue 3.0 The version framework itself uses typescript Developed , So it can be foreseen that Typescript Will be more and more widely used .

As JavaScript Superset , Writing Typescript Code , Even if it's completely written JavaScript Syntax can also be compiled , But it's meaningless . Microsoft is in Typescript There is... On the official website Typescript Documentation and instructions for , But the wording of the English document is obscure , It is suggested to find some blogs that summarize online for more efficient .

Typescript and JavaScript The difference in grammar is not very big , It's not very difficult for the front end to learn . No contact with Java For students of other languages , Accept interface , Concepts such as generics take some time , But it's worth the time .

3、 ... and 、Flutter And dart

Flutter yes Google Development of mobile UI frame , To build iOS and Android On the general native user interface .Flutter And existing React Native and weex Is the difference between the Flutter Unwanted js engine , He doesn't need a bridge , Running native code , So it's very fast , Multiterminal adaptation is also easy .Flutter Unwanted js The engine is because it uses dart language-written ,dart Grammar and JavaScript Very much alike , So the front end is easy to use .

Why should I do it for web Front end development pushes a client UI What about the framework ? Because Google, which closed not long ago IO2019 Annual Developer Conference ,Flutter Web Technology has also been released ,Flutter Now it also supports development web Page . Let's write a set of Flutter Code , It can run in web,iOS, Android On the device , A developer can do what the first three roles can do , One top three , What a great increase in productivity , So I believe Flutter There must be a great future in the future .

To learn Flutter Development can be done in Flutter Chinese net reading 《Flutter actual combat 》 A Book ,dart The grammar is relatively simple , Easy to learn . According to the present Flutter Look at the trend of development , some time Flutter It's likely to replace Integration web Front end development and client development form a new development position , There will be plenty of flutter Experience will pay off .

The Internet industry is always changing , We as practitioners in the wave of the Internet or to exercise their own skills , Invest more in yourself , Try to catch the wave , Don't be lazy , Don't fish , Because when the tide fades, you'll see who's swimming naked .

The Internet industry is always changing , We as practitioners in the wave of the Internet or to exercise their own skills , Invest more in yourself , Try to catch the wave , Don't be lazy , Don't fish , Because when the tide recedes, you will see who is swimming naked .

Advance and upgrade for the front end , Senior front-end engineers are invited to broadcast the popular technology 、 Code case 、 Interview skills, etc . Front end development learning buckle qun 767273102 , Whether you are Daniel or Xiaobai , If you want to change your career or join it, you can learn about it and learn from it together ! There are development tools inside , A lot of dry goods and technical information sharing ! I hope novices don't take detours

本文为[JavaScript language]所创,转载请带上原文链接,感谢

  1. [front end -- JavaScript] knowledge point (IV) -- memory leakage in the project (I)
  2. This mechanism in JS
  3. Vue 3.0 source code learning 1 --- rendering process of components
  4. Learning the realization of canvas and simple drawing
  5. gin里获取http请求过来的参数
  6. vue3的新特性
  7. Get the parameters from HTTP request in gin
  8. New features of vue3
  9. vue-cli 引入腾讯地图(最新 api,rocketmq原理面试
  10. Vue 学习笔记(3,免费Java高级工程师学习资源
  11. Vue 学习笔记(2,Java编程视频教程
  12. Vue cli introduces Tencent maps (the latest API, rocketmq)
  13. Vue learning notes (3, free Java senior engineer learning resources)
  14. Vue learning notes (2, Java programming video tutorial)
  15. 【Vue】—props属性
  16. 【Vue】—创建组件
  17. [Vue] - props attribute
  18. [Vue] - create component
  19. 浅谈vue响应式原理及发布订阅模式和观察者模式
  20. On Vue responsive principle, publish subscribe mode and observer mode
  21. 浅谈vue响应式原理及发布订阅模式和观察者模式
  22. On Vue responsive principle, publish subscribe mode and observer mode
  23. Xiaobai can understand it. It only takes 4 steps to solve the problem of Vue keep alive cache component
  24. Publish, subscribe and observer of design patterns
  25. Summary of common content added in ES6 + (II)
  26. No.8 Vue element admin learning (III) vuex learning and login method analysis
  27. Write a mini webpack project construction tool
  28. Shopping cart (front-end static page preparation)
  29. Introduction to the fluent platform
  30. Webpack5 cache
  31. The difference between drop-down box select option and datalist
  32. CSS review (III)
  33. Node.js学习笔记【七】
  34. Node.js learning notes [VII]
  35. Vue Router根据后台数据加载不同的组件(思考->实现->不止于实现)
  36. Vue router loads different components according to background data (thinking - & gt; Implementation - & gt; (more than implementation)
  37. 【JQuery框架,Java编程教程视频下载
  38. [jQuery framework, Java programming tutorial video download
  39. Vue Router根据后台数据加载不同的组件(思考->实现->不止于实现)
  40. Vue router loads different components according to background data (thinking - & gt; Implementation - & gt; (more than implementation)
  41. 【Vue,阿里P8大佬亲自教你
  42. 【Vue基础知识总结 5,字节跳动算法工程师面试经验
  43. [Vue, Ali P8 teaches you personally
  44. [Vue basic knowledge summary 5. Interview experience of byte beating Algorithm Engineer
  45. 【问题记录】- 谷歌浏览器 Html生成PDF
  46. [problem record] - PDF generated by Google browser HTML
  47. 【问题记录】- 谷歌浏览器 Html生成PDF
  48. [problem record] - PDF generated by Google browser HTML
  49. 【JavaScript】查漏补缺 —数组中reduce()方法
  50. [JavaScript] leak checking and defect filling - reduce() method in array
  51. 【重识 HTML (3),350道Java面试真题分享
  52. 【重识 HTML (2),Java并发编程必会的多线程你竟然还不会
  53. 【重识 HTML (1),二本Java小菜鸟4面字节跳动被秒成渣渣
  54. [re recognize HTML (3) and share 350 real Java interview questions
  55. [re recognize HTML (2). Multithreading is a must for Java Concurrent Programming. How dare you not
  56. [re recognize HTML (1), two Java rookies' 4-sided bytes beat and become slag in seconds
  57. 【重识 HTML ,nginx面试题阿里
  58. 【重识 HTML (4),ELK原来这么简单
  59. [re recognize HTML, nginx interview questions]
  60. [re recognize HTML (4). Elk is so simple