如何自学计算机前端开发?精细的自学步骤是什么样的?

本人文科女,毕业三年,27岁!非计算机专业,现在正在自学,但是感觉自己学的太慢,跟不上节奏!目前已经看完html和css,w3c看了一遍。目前正在练习…
关注者
1,842
被浏览
198,464

70 个回答

比较推荐的学习过程应该是以兴趣为驱动的,用搜索做辅助:

1. 我想做一个个人网站,或者给我们团队或者小组做一些介绍页面。怎么做?搜索发现要学习:HTML、CSS
2. 发现一个网站设计的好漂亮,交互真赞,动画效果真好。我想在我自己网站上也放上,可是我看不懂它的代码?搜索发现要学习:交互视觉、CSS3 动画等。
3. 他们网站上都有那种点击弹出浮层的功能,还有一些其他的更复杂的交互效果。怎么实现的?学习 JavaScript
4. 有小学同学说我的个人网站错位了,问了下他用的是 IE7 访问的,怎么办?搜索了解一些浏览器兼容性问题(不是很必要)、学习使用 jQuery
5. 我想在微信朋友圈分享一下我的网站,结果缩放的好小,而且有错位。怎么解决这个问题?搜索发现要学习 响应式相关
6. 分享了之后,发现打开速度好慢啊,要等十几秒才能打开。怎么办?学一下前端性能优化相关。
7. 网站交互功能和效果越来越多,写的 JS 和 CSS 代码越来越多,感觉写起来好慢,出了 bug 很难定位问题。怎么办?搜索发现要学习:Emmet、Less、SCSS 等辅助工具用法,JS 模块化 require.js、sea.js 以及对应的 AMD、CMD 以及 CommonJS 模块化规范等。
8. JS 更复杂了,而且要与其他同学合作开发。发现需要学习一些前端框架来提高开发效率,比如 React、Angular、Vue,此外还需要一些打包构建工具,将 JS 编译之后发布使用。需要学习 Webpack、Grunt、Gulp 等工具用法
9. 网页和应用是开发好了,可是是静态的,没法有数据更新,怎么办?学习前后端数据沟通,Ajax 请求、JSON 数据格式、Fetch API。当然由此延伸,最好还要了解 PHP、Java Velocity、Nodejs 这些后端的知识,还要对 HTTP 的一些状态码、请求类型等有所了解。
10. 应用部署到哪里?搜索了解:虚拟主机、域名注册、VPS、云主机、PaaS、IaaS、DNS 解析、在中国做网站要备案但是服务器放在国外就不需要等等。
11. 每次新创建应用,在我的服务器上都要配置一遍 PHP 环境、Nodejs 环境,有的应用对 PHP 版本要求还不同,怎么办?搜索了解虚拟化技术,Docker 帮你极好的解决这个问题。
12. 每次发布还要自己手动上传代码到服务器,而且要自己在本地打包、运行单元测试,好麻烦啊。搜索发现可以自己搭建一套持续集成系统,用 git push 代码,自动触发构建,运行单元测试,成功后自动 build 然后给你上传到服务器上面。你只需要写代码就可以了。推荐:gogs + drone + docker

。。。。。。后面还有很多可以玩的

本人前端学习路径,供参考:

去年一月份转行码农,从事Java后端开发,前端只是知道个皮毛。

去年六七月份,我司要招前端开发的人,面试后发现无一靠谱的,遂自己撸开袖子开搞前端

前端学习经验:

从NodeJS入手,把设计师要求的网页效果按照1:1复制到网页上,第一个项目,用的是jQuery和Bootstrap做的,有不会的东西就搜索,顺便把Javascript基础以及核心全部啃一遍,把ES6的语法看了一通,磕磕绊绊,半个月用express搭出了一个网站

第二个项目则抛弃了jQuery和Bootstrap,用了一周时间搞定

期间涉及的防火墙配置,redis nginx mongodb等配置使用,去看事例去理解即可

然后,又照着网上教程把Nodejs各种项目抄了一遍,看了好多Linux相关的东西,还把Nodejs React Vuejs的官方文档啃了一遍

自己去分析影响网页加载速度的原因,把代码编码规范看了一遍,把网页性能优化的文章又仔细照着写了一遍

基本上,总的说来,遇到困难,找Google,多参加各种线下论坛聚会开拓眼界,不怕困难啃官方的文档,虽然有时候可能看不懂,但是写着写着就顿悟了

对编码要及其热爱,这样才能很快的进步

现在我的水平是可以单独独立的从后端写到前端,从域名购买配置到最后的网站上线发布,都能一气呵成一人搞定

现在欠缺的是大规模部署和优化,以及组件化代码编写能力,完全自动化部署的能力,还有数据可视化以及算法和数据结构都不是我的强项,所以多多补齐短板,在以后的日子学无止境,坚定的学下去肯定可以成功的……

最后,祝题主能够成功入行

以上

PS:30岁转行的,毕竟刚转行一年,做了一点微小的工作,说出自己微小的想法,我们啊还太年轻