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

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

1. 我想作一个我的网站,或者给咱们团队或者小组作一些介绍页面。怎么作?搜索发现要学习:HTML、CSS。git

2. 发现一个网站设计的好漂亮,交互真赞,动画效果然好。我想在我本身网站上也放上,但是我看不懂它的代码?搜索发现要学习:交互视觉、CSS3 动画等。web

3. 他们网站上都有那种点击弹出浮层的功能,还有一些其余的更复杂的交互效果。怎么实现的?学习JavaScript。docker

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。

。。。。。。后面还有不少能够玩的

本身是从事了五年的前端工程师,本身整理了一份最全面前端学习资料,从最基础的HTML+CSS+JS到HTML5的项目实战的学习资料都有整理,送给每一位前端小伙伴,有想学习web前端的,或是转行,或是大学生,还有工做中想提高本身能力的,正在学习的小伙伴,须要能够私聊我哟,这是个人前端开发qun,【四八四】【七五七】【七六零】,直接群里下载,对于学习web前端有任何问题(学习方法,学习效率,如何就业)均可以问我,最后能够点一波关注哟! 

相关文章
相关标签/搜索