适合新手练手的web前端项目(web前端自学难吗)
这篇文章给大家聊聊关于适合新手练手的web前端项目，以及web前端自学难吗对应的知识点，希望对各位有所帮助，不要忘了收藏本站哦。
求推荐一些关于web前端的一些教程书籍,适合新手的
前端部分书很多，建议跟着慕课网这种在线培训的课程，边学边练。
一部分书供参考。
一、Javascript方面的书籍：
1 JavaScript权威指南（第6版）：号称javascript圣经，前端必备；前端程序员学习核心JavaScript语言和由Web浏览器定义的JavaScript API的指南和综合参考手册；
2 JavaScript高级程序设计(第3版)：前端必备书，如果你想真正进入前端世界，这是一本不可多得的进阶书，没什么好说的，必须细细品读；
3 JavaScript语言精粹：这是一本值得任何正在或准备从事JavaScript开发的人阅读，并且需要反复阅读的js书籍；
4基于MVC的JavaScript Web富应用开发：这不是一本适合初学者看的书籍，更适合具有一定前端开发经验的从业人员看的框架书，如果你想构建一个复杂的前端应用，你会如获至宝；
5 JavaScript DOM编程艺术(第2版)：好书主要是dom操作和兼容方面的知识，值得一看；
6 JavaScript经典实例：可以看看，主要是有关javascript一些典型小工具，有些剖析的并不深入，总体来说可以看看；
7 JavaScript设计模式：写js不难。如何编写优美、结构化和可维护的代码呢？反复的揣摩这本书吧；
8 JavaScript编程精解：了解一下可以；
9 JavaScript模式：又一本设计模式的好书，如果你想让自身的Javascript技巧提高到一个新层次，成为专业的开发人员和程序员，反复阅读吧；
10 JavaScript高效图形编程：是一本具有很强实操性的JavaScript图书，主要涉及JavaScript性能优化、高级UI设计、Web游戏开发、面向移动设备的开发、图形编程知识等
11 JavaScript RIA开发实战——最佳实践、性能、表现：主要介绍如何采用最合理的方式为RIA编写可靠的、易于维护的HTML、CSS和JavaScript代码，以及如何使用Ajax技术在后台实现浏览器与Web服务器的动态通信。可以细细读一下；
12高性能JavaScript：又一本好书，涵盖了当今JavaScript开发者需要了解的所有性能问题，毫无疑问，它已加入我的性能最佳实践列表；值得细细品读并实践；
13悟透JavaScript（美绘本）：这是一本可以让你轻松加愉快的阅读的一本好书，读完你可能会领悟：哦原还可以这样；
14 Ajax权威指南:详细的展示了ajax技术的发展以及应用，对于了解ajax技术很不错的一本详尽书籍；
15 Node.js开发指南: Node.js是一种新兴的开源技术，它将JavaScript从Web浏览器移植到常规的服务器端，使用Chrome的V8虚拟机来解释和执行JavaScript代码，能用于构建高性能、高可扩展的服务器和客户端应用，以实现真正“实时的Web应用”；
16 Node Web开发:雅虎架构师精准解读最炙手可热的Web开发技术；
17 jQuery Mobile权威指南：是系统学习jQuery Mobile的权威参考书；
18数据可视化实战：使用D3设计交互式图表：web矢量图类库d3.js的工具书；
19 jQuery权威指南:学习jquery的入门书籍；
20精彩绝伦的jQuery：名字起的不错，能忽悠不少人，入门级书籍；
21锋利的jQuery：不错的一本jquery应用书籍；
二、Html和Css方面书书籍：
1 HTML 5与CSS 3权威指南：html5和css3入级好书；详尽讲解了HTML5与CSS 3的所有功能和特性；
2 HTML5移动Web开发指南：介绍了一下移动端的web开发技术，以及一些移动端框架：QueryMobile、Sencha Touch，以及PhoneGap；
3响应式Web设计：HTML5和CSS3实战：有关响应式设计的知识并不是很多，大量篇幅写了html5和css3，这本书比较一般；
4 HTML5程序设计(第2版)：很全面的介绍了一下html5技术，前端人员都应该看一看；
5编写高质量代码:Web前端开发修炼之道：不可多得的一本前端开发规范书，前端开发人员的必读书；
6精通CSS：高级Web标准解决方案：css兼容性解决方案汇总，好书；
7 CSS禅意花园：主要的Web设计原则以及它们运用的CSS布局技巧；
8 CSS权威指南： css经典工具书；
9高性能网站建设进阶指南：Web开发者性能优化最佳实践：好书啊！网站性能优化，浏览器加载渲染详细解析；
10网站重构——应用Web标准进行设计:前端开发人员必读书，一本可以帮助网页设计师快速了解和掌握web标准设计的书；
11变幻之美 DIV+CSS网页布局揭秘：详细的介绍了从效果图到web布局实现的整个过程；
12 HTML5 Canvas基础教程: canvas入门书籍；
初学web前端开发用什么软件
前端工程师，也叫Web前端开发工程师。他是随着web发展，细分出来的行业。
Web前端开发技术主要包括三个要素：HTML、CSS和JavaScript！
它要求前端开发工程师不仅要掌握基本的Web前端开发技术，网站性能优化、SEO和服务器端的基础知识，而且要学会运用各种工具进行辅助开发以及理论层面的知识，包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持等。
随着近两三年来RIA（Rich Internet Applications的缩写，中文含义为：丰富的因特网应用程序）的流行和普及带来的诸如：Flash/Flex，Silverlight、XML和服务器端语言（PHP、，JSP、Python）等语言，前端开发工程师也需要掌握。
前端开发的入门门槛其实很低，与服务器端语言先慢后快的学习曲线相比，前端开发的学习曲线是先快后慢。
HTML甚至不是一门语言，他仅仅是简单的标记语言！
CSS只是无类型的样式修饰语言。当然可以勉强算作弱类型语言。
Javascript的基础部分相对来说不难，入手还算快。
也正因为如此，前端开发领域有很多自学成“才”的同行，但大多数人都停留在会用的阶段，因为后面的学习曲线越来越陡峭，每前进一步都很难。
大多数程序员认为 Javascript过于简陋，只适合一些网页上面花哨的表现，所以不愿花费精力去学习，或者以为不学习就能掌握。实际上，一门语言是否脚本语言，往往是她的设计目标决定，简单与复杂并不是区分脚本语言和非脚本语言的标准。事实上，在脚本语言里面，Javascript属于相当复杂的一门语言，他的复杂度即使放在非脚本语言中来衡量，也是一门相当复杂的语言！Javascript的复杂度不逊色于 Perl和 Python！
如何学习前端知识？学习 HTML，CSS应该先跟着书仔细、扎实的学一遍。然后就需要做大量的练习，做各种常规的、奇怪的、大量的布局练习来捆固、理解自己的知识。
而学习 Javascript首先要知道这门语言可以做什么，不能做什么，擅长做什么，不擅长做什么！
如果你只想当一个普通的前端程序员，你只需要记住大部分 Javascript函数，做一些练习就可以了。
如果你想当深入了解Javascript，你需要了解 Javascript的原理，机制。需要知道他们的本源，需要深刻了解 Javascript基于对象的本质。还需要深刻了解浏览器宿主下的 Javascript的行为、特性。
因为历史原因，Javascript一直不被重视，有点像被收养的一般！所以他有很多缺点，各个宿主环境下的行为不统一、内存溢出问题、执行效率低下等问题。作为一个优秀的前端工程师还需要深入了解、以及学会处理 Javascript的这些缺陷。
那么一名优秀的、甚至卓越的前端开发工程师的具备什么条件？
首先，优秀的Web前端开发工程师要在知识体系上既要有广度和深度！做到这两点，其实很难。所以很多大公司即使出高薪也很难招聘到理想的前端开发工程师。技术非黑即白，只有对和错，而技巧则见仁见智。
在以前，会一点Photoshop和Dreamweaver的操作，就可以制作网页。现在，只掌握这些已经远远不够了。无论是开发难度上，还是开发方式上，现在的网页制作都更接近传统的网站后台开发，所以现在不再叫网页制作，而是叫Web前端开发。
Web前端开发在产品开发环节中的作用变得越来越重要，而且需要专业的前端工程师才能做好。
Web前端开发是一项很特殊的工作，涵盖的知识面非常广，既有具体的技术，又有抽象的理念。简单地说，它的主要职能就是把网站的界面更好地呈现给用户。
其次，优秀的Web前端开发工程师应该具备快速学习能力。Web发展的很快，甚至可以说这些技术几乎每天都在变化！如果没有快速学习能力，就跟不上Web发展的步伐。前端工程师必须不断提升自己，不断学习新技术、新模式；仅仅依靠今天的知识无法适应未来。Web的明天与今天必将有天壤之别，而前端工程师的工作就是要搞清楚如何通过自己的Web应用程序来体现这种翻天覆地的变化。
说到这里，我想起了一个大师说过的一句话：对于新手来说，新技术就是新技术。对于一个高手来说，新技术不过是就技术的延伸。再者，优秀的前端工程师需要具备良好的沟通能力，因为前端工程师至少都要满足四类客户的需求。
1、产品经理。这些是负责策划应用程序的一群人。他们会想出很多新鲜的、奇怪的、甚至是不可是实现的应用。一般来说，产品经理都追求丰富的功能。
2、UI设计师。这些人负责应用程序的视觉设计和交互模拟。他们关心的是用户对什么敏感、交互的一贯性以及整体的好用性。一般来说，UI设计师于流畅靓丽、但并不容易实现的用户界面，而且他们经常不满前端工程师造成 1px的误差。
3、项目经理。这些人负责实际地运行和维护应用程序。项目管理的主要关注点，无外乎正常运行时间、应用程序始终正常可用的时间、性能和截止日期。项目经理追求的目标往往是尽量保持事情的简单化，以及不在升级更新时引入新问题。
4、最终用户。指的是应用程序的主要消费者。尽管前端工程师不会经常与最终用户打交道，但他们的反馈意见至关重要。最终用户要求最多的就是对个人有用的功能，以及竞争性产品所具备的功能。
————————————
关于书籍：
HTML、CSS类别书籍，都是大同小异，在网上搜索一下很多推荐。
Javascript的书籍推荐看老外写的，国内很多 Javascript书籍的作者对 Javascript语言了解的都不是很透彻。
这里推荐几本 Javascript书籍：
初级读物：
《JavaScript高级程序设计》：一本非常完整的经典入门书籍，被誉为JavaScript圣经之一，详解的非常详细，最新版第三版已经发布了，建议购买。
《JavaScript王者归来》百度的一个Web开发项目经理写的，作为初学者准备的入门级教程也不错。
中级读物：
《JavaScript权威指南》：另外一本JavaScript圣经，讲解的也非常详细，属于中级读物，建议购买。
《JavaScript.The.Good.Parts》：Yahoo大牛，JavaScript精神领袖Douglas Crockford的大作，虽然才100多页，但是字字珠玑啊！强烈建议阅读。
《高性能JavaScript》：《JavaScript高级程序设计》作者Nicholas C. Zakas的又一大作。
《Eloquent JavaScript》：这本书才200多页，非常短小，通过几个非常经典的例子（艾米丽姨妈的猫、悲惨的隐士、模拟生态圈、推箱子游戏等等）来介绍JavaScript方方面面的知识和应用方法。
高级读物
《JavaScript Patterns》：书中介绍到了各种经典的模式，如构造函数、单例、工厂等等，值得学习。
《Pro.JavaScript.Design.Patterns》：Apress出版社讲解JavaScript设计模式的书，非常不错。
《Developing JavaScript Web Applications》：构建富应用的好书，针对MVC模式有较为深入的讲解，同时也对一些流程的库进行了讲解。
《Developing Large Web Applications》：不仅有JavaScript方面的介绍，还有CSS、HTML方面的介绍，但是介绍的内容却都非常不错，真正考虑到了一个大型的Web程序下，如何进行JavaScript架构设计，值得一读。
要做优秀的前端工程师，还需要继续努力：《高性能网站建设指南》、《Yahoo工程师的网站性能优化的建议》、“YSLOW”性能优化建议、《网站重构》、《Web开发敏捷之道》、“ jQuery库”、“前端框架”、“HTML5”、“CSS3”。。。这些都要深入研究！
如果单纯只是学习前端编程语言、而不懂后端编程语言（PHP、，JSP、Python），也不能算作是优秀的前端工程师。在成为一个优秀的前端工程师的道路上，充满了汗水和辛劳。
新手学前端开发应该看哪些书
亲，新手学前端的话，这些书籍资料参考一下呗~
1、《JavaScript高级程序设计(第3版)红皮书》，适合有一定编程经验的Web应用开发人员阅读，也可作为高校及社会实用技术培训相关专业课程的教材。
2、《JavaScript权威指南(第6版)》犀牛书，本书不仅适合初学者系统学习，也适合有经验的 JavaScript开发者随手翻阅。
3、《JavaScript DOM编程艺术(第2版)》，本书在简洁明快地讲述JavaScript和DOM的基本知识之后，通过几个实例演示了专业水准的网页开发技术，透彻阐述了平稳退化等一批至关重要的 JavaScript编程原则和最佳实践，并全面探讨了HTML5以及jQuery等JavaScript库。
4、《CSS权威指南(第三版)》，不管你是一个有经验的Web开发人员还是一个彻底的初学者，《CSS权威指南(第3版)》都是你的CSS学习源泉。
5、《JavaScript设计模式》，适合JavaScript初学者、前端设计者、JavaScript程序员学习，也可以作为大专院校相关专业师生的学习用书，以及培训学校的教材。
6、《你不知道的JavaScript(上中下卷)》，本书既适合JavaScript语言初学者了解其精髓，又适合经验丰富的JavaScript开发人员深入学习。
7、《Vue.js权威指南》，该书内容全面，讲解细致，实例丰富，适用于各层次的开发者。
学习路线：
第1阶段：前端页面重构(4周)
内容包含了：(PC端网站布局项目、HTML5+CSS3基础项目、WebApp页面布局项目)
第2阶段：JavaScript高级程序设计(5周)
内容包含：(原生JavaScript交互功能开发项目、面向对象进阶与ES5/ES6应用项目、JavaScript工具库自主研发项目)
第3阶段：PC端全栈项目开发(3周)
内容包含：(jQuery经典交互特效开发、HTTP协议、Ajax进阶与PHP/JAVA开发项目、前端工程化与模块化应用项目、PC端网站开发项目、PC端管理信息系统前端开发项目)
第4阶段：移动端项目开发(6周)
内容包含：(Touch端项目、微信场景项目、应用Angular+Ionic开发WebApp项目、应用Vue.js开发WebApp项目、应用React.js开发WebApp项目)
第5阶段：混合(Hybrid,ReactNative)开发(1周)
内容包含：(微信小程序开发、ReactNative、各类混合应用开发)
第6阶段：NodeJS全栈开发(1周)
内容包括：(WebApp后端系统开发、一、NodeJS基础与NodeJS核心模块二、Express三、noSQL数据库)
希望对你有用~望采纳~
如果你还想了解更多这方面的信息，记得收藏关注本站。