如何学习web开发.docx

如何学习 web开发 第一阶段—— HTML的学习 超文本标记语言 (HyperTextMark-upLanguage 简称 HTML)是一个网页的骨架，无论是静态网页还是动态网页，最终返回到浏览器端 的都是 HTML代码，浏览器将 HTML代码解释渲染后呈现给用户。因此，我们必须掌握 HTML的基本结构和常用标记及属性。 第二个阶段—— CSS的学习 CSS是英文 CascadingStyleSheets 的缩写，叫做层叠样式表，是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统 HTML的表现而言其样式是可以复用的，这样就极大地提高了我们开发的速度，降低了维护的成本。 第三个阶段—— JavaScript 的学习 JavaScript 是一种在客户端广泛使用的脚步语言，在 JavaScript 当中为我们提供了一些内置函数、对象和 DOM操作，借 助这些内容我们可以来实现一些客户端的特效、验证、交互等 第四个阶段—— jQUery 的学习 jQuery 是一个免费、开源的轻量级的 JavaScript 库，并且兼容各种浏览器 (jQuery2.0 及后续版本放弃了对 IE6/7/8 浏览器的支 持) ，同时现在有很多基于 jQuery 的插件可供选择，这样在我们实现一些丰富的动态效果时更方便快捷，大大节省了我们开发的时间，提高了开发速度，这也充分体现了其 writeless,domore 的核心宗旨 JavaScript 这是唯一一种所有浏览器都理解的编程语言，并且它是前端开发的支柱。 JavaScript 也被称为 ECMAScript，ES5。在深入其他语言之前好好理解这门编程语言非常重要。 ES6 这是 Javascript 语言的扩展，而且许多浏览器正在实现 ES6。好处是哪怕是现在，你也可以开始编写 ES6代码，因为你可以使用 transpiler( 转译器 ) 如 Babel 来转换 ES6代码为 ES5代码。经历这 些并了解新功能是一件好事。不过，没有不要钻研得太深因为它们很容易发生变化。 Babel 需要注意的是 Babel 不仅仅是 ES6到 ES5的转译器。它也是 JSX 到 JavaScript 的转译器。不知道什么是 JSX?那么请看下面。 NodeJS NodeJS是一个服务器端平台，它允许你用 JavaScript 语言构建后端。为什么我要提 NodeJS呢?这是因为，即使你对后端开发不感兴趣，但是许多前端工具依赖于 NodeJS。至少要熟悉 node 和它的命令行工具。 NPM NPM是 node 的软件包管理器。就像 pip 之于 Python，rubygems之于 Ruby，以及 Maven之于 Java。了解如何安装 / 删除 / 升级软件包，尤其是 package.json 文件结构。 Grunt 或 Gulp 这两个是运行在 Node平台上最为流行的任务运行器。从技术上讲，它们是针对 npm的软件包。它们允许你自动化许多前端任务， 如 Lint 源文件，串联，缩减，部署以及更多。 Bower 这是用于前端库本身的一个软件包管理工具。想添加 你的应用程序 ?和使用 bowerinstalljquery 一样容易。  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 提供了一套数据结构，可以帮助解决在构建 Reactapp 时的某些性能问题。这是一个伟大的库，你可能会在你的 app 中大量使用它，但是当你关注于性能影响时，它就完全没用了。 Angular2 Angular2 是 JavaScript 中最流行的 MVC框架之一