百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 文章教程 > 正文

Java实践之前端书单_java前端需要掌握什么

yund56 2025-02-25 00:55 16 浏览

上一篇内容介绍了服务端和架构相关的Java技术学习书单,相信大家对于如何成为Java服务端开发工程师有了清晰的脉络,这一篇我们来介绍另一部分——WEB前端开发书单。


这里为什么单独要将WEB前端单列,而其他客户端也算前端,比如手机App,PC客户端等并不在此部分介绍(App开发后续可能会单独梳理出一个相关书单),主要是因为目前主流的应用场景越来越以WEB/H5的前端实现为主,包括PCWEB,手机H5,小程序类的WEBApp,甚至一些App也做成大部分为嵌入式WEB页面的方式来代替原生页面,这样的好处是对用户的轻量级的实现,同时便于随时更新和修改页面样式和内容,而不需要升级App。


还要再说明一个问题,就是前端开发为什么仍然放在Java知识体系之下,个人认为目前前端的各种技术和框架,核心仍然是Javascript,有了Javascript才使得动态脚本实现和前后端交互成为方便实用的技术,极大提升的前端的体验和效率,让前端成为客户端展现的主流。


好了,先说这么多,下面介绍如何从小白(或者老白)开始,一步步成为前端大神,让我们从书中找到答案。


一、HTML和CSS


要说到WEB开发,就不能不提到HTML标准,也不得不跟浏览器深深的打交道,所以学习前端技术我认为要先从html学起,而不是上来就是三剑客vue,react,angular,上来就是前端框架,上来就是全家桶,虽然这些是我们必须要掌握的,或者至少掌握一种框架,在实际开发中必不可少,而且越精通越熟练约好。但是html是一切的基础,html语法和标准,css样式,和JavaScript语言编程都是必备的基本功,才能让我们拥有扎实的技术功底,成为前端专家。


本人那时学习web开发的时候,web流行的还是asp,php写页面,而我最先接触的项目是Netscape浏览器的代码改造和移植(现在叫Mozilla),深入的研究和修改了Netscape的html解析的内核代码模块,从而对html的各种标签以及各种标签的解析,甚至标签如何UI展现都要自己重新写,这样在以后用到前端WEB页面开发时,就比较容易理解各种标签元素的底层原理了。


还是先上学习路线:


HTML+CSS(基础)=》Javascript(核心)=》三大框架(实战)


所以先推荐全面学习html的权威书,html现在进展到第五版本,增加了不少新特性,所以可以直接学html5标准。


1. 《Head First HTML与CSS》(第2版)

(声明:本图及以下图片来源于京东截图,如有侵权请联系作者删除)


首先还是Head First系列的,先通俗易懂些,也能掌握全貌,另外就是html和css都是搭配出现的。


2. 《HTML5权威指南》

权威指南,希望精读精学的。


3. CSS权威指南(第四版)

O‘Reilly的权威指南更值得一读,专注于CSS样式,已经出到第四版。


二、Javascript


说到Javascript,既古老又崭新,如雷贯耳,核心中的核心,但如何真正学好JavaScript,既要把他当作Java的延伸(需要很好的Java语言基础和经验),又要把他当作一门新的语言来学,认真学习语法,编程思想,设计模式这个顺序走来,另外就是要更加注重实际应用场景的实践的知识,常学常用常新。期中Javascript设计模式的内容在之前文章中已有介绍,这里介绍其他内容的经典好书。


1. 《JavaScript 指南》 原书第7版



O’Reilly的著名的犀牛书,相信权威指南系列,必读。


2. 《JavaScript高级程序设计》 第4版



又是著名的红宝书,必读。


3. 《高性能JavaScript》



关注高性能等高级话题。


4. 《JavaScript经典实例》(第二版)


关注实际应用场景实例的高级话题。


接下来可以串起来连贯实用,前端三剑客:HTML+CSS+Javascript


5. 《HTML+CSS+JavaScript入门经典》 第3版


先入个门


6. 疯狂HTML5+CSS3+JavaScript讲义



这样我们就基本掌握了前端开发的技术体系,也可以应用于实战没有问题,下面就可以更进一步,如何更快更方便地进行前端开发,开始进入快餐技术——框架的学习,让我们成为开发狂人。


三、Web前端三大框架:Vue.js、Angular.js、React.js


先看应用广泛,容易上手的Vue.js,也是我推荐的目前移动端可以选择的开发框架,也越来越多得到业界的支持,包括小程序,UniApp等都支持Vue为基础。


1. Vue.js设计与实现


2. 深入浅出Vue.js


这里提下深入浅出系列,是本人比较推荐的,最早的深入浅出C语言给我留下很深的印象,这个深入浅出Vue.js也是Vue经典书籍。


3. 《Vue.js全家桶零基础入门到进阶项目实战》


接下来就来了解下全家桶,快速上手项目实战。


4. 《AngularJS即学即用》


Angular.js的经典入门书籍。


5. 《Angular 5高级编程》


由Angular.js升级到Angular5,较为全面的讲解。


6. 《AngularJS从入门到项目实战》



最后学学项目实战。


7. 《React学习手册》(第二版)



React的著名Learning系列,React目前是PC端WEB比较流行实用的框架。


8. React实战


这个实战系列一直推荐。


9. 《React+Node.js开发实战:从入门到项目上线》



学学项目实战,这里是react和Node.js前后端相配合进行项目搭建和开发。


说到Node.js,他不是前端框架,是用于服务端的技术,虽然也是js系列,这里也介绍两本书学习学习。


10. 深入浅出Node.js


深入浅出学习。


11. Node.js实战 第2版


再来个实战系列,就差不多了。


介绍的书比较多,不一定都要买来看,我希望的是介绍学习路线和脉络给大家,大家可以选择关键的知识点买书来学习,后面的几个框架也不一定都要精通,都了解下,实战中精通一种两种就完全可以应付自如了。

相关推荐

没有获得Windows 10 20H2升级通知,怎样直接升级

微软公司已经正式发布Windows1020H2操作系统,在正常情况下,微软只会首先推送到少量电脑,然后一边推送一边采集遥测数据。收集遥测数据可以确定哪些电脑可以更新,哪些电脑在更新后可能会失败,微...

不想让人随便卸载你安装的程序,用这四招,他将无计可施

Windows10不提供设置删除应用程序限制的功能,有几种间接方法可以防止用户删除操作系统中的程序和游戏。一、WindowsInstaller服务使用Windows工具,可以部分限制用户的权限。如...

一文看懂苹果全球开发者大会 五大系统全面升级

来源:环球网【环球网智能报道记者张阳】北京时间6月23日凌晨1点,苹果全球开发者大会(WWDC2020)如期举行,还是那个熟悉的乔布斯剧院,依旧是高水准的视频展示,但是这届WWDC,却是苹果历史...

无需等待微软分批推送,23H2可借助注册表快速获取Win11 24H2更新

IT之家10月15日消息,Windows1124H2正在分批推送,但由于存在多种Bug,微软已经开始放缓其推送节奏。WindowsLatest发现,Windows1123H2...

办公小技巧:剑走偏锋 PPT中打造动态图表

年底到了少不了又要制作各种总结报表,为了让自己的报表与众不同,我们可以借助PowerPoint动画组件+报表的方式,打造出更为出彩的动态图表。下面以PowerPoint2016为例,介绍如何使用三维...

文档表格 版本差异何在

在办公过程中,对文档或表格的修改是司空见惯的事。那么,一份文档做了内容改动,如何知道差异在哪里?一份表格改动部分数据,如何知道哪些有所变动?不要说审阅和修订功能,因为不是所有人都会用这些功能来标注的,...

Excel VBA自制日历组件16色可选 完美替代VBA日期控件

本日期组件可跟随单元格跟随窗体中ActiveX文本框组合框控件16种配色可选私信回复880日历可体验效果使用说明1打开自己需要应用日历面板的Excel表,注意必须是启用VBA的格式2在...

如何从交互角度读懂产品需求文档

作为设计师,理解产品经理提供的需求文档是交互设计工作的重要前提与起点,然而对于很多设计师来说,需求文档内容通常非常复杂,设计师们需要花费大量时间去消化、理解和归纳。本文作者结合公司示例,分析设计师如何...

植入让文档变得更强大

有效地利用文档置入技术,会让我们的常用文档功能变得更加强大,实现更加高效或有趣的应用。1.写字板文档嵌入其他文档有时,我们要组织一个大型的文档,但是这些文档的内容可能来自于不同种类的文档编辑器,比如...

Office 2016滚动文本框 顺手就来

【电脑报在线】如果一页PPT内容较多无法在完全显示,就需要用到滚动文本框,在PPT2016中借助控件即可快速制作滚动文本框。在“告诉我你想要做什么”输入“文本框控件”,在搜索结果点击“文本框(Acti...

Axure的多状态复选树

本文将详细介绍如何在Axure中实现一种增强型的多状态复选树组件,它不仅支持全选、半选和未选等状态,还具备动态加载、关键字筛选等高级功能。多状态复选树(Multi-StateCheckboxTre...

办公小技巧:PPT中控件图表巧联动

在利用PPT进行图表演示时,操作者有可能要与图表进行交互联动,比如通过输入数据来预测产品的生产情况等,这时就需要用到“开发工具”中的控件了。几个控件配合几句VBA代码,就可以轻松实现上述交互联动效果(...

用好插件——找回火狐的旧功能

现在的软件,特别是浏览器类软件,更新换代速度都很快,而且无论是外观界面还是系统组件都会有较大的变化,这样会让很多朋友无所适从。以大家常用的火狐浏览器为例,它就已经升级到了最新的35版,而且在新版中对很...

重新认识控件(二)

图片和文字,都是一种数据形式。我平时对文本框的录入,报错和提交的设计比较多。最近涉及到图片控件的设计,细细琢磨一下,这玩意还有一些平时没太注意的细节点,感觉对于其他控件的设计有指导意义,特此总结一下传...

JSA宏教程——在文档中添加复合框控件

上一期,我们初步认识了控件Control,本节我们将继续控件的相关内容。这几期我们将逐一介绍相关控制。本节先介绍复合框(也叫组合框)Combobox。复合框的作用复合框就是一个下拉选项框,一次显示一个...