The front end of a career in recent years is the fire, 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
There is no doubt the three basic front-end is 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 with what frame.
Say "meat" --CSS. CSS defines HTML tags show appearance, temperament. The main floating master, setting the width and height, display properties
Finally, "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 base
Device, browser, and works
It must be noted, 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 will be: fiddler
4 popular frameworks
Popular front-end UI framework:
Bootstrap、jQuery UI、Amaze UI
Popular front-end framework:
Node.Js
jquery mobile
angular.Js
Vue.js
React.js
5 visual component
Echarts
tableau (surcharge)
6 new applications
For networking as well as the direction of movement of the object development
7 icing on the cake -
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.
Separating the front and rear ends Node.js
In the vast majority of front-end developer mouth, large front-end and sometimes speak with Node.js, sometimes with separate front and rear ends of speaking, in fact, a large majority of the front end of the concept is also a front-end developer raised.
过去几年，前端技术经历了爆发式的发展，这种发展最重要的推动者之一就是 Node.js。Node.js 为前端建立了与系统之间沟通的桥梁，从此前端技术不仅能在服务端大放异彩，并且在本地的前端开发工具与工作流上大展身手，前端从此被解放，JavaScript 统治世界的论调一度甚嚣尘上。
不过，当人们冷静之后，发现 Node.js 在服务端并没有太多的优势，再加上 Node.js 本身技术发展的一些波折，导致它在服务端的应用并不理想。但尽管如此，广大的前端开发者还是取得了一些阶段性胜利，其结果就是前后端分离。
在传统 Web 开发时代，前端页面模板是由后端生成的，导致在页面需要频繁修改的时候，效率极低。前后端分离指的是后端只提供接口，前端对页面有完整控制，同时通过中间层将前后端隔开，在这里对数据进行抽取、聚合、分发等操作。这个中间层，通常也是由前端开发工程师负责。
从这种意义上讲，大前端的原始定义可以称为前端技术的扩大化，包括 Node.js，同时对 Web 页面有更强的控制权，开发也将承载更多功能的页面。
此处划重点：基于 Node.js 的前后段分离是大前端的重要技术。
从 Facebook 的 Reactive Native，再到 Google 的 Flutter，足以看出，起码对这些科技巨头们来说，他们是认定这个方向，并且在投入的，只是当下技术还不够成熟，所以这类前端跨平台开发框架都还不够普及，但是你们得相信，这些巨头的判断与实力。
再说到国内各种平台的小程序，微信小程序、支付宝小程序等等，其实都是属于真正意义的大前端，所以前端开发人员，以后的要求会越来越全面，你别觉得不信，等着未来的发展就知道了，以后很可能一个前端开发必须是全栈前端。
所以，每一个大前端开发，最好都懂点前端开发知识，而基本的 web 前端开发基础就显得很重要了。
我常遇到一些工作多年的前端工程师，在看到一些我认为很基础的用法时，发出惊呼：「怎么还可以这样」。
因为很多同学学前端的方式是「土法学前端」，他们对于知识的理解基本都停留在点上，从来没有对前端的知识体系和底层原理形成真正地理解。
加上前端标准的快速更新，前端工程师的学习压力变得越来越大了。就拿 JavaScript 标准来说，ES6 中引入的新特性超过了过去十年的总和，新特性带来的实践就更多了，仅仅是一个 Proxy 特性的引入，就支持了 VueJS 从 2.0 到 3.0 的内核原理完全升级。
许多前端程序员都有感触：学习速度跟不上技术发展速度，而手忙脚乱、力不从心。
这个现象，在一些小公司的前端工程师身上尤为明显，一些有技术追求的工程师，技术敏感度和主观能动性都不错，工作了五六年之后，逐步走上技术管理的岗位。但因他们所在公司的业务并不复杂，缺少框架知识积累，个人技术仍处于比较初级的阶段。做了管理，技术没跟上，还错过了最佳的学习时间，境遇可想而知。
工作压力大，技术更迭快，让很多前端开发者高呼「学不动了」。其实不是你学不动了，而是你的知识体系底层构建出现了问题。
目前在国内，不少一线互联网公司比如美团点评、饿了么、网易杭研都有叫大前端的团队或者在对外时使用该称谓，不过，由于之前大前端并没有明确的定义，这些团队的人员构成并不相同，它们都是各个公司在自己对大前端的理解，以及对公司业务的支持需求下设立的。具体情况如下（可能有偏差）：
美团点评大前端团队：包括 FE、iOS、Android 开发，以及一些工程化工作。
饿了么大前端团队：以 FE 为主，包括 Node.js，以及 Weex 等。
网易杭研大前端团队：包含 Web 前端、PC 客户端和移动端
从这些一线互联网公司团队组建方式的演进，我们不难发现，大前端已经是未来发展的潮流。
大前端技术开发者的晋级之路怎么走？
作为一位在大前端时代的前端技术开发者，我们应该做怎样的准备来及时跟上技术发展的浪潮？综上所述，我们不难得出以下结论：
基于 Node.js 的前后段分离设计模式是大前端架构演变的必由之路
Based on next-generation mobile technologies React Native App development by virtue of its advantages already has a tendency to go beyond the native
The new front-end team building large Internet companies has become a modern standard of technical team
If you are a job a year or so front-end developer, you need to upgrade yourself, give you some advice:
1. depth understanding of the theory and practice before and after the end of the separation:
Traditional web development model
What is the separation of the front and rear end
Several isolated form front and rear ends
The separation of the front and rear end deployment architecture
Front end rear end of the development model separation
Split architecture data Interface Specification
Based on front and rear ends of the separation Node.js
Advanced technology and practical 2.Node.js
Node.js HTTP module appreciated from essentially 0 to 1
Step by step how to develop from an HTTP module to Koa framework
Koa Web framework middleware system
Node.js for common development scenarios and the role they
APL interfaces developed using the Node.js
××× server-side rendering technology
How to select suitable business development model
Use 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
The basic structure and principles of React Native
The concept and practice of hot update
How to be integrated into existing native applications
Standardized coding standard (the project structure, ESLint, Flow / TypeScript)
Principles and Applications Architecture Redux
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 the tip 0
Xiao Bian here to build a front-end learning exchange buttoned group: 132 667 127, I sort of front-end-date information and advanced development course, if there is need to think, you can add the group to learn together with the exchange
Finally, I wish all programmers are able to embark on the pinnacle of life, so that the code will dream into reality.