零基础学习前端开发都必须掌握什么内容
前端前景是很不错的，像前端这样的专业还是一线城市比较好，师资力量跟得上、就业的薪资也是可观的，学习前端可以按照路线图的顺序，
0基础学习前端是没有问题的，关键是找到靠谱的前端培训机构，你可以深度了解机构的口碑情况，问问周围知道这家机构的人，除了口碑再了解机构的以下几方面：
1. 师资力量雄厚
要想有1+1>2的实际效果，很关键的一点是师资队伍，你接下来无论是找个工作还是工作中出任哪些的人物角色，都越来越爱你本身的技术专业前端技术性，也许的技术专业前端技术性则绝大多数来自你的技术专业前端教师，一个好的前端培训机构必须具备雄厚的师资力量。
2. 就业保障完善
实现1+1>2效果的关键在于能够为你提供良好的发展平台，即能够为你提供良好的就业保障，让学员能够学到实在实在的知识，并向前端学员提供一对一的就业指导，确保学员找到自己的心理工作。
3. 学费性价比高
一个好的前端培训机构肯定能给你带来1+1>2的效果，如果你在一个由专业的前端教师领导并由前端培训机构自己提供的平台上工作，你将获得比以往更多的投资。
希望你早日学有所成。
需要用到的编程工具包括：vscode、notepad++ 、sublime等同类产品，调试接口数据用postman。
前端核心基础
第2阶段
HTML5 + CSS3 + 移动端核心
第3阶段
移动端
第4阶段
服务器端
第5阶段
JavaScript高级
第6阶段
前端必备
第7阶段
高级框架
第8阶段
小程序
请点击输入图片描述
以下是web初级开发工程师课程内容：
1.HTML5介绍
内容包括：（互联网发展趋势、H5语言的优势、简单易学人人都能编程、
H5就业和薪资情况、H5常见的项目与产品、H5的未来与方向）
2.HTML基础
内容包括：（HTML简介与历史版本、常用开发软件、常见标签与属性、
表格与表单、标签规范与标签语义化、实战：网页结构布局）
3.CSS基础
内容包括：（css简介与基本语法、常见的各种样式属性、CSS选择器与标签类型、理解盒子模型与CSS重置、浮动与定位、利用photoshop工具测量样式、HTML+CSS开发网页、实战：高仿电商首页效果）
4.CSS3基础
内容包括：（css3常见样式、css3选择器、变形与动画、3D效果与关键帧、弹性盒模型、5.移动端布局、移动端基本概念、viewport窗口设置、移动端布局方案、rem、vh、vw等单位、响应式布局、bootstrap框架）
6. JavaScript基础
内容包括：（JS简介、JS变量、数据类型与类型转换、运算符与优先级、
流程控制-if..else流程控制-switch...case、流程控制-while、do..while、for循环、break、continue语法、函数定义与调用、全局变量与局部变量。
还有函数传参与返回值、函数作用域与变量作用域、DOM的基本操作、定时器使用、this指向与修改指向、数组、字符串等方法操作、时间对象与正则对象、掌握常见BOM操作、常见事件与事件细节、JSON与AJAX、JSONP跨域操作、前端cookie的使用、实战：JS配合HTML与CSS完成电商项目）
7.jquery框架
内容包括：（jquery框架介绍及优势介绍、jquery核心思想、jquery常见方法、jquery动画操作、jqueryAJAX操作、jquery工具方法、利用jquery快速开发网页）
8.PHP基础
内容包括：（PHP简介与基本语法、mysql数据库及sql语法、apache服务器与集成开发工具、PHP链接数据库、PHP与AJAX交互、实战：留言板、登录、注册等）
9.H5基础项目
内容包括：（项目简介、项目功能演示、项目划分及框架、编写HTML页面结构、设置CSS样式、添加JS交互、可选框架：bootstrap、jquery、PHP等、项目调试及兼容、项目验收）
一. HTML/CSS
前端开发入门，任何的前端课程html5入门教你成为全栈开发工程师都是从 HTML+CSS 开始的，因为它们是 Web 构建的基石。简单地说，HTML允许你向网站添加内容，CSS 允许你为内容设计风格。与 HTML / CSS 相关的以下主题经常在面试时和实际工作中出现：
语义化的 HTML。
能够解释 CSS 盒子模型。
CSS 预处理器 的优点 （您不一定需要了解如何深入使用它们，但是您应该了解它们的用途以及它们对开发的帮助）。
CSS Media Queries (媒体查询) 定位不同的设备并编写响应式 CSS。
Bootstrap（一个框架，帮助设计和布局页面内容，并且许多在线课程或学校重点关注和教学 Bootstrap ，事实上相对于 Bootstrap 的功能和方法，更重要的是深入掌握 CSS 的基础知识）。
二. JavaScript
JavaScript作为一门灵活的脚本语言，确实有很多用途：前端，后端，游戏脚本。。。
所不同的是不同情况下，平台为js提供了平台相关的对象和方法：
1.前端用途中浏览器为js提供了DOM和AJAX等
2.后端里面如nodejs为js提供了http库，io库等
3.游戏脚本里面会给js提供游戏控制游戏对象的特定方法
三.jQuery
jQuery 提供了极为友好的接口，使得开发者们可以方便地进行 DOM 操作、发起 Ajax 请求、生成动画。jQuery 采用了 “混合模式”，这意味着你可以在任何一个 jQuery 集合身上调用 jQuery 方法，而不用关心它到底包含了几个元素Jquery交互类库应用，通过案例了解Jquery库原理，熟悉移动网页常用Jquery库使用方法。 掌握第三方交互插件应用方法；实现网页交互效果。
四. Java
一旦你感觉 HTML /CSS和Java掌握的很好的时候，那么你将需要转到后端语言，来处理数据库操作，用户认证和应用程序逻辑等操作。Java语言每年都越来越受欢迎，只要你学习了解JAVA语言，并且学习与所选择的语言的细微差别，那么在实际中，无论你学什么都会比较轻松。如果新的库、框架和工具都在持续不断的涌现。根据 2017 年 Stack Overflow 开发者调查 ，Java 已经成为全栈，前端和后端开发中最流行的语言。它是在浏览器中本机运行的唯一语言，并且也可以将其作为服务端语言（比如您将在下面看到的 Node.js ）。以下是你成为一个全栈开发工程师所需要了解的一些主题：
知道如何处理 DOM，同时也知道JSON是什么，以及如何操作它。
重要的语言特性，如functional composition(函数组合)，prototypal inheritance(原型继承)，closures(闭包)，event delegation(事件委托)，scope(作用域)
异步流程控制，promises 和 callbacks 。
学习如何正确地构建你的代码，并将代码模块化，像 webpack ，browserify ，或者像 gulp 这样的构建工具将会很有帮助。
至少知道如何使用一个流行的框架（许多课程将重点放在一些库、框架上，如 React 或 AngularJS ，但实际上，你需要更加深入地了解 Java 语言，而不是非常重视框架特定的功能。一旦你对 Java 有了很好的了解，拿起一个框架就不会太难了）。
虽然有些人可能会争论说，你应该尽量少使用慢慢地消亡的东西，但是现在的实际情况是 jQuery 代码在大多数应用程序中仍然存在，并且理解它将会很有帮助。
了解有关测试框架的知识以及它们的重要性（有些人甚至认为这个主题应该是可选的）。
了解一些重要的 ES6 新特性（可选）。
Java：涉及到全栈Web开发，Java语言目前并没有太多的学习课程，但是一些公司确实将 Java 作为后端，它仍然是一个需求量很大的语言 。
也可以找个好的学校系统的学习这些知识。推荐去千锋免费试听两周，实地感受下。
