大牛指路：2019年Web开发趋势分析与学习指南——新手篇

2018已经过去，2019年马不停蹄而来，时间匆匆从未停下脚步，你为新的一年做好规划了吗？或许你还没有进入web的精彩世界，或许你已经是被html,css，js代码虐过的前端小白，亦或者你是各种框架应用地得心应手的前端高手，甚至你已经野心勃勃的开始向后端延伸，涉足大数据，人工智能等新兴领域。指南分为新手篇、进阶篇、全栈篇、展望篇，无论你处于什么阶段，相信会对你有所启发，助你开启新年的前端之路。

基础阶段——新手

一、HTML、CSS和Javascript基本方面

HTML的各种语义化标签；

基本CSS知识，包括定位（possition）、盒模型（box）等；

布局：Flexbox & Grid

在CSS中使用变量；

了解浏览器并学会使用浏览器开发者工具帮助开发

三大基石 三座大山

二、响应式页面

为适应不同尺寸的设备并控制开发和维护成本，响应式页面已经越来越平常。响应式页面的基础知识包括meta标签设置视口（viewport）、使用媒体查询（@media screen and(条件)等）、移动优先，柱状显示等、宽度不固定，使用百分比、响应式图片等。

千人千面

三、CSS预处理

CSS预处理可以使CSS代码更具可读性，更方便维护，尤其在团队开发中，将公共样式独立成一个单独的文件，每个人只需要在自己编写的sass文件顶部采用@import就能直接引用，提高了代码的复用性，和开发效率。常见的预处理器有Sass、LESS和Stylus，他们都具有具有变量、作用域、混合、嵌套、继承、运算符、颜色函数、导入和注释等基本特性。

四、踏实学好原生JS

javascirpt是一门典型的入门容易精通难的语言，市场上层出不穷的js框架和库为大家使用js提供了方便，降低了门槛，但同时也降低了热热门操纵JS的能力，原生js的威力远没有发挥出来，而随着ES6的普及，js的成熟，应用前景广阔，对原生js的要求也越来越高。学习原生js一定要耐得住寂寞，不能偷懒，js有点像内功，周期长，起效慢，但是一旦练成，威力无穷。

强大的ES6

五、使用服务器展示静态网站

网页的价值体现在用户的访问，曝光量越大，影响力就越大。想要人们通过网络就能访问到你辛辛苦苦制作的页面，就必须把你的页面发布到服务器上。简单来说就是要注册或者购买一个域名，购买服务器（个人学习购买虚拟主机足矣），进行域名解析和绑定，通过FTP工具将静态页面上传在服务器，这样别人就能通过网络访问到你的静态页面了。

在开发过程中，也可以使用Netlify, Github Pages等进行静态页面托管，进行团队协作。

以上五点式基本的知识点介绍和学习建议，经过反复的练习，就具备基本的根据设计图制作html，添加动态效果，发布到服务器，更新网站页面的能力，顺利成为新手了。下一篇：进阶篇。