前端涉及的内容确实很多,但是代码主要还是要多写,多练,其实就基础来说就是学HTML、CSS、原生JS
(建议先看原生JS,后面再看其他的。),HTML和CSS一些基础看过后,
你可以找一些PSD或者模仿页面做静态页面,做出来后你在考虑加一些自适应或者一些其他功能。
这个时候你会发现你的代码很难在上面额外加这些功能只能重新写,这个时候你就该考虑学习下怎么去设计你页面的结构,方便后期修改和维护,后面开始原生JS,了解完基本的后可以自己开始写写简单的逻辑,实现一些页面操作等。
后面再就要开始学习ajax,框架之类的东西了。学习你一定要想好目前学什么,一个个来,虽然前端内容很多,但是基础就是HTML、CSS、JS,其他大部分东西都是围绕这3个来,学习的过程中多写多练,不要只看不动,写的时候能发现很多看书碰不到的问题。
建议补充一点数据结构和算法,以后遇到稍微复杂一点的项目,如果都写成业务面条会非常痛苦… 比如做一个类似 Galgame 的活动页,当然可以按产品给你定好的游戏流程一个场景一个场景撒面条,不过也可以将流程控制和对话抽象成链表跟节点后定义好数据类型和原型方法做成可配置的系统;再比如购物车,可以按用户操作思维 Dom 撒面条,也可以封装好几个数据类型后做状态管理,效果当然不一样~
在下认为前端程序员最最重要的是,强烈的自我驱动力和快速的上手能力,前端技术更新真的挺快的,如果不能保持主动的状态,会非常容易成为一年经验用终身的老油条,以后的环境会加速淘汰这样的人.
多多总结,看透本质,掌握根本,以不变应万变。说起来很巧的是今天下午在公司没事了解了一下 React 并写了 React 版的 Tour of Heroes(Angular 2 的官方教程用例;非常惭愧的是在下一直没有接触 React,只在 Angular 1 / Vue / Avalon 之间转悠),时间大概三四个小时,虽然也不是很快的速度,但最早刚接触框架的时候,抱着 React 的书看了几天愣是没写出个组件,那时的我啥都不懂,也没用正确的学习方式,不会总结类比,就是瞎费时间。不过现在会总结类比,会在学习之前总览一下 React 的生态组成与大概的设计意图和解决痛点,然后与掌握的那三个框架和一些思想(比如 Web Component) 进行比较和提取,这样记忆起来就轻松很多,速度就上去了。废话了这一段,意思就是掌握基础且拥有适合自己的学习方式。
最后,找个老司机很重要!
推荐一下我的前端教程学习群:7-6-7-0-5-0-7-7-1,里面都是学习前端的,如果你想制作酷炫的网页,想学习前端知识,小编欢迎你的加入。小编会在群中不定期分享干货源码,包括我精心整理的一份前端零基础教程。欢迎各位感兴趣的的小伙伴。
领取专属 10元无门槛券
私享最新 技术干货