集团主站
欢迎来到成都达内官方网站!达内—美国上市公司 亿元级外企IT培训企业!
成都it培训哪家好
成都it培训哪家好
全国服务监督电话:15023458194  |   联系客服   |
当前位置:主页 > 培训课程 > web前端 >

成都web前端:从入门到深入学习,该考虑些什么?

发布者: 成都达内     浏览次数:     发布时间:2019-05-23 09:45:46

零基础学前端总是容易走弯路,达内成都前端培训小编建议大家在学习之前先提前了解一下,前端基础需要学什么...

  成都web前端:从入门到深入学习,该考虑些什么?

零基础学前端总是容易走弯路,达内成都前端培训小编建议大家在学习之前先提前了解一下,前端基础需要学什么,提升阶段应该从何处入手,进阶又要巩固哪些知识点。今天小编就给大家分享一位前端工程师的看法,作为行业内的“老人”,相信他的观点能帮到你许多。

零基础学前端总是容易走弯路,达内成都前端培训小编建议大家在学习之前先提前了解一下,前端基础需要学什么

  1)HTML

  HTML很容易被忽略,因为总觉得这个不难。其实的确不难,只是有时候会给人留坑,让人踩进去防不胜防。比如常用的表格,在全方位的了解了它的特点之后,就能知道表格布局的缺点、它的属性有哪些、它的CSS样式该怎么重置、各个浏览器的呈现有何区别等。再比如iframe,在过去常用来异步上传文件,在知道它的特性之后,就能明白其中的原理,碰到此类问题时就能游刃有余了。

  如果要系统的学习HTML的话,我推荐阅读《HTML5权威指南》、MDN元素参数,还有W3C官方规范,但这个比较拗口,理解起来会有难度。过去写的一篇《前端基础学习分享》也可以参考。

  2)CSS

  CSS要学的内容比HTML要多一些,在CSS2时代,提供的CSS属性并不多,但自从CSS3发布之后,引入了众多新属性,大大提升了CSS的操控性。学习CSS首先要了解该属性或概念是属于CSS2还是CSS3,因为页面要考虑浏览器的兼容性,即对CSS的支持度有差异,很多时候需要权衡。比如动画属性,这是CSS3新增的,不仅能让页面生动真实,还能摆脱对Flash的依赖,远离大段的JavaScript脚本。虽然效果很强大,但像IE8、IE9等浏览器并不支持,在这些浏览器中要么降级,要么干脆去掉这些特效。还有一些基础概念,例如盒模型、BFC、选择器、层叠、定位等,也是必须要了解的。

  如果要系统的学习CSS的话,我推荐阅读《CSS权威指南》,目前英文已经出到了第四版,中文的第四版今年肯定会出。第三版没有讲到CSS3的属性,只是列举了CSS2和CSS的基础概念,讲的还是很细的,可以将这本书当做词典来用,需要的时候翻一下。这部书要细读,才能发现平时不注意的CSS细节。当然,MDN是肯定用的到的,也少不了W3C规范。再分享一个,我平时会用到的在线CSS参考手册,如果开发PC端的网页,还可以参考我以前的一篇CSS分享。

  目前非常流行的CSS预处理器也有必要了解一下,例如SASS、LESS等。简单地说,它们就是为CSS设计的编程语言,可以减少工程师的开发量,提升效率。

  3)JavaScript

  这是前端的核心,刚开始的话,先学习JavaScript的语法。我那时候不重视语法,拿来就是干,写出来的代码没有JavaScript的味道,在看别人的代码时,也经常会感到疑惑,不能理解他们的写法,例如获取变量默认值“a || b”、迭代方法forEach()、every()、some()等。学习语法首推《JavaScript权威指南》、《JavaScript高级程序设计》和《深入理解ES6》,可以先读权威指南,然后再去高级程序设计,它们都可以当成字典来用。深入理解ES6主要是讲ES6标准的,前面两本目前的版本主要是讲ES5标准的,还有一套《你不知道的JavaScript》系列,需要先有前面的基础,然后再去读的话,会好理解很多。关于ES6的学习,还可以关注我正在连载的《ES6躬行记》系列,以基础为主,力求简单而又清晰不遗漏的介绍ES6的方方面面。各大浏览器对ES6的支持,可以参考ECMAScript 6 compatibility table。

  我以前学习JavaScript没有那么系统,都是根据项目中碰到了某个知识点,然后再去查相关的资料,例如《触屏touch事件记录》、《typeof、toString、instanceof、constructor与in》等。东一点西一点的这样补,很是费劲。

  4)数据结构和算法

  大学里有一门数据结构课,但当时感受不到它的威力,工作后才知道,数据结构是多么的重要。数据结构包括队列、栈、链表、树和图等,具体有什么好处可以参考这篇知乎,里面有各种角度的回答。算法被称为程序的灵魂,经典巨著就是《算法导论》了,我算法太渣,看这本书蛮吃力的。

  我后面还专门去学习了一些数学,想着算法实现基于数学,那么先学习更底层的,可能就会好理解一点。之后就去读了《程序员的数学思维修炼(趣味解读)》、《生活中的数学》、《生活中的概率趣事》和《枕边算法书》等书。大学里还学过一门离散数学,当时觉得枯燥而无用,进了社会后才知道其实很有用,它可以提高抽象思维和严格的逻辑推理能力。现在还在读大学的工科生,真的很有必要将数学打扎实,对以后会有很大的帮助。

  5)网络

  网络我只学习了与我的工作相关的内容,例如HTTP、TCP、HTTPS等协议。做前端,至少得看得懂基本的报文,理解TCP的连接、HTTPS的安全性、HTTP的特点等概念。知道这些后,就能方便自己在调试页面的时候,定位BUG,同时也能更和谐的与后端沟通,例如你调个接口,但是没有数据返回,你可以将报文截图,然后发给后端,这样的话,他们就能知道请求和响应的信息,方便他们定位问题。

  大学的网络课很枯燥,等于没学。工作后开始买些网络相关的书看,有《图解HTTP》和《图解TCP/IP》,这两本比较通俗,容易消化。还有一本加《HTTP权威指南》,这本非常专业,内容也很全,就是理解起来费劲一点,可当字典来使用。

  6)工具

  作为前端开发,除了要会使用浏览器的Debugger工具之外,还需要会些其它的工具。首推的是Windows上的Fiddler,Mac上可用Charles替代,Fiddler很适合移动端开发,因为手机上的浏览器不像PC上的Chrome、Firefox那样可以打开调试工具,它们在移动端是不存在。如果要抓取手机访问页面时的通信信息,就得借助Fiddler了。再推Wireshark网络抓包工具,这个工具抓取的信息要比Fiddler更加底层,例如能抓取TCP三次握手的通信。

  前端开发目前都需要自动化构建化工具,例如Gulp、Webpack等。构建工具可以编译JavaScript、CSS和HTML,例如将ES6代码编译成浏览器支持的ES5代码、SASS文件编译成普通的CSS文件、合并和压缩JavaScript脚本等,改变了前端的开发模式,解放生产力、提高生产效率。

  计算机学习需要上机操作,上面所列的知识都需要上机验证,古语云:“纸上得来终觉浅,绝知此事要躬行”,只有真的做了,才能有更深刻的体会。性能、设计模式和安全等知识,对于初学者来说还不适合学习,目前还是以打基础为核心目标。

  版权声明:文章和图片均来自公开网络,版权归作者本人所有,推送文章除非无法确认,我们都会注明作者和来源。如果出处有误或侵犯到原作者权益,请与达内成都前端培训机构网站联系删除或授权事宜。

(责任编辑:徐老师)
最新开班
  • 成都Java培训班
    免费试听名额发放中...
  • 成都C++培训班
    免费试听名额发放中...
  • 成都PHP培训班
    免费试听名额发放中...
  • 成都网络工程培训班
    免费试听名额发放中...
  • 成都Unity3D培训班
    免费试听名额发放中...
  • 成都大数据培训班
    免费试听名额发放中...
  • 成都uid培训班
    免费试听名额发放中...
  • 成都会计培训班
    免费试听名额发放中...
  • 成都Python培训班
    免费试听名额发放中...
  • 成都嵌入式培训班
    免费试听名额发放中...
  • 成都web培训班
    免费试听名额发放中...
  • 成都软件测试培训班
    免费试听名额发放中...
在线留言
提交

校区地址:绵阳市涪城区临园路东段68号富临大都会7栋3单元9层12号

联系电话:15023458194

公交路线:富乐路口凯德广场(10路;29路;3路;15路;11路;15a路;71路)

校区地址:成都市锦江区东大街紫东楼端35号明宇金融广场19楼1906室

联系电话:15023458194

公交路线:芷泉街(18路;21路;43路;48路;104路;152路;335路 ) 地铁路线:东门大桥站(地铁2号线)

校区地址:成都市高新区奥克斯广场蜀锦路209号一楼商铺

联系电话:15023458194

公交路线:益州大道锦城大道口(18路;21路;43路;48路;104路;152路;335路 ) 地铁路线:孵化园(地铁1号线)

校区地址:成都锦江区东大街芷泉街229号东方广场C座3楼303

联系电话:15023458194

公交路线:芷泉街(188路;115路;515路;236路;505路;501路;84路 ) 地铁路线:东门大桥站(地铁2号线)

校区地址:成都市武侯区佳灵路3号红牌楼广场2号写字楼11楼1115号

联系电话:15023458194

公交路线:红牌楼东(11路;92路;100路;111路;139路;g28路;快速公交K1/K2) 地铁路线:红牌楼站(地铁3号线)

校区地址:成都市锦江区红星路二段70号四川日报大厦502-2

联系电话:15023458194

公交路线:市二医院站(6路;49路;102路;5路;37路;g92路;) 地铁路线:地铁市二医院(地铁3号线)

校区地址:成都市锦江区东大街芷泉段229号东方广场C座16层

联系电话:15023458194

公交路线:芷泉街(18路;21路;43路;48路;104路;152路;335路 ) 地铁路线:东门大桥站(地铁2号线)

校区地址:四川省成都市武侯区高新科技孵化园9号园区E座7楼

联系电话:15023458194

公交路线:益州大道锦城大道口(18路;21路;43路;48路;104路;152路;335路 ) 地铁路线:孵化园(地铁1号线)

校区地址:成都市人民南路一段86号“城市之心”大厦26楼

联系电话:15023458194

公交路线:成都市人民南路(6路;14路;42路;72路;76路;1010路;)

校区地址:成都市高新区奥克斯广场B座1708

联系电话:15023458194

公交路线:益州大道锦城大道口(18路;21路;43路;48路;104路;152路;335路 ) 地铁路线:孵化园(地铁1号线)

了解达内动态
关注成都达内教育公众号

首页 | 关于达内 | 课程中心 | 专家师资 | 视频教程 | 学员空间 | 校企合作 | 新闻资讯 | 就业指导 | 网站地图

2016-2025 达内时代科技集团有限公司 版权所有 京ICP证8000853号-56