如何系统的学习web前端

web前端灵活多变，能够直观看到成果，所以成就感更容易体现，学习起来也会相对轻松。Java被称为最稳定的语言，应用最为广泛，无论是一线城市还是二三线城市，都容易找工作，但入门相对更难。

如果实在不知道该选哪个，下面跟大家谈谈web前端和java有哪些具体区别，可供参考。

分别用来做什么？

Java开发

1用来编写网站。现在很多大型网站都用jsp写的，JSP全名为JavaServerPages。它是一种动态网页技术，比如我们熟悉的一些搜索网站、政府网站都是采用JSP编写的。所以学习Java的同学可以找编写网站方面的工作，而且现在找这方面的岗位比较多。

2做Android。Android是一种基于Linux的自由及开放源代码的 *** 作系统，其源代码是Java。所以市场上见到的手机系统例如MIUI，阿里云，乐蛙等，都是修改源代码再发行的。Java做安卓不单单是指系统，还有APP，对于更多的开发人员来说，他们更多的时间是花在开发APP上面。

3做游戏。比如说俄罗斯方块(TETRIS)、超级泡泡龙(SUPERBUBBLEBOBBLE)、超级马里奥(SUPERMARIOBROS)、贪吃蛇(RETROSNAKER)。

4做软件。一般编程语言都可以做软件的，Java也不例外，例如Eclipse，MyEclipse等知名Java开发工具。有关开发软件组件，可以了解JavaSwing编程或者awt相关知识。

5做大数据。都说现在是数据时代。各种大数据技术层出不穷。目前处理大数据的技术有python，java，R等。虽然说java没有绝对的优势，但是也是一大霸主。

除了上述领域外，Java在人工智能、科学计算等领域也有一定的应用。学完之后可以做研发，产品经理，测试，运维等等。

Web前端

WEB前端工程师在不同的公司有不同的职能，但是称呼都是类似的，主要分为以下四类：

1做网站设计、网页界面开发。

2做网页界面开发。

3做网页界面开发、前台数据绑定和前台逻辑的处理。

4设计、开发、数据。

前端要解决界面和交互问题，实际上UI层面上的问题一直是软件工程方面的一个难题，因为UI不停地在变化。浏览器各个版本的兼容性、Web标准、移动设备、多终端适配，给了前端工程师很大的挑战，对前端工程师的能力也有很高的要求。

分别要学什么？

Java开发

1Web前端技术（HTML5、CSS、JS、jQuery、Ajax）

2互联网架构（Nginx、Redis、MQ）

3JavaEE三大核心框架（Spring，SpringMVC，MyBatis）

4Web服务器端编程（Java基础、Servelt、SSH、SSM）

5数据库技术（Orale、MySQL、JDBC、DAO）

Web前端

1htmlcss。

2JavaScript。

3Photoshop、flash。

4html5和css3。

5、浏览器兼容。懂web标准,熟练手写xhtmlcss3并符合符合w3c标准。代码能兼容主流浏览器Firfox,Chrome、Safari、IE、Opera。

6、熟悉一门后台编程语言asp、php、jsp等。

Java开发和web前端现在都属于热门的两个方向，前景都比较不错。

1 web服务器（apache、tomcat等），网络协议（>前端是在浏览浏览器的时候，它是网络前台的部分，运行在pc端。
移动端等浏览器上展示给用户浏览的页面，利用完美的动态设计，能够给用户带来极高的用户体验。
前端前端技术一般分为前端设计和前端开发，前端设计一般可以理解为网站上面的视觉设计，前端开发则是网站的前台代码实现。
前端开发又最基本的三个核心，这也是必须掌握的三个重要的核心，分别是HTML、CSS、JavaScript这三个，在日常的生活中我们接触到的也很多，掌握了这三个，在前端开发应付也会很轻松。

web前端主要工作是确保网站访问者可以轻松地与页面交互。

Web前端是计算机科学开发的核心和领域，它主要针对编码和构建可见的东西。也就是用户进行交互的界面，集中在Web应用程序或网站中。它还包括移动应用程序的开发，负责创建这些类型的应用程序的布局或架构的人员是前端开发人员。

大多数前端开发人员花费大量时间在HTML、CSS和JavaScript上，精通某一个很重要。前端开发人员使用HTML来布置文档的一般结构和内容，CSS用于样式，JavaScript用于需要高级交互性的情况。

主要工作

前端开发人员的工作是实现可视化和交互式元素，这些功能就是为了帮助自己的应用程序或网站吸引到更多的用户。Web应用程序，通常由负责创建应用程序逻辑服务器端的后端开发人员支持，其余的集成内容部分由前端开发人员完成。

前端开发人员需要知道如何编写逻辑或代码，并能够让项目在业务环境中工作。因此，前端开发人员应该会使用版本控制工具，如GIT。虽然不太常见，但前端开发人员也可以使用Python、Ruby或PHP轻松地将数据与他们网站的后端连接起来。

一我个人学习前端的经历。

我刚学前端的时候，并不是跟着机构学的，是在大学里自己摸索着学习的，我现在是前端项目经理。我最开始也是从大一开始自学的，但是学会的也基本是皮毛，大学的时候自学，我个人自律能力比较差吧，所以学的是断断续续的，但是那个时候我对做网页比较有兴趣，所以我还是比较相信兴趣是最好的老师这句话的，一直没有放弃对前端的学习和提升，包括我经常在网上听前端的直播课，做做笔记，提升提升实力。现在我在一个大公司当前端的项目开发经理。

二学前端，看视频教程，不如看直播，有学习的氛围。

关于看前端视频教程，不在于多，越多越是不看的，这也是我个人总结出来的，我还很少见到自己完全靠看视频教程学习能学会前端开发的。但是大家可以看网上的前端视频直播，因为看直播和看录播是不一样的，直播听老师讲，有参与感，互动感，不明白的也可以问，很多人同时一块学习，这种氛围带动着大家也能投入进去学习。

如果大家想看前端的网上优质直播课的话，可以到我听的那个课堂去学习一下，每天晚上8点都有免费的前端直播课，老师讲的挺风趣幽默，通俗易懂，比我们自学的时候学的东西多了去了，想听的同学，可以进入他的前端教程资料学习裙：首先开头的一组数字是：655，其次处于中间地带的一组数字是：567，最后处于尾部的一组数字是：613，把以上三组数字按照先后顺序组合起来即可。喜欢学前端的同学一定要多学习，千万不要闭门造车，只有海纳百川，多学多练，吸收别人的精华，才能成就自己的强大。

三自学好，还是跟着高手学好？

对于跟着高手学还是自学，如果你条件还可以，负担不是那么大，能跟着高手学就跟着高手学一下，跟高手学一定会比你自学的好，因为有老师带你，你肯定会进步快，学习编程最好还是有领路人，没有那么多天才能自学成功，如果有高手带你都很难学好，那么自学一定学不好。

四实体学习还是网上学习？

不过现在实体前端学习的学费支出是很高的，得两三万吧，费用贵，学习周期也比较短，所以如果大家经济条件不允许的话，可以在网上平台学习，都是晚上讲课，不耽误你们白天工作或者上学，而且相关支出也就六七千吧，老师的讲课实力也是很好的，都是有很多项目开发经验的，我听了很多这方面的课，收获确实是很大的。

五如果你选择自学建议如下：

如果条件不允许，也可以选择自学，自学挺难的，但是如果你韧性强，自学也可以找到工作，但是你需要有一个指导你的人，从比例来看会很低，其实无论在哪里学习都是一样的，重在内心怎么看待你学习前端这个事情。

1了解如今的市场行情，就是企业需要什么样的人才，了解清楚企业技术需求，这点很重要。

2有一套系统的学习方案，学习不是瞎学的，是有节奏感的，每天看多少视频，不是说看完了就完了，在很多人的实践中，看完视频一点用没有用。一天用多少时间学前端，自己规划好，每天做什么案例都是非常重要的。

六自学web前端的人需要克服以下几点问题：

1、惰性：web前端虽说门槛低，但是说到底它也是程序，程序都是比较枯燥的，它需要我们长期坚持的去练习，很多自学的人都忍受不了这种枯燥而产生惰性，慢慢丧失了自学web的兴趣。

2、难点：web前端虽然简单，但是如果零基础的人去学总会碰到一些难点，而这时我们只能通过收集一些资料来慢慢寻找解决问题的方法，无形中就拖慢了自己的学习进度。

3、自制力：自学最大的难题就是我们是否有学下去的动力，自学的过程中我们会碰到很多的诱惑，如果我们抵御不了这些诱惑，我们根本无法去学习。

七合理的学习路线，我这里也给大家一些建议：

（1）基础学习：

网页布局基础：HTML+CSS+DIV盒子模型+前端开发基础：

javascript语法基础+javascript面试对象+DOM *** 作+javascript插件学习+javascript类库（jquery为例）+AJAX+代码性能优化

（2）进阶学习:

H5标签+CSS3动画+2D/3D转换应用+Canvas+SVG+本地存储（WEBsql）+移动端WEBAPP开发+移动端框架学习

（3）框架学习：

Vue+Angular+React+Bootstrap+node

一

最好可以有人指路：

有人指路，很多问题是我们刚刚开始自己不可能解决的，除非那个是天才，可能一个小问题，我们一天都想不明白，但是别人的一句话可能就懂了，这个就是经验。

八web前端开发的相关知识。

1、学好CSS是网页外观的重要一点，CSS可以帮助把网页外观做得更加美观。

2、div布局：DIV元素是用来为HTML文档内大块的内容提供结构和背景的元素。

3、学习JavaScript的基本语法，以及如何使用。JavaScript编程将会提高开发人员的个人技能。

4、了解Unix和Linux的基本知识虽然这两点很基础，但是开发人员了解Unix和Linux的基本知识是有益无害的。

5、html5+css3：移动端的网页制作。在移动设备开发HTML5应用只有两种方法，要不就是全使用HTML5的语法，要不就是仅使用JavaScript引擎，现在也是前端的一个趋势。

6、一些框架的应用：angularjs，nodejs，bootsttap等框架的应用。

7、了解web服务器对Apache的基本配置，并且掌握htaccess配置技巧

8、web前端开发技术，还需要学习一些seo优化技术，因为前端是经常会和网站接触的。

9、掌握web前端开发技术的同时，适当的学习一些后台开发语言（java，php等）也是一个不错的选择。

Web前端灵活多变，能够直观看到成果，所以成就感更容易体现，学习起来也会相对轻松。Java被称为最稳定的语言，应用最为广泛，无论是一线城市还是二三线城市的岗位需求都比较大，容易找到工作，但入行门槛相对更难。 你也可从以下三个方面来作为参考：

工作方向：

Java开发Java作为编程语言中最热门的技术，可谓无处不在。无论是生活软件、游戏还是电脑软件，从你的每一次购物到每一笔支付的成功，都离不开Java，越来越多的企业也正采用Java语言开发网站，而在所有程序员中，Java开发工程师就占据了30%的比例。Java语言具有面向对象、跨平台、安全性、多线程等特点，这使得Java成为许多应用系统的理想开发语言。学完Java可以：

1编写网站。Java可以用来编写网站，现在很多大型网站都用JSP写的，JSP全名JavaServerPages它是一种动态网页技术，比如我们熟悉的163，一些政府网站都是采用JSP编写的。所以学习Java的同学可以找开发网站方面的工作，而且现在找这方面的岗位比较多。比如：网站开发大多使用JSP、Servlet、JavaBean这些技术。

2做Android。Android是一种基于Linux的自由及开放源代码的 *** 作系统，其源代码是Java。所以市场上见到的手机系统例如MIUI ，阿里云，乐蛙等，都是修改源代码再发行的。Java做安卓不单单是指系统，还有APP，对于更多的开发人员来说，他们更多的时间是花在开发APP上面。

3游戏开发。在以前诺基亚还很流行的时候，你玩的手机游戏有90%以上都是Java开发的。PC端也有Java开发的游戏，比如：《我的世界》(minecraft ，简称MC)，《英雄联盟》（简称LoL）等等。

4大数据。都说现在是数据时代。各种大数据技术层出不穷。目前处理大数据的技术有python，Java，R等。虽然说Java没有绝对的优势，但同样也是一大霸主。

5做企业软件。企业级应用开发大多使用Java语言，大到全国联网的系统，小到中小企业的应用解决方案，Java都占有极为重要的地位。

另外，Java在人工智能、科学计算等领域也有一定的应用。Java已成为当今市面上最受欢迎的编程语言了，可以说只要你使用手机、电脑等电子产品，你就会用到跟Java有关的东西。

Web前端

网站的“前端”是与用户直接交互的部分，包括你在浏览网页时接触的所有视觉内容--从字体到颜色，以及下拉菜单和侧边栏，这些视觉内容，都是由浏览器解析、处理、渲染后呈现而来。从狭义上讲，前端工程师使用HTML5、CSS、JavaScript等专业技能和工具将产品UI设计稿实现成网站产品，涵盖用户PC端、移动端网页，处理视觉和交互问题。从广义上来讲，所有用户终端产品与视觉和交互有关的部分，都是前端工程师的专业领域。Web前端工程师在企业里主要负责以下三方面的工作：

1网站设计；

2网页界面开发；

3前台数据绑定和前台逻辑的处理；

技术知识：

Java开发

1、Web前端技术 （HTML5、CSS、JS、jQuery、Ajax）

2、互联网架构（Nginx、Redis、MQ）

3、JavaEE三大核心框架（Spring，SpringMVC，MyBatis）

4、Web服务器端编程（Java基础、Servelt、SSH、SSM）

5、数据库技术（Orale、MySQL、JDBC、DAO）

Web前端

1、htmlcss。

2、JavaScript。

3、Photoshop、flash。

4、html5和css3。

5、浏览器兼容。懂web标准,熟练手写xhtmlcss3并符合符合w3c标准。代码能兼容主流浏览器Firfox,Chrome、Safari、IE、Opera。6、熟悉一门后台编程语言asp、php、jsp等。

就业薪资：

Java开发

web前端

Java开发和Web前端现在都属于热门的方向，从薪资角度来说，Java的工资普遍比Web前端高；从难易度来说，Java要比Web前端难一些；从需求来说，Java的人才需求量要比Web前端多，但相应Java的人才竞争力比Web前端要大一些。 并且，二者之间并无高低之分，墙外的人总以为墙内的人是光鲜亮丽的，但是适合自己的才是最重要的。至于哪一个更好，仁者见仁，智者见智。

---