一个非常好的问题，先理解一下Web前端开发的发展趋势。移动互联网时代，前端开发成为重点，并且出现了多个移动端平台，Android，iOS，微信小程序，支付宝小程序，还有不断出现的新操作系统，比如阿里YunOS，华为鸿蒙，等等，为了支持这些平台和系统，越来越多的应用开始使用H5跨平台架构，于是重新定义了一个新名词，叫做“大前端”。
1、web前端主要学习什么？
一，H5跨平台开发这时的H5前端开发已经不再是单单的网页开发了，而是前端应用开发，具体到H5Hybrid架构，常用三剑客：HTML,css,JavaScript1)HTML和css是页面设计，没有代码逻辑2)JavaScript编程，还有其它衍生语言，比如常用的TypeScriptJavaScript是一种脚本语言，由解释器加载执行，常用在网页前端动态展示、和服务后端交互等场景。
二，JavaScript开发学习JavaScript语言基础，掌握基本的编程方法，如果对着教程学习比较枯燥，难以坚持，那么可以多利用网上的一些学习资源，边学习边动手，比如HackerRank在线练习网站，提供了丰富的编程练习题。三，学习框架JavaScript前端开发有很多成熟的框架可用，比如JQuery,AngularJS，React，还有前后端都跑通的NoteJS，
新手学习时，推荐当前普遍使用的Top3开发框架，太新或者太旧的都不适合用来学习练手。阿里开源框架AntDesignPro是一个功能完善的脚手架，推荐新学者练手，逐步沉淀和总结代码实现，四，积累项目经验学习的最终目的是学以致用，在实际项目中积累经验，不断提升。有了一定技术基础后，推荐尝试参与开源项目，在开发功能、提交代码的过程中，提升非常快，
2、请问做H5页面需要学什么？
HTML5简介HTML5是HTML最新的修订版本，2014年10月由万维网联盟（W3C）完成标准制定。设计目的是为了在移动设备上支持多媒体，HTML，超文本标记语言，英文全称为HyperTextMarkupLanguage，用来描述网页的一种语言。W3C，万维网联盟，英文全称为WorldWideWebConsortium，是Web技术领域最权威和具影响力的国际中立性技术标准机构，
W3C定义了结构化标准语言（XHTML、XML）、表现标准语言（CSS）和行为标准（DOM、ECMAScript）。HTML5组成HTML5由HTML（结构）、CSS（样式）、JavaScript（行为）组成，学习内容HTML5开发基础（第一阶段）服务器概述、数据库服务器、创建数据库、创建数据表基础查询、复杂查询、关联查询、增删改操作、常用函数HTML5快速入门、文本、图像、链接、表格、列表表单、iframe、JavaScript的V8引擎运行境、变量与常量JavaScript代码的编写与调试、数据类型及其转换应用。
HTML5核心技术（第二阶段）CSS3基础语法、各种选择器、框模型与背景、文本格式化表格、显示与定位、复杂选择器、2D/3D转换、过渡、弹性布局动画、CSS优化、String的使用及API、正则表达式的定义和使用常用内置对象（Math、Date、Number、Boolean）、错误处理Function与匿名函数、作用域与闭包、面向对象编程移动端开发（第三阶段）APP开发环境、WEBAPP开发模式、UI组件、路由控制Android的开发环境及模式、触屏事件、使用Ionic构建APP应用React.js概述、环境搭建、JSX、组件、动画实现、组件生命周期state、事件处理、表单、虚拟DOM算法简析、实现Reactnative概述混编APP概述、PhoneGap环境搭建、移动端事件处理、震动蜂鸣和加速度H5全栈进阶（第四阶段）Node.js概述、搭建服务器端运行环境、NPM、全局对象事件循环、文件I/O、交互模式和脚本模式、常用模块访问数据库新前端框架技术，比如zepto.js、require.js、redux、weex等学习webpack、gulp等前端工具Node.js培优（第五阶段）MongoDB快速入门、MongoDB概述和环境配置复杂查询、修改操作、运算符、修改器的使用以及如何访问复杂数据结构查询选项、索引定义及实现、复杂索引、查询优化、约束机制聚合操作、聚合框架、聚合操作符、执行复杂数据统计和分析功能Node.js特点及适用场景、安装Node.js以及两种运行模式如果解决了你的疑惑，请点点关注，谢谢支持。
