如何自学计算机前端开发?精细的自学步骤是什么…
2020-01-07 16:00:20来源:博客园 阅读 ()
如何自学计算机前端开发?精细的自学步骤是什么样的?
比较推荐的学习过程应该是以兴趣为驱动的,用搜索做辅助:
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。
。。。。。。后面还有很多可以玩的
自己是从事了五年的前端工程师,自己整理了一份最全面前端学习资料,从最基础的HTML+CSS+JS到HTML5的项目实战的学习资料都有整理,送给每一位前端小伙伴,有想学习web前端的,或是转行,或是大学生,还有工作中想提升自己能力的,正在学习的小伙伴,需要可以私聊我哟,这是我的前端开发qun,【四八四】【七五七】【七六零】,直接群里下载,对于学习web前端有任何问题(学习方法,学习效率,如何就业)都可以问我,最后可以点一波关注哟!
原文链接:https://www.cnblogs.com/dou3235/p/12162721.html
如有疑问请与原作者联系
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
- 如果是自学WEB前端的话,该如何才能找到一份7K实习生工作呢 2020-06-04
- 前端如何学习? 2020-06-04
- 如何成为一名优秀的web前端工程师 2020-06-02
- 零基础小白转行如何入门学习web前端 2020-06-01
- 如何在博客园添加自己的头像 2020-05-27
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash