如何学习web开发
如何学习web开发
学习啦在线学习网 Web前端开发工程师是一个很新的职业，在国内乃至国际上真正开始受到重视的时间不超过7年。下面学习啦小编为你整理了学习web开发方法，希望对你有帮助。
学习web开发方法
学习啦在线学习网 第一阶段——HTML的学习
学习啦在线学习网 超文本标记语言(HyperText Mark-up Language 简称HTML)是一个网页的骨架，无论是静态网页还是动态网页，最终返回到浏览器端的都是HTML代码，浏览器将HTML代码解释渲染后呈现给用户。因 此，我们必须掌握HTML的基本结构和常用标记及属性。
第二个阶段——CSS的学习
CSS是英文Cascading Style Sheets的缩写，叫做层叠样式表，是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言其样式是可以复用的，这样就极大地提高了我们开发的速度，降低了维护的成本。
第三个阶段——JavaScript的学习
学习啦在线学习网 JavaScript是一种在客户端广泛使用的脚步语言，在JavaScript当中为我们提供了一些内置函数、对象和DOM操作，借助这些内容我们可以来实现一些客户端的特效、验证、交互等
第四个阶段——jQUery的学习
jQuery 是一个免费、开源的轻量级的JavaScript库，并且兼容各种浏览器(jQuery2.0及后续版本放弃了对IE6/7/8浏览器的支持)，同时现在有很多基于jQuery的插件可供选择，这样在我们实现一些丰富的动态效果时更方便快捷，大大节省了我们开发的时间，提高了开发速度，这也充分体现了其 write less,do more的核心宗旨
Web开发需学习的15个技术
JavaScript
这是唯一一种所有浏览器都理解的编程语言，并且它是前端开发的支柱。JavaScript也被称为ECMAScript，ES 5。在深入其他语言之前好好理解这门编程语言非常重要。
ES6
学习啦在线学习网 这是Javascript语言的扩展，而且许多浏览器正在实现ES6。好处是哪怕是现在，你也可以开始编写ES6代码，因为你可以使用transpiler(转译器)如Babel来转换ES6代码为ES5代码。经历这些并了解新功能是一件好事。不过，没有不要钻研得太深因为它们很容易发生变化。
Babel
学习啦在线学习网 这是最流行的ES6到ES5转译器之一。此外，它还被许多框架，如React所推荐。要想实时地将ES6转换为ES5代码，在http://babeljs.io/repl/有一个可用的REPL。
学习啦在线学习网 需要注意的是Babel不仅仅是ES6到ES5的转译器。它也是JSX到JavaScript的转译器。不知道什么是JSX?那么请看下面。
NodeJS
NodeJS是一个服务器端平台，它允许你用JavaScript语言构建后端。为什么我要提NodeJS呢?这是因为，即使你对后端开发不感兴趣，但是许多前端工具依赖于NodeJS。至少要熟悉node和它的命令行工具。
NPM
学习啦在线学习网 NPM是node的软件包管理器。就像pip之于Python，ruby gems之于Ruby，以及Maven之于Java。了解如何安装/删除/升级软件包，尤其是package.json文件结构。
Grunt或Gulp
这两个是运行在Node平台上最为流行的任务运行器。从技术上讲，它们是针对npm的软件包。它们允许你自动化许多前端任务，如Lint源文件，串联，缩减，部署以及更多。
Bower
学习啦在线学习网 这是用于前端库本身的一个软件包管理工具。想添加Jquery到你的应用程序?和使用bower install jquery一样容易。
上述工具用于基本的前端开发已经足够。不过下面我还要说一说两个最流行的框架，即React和Angular。
ReactJs
学习啦在线学习网 ReactJs是构建视图最流行的前端库。请注意，它不仅仅是MVC中的V，因此和框架如Angular没有比较性。ReactJs是用ES6写的，并且可以用Babel转译为ES5。它还使用也可以用Babel转译为JavaScript的JSX。
学习啦在线学习网 WebPack或Browserify
学习啦在线学习网 这两个都是最流行的模块打包机。它们可以获取js源代码，找出正确的依赖关系，并发出可以驱动整个应用程序的JavaScript文件。我更喜欢WebPack。点此查看关于WebPack。
Flux或Redux
React组件被布置在一个层次结构中。大部分时间，数据模型遵循层次结构。在这种情况下，Flux并不怎么有用。然而，有时候你的数据模型是不分层的。当你的React组件开始接收外部道具，或你有少量的组件开始变得非常复杂的时候，那么你可能会想要试试Flux。
Immutable.js
学习啦在线学习网 Immutable.js提供了一套数据结构，可以帮助解决在构建React app时的某些性能问题。这是一个伟大的库，你可能会在你的app中大量使用它，但是当你关注于性能影响时，它就完全没用了。
学习啦在线学习网 Angular 2
学习啦在线学习网 Angular 2是JavaScript中最流行的MVC框架之一的下一个版本。它被完全重新设计过了，并且有一条陡峭的学习曲线。全面支持双向数据绑定。在选择Angular 2开发时要小心评估。
TypeScript
学习啦在线学习网 Angular 2推荐TypeScript作为编程语言的首选。我不是很熟悉TypeScript，但我认为它增加了静态类型到Javascript的动态特性中。最后，我相信它只是一个转译器。
学习啦在线学习网 Service workers
实验性的API。它就像是在浏览器用于做各种工作的一个后台线程。我想它也增加对离线浏览的支持。
Fetch API和Push API
请自行阅读链接。因为到目前为止我自己对此也是知之甚少。
新手学习web前端开发注意事项
学习啦在线学习网 1.勇于表现自己
不是说要像销售物品一样夸自己，王婆卖瓜自卖自夸，而是要勇于推荐自己做的东西给别人看，让别人给你提建议，吸收别人的技巧和方法，不断的完善自己。
2.HTML规范
1.运用软Tab(2个空格)进行缩进
2.嵌套元素有必要缩进一次
学习啦在线学习网 3.特色的值运用双引号(而不是单引号)
4.在空元素中不用运用反斜杠
学习啦在线学习网 5.运用HTML5文档声明
3.css规范
2.在组选择符中，每个选择符占有单独一行
3.在选择符和大括号之间留出一个空格
学习啦在线学习网 4.选择符大括号的完毕括号在单独一行
学习啦在线学习网 4.做好自己的笔记
要做好自己的笔记，做笔记有很多方法，写博客就挺好的，做笔记是为了非常好回想和了解自己学习到的东西。由于开发或学习进程中会遇到很多的疑问，有些是当时不了解或者是找不出原因的，有些是很容易被忽视的，那么你记载下来，等到你下次遇到一样或或类似的，那么你可以迅速得处理或者是搞懂一些以前不完全了解的知识。
猜你感兴趣：
1.什么是web开发
4.