找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
网推大家坛 新闻 网站推广 网站技术 查看内容

如何学习前端,如何成为一名优秀的前端开发“攻城师”

2017-3-13 22:22| 发布者: 36427666| 查看: 56| 评论: 0

简介:为什么要学习前端 前端的核心技术HTML5已成移动互联网主宰者,各行业都用其开发互联网应用,但目前整个互联网行业都缺前端人才,企业正高薪求才,所以现在学好Web前端将有好的就业前景。全球有80%的APP基于HTML5是开 ...

为什么要学习前端

前端的核心技术HTML5已成移动互联网主宰者,各行业都用其开发互联网应用,但目前整个互联网行业都缺前端人才,企业正高薪求才,所以现在学好Web前端将有好的就业前景。全球有80%的APP基于HTML5是开发的。所以,目前学习前端是大势所趋。

如何学习前端

前端要学习三个部分:HTML,CSS,JavaScript(简称JS),因此首先明确三个概念:

  1. HTML是内容层,它的目的是表示一个HTML标签在页面里是个什么角色。

  2. CSS是样式层,它的目的是表示一块内容以什么样的样式(字体、大小、颜色、宽高等)显示。

  3. JS是行为层,它要做的是当用户触发某些行为时,会给内容和样式带来什么样的改变。

基础知识

html+css 这部分 可以再w3school 上学习,边学边练习,每章节还有小测试,也可以去慕课网上查看视频学习基础,同样的慕课网上也有课后的章节小测试。

进阶

JavaScript 这部分 要学习的内容有很多,如果没有其他编程语言的基础的话,学起来的话可能有些费力,还是可以去W3school上去学习或者去慕课网上去观看视频录播视频,每章节课后有知识点的测试。然后可以马上去看《JavaScript语言精粹》,js总的来说是一门很混乱的语言,这本书能够帮助你区分哪些是语言的精粹,哪些是糟粕。

前端免费学习指导请点击加群!!

【前端:495668665】

有了以上基础,就可以进行一般的静态网页设计,不过对于复杂的页面还需要进一步学习。

JS: 如果你是想学好JS:预解析、作用域、作用域链、|| &&、什么是原始类型、什么是引用类型、闭包、for循环运行机制、多重for循环、递归、原型链、继承、(数组、字符串、函数的各种内置方法,不需要全部记住但你得知道它们能干嘛,在将来你用到的时候可以想到那去。看似没有用,但无数的经验告诉我,非常有用。)。

HTML5:需要了解html都提供了哪些api,然后项目中用起来。这个没什么难理解的,主要是要能用html5解决业务问题。以及不支持html5的浏览器的降级方案。这部分提现了前端的一个思想:面向未来的编程。

CSS3:CSS3是CSS技术的升级版本,CSS3语言开发是朝着模块化发展的。以前的规范作为一个模块实在是太庞大而且比较复杂,所以,把它分解为一些小的模块,更多新的模块也被加入进来。这些模块包括: 盒子模型、列表模块、超链接方式 、语言模块 、背景和边框 、文字特效 、多栏布局等。完全向后兼容,所以没有必要修改的设计来让它们继续运作。网络浏览器也还将继续支持CSS2。主要的影响是将可以使用新的可用的选择器和属性,这些会允许实现新的设计效果(譬如动态和渐变),而且可以很简单的设计出现在的设计效果(比如说使用分栏)。

在进阶(代码,工程层次)

易维护,可测试,高性能,低流量。

1.易维护:对于页面你改理解样式,数据,行为三者分离,对应的就是css html js。对于js代码,最好了解设计模式,重构,MVC等内容。

2.可测试:保存编写的代码能沟通单元测试100%覆盖到所有分支。

3.高性能:必读《高性能JavaScript》

4.低流量:移动端关注比较多,PC现在不用太关注。

前端项目同样面临软件生命周期,先是代码管理,就要学会使用svn和git。再就是代码的构建,需要进行依赖管理,模块合并,各种编译,学会使用grunt,webpack,rollup等构建工具。

最后

这些年,前端开发已然今非昔比。当今的前端开发工程师们可谓无所不能。虽然Node.js尚不算前端必备技能,但却也成为每场前端面试必问的话题。虽然PHP/JAVA等属于后端编程语言,但却在每一份前端招聘信息中总会加上一条“至少熟悉一门后端语言(Node.js/PHP/JAVA等)”。此外,还有诸如Angular、React等新兴新型前端框架各领风骚。所以,越来越多的高级前端开发工程师在逐渐演变成全栈工程师,然而我们也不能忽视一些后端开发人员转做前端从而踏上全栈之路的事实。

收藏 分享 邀请
鲜花
鲜花
握手
握手
雷人
雷人
路过
路过
鸡蛋
鸡蛋

看过本文的人还看过

已有 0 人参与

会员评论

推荐阅读

返回顶部