前端学习之路

以下只是自己总结的一些经验,欢迎大家讨论并提出自己的意见。

1. 道亦有道

学习任何一门语言,都应该遵循它的编程规范,前端也不例外,一致的代码规范为我们后面的学习和维护会减少很多麻烦。这里介绍几个前端规范文档。
GOOGLE的前端代码规范
编写灵活、稳定、高质量的 HTML 和 CSS 代码的规范。

2. 历史沉淀

在WEB开发中,有许多问题是需要我们解决的,其中比较让人头疼的就是浏览器规范不一,我们需要一个统一的工具来实现多浏览器的通用,而Jquery就是一个不错的实现。对于新人来说,学习Jquery似乎是一个必经之路,只有走过这条路才能发现更好的更适合使用需求的。文档方面首推w3school ,这里有很多新人学习的资料,也是很多人成长道路上的第一份学习资料,建议将“HTML教程”和“浏览器脚本”这2个部分学习好,尤其是“JQuery”这部分,还有一个JQuery的API
  同样是历史遗留问题,各浏览器的兼容也是一个很大的难题,虽然我们很希望所有的浏览器的表现都一样,所写的代码在各浏览器都运行正常,但是目前的形式并不是我们理想的那样,有时候我们很多代码是为了适应各种浏览器而写的(当然,未来是光明的,未来肯定不会再有这么多问题)。多浏览器的兼容我觉得主要靠经验积累,因为你可能会遇到各种不同的情况,这里提供一些经验参考。
知乎上关于浏览器兼容性的讨论
前端工程师如何系统地整理和累积兼容性相关的知识?
  这里还有一点需要介绍,也是新人必须学习的,那就是调试技巧,调试也是开发过程中最重要的环节。我个人常用的调试工具还是用Chrome的Developer Tools,如果用FireFox,那么调试工具就是使用FireBug,如果是IE,似乎就是用自带的开发者工具,这些调试工具的使用大致相同,都可以通过F12键调出(Mac下不是的),调试代码也是经验的积累,前期掌握调试的步骤就可以了。

3. 时下热门

前端发展到现在已经要进入了一个爆炸式的时期了,要学习和掌握的技能太多了,而这一切都是因为NodeJs的异军突起。不过在学习NodeJ之前,可以先看看一些常见的CSS框架和JS框架,这些框架可以帮助我们更好地布局或者更好的码代码。

  • BootStrap 这个是现在非常火的一个框架,由Twitter开发,让那些即使不太会前端的人也能开发出不错的布局和界面。
  • AngularJs 同样也是一个很火的JS框架,由Google开发,其数据双向绑定功能非常吸引人,能大量减少开发者的工作量,Gmail就是非常成功的一个转型。
  • ReactJs 今年特别火的一个JS框架,由Facebook开发,其背后也是有很多故事,这个东西也是非常新,自己还没有去学习,不做过多介绍。
  • RequireJs/SeaJs 都是模块化开发的工具,让代码的组织性更强,不再杂乱无章。
  • NodeJs 无疑是当前最火的一个点,从NodeJs后诞生出了很多新的技术,不过NodeJs的学习还是比较快的,因为代码都是js。
  • Grunt/Gulp 在NodeJs出来之前很多的自动化工具都是基于Ant的,但是现在有了NodeJs后这2个自动化工具就变得非常火热,这些自动化工具可以一键完成各种任务,包括代码检查、代码压缩和合并等等。
  • CoffeeScript 一门编译到 JavaScript 的小巧语言,它尝试用简洁的方式展示 JavaScript 优秀的部分。还有后来发展的TypeScript
  • Less/Sass/Stylus 这些是css的预编译语言,也是为了更好的书写CSS。

4. 展望未来

因水平有限,此处也不做过多展望,免得误导大家,不过可以知道的是前端的发展速度太快,不跟紧脚步就会赶不上大部队,别人说的东西你就不懂了,这里给出一个Github里的流行趋势,在这里可以看到现在有哪些东西比较热门,总的来说学习前端就要保持一个时刻学习的心。
  再说说前端演化的发展吧,一个是混合开发(Hybrid App),其中以IonicHBuilder/HTML5+/mui为代表,还有一个是NodeJs桌面级应用开发。这些都可以作为前端学习道路中的一个分支吧,也会是一个不错的方向。

这里有一个别人推荐的网站,我看了觉得还是挺不错的,也是推荐给大家菜鸟教程。还有一个很有意思的Web Developer技能树,像玩游戏一样查看自己的技能结构。

作者

二锅头

发布于

2015-08-05

许可协议

CC BY-NC-SA 4.0

评论

Your browser is out-of-date!

Update your browser to view this website correctly.&npsb;Update my browser now

×