The front end of a recent fire was a few years will make your career, and continued hot, there is a word called soared to more people, more competition, will improve the standard. Now the demand for front-end engineers with the year before had not the same language.
Large front-end, including Android, iOS, web front-end, small program development.
Of course, the so-called trend, not one or two days to come, it is a future technology direction, we focus on the reason why the trend is to focus on change, development and popularization of technology is not in a day, it must be slowly transition , but you can see the direction of advance than others, real market comes, you can prepare in advance, to explore opportunities in advance.
First, let's look at the foundation, at a deeper explanation of how 2019 advanced front-end development, improve themselves, to do.
1 basic technology
of the three basic front-end is no doubt that HTML, CSS and JS. I call bone, flesh and soul of the front end.
Let me talk about "bone" --HTML. HTML, which translates to HTML, rather than HOW TO ML on rivers and lakes. Direction can not be wrong, the whole thing, but we all ages. Learn the most important learning HTML tags, div, h1-h6, p , ul-li, strong, images, fonts, etc., what box with nothing.
Say "meat" --CSS. CSS defines HTML tags show appearance, temperament. The main control float, width and height settings, the display of
the last "soul" --Javascript. This script is run on the browser, but now has far not the javascript js year, especially after Ecmascript6 standard out, nodeJS turned out, JS exposed ambitions of world domination, JS allows web becomes flexible and its each bright implemented covertly interaction, in fact, it is to touch your soul, which is the cause of the soul.
And now, CSS3 and HTML5 development, web turn into the next era, a more colorful era.
2 environmental infrastructure
facilities, browsers, and works
must be noted that, html CSS JS are running in the browser, the browser is responsible for compiling and rendering. It is necessary to understand how the browser. But tens of thousands of browser, not every have to dissect, and they are Chrome, Firefox, IE, Safari, Opera, domestic main viewer is based on basic browser chrome kernel development, to do something more down to earth the function can be, there are at understanding QQ browser, UC, Baidu browser, browser 360, Sogou browser, cheetah browsers.
3 Computer Basics
Computer network, http protocol. Since it is a web of knowledge essential to know the computer network, which for the load and speed of the web page optimization is very helpful, and we do not static pages, but dynamic, it necessarily involves between background data transmission and storage, this is to grasp.
You must know: Ajax, the tool must be: Fiddler
. 4 frame popular
popular distal UI framework:
on Bootstrap, the jQuery UI, UI Amaze
popular front-end frame:
Node.js
jQuery Mobile
angular.Js
Vue.js
React.js
. 5 visual component
Echarts
tableau (surcharge)
6 new application
development for mobile technology and the Internet of things direction
7 icing on the cake -
the UI, UX, interactive design, SEO (including SEM), the product, more importantly, a empathy. Good design and interactivity can bring good experience to win customers.
SEO is the promotion level, good SEO Let's lowest cost, leveraging search engines to get more exposure with many opportunities, after all, this is a wine also afraid of deep alley era.
Finally, product, product stand point of view, the integration (front and rear end) technology and business, so that products have value and realize the value.
As a range of emerging technology areas, large front-end in different semantic environment, has a different interpretation and meaning, we have some perspective to the large front-end and do one by one analysis.
Node.js with separate front and rear ends
in the vast majority of front-end developer mouth, large front-end and sometimes speak with Node.js, sometimes speaking with separate front and rear end, in fact, a large front-end concept is also put forward by the majority of front-end developer of.
Over the past few years, the development of front-end technology has experienced explosive, one of the most important promoters of this development is Node.js. Node.js is a front-end to establish a bridge of communication between the system and, from front-end technology will not only shine on the server side and to show its mettle on the local front-end development tools and workflow, from front-end is liberation, JavaScript rule the world the argument was rampant.
However, when people calm, Node.js found on the server and there is not much advantage, plus some twists and turns itself Node.js technology development, leading to its use in the service side is not ideal. Nevertheless, the majority of the front-end developers still achieved some initial success, the result is the front and rear ends of the splitter.
In traditional Web development era, the front page template is generated by the back-end, resulting in the need for frequent when the page changes, the efficiency is very low. Refers to the front and rear ends separated backend provides only an interface, the distal end of the page complete control while the front and rear ends are separated by an intermediate layer, where the data extraction, polymerization, distribution and other operations. The middle layer, usually responsible for front-end development engineer.
In this sense, the original definition of the front of a large expansion can be called front-end technology, including Node.js, while a stronger control over the Web pages, the developer will also carry more features page.
Plan focus here: based on separation of the front and rear sections Node.js is an important technology big front end.
From Reactive Native Facebook and then Google's Flutter, it is obvious that, at least for these technology giants, they are found in this direction, and investment, but the current technology is not mature enough, so this type of front-end cross-platform development framework are still not widely available, but you have to believe that these giants of judgment and strength.
Besides a large front-end to a variety of platforms domestic small programs, small micro-channel program, Alipay small program, etc., in fact, belong to the true sense, so front-end developers, the future requirements will be more comprehensive, you do not believe that, and so on the future will know, the future is likely to be a front-end development must be full-stack front end.
So, every major front-end development, front-end development knowledge point is best know everything, and basic web front-end development foundation becomes very important.
I often encounter some years of front-end engineers, in my view, the time to see some very basic usage, issued exclaimed: "how can this way."
Because many students learn the way the front is "the tip of Law earth," they are to understand the basic knowledge to stay on point, never form a real understanding of the underlying principles of the knowledge system and front end.
Plus front-end standard quick update, the front-end engineers study pressure becomes bigger and bigger. Take the JavaScript standard, the new features introduced in ES6 than the sum of the past decade, the practice of the new features bring even more, just to introduce a Proxy properties, to support the VueJS from 2.0 to 3.0 kernel principle fully upgraded.
Many front-end programmers have feelings: learning not keep pace with the speed of technological development, and confused, powerless.
This phenomenon, in some small company's front-end engineer who is particularly evident, some technical pursuit of engineers, technicians sensitivity and initiative are good, work after 2056, and gradually embarked post technical management. But their company's business is not complicated, the lack of knowledge accumulation framework, personal technology is still in a relatively early stage. Do management, technology did not keep up, but also missed the best time to study the situation can be imagined.
Work pressure, rapid technological change, so a lot of front-end development chanted "learn not move." In fact, you learn not fixed, but your knowledge to build the underlying problem.
In China, many Internet companies such as front-line US group reviews, hungry yet, NetEase Hangzhou Research has called the big front of the team or use the appellation in foreign, however, due to the large front-end before and there is no clear definition of these teams the staff composition is not the same, they are various companies established in their own understanding of the large front end, as well as support the demand for the company's business. Details are as follows (there may be deviation):
US group reviews a large front-end team include: FE, iOS, Android development, as well as some engineering work.
What hungry large front-end team: the FE-based, including Node.js, and Weex so on.
NetEase Hangzhou large front-end research team: Contains Web front-end, PC clients and mobile end
formation evolution way from these first-tier Internet companies team, we can easily find a large front-end has been the trend for future development.
大前端技术开发者的晋级之路怎么走？
作为一位在大前端时代的前端技术开发者，我们应该做怎样的准备来及时跟上技术发展的浪潮？综上所述，我们不难得出以下结论：
基于 Node.js 的前后段分离设计模式是大前端架构演变的必由之路
基于 React Native 的新一代移动 App 开发技术凭借其优势已然有超越原生的趋势
新型大前端团队的组建已成现代互联网公司技术团队的标配
如果你是一位工作1年左右的前端开发者，你需要提升自己，给你一些建议：
一个人学习会有迷茫，动力不足。这里推荐一下我的前端学习交流qun：四八四，七五七。七六零，里面都是学习前端的，如果你想制作酷炫的网页，想学习编程。自己整理了一份2019最全面前端学习资料，从最基础的HTML+CSS+JS【炫酷特效，游戏，插件封装，设计模式】到移动端HTML5的项目实战的学习资料都有整理，送给每一位前端小伙伴，有想学习web前端的，或是转行，或是大学生，还有工作中想提升自己能力的，正在学习的小伙伴欢迎加入学习。
1.深入理解前后端分离理论与实践：
传统web研发模式
什么是前后端分离
前后端分离的几种形式
前后端分离的部署架构
前端后端分离开发模式
分离式架构数据接口规范
基于Node.js的前后端分离
2.Node.js技术进阶与实战
从0到1理解Node.js HTTP模块的本质
如何一步步从HTTP模块开发成Koa框架
Koa Web框架的中间件系统
Node.js for common development scenarios and the role they
use Node.js developers APL interfaces
××× server-side rendering techniques
on how to choose the business model developed
using the Node.js do performance analysis
Node.js common development and deployment architecture
Node.js monitor the use of their products
3. React native depth master technology
basic framework and principles React native of
about hot update the concept and practice
how to integrate into existing native application
coding specification standardized (project structure, ESLint, Flow / the typescript)
Redux architecture principle and application of
cross-platform development with the common trap of thinking skills
React / React Native new Features and Prospects
If you are a white, want to start learning from 0 front end, you can learn web front-end development based on the following study route, and finally I wish all programmers are able to embark on the pinnacle of life, so that the code will dream into reality
Reproduced in: https: //blog.51cto.com/14400425/2409968