前端虽然学习起来是相对简单的，但是内容也不少，同时后期可以补充后端技能，成为现在热门的web全栈工程师。
要学的内容主要有：
①计算机基础以及PS基础
②前端开发基础（HTML5开发、JavaScript基础到高级、jQuery网页特效、Bootstrap框架）
③移动开发
④前端高级开发（ECMAScript6、Veu.js框架开发、webpack、前端页面优化、React框架开发、AngularJS 2.0框架开发等）
⑤小程序开发
⑥全栈开发（MySQL数据库、Python编程语言、Django框架等）
⑦就业拓展（网站SEO与前端安全技术）
互联网行业目前还是最热门的行业之一，学习IT技能之后足够优秀是有机会进入腾讯、阿里、网易等互联网大厂高薪就业的，发展前景非常好，普通人也可以学习。
想要系统学习，你可以考察对比一下开设有相关专业的热门学校，好的学校拥有根据当下企业需求自主研发课程的能力，能够在校期间取得大专或本科学历，中博软件学院、南京课工场、南京北大青鸟等开设相关专业的学校都是不错的，建议实地考察对比一下。
祝你学有所成，望采纳。
需要学习如下内容：
1、HTML语言
掌握HTML是网页的核心，是一种制作万维网页面的标准语言，是万维网浏览器使用的一种语言，它消除了不同计算机之间信息交流的障碍。因此，它是网络上应用最为广泛的语言，也是构成网页文档的主要语言，学好HTML是成为Web开发人员的基本条件。
HTML是一种标记语言，能够实现Web页面并在浏览器中显示。HTML5作为HTML的最新版本，引入了多项新技术，大大增强了对于应用的支持能力，使得Web技术不再局限于呈现网页内容。
随着CSS、JavaScript、Flash等技术的发展，Web对于应用的处理能力逐渐增强，用户浏览网页的体验已经有了较大的改善。不过HTML5中的几项新技术实现了质的突破，使得Web技术首次被认为能够接近于本地原生应用技术，开发Web应用真正成为开发者的一个选择。
HTML5可以使开发者的工作大大简化，理论上单次开发就可以在不同平台借助浏览器运行，降低开发的成本，这也是产业界普遍认为HTML5技术的主要优点之一。AppMobi、摩托罗拉、Sencha、Appcelerator等公司均已推出了较为成熟的开发工具，支持HTML5应用的发展。
2、CSS
学好CSS是网页外观的重要一点，CSS可以帮助把网页外观做得更加美观。
3、JavaScript
学习JavaScript的基本语法，以及如何使用JavaScript编程将会提高开发人员的个人技能。
4、操作系统
了解Unix和Linux的基本知识，对于开发人员有益无害。
5、网络服务器
了解Web服务器，包括对Apache的基本配置，htaccess配置技巧的掌握等。
扩展资料
常见前端开发工程师职位职责要求：
（1）使用Div+css并结合Javascript负责产品的前端开发和页面制作。
（2）熟悉W3C标准和各主流浏览器在前端开发中的差异，能熟练运用DIV+CSS，提供针对不同浏览器的前端页面解决方案。移动HTML5的性能和其他优化，为用户呈现最好的界面交互体验和最好的性能。
（3）负责相关产品的需求以及前端程序的实现，提供合理的前端架构。改进和优化开发工具、开发流程、和开发框架。
（4）与产品、后台开发人员保持良好沟通，能快速理解、消化各方需求，并落实为具体的开发工作 ；能独立完成功能页面的设计与代码编写，配合产品团队完成功能页面的需求调研和分析。
（5）了解服务器端的相关工作，在交互体验、产品设计等方面有自己的见解。
【概念简述】UI=User Interface，即：用户界面。UI设计，也叫用户界面设计，是指对软件人机交互、操作逻辑、界面美观的整体设计。【应用场景】我们日常生活中所用到的：手机、电脑、电视、车载系统、iPad、ATM机、工业中控系统......只要是带有电子屏幕的显示设备，都有需要UI设计。【实际意义】UI/用户界面，就是我们：获取信息、调用设备资源、控制设备运作的一个可视化入口界面【设计职能】UI设计的职能，大体分为4个方面。二，互联网产品的开发流程是怎样？UI设计处在哪一个环节？简要来说，一个互联网产品（或App）的开发流程可分为四个阶段：调研与立项→设计与开发→测试与发布→发布与推广，而UI设计则处在第2个阶段。调研与立项：确立产品需求文档（PRD），为UI交互设计做准备。通常由产品经理（PM）主导完成。设计与开发：依据产品需求文档（PRD）→完成UI交互原型设计→完成UI的图形视觉设计→研发工程师技术实现（前端工程师实现UI图形界面的重构→后端工程师实现业务逻辑的数据处理）测试与发布：团队全体开发人员协作，解决交互、视觉、技术上的bug，由产品经理把控质量、协调时间，确保产品准时上线。发布与推广：多渠道、多方式、多媒介、的投放广告，让项目产品触及目标客户。最后的环节就是，持续的内容运营输出，提升用户活跃度、拓展目标人群。接受用户反馈，持续优化产品体验，迭代更新。三，UI设计师（图形设计师）的主要工作内容有哪些？我们通常所说的UI设计师，大多是指GUI图形设计师，主要工作内容就包括：图标制作、APP品牌制作、界面设计、切图标注、推广运营的活动页面、banner制作等。在互联网产品开发的实际工作中，上游和你对接的是产品经理（或者交互设计师）；下游和你对接的前端工程师。所以，你通常是根据产品经理出具的交互稿，做UI界面的图形视觉设计。这就要求你能看懂交互稿，懂一点交互知识是最好的。在做完UI界面的视觉稿后，UI设计师将其标注好，再交付给下游的前端工程师，用作界面重构。必要的时候，设计师还可能会要用一些UI动效，去阐明设计师的设计意图，所以懂一点UI动效设计也是一个加分项。四，做UI设计，要用什么软件？【UI视觉设计】的主力软件其一是Photoshop。无论是图形设计、还是图像处理Photshop都能胜任，这是UI设计师必学一款软件。其二是Sketch，目前仅支持Mac电脑，可作为选学。【UI交互设计】的主力软件其一是Axure，其二是诸如Adobe XD、墨刀、Sketch软件，市面上的交互设计软件非常之多，你要选择哪款，这就看缘分了。【UI动效设计】的主力软件是After Effects。还有就是上面提及的交互设计软件，不过只能应付一些简单的页面转场切换动画的交代，但并不适合用来制作增强用户体验的GIF，比如loading、下拉刷新的一些趣味动画，不如AE制作出来的帧动画效果细腻。
