服务器将在9月28日到期,可能不会再续费了,感谢这么多小伙伴的陪伴,江湖再见~

MENU

如何学习前端

web前端的基本工作职责

“ 入一行,要先知一行 ”;我们先来看看web前端开发职位 无论什么门派都要做到的一些基本工作职责。

首先,你必须是一个合格的“页面仔”,这个叫法不好听,但很生动。

我们都知道,所有呈现的内容都是基于HTML 网页的。

如果你的html、css(包括现在的HTML5+CSS3)基础不会,或者不够扎实,都很难在有大的进步,或者你的JS 很好,但布局基础不行,还是不能算合格的web前端。

其次,前端主要负责实现视觉和交互功能,以及与后端服务器通信,完成业务逻辑。现在前端的核心价值在于对用户体验的极致追求。

那么我们靠什么来提升用户体验和人性化操作,让用户觉得体验牛x、舒服呢?(当然细分厉害的公司,会有专门的 用户体验攻城狮)

当然是我们自始自终的主角 JavaScript了,毕竟它最初就是为浏览器而生的脚本语言。

然而,JS这门语言并不是一种强类型语言,更像是一种解释型语言,所以很多属性,在不同的浏览器环境解释有很大不同导致,效果和性能千差万别,而且很多属性之长,之多,之巨都很有工作量。

之后,就出现了Jquery 这种的框架神器,由于其好用,简单,效果多样,兼容完美,高效率等特性,迅速席卷全世界,所以如果想入门,jquery 这个东西你是逃不掉的,而且利用它简单的语法,你会很快将一些效果实现出来,迅速提升兴趣。

再后,既然涉及到视觉和用户体验,那么UI设计知识,你肯定要涉及或者懂一些设计方面的技能和基本素养,比如PS的一些基本操作,切图,和颜色值(比如会改个字,隐藏个图层,改个尺寸,变个颜色什么滴),屏幕适配方案等,讲道理说:平时并不需要我们做,但技能包里绝对要有。

最后,服务器知识+后端语言基础。

总之,web前端同样是程序员,由于前端是位于后端程序和界面设计师之间的岗位,相当于中间桥梁,要完成三者的对接,涉及到广泛的知识,规模大到工程级,也就有了前端工程师的说法(某人总结,很是到位)。

web前端工程师,是一个要精通本职html,css,javascript,也要了解后端编程,了解界面设计,了解软件工程的综合人才。

(卧擦!这才入门,web前端就这么多职能 和掌握的基本技能,不开森了 ,哼!)看到这一大篇的职责和技能,你并不要害怕,因为这些就像小孩子,会走路,会说话。只要你有兴趣,只要有人领路,有教程自然而然就能掌握的技能,至于一些设计素养,反正你不是UI,有最好,没有又有什么所谓呢?

web前端的分类和门派

  • 【少林派】:七十二般武艺样样精通 – web网站开发
  • 【武当派】:以柔克刚 – 移动APP开发
  • 【峨嵋派】:倾国倾城 – canvas 数据可视化
  • 【华山派】:剑法精湛 – nodejs开发
  • 【逍遥派】:潇洒飘逸 – HTML5游戏

前端开发 必看的书籍资料

  1. html + css 这部分建议在 w3school 在线教程 上学习,边学边练,每个属性后还有在线测试。然后过一遍之后可以模仿一些网站做些页面。记住这个一定要多练 多练 多练 ,最重要的事儿 还得我说三遍?
  2. javascript 要学的内容实在很多,如果没有其他编程语言的基础的话,学起来可能要费些力,还是建议先在w3school上学习一些基本语法 和定义。然后你必须要看书,然后实践。

最后,总结了部分一些知乎大神举荐的书评连接

★越多,难度越高。
CSS

  • CSS权威指南 (第3版)★★
  • 精通CSS ★★★
  • HTML & CSS设计与构建网站 ★

JavaScript

  • JavaScript & jQuery交互式Web前端开发 ★
  • JavaScript DOM编程艺术 (第2版)★
  • JavaScript高级程序设计(第3版)★★
  • 锋利的jQuery ★★
  • 高性能JavaScript ★★★
  • JavaScript语言精粹 ★★★
  • JavaScript权威指南 ★★★
  • 编写可维护的JavaScript ★★★
  • JAVASCRIPT语言精髓与编程实践 ★★★
  • Effective Javascript ★★★
  • Secrets of the JavaScript Ninja ★★★
  • JavaScript模式 ★★★
  • JavaScript设计模式 ★★★★
  • 基于MVC的JavaScript Web富应用开发 ★★★

部分书籍链接

最后编辑于: 2018 年 04 月 16 日
返回文章列表 文章二维码
本页链接的二维码
打赏二维码
添加新评论

已有 10 条评论
  1. 在w3c上学习了一些html,css,然后一个随便小单页也写不出来,该咋半呢?@(委屈)

  2. 看起来我要向大牛学习了 @(jingya)

    1. @Tanker不不不,还是小萌新

    2. @Kevan博主,书籍链接失效了,更新一下得。

    3. @哈呼有时间更新一下

  3. 我现在这么浮躁...什么都看不下去。

  4. 现在前端是隔几个月一片新天空,jquery已经成为过去式了。

    1. @广树前端真的进化太快了

    2. @Kevan书籍和视频的更替都不是那么快,新手完全懵逼~