案例

如何一步步实现Web前端开发职业目标

  可选中1个或多个下面的关键词,搜索相关资料。也可直接点“搜索资料”搜索整个问题。

  先学HTML,然后是CSS,初学者建议看这方面的视频,入门后,去W3C上面看基础。其实HTML+CSS很简单,入门时间:15天。(每天4小时)

  上面的基础打好了,你自然对编程有一点点的信心了,但上面所学的,不能算编程,因为太简单了。简单,但应用面很小,可以做一些静态网站。

  然后是javascript,想精通javascript几乎不可能,因为他是核心。入门时间,大约30天。先视频,后去W3C看基础。javascript的基础牢固了,你可以开发95%以上的页面了。当然,这些页面,只是在本地运行得很好,以后你深入,你就会发觉,很多糟糕的地方了。

  然后是jquery,jquery是专业于DOM操作的。你现在不懂DOM,是你没接触javascript,你接触就明白了。jquery帮你解决了很多的游览器兼容问题,让DOM操作简单很多。jquery其实很简单,有了javascript基础,入门不用一个星期。

  学完jquery,你可以尝试挑战新的技术了,例如ES5、ES6、ES7,ES5其实你不用挑战,你现在学的javascript用的就是ES5和ES5之前的ES,不过你要粗略看看,因为有很多很多的基础。再然后是ES6、ES7,这两个比较难,你用心的看就行,对以后很有帮助。学习这些,至少要30天,甚至更多。

  当你了解ES5、ES6、ES7,你就可以学HTML5、CSS3了,当然HTML5和CSS3可以在学习ES之前学,但是我强烈建议没有天分的人不要去接触HTML5的canvas,超难的。HTML5想精通很难,但是必须学,至少要会用。CSS3的道理和HTML5差不多,至少要会用。CSS3和HTML5入门,大概20天。

  然后是,bootstrap,在学bootstrap的时候,你应该会接触less和sass,顺便把它们学了,有了上面的基础,bootstrap太简单了。

  再然后是,vueJS,全新的编程风格,对ES6依赖很高。但是vueJS不难,前提你有ES6基础。

  工作之后,你可以继续学习,reactJS,angularJS,nodeJS,关于图形的JS.....其实你学完前面的,你自己就有心得了,没必要100%和别人一样,在工作中够用就好了。按自己所需,我所说的仅供参考。

  最后,我想提醒,你应该关注一下前端的变化,特别是那些库,变化得很大,以前JQ的UI很流行的,现在越来越不流行了,互联网变化很大,现在热门的,以后不一定热门。下面的链接,仅供参考,对你以后有帮助网页链接

  静态页 - Sass用Koala编译 - 大量仿制主流网站,高标准要求自己(请只适配Chrome)

  jQuery - 把2、3使用jQuery再次实现,每一个组件使用2-3种不同的思路实现

  学习Vue,改变原有前端开发思路(数据驱动视图) - 自己实现双向绑定 - 大量实战项目- 到了此时,过了初级阶段

  扩展一个后台语言(PHP、Python、Java)实战 - 到了此时,过了中级阶段