大牛指路: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,添加动态效果,发布到服务器,更新网站页面的能力,顺利成为新手了。下一篇:进阶篇。

  • 发表于:
  • 原文链接:https://kuaibao.qq.com/s/20190110A0UJND00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

扫码关注云+社区

领取腾讯云代金券