做web前端开发有哪些推荐的书籍或者课程

作者&投稿:凤鸿 (若有异议请与网页底部的电邮联系)
Web前端开发主要学哪些课程?~

老实说,前端经过这几年的快速发展,网上的文章和教程还是蛮多的,有经验的人能够根据资料制定出属于自己的学习方法和路径,但对于小白来说,还是有些难度。知了姐来给大家分享前端学习路径。针对0基础,非科班,没有编程经验,想学前端,但是不知道如何入门的人群。
基础部分:
1、HTML + CSS 这部分学习,可以模仿一些网站做些页面,在实践中积累经验。做到能与UI对接,能100%重构网站静态页面的开发,为后期编写页面逻辑、动态效果打基础。
2、Javascript 要学的内容实在很多,如果没有其他编程语言的基础的话,学起来可能要费些力,这个阶段需要掌握编程基础概念,培养逻辑思维能力。能够独立完成网站的页面开发(包括合理布局,JavaScript操作DOM)

进阶部分:
有了以上基础,就可以进行一般的静态网页设计,不过对于复杂的页面还需要进一步学习。
3、JavaScript高级与服务器基础,深入面向对象编程,具备移动端开发能力,处理浏览兼容问题,深入学习ES6/ES7语法规范,前后端分离开发思想。
4、框架与服务器,数据库,前端安全的学习,深入了解Node,数据库操作,前后端分离技术,前后台协作开发。熟悉NPM(Yarn),Node模块fs,http,路由,处理请求,express4(koa);掌握创建websocket服务,MongoDB/MySQL数据库CRUD(Mongoose);掌握微信小程序开发,掌握Vue2.x基础,Vue-router,Vuex等等。
5、React与组件化开发,深入学习组件化开发思想,了解webpack使用,掌握React开发基础,Hook,create-react-app等等。
升级部分:
有了以上知识,对于大多数小型网站,你应该已经可以写出能够工作的代码了。但要想成为更专业的前端,你还需继续努力。更高的要求大概还有四方面:1)易维护,2)可测试,3)高性能,4)低流量(移动端)。
其他补充部分:
前端项目同样面临软件生命周期的各个环节,首先是代码管理,你必须学会使用Svn和Git。其次是代码的构建,如今前端代码构建已经不是简单的压缩一下了,需要进行依赖管理、模块合并、各种编译,比需要学会使用Grunt、Gulp等前端构建工具。
以上内容只是简单说了前端学习的顺序。对于前端开发,基本内容就这些了,可以根据自己的兴趣爱好选择性学习以下内容。
1、交互设计。大公司依然有专业人士搞这些,不过不懂交互的前端一定不是好前端。推荐《简约至上》。
2、后端。应该说前端工程师必须至少了解一门后端语言,不过如果爱好也可深入学习,如今NodeJs在大公司已经得到普遍的使用,推荐大家使用在Node上使用Express框架做一些后端服务的开发。
最后,有经验的程序员都知道,学习编程最有效率的方式就是把你扔到一个项目组,连滚带爬的做一两个项目下来你马上会发现所有的知识点全都连到一起了,不再是分散的,而是形成一个整体了。那种感觉是仅仅深入钻研知识点而不写真实项目的人所不能体会的。 一个项目就是一根绳子可以把大片的知识串到一起。
如果想锻炼实际开发的能力而不仅仅是背诵或者了解一些知识点,如果想成为真正的好手,那么,还是做项目吧!
整体来看的话,Web前端开发需要学习的内容还是比较多的。前端是一门涵盖面很广的学科,而且技术更新较快,优秀的Web前端开发工程师应该具备快速学习能力。如果没有快速学习能力,就跟不上Web发展的步伐,所以需要不断提升自己,不断学习新技术、新模式。

HTML5介绍
内容包括:(互联网发展趋势、H5语言的优势、简单易学人人都能编程、
H5就业和薪资情况、H5常见的项目与产品、H5的未来与方向)
HTML基础
内容包括:(HTML简介与历史版本、常用开发软件、常见标签与属性、
表格与表单、标签规范与标签语义化、实战:网页结构布局)
CSS基础
内容包括:(css简介与基本语法、常见的各种样式属性、CSS选择器与标签类型、理解盒子模型与CSS重置、浮动与定位、利用photoshop工具测量样式、HTML+CSS开发网页、实战:高仿电商首页效果)
CSS3基础
内容包括:(css3常见样式、css3选择器、变形与动画、3D效果与关键帧、弹性盒模型、5.移动端布局、移动端基本概念、viewport窗口设置、移动端布局方案、rem、vh、vw等单位、响应式布局、bootstrap框架)
Java基础
内容包括:(JS简介、JS变量、数据类型与类型转换、运算符与优先级、
流程控制-if..else流程控制-switch...case、流程控制-while、do..while、for循环、break、continue语法、函数定义与调用、全局变量与局部变量、函数传参与返回值。
还有函数作用域与变量作用域、DOM的基本操作、定时器使用、this指向与修改指向、数组、字符串等方法操作、时间对象与正则对象、掌握常见BOM操作、常见事件与事件细节、JSON与AJAX、JSONP跨域操作、前端cookie的使用、实战:JS配合HTML与CSS完成电商项目)
jquery框架
内容包括:(jquery框架介绍及优势介绍、jquery核心思想、jquery常见方法、jquery动画操作、jqueryAJAX操作、jquery工具方法、利用jquery快速开发网页)
PHP基础
内容包括:(PHP简介与基本语法、mysql数据库及sql语法、apache服务器与集成开发工具、PHP链接数据库、PHP与AJAX交互、实战:留言板、登录、注册等)
H5基础项目
内容包括:(项目简介、项目功能演示、项目划分及框架、编写HTML页面结构、设置CSS样式、添加JS交互、可选框架:bootstrap、jquery、PHP等、项目调试及兼容、项目验收)

书籍资料:

1、《JavaScript DOM编程艺术》推荐3(比较基础,小白入门的话推荐,有基础的不推荐)

2、《CSS权威指南》推荐2(书是好书,看了忘了的工具书,写样式谷歌更高效)

3、《CSS揭秘》推荐5(不是CSS入门书籍,CSS提升必备,最棒的CSS工具书,CSS魔法)

4、《JavaScript 语言精粹》推荐4(有经验的js可以看看,个人没有get到传说中的惊艳,加深理解)

5、《JavaScript 权威指南(第6版)》推荐4(入门刚入门都不推荐,个人的枕头书,讲的挺全面的,可读性不高,提升的话应该要看吧,头看大了还没看完)

6、《JavaScript 高级程序设计》推荐5(最权威的js入门书籍,不要被名字吓到)

7、《你不知道的 JavaScript 上卷》 推荐5 (强烈推荐,刷新对js的看法,语言精粹的配合着看,明明白白的理解原型链不需要工作5年后还不懂)


8.《高性能 JavaScript 》推荐4 (提升必备吧,个人感觉,有些实践经常遇到)

9. 《JavaScript 设计模式》 推荐4 (提升必备,设计模式是开发中的最佳实践,常看常新,我看的是张荣铭的那本,无论那本js设计模式书都可以的,想起来内容以情景对话的方式对我来说不是很友好,叙述方式个人不喜欢但是不影响内核5分)

10. 《图解HTTP》 推荐3 (入门可以,简单有趣,提升不推荐)

11. 《深入浅出 Node.js》推荐5 (强烈推荐,国人书精品,也有通病讲的比较深入但是知识点比较分散不系统像个博客集,有js基础看的比较过瘾,基础不好的话不知道能吸收多少)

12. 《Node.js 实战》推荐3 (不推荐,书出的比较早实例也烂大街,一些实践已经有更好的替代模块了,没有后端基础的话可以看看)

13.《HTML5 权威指南》推荐3 (书是好书,适合入门,有前端基础的话推荐MDN效率更高,一点基础没有的话抓不到主次适合泛读,没时间看的话不推荐本书,提升没有帮助)

14. 《深入React技术栈》(没看完 ... )



如果你是真心想学习web前端、以后想朝着这个方向发展,那么你一定要来这个企鹅裙,前面前面是二96,中间是5九1,最后面就是2九零,来这里可以这里学习经验,得到专人解答,这样你可以成长的更快!!!
我接下来会写一些自己读过的书,并且觉得好的书推荐给大家,希望对大家有用:

HTML相关:
《Web标准实战》 比较简单,适合入门
《Web标准设计》

《深入浅出HTML》

CSS相关
《CSS设计彻底研究》 视频教程很好,书本我并没有详细研究,不好说建议。
《CSS网站布局实录》 CSS的书我看得比较少,这本算是看得比较全了,听说第二版不错。

javascript相关:
《精通JavaScript》 第三部分非常好
《JAVASCRIPT语言精髓与编程实践》 这本书对原型和继承做了非常精辟的解释,网上大部分关于原型的文章都是参考此书的。
《悟透javascript》 这本书第一章是介绍原型和继承的,第三章也介绍了跨域的一个解决方法,还有就是作者对程序和人生的理解哲学很有深度。
《JavaScript权威指南》 这本书就不用说了
《高性能网站建设指南 》 这类书有两本不同版本,都是关于web性能优化的
《JavaScript语言精粹》 进阶的好书
《JavaScript设计模式 》 进阶的好书
SEO;
《SEO教程:搜索引擎优化入门与进阶》 这本书有些地方我认为说得不大确切,但是总体还不错。

第一批次
入门级,也适合想掌握一些前端技能的非前端工程师 <JavaScript Dom编程艺术>
第二批次
成为一名合格的前端工程师 <JavaScript高级程序设计>(或<JavaScript权威指南>) <精通JavaScript>
第三批次
更优秀的代码,更优良的设计 <JavaScript语言精粹> <JavaScript设计模式>
注意:自学的话可以少看点书,多看点视频 ,更重要的是 多去实际项目操作,熟能生巧,也能更快理解吸收。

传统的html css几乎不用看书,看一些html5 css3多作页面即可,因为其它js的书都会涉及。
js比较灵活水比较深。入门浅的可以看视频,中公优就业有免费web前端入门课程,可以去看一下。

悦能不能椎仄胶印胺

怎么学习前端开发?求推荐学习路线?
答:推荐jQuery,简单易用,上手jQuery即可完成一些简单的项目。学习方法也很简单,照着产品文档做 几个页面就行了,不用面面俱到,以后遇到问题查文档就行了。框架可以帮你屏蔽浏览器的差异性,让你能更专注与Web开发学习的精髓部分。补充: 可以使用 Codecademy 学习 Javascript,jQuery,用户体验真的很好(...

Web前端的就业方向有哪些
答:4.其他。除了以上所说的这几种外,Web前端工程师能做的还有很多,比如工作之余自己在网上接单,在接单的过程中你会碰到各种各样的问题、项目,对于自身技术的要求是非常高的,但同样,如果你的技术非常高,那么通过接单你就可以挣到不菲的外快。5.自己创业。由于Web前端工程师的知识面非常广,几乎...

web前端开发论坛社区有哪些
答:5. qs:一个url参数转化 (parse和stringify)的轻量级js 库。6. three.js:基于webgl的开源3D框架,对webgl进行封装,需要专业的3D开发知识。7. thingjs: 一款新兴的3D框架,封装物联网3D开发概念(建筑、楼层等),仅要求初级js基础。常见的技术社区,都会有【大前端】学习资源和社区讨论,推荐spring...

有哪些不错的前端开发博客?
答:百度新首页和百度空间前端技术负责人,2011年最佳百度人。喜欢开发前端自动化开源工具,目前在github上维护了Fl, AutoSprite, pjax等多个项目。何一鸣淘宝网 微博:kissyteam 主要负责淘宝前端框架 KISSY 的维护与开发,解决KISSY在淘宝各个业务应用中遇到的问题。以上推荐那么多,希望对小伙伴有所帮助。

学完web前端从事哪个方向比较好啊?
答:即便在学成这段时间,势必会遭遇一段时间的阵痛期。但对于一个大局观好、悟性好、知识面广的前端工程师而言,这依旧是值得推荐的荣光之路。2、资深Web前端工程师 这个方向算是一个Web前端最基本的选择了,但能够把自己的专业做到极致,能一辈子就在一个专业领域不断学习和积累。对所有的Web前端工程师...

做web前端开发去哪些公司相对轻松些
答:作为一名有经验的web前端开发者,我可以给你一些建议,帮助你选择那些相对轻松些的公司。你需要考虑公司的规模和业务范围。一般来说,大型的科技公司或者互联网公司相对更加注重员工的福利待遇和工作舒适度。这些公司通常拥有完善的员工福利制度和舒适的工作环境,同时也有更多的资源和资金来支持员工的职业发展...

web前端学习课程都有哪些?
答:而这些转化就有赖于程序设计了。三、PC端全栈项目开发。这一阶段的内容很许多,比如微信场景项目、应用各种技术项目开发等。其中有些对于业外人士是比较艰涩难懂的,但习惯于电脑语言的人却很容易就看懂了。感兴趣的话点击此处,免费学习一下想了解更多有关前端学习课程的相关信息,推荐咨询【达内教育】。...

web前端培训十大排行榜?
答:毕竟现在这个时代只要多跟别人交流才能获得更多更有价值的信息,初学者千万不能闭门造车。3.看口碑行业内口碑比较好,学生对培训机构比较认可,这种机构把精力放在了学生身上的机构,才是做教育的应有态度。感兴趣的话点击此处,免费学习一下想了解更多有关web前端培训的相关信息,推荐咨询【达内教育】。该...

零基础开始学 Web 前端开发,有什么建议吗
答:如果你没有接触过web前端开发,那么如果你经常上网,冲浪,希望要了解互联网世界背后的故事,可以先从web前端开始了解,因为这是开启互联网世界大门的钥匙…web前端JS课程的核心特点。web前端课程的核心特点是:我们不仅仅要学会制作一个网页,一个特效。更多的是我们要用web前端开发传统应用程序,我们做pc端...

web前端开发培训机构哪个好
答:web前端作为近几年新兴的软件开发语言,更是得到了多人一致的好评和青睐。既然web前端这么受欢迎,学习这门课程当然前景更可观。目前市面上的web前端开发学习,一般在4-6个月左右。学习方式一般有两种,一种是面授,一种是线上学习。欢迎咨询千锋教育。想要了解更多关于web前端开发的相关信息,推荐咨询千锋...