自学编程 如何学习前端开发?

crazyjin · 2019年03月08日 · 278 次阅读

前端开发其实包含移动开发和web页面开发,这里特指web页面开发。web网页开发是一个非常适合自学的方向,涉及的知识比较少。学习范围非常明确:HTML+CSS+Javascript+HTTP。HTML/CSS/Javascript已经统治浏览器很多年了,是学习网页编程的必学技术知识,没有别的选择。

HTML5

HTML也就是超文本标记语言,标准通用标记语言下的一个应用,是网页制作必需要掌握的语言。HTML有过5次重大更新,最新的版本就是HTML5,于2014年发布。是目前最新的技术、将来唯一选择,所有的网页程序员都在应用它。所以没有任何风险,放心学习。推荐书籍:《HTML5权威指南》

HTML5权威指南

CSS3

CSS层叠样式表。CSS3是CSS的第三个版本,最新的版本。如果说一个网页是一个房间,那HTML是房间的骨架,CSS就是房间的装修。推荐书籍:《CSS权威指南(第三版)》

CSS权威指南

Javascript

Javascript可以操作HTML元素让其动起来,还可以通过Ajax请求和服务器之前传递数据(而不必刷新网页)。同时Javascript还可以在通过Node.js在电脑上直接运行,因此可以用来编写后台服务程序。推荐书籍:《JavaScript权威指南(第6版)》

JavaScript权威指南

这三本都相当厚,加起来大概2000多页,希望不要被吓到。其实只要读完前面的一两章,后面的内容学起来很快,一天学十多二十页不成问题题。作为一个自学者,可能只有初中或者高中学历,如果打算从事这方面的工作,就必须要有扎实的基础才能得到雇主的肯定。在学习的过程一定要结合书中的例子动手实践,等学完以后才会实际的编程能力。这一点非常重要。

HTTP

开发好的网页一般存放在公网服务器上,用户在浏览器地址栏输入地址,浏览器从服务器上取回网页然后展示给用户。页面可以是静态页面,也可以由服务程序动态生成。除了在加载页面或者刷新页面时获取用户数据,网页还可以根据用户需求通过Ajax从后端服务程序获取数据。这都依赖于HTTP协议,因此,前端程序员有必要学习HTTP的常用方法。

这里不推荐书籍,仅提供一份在线教程供大家参考。务必要掌握各种http方法的用法、各个状态码的含义、以及常用的http头。

其它

Jquery 现在应用最广泛的Javascript工具库,建议在学完《JavaScript权威指南》后学习。参考教程:菜鸟教程之Jquery

Vue.js/React.js/Angular.js/backbone.js 这些前端编程框架可以选择一个来学习。

ES6 Javascript的第六个标准,也是最新的一个。参考资料:ECMAScript 6 入门

gulp 前端项目构建工具

推荐学习计划

第一步 学习HTML5,2个月

第二步 学习CSS3,2个月

第三步 学习Javascript,2个月

第四步 学习一个常用的前端编程框架,编写一个自己的作品。为工作做准备。3个月。

第五步 尝试找工作的同时根据面试的反馈补充知识和技能。

文档/教程

社区/论坛/问答

工具

  • 编辑器 初学者使用记事本或者notepad++之类的编辑器即可。一定要手动编写代码,不要用工具拖。
  • 浏览器 推荐使用Chrome或者Firefox,非常适合开发者。
暂无回复。
需要 登录 后方可回复, 如果你还没有账号请点击这里 注册