已经过去，年马不停蹄而来，时间匆匆从未停下脚步，你为新的一年做好规划了吗？或许你还没有进入web的精彩世界，或许你已经是被html,css，js代码虐过的前端小白，亦或者你是各种框架应用地得心应手的前端高手，甚至你已经野心勃勃的开始向后端延伸，涉足大数据，人工智能等新兴领域。无论你处于什么阶段，这篇外国开发者的分享一定会对你有启发，助你开启新年的前端之路。
基础阶段——新手
一、HTML、CSS和Javascript基本方面
HTML的各种语义化标签；基本CSS知识，包括定位（possition）、盒模型（box）等；布局：FlexboxGrid在CSS中使用变量；了解浏览器并学会使用浏览器开发者工具帮助开发
三大基石三座大山二、响应式页面
为适应不同尺寸的设备并控制开发和维护成本，响应式页面已经越来越平常。响应式页面的基础知识包括meta标签设置视口（viewport）、使用媒体查询（
mediascreenand(条件)等）、移动优先，柱状显示等、宽度不固定，使用百分比、响应式图片等千人千面三、CSS预处理
CSS预处理可以使CSS代码更具可读性，更方便维护，尤其在团队开发中，将公共样式独立成一个单独的文件，每个人只需要在自己编写的sass文件顶部采用
import就能直接引用，提高了代码的复用性，和开发效率。常见的预处理器有Sass、LESS和Stylus，他们都具有具有变量、作用域、混合、嵌套、继承、运算符、颜色函数、导入和注释等基本特性。四、踏实学好原生JS
javascirpt是一门典型的入门容易精通难的语言，市场上层出不穷的js框架和库为大家使用js提供了方便，降低了门槛，但同时也降低了热热门操纵JS的能力，原生js的威力远没有发挥出来，而随着ES6的普及，js的成熟，应用前景广阔，对原生js的要求也越来越高。学习原生js一定要耐得住寂寞，不能偷懒，js有点像内功，周期长，起效慢，但是一旦练成，威力无穷。
强大的ES6五、使用服务器展示静态网站
网页的价值体现在用户的访问，曝光量越大，影响力就越大。想要人们通过网络就能访问到你辛辛苦苦制作的页面，就必须把你的页面发布到服务器上。简单来说就是要注册或者购买一个域名，购买服务器（个人学习购买虚拟主机足矣），进行域名解析和绑定，通过FTP工具将静态页面上传在服务器，这样别人就能通过网络访问到你的静态页面了。
在开发过程中，也可以使用Netlify,GithubPages等进行静态页面托管，进行团队协作。
以上五点式基本的知识点介绍和学习建议，经过反复的练习，就具备基本的根据设计图制作html，添加动态效果，发布到服务器，更新网站页面的能力，顺利成为新手了。