wed前端开发

web前端开发课程知识总结！分享主要分为必备基础知识、基本开发工具、学习方法和学习目标、入门之路、继续提高、语言基础、其他、前端定位，并且推荐了基本入门书和几个不错的学习网站。

wed前端

• 必备基础技能
  • HTML4,HTML5的语法，标签，语义。 css2.1和css3的规范 ecma-262定义的javasceipt的语言核心。 原生客户端JavaScript，DOM操作。 一个成熟的客户端JavaScript库，推荐 jQuery。 熟悉java选择servlet，不熟悉的可以选择PHP
• 基本开发工具
  • 文本编辑器:推荐sublime text， 浏览器:推荐Google chrome。 调试工具:推荐chrome自带的chrome develop tools。 辅助工具:推荐photoshop FQ工具:推荐lantern，壁虎漫步。
• 学习方法和学习目标
  • 方法: 反复阅读书籍，在书籍里的例子要在电脑上完成， 在有一定基础之后可以上网查教程学习，了解各种 功能的用法，常见功能的实现方法。 阅读html，css，JavaScript标准。 目标: 熟记前面的各个知识要点重要概念，结合学习得到自己的理解。
• 入门之路
  • 在整个学习中HTML，css，JavaScript是有很多地方要结合使用，工作上也是这样的。 自己建一个github.com/账号，保存平时学习的各种代码和项目。
• 继续提高
  • grunt:前端自动化工具，提高工作效率。 less css:优秀的css预处理器。 bootstrap:优秀的css框架，与less结合使用。 requirejs:AMD规范的模块加载器，前端模块化趋势的必备工具。 Node.js:JavaScript也可以做后台，前端工程师地位更上一步 Angular Js:做single page application的好工具。 移动端wed开发:移动端已经快赶超PC端了。 JavaScript内存管理:spa长期运行需要注意内存泄漏问题。 High Performance JavaScript(Build Faster Web Application Interfaces) Best Practices for Speeding Up Your Web Site：重要技能
• 语言基础
  • JavaScript:作用域链、闭包、运行时上下文、this 原型链、继承，NodeJS基础和常用API。 CSS： 选择器 浏览器兼容性及常见的hack处理 CSS布局的方式和原理（盒子模型、BFC、IFC等等） CSS 3，如animation、gradient、等等 HTML：
• 其他
  • 知识管理、时间管理：input和output的平衡，output是最好的input。如何做好分享，参与社区，做好交流，作好记录。 对新技术的渴望，以及敢于尝试。
• 入门书
  • 《JavaScript高级编程》：可以作为入门书籍，但同时也是高级书籍，可以快速吸收基础，等到提升再回来重新看 《JavaScript权威指南》：不太适合入门，但是必备，不理解的地方就去查阅一下，很有帮助 《编写可维护的JavaScript》和： 《Node.js开发指南》：不错的Nodejs入门书籍 《深入浅出Node.js》：Nodejs进阶书籍，必备 《JavaScript异步编程》：理解JS异步的编程理念 《JavaScript模式》和《JavaScript设计模式》：JavaScript的代码模式和设计模式，将开发思维转变到JavaScript，非常好的书 《JavaScript框架设计》：在用轮子同时，应当知道轮子是怎么转起来的，讲解很详细，从源码级别讲解框架的各个部分的实现，配合一个现有框架阅读，可以学到很多东西 《Dont make me think》：网页设计的理念，了解用户行为，非常不错 《CSS禅意花园》：经久不衰的一部著作，同样传递了网页设计中的理念以及设计中需要注意的问题 《高性能JavaScript》和《高性能HTML5》：强调性能的书，其中不只是性能优化，还有很多原理层面的东西值得学习 《HTML5 Canvas核心技术》：我正在读的一本书，对于canvas的使用，动画的实现，以及动画框架的开发都非常有帮助 《HTTP权威指南》：HTTP协议相关必备，前端开发调试的时候也会经常涉及到其中的知识 《响应式Web设计》：技术本身不难，重要的是响应式网页的设计理念，以及移动先行的思想 《JavaScript语言精粹》：老道的书，也是普及JavaScript的开发思维的一本好书，非常适合入门
• 不错的网站
  • github：没啥好说的，多阅读别人的源码，多上传自己的源码，向世界各地的大牛学习 codepen：感受前端之美的必选之地，里面有很多酷炫的效果和优秀的插件 echojs：快速了解js新资讯的网站 stackoverflow和segmentfault：基本上各种问题都能在上面获得解答 google web fundamentals：每篇文章都适合仔细阅读 static files：开放的CDN，很好用 iconfont：阿里的矢量图标库，非常不错，支持CDN而且支持项目 html5 rocks: 一个不错的网站，很多浏览器的新特性以及前沿的技术，都能在这上面找到文章 css tricks：如何活用CSS，以及了解CSS新特性，这里可以满足你 JavaScript 秘密花园 JavaScript初学必看，非常不错 w3cplus：一个前端学习的网站，里面的文章质量都挺不错的 node school：一个不错的node学习网站 learn git branch：一个git学习网站，交互很棒 前端乱炖：一个前端文章分享的社区，有很多优秀文章 正则表达式：一个正则表达式入门教程，非常值得一看
• 前端定位
  • 前端的定位关乎到你需要吸收什么样的知识和技能，决定在技术世界里你对什么需要格外敏感。 现在的前端工程师做到一定阶段不可避免会接触到很多比切页面、实现视觉要求、实现交互等更深入的问题，比如前端自动化、图像编程、性能优化等等，再往后推一点就是PHP/JSP/ASP/nodeJs，过去后端模板一般属于后端的范畴，现在随着前端架构的演进，可能会让你去写后端模板的代码，需要用到后端语言（PHP/Java/C#等），这就是所谓大前端（然而这与前端的定位并不是相背离的，大前端处理的依然是与用户接触的部分，仍然是对用户体验的优化）。可能最常见或者被谈论最多的就是node，其实这几种技术选型都可以，bat三家据说百度用PHP比较多，阿里用node比较多。