前端开发应该学习的内容有PC端网站布局、HTML5+CSS3基础项目、WebAPP页面布局等。
学习web前端开发，网页开发工具有FrontPage，会用 Word 的人很容易学会FrontPage。还有一个常用的是Dreamweaver。这两种都是使用最多的HTML网页制作工具。
HTML、CSS和JavaScript。html是内容，css是表现，javascript是行为。前端开发的门槛其实非常低，与服务器端语言先慢后快的学习曲线相比，前端开发的学习曲线是先快后慢。所以，对于从事IT工作的人来说，前端开发是个不错的初入点。
也正因为如此，前端开发的领域有很多自学成“才”的同行。html是最基础的，现在流行的是html5设计，先学会网页布局。css是用来美化html页面的为页面提供布局和格式。最后再学javascript。如果你把每天看电影、看电视剧的时间用来学习，我想一个星期入门是没有问题的。
前端开发应该学习的基础知识：
1、html + css。这部分建议，边学边练。之后可以模仿一些网站做些页面。理解css每个元素的属性，样式的实现不一定只有一种写法，多想一想还有没有什么需要改进的地方。
2、JavaScript。不是所有的网页都必须有js，但是要想实现一些超酷的功能和界面的时候，就需要涉及到js。
3、Photoshop、flash。熟悉会一点儿就行了，没必要全部都学得精通，当然如果你在学习的过程中，发现你ps或者flash比较感兴趣的话，也可以尝试做美工这一行。
4、html5和css3。可以先了解一下，然后再入手。毕竟IE的浏览器大多还不支持。
5、浏览器兼容。懂web标准，熟练手写 xhtml css3 并符合 符合w3c标准。代码能兼容主流浏览器Firfox，Chrome、Safari、IE、Opera。虽然IE6很多都不兼容，但现在还使用的人还是有的。
6、熟悉一门后台编程语言 asp、php、jsp等。
第1阶段：前端页面重构：PC端网站布局、HTML5+CSS3基础项目、WebAPP页面布局；
第2阶段：JavaScript高级程序设计：原生JavaScript交互功能开发、面向对象开发与ES5/ES6、JavaScript工具库自主研发；
第3阶段：PC端全栈项目开发：jQuery经典特效交互开发、HTTP协议，Ajxa进阶与后端开发、前端工程化与模块化应用、PC端网站开发、PC端管理信息系统前端开发；
第4阶段：移动端webAPP开发：Touch端项目、微信场景项目、应用Vue.js开发WebApp项目、应用Ionic开发WebApp项目、应用React.js开发WebApp；
第5阶段：混合（Hybrid）开发：各类混合应用开发；
第6阶段：NodeJS全栈开发：WebApp后端系统开发；
前端工程师跟其他语言方向的程序员相比，前端工程师反而更像是幕后的人，虽然名称很前端。作为一个入门简单、进阶难的工作，前端是很多程序员的选择，想要成为优秀的前端，经验与态度缺一不可，必不可少的还有兴趣，毕竟兴趣才是好老师啊。
职业前景：2005年以后，互联网进入Web2.0时代，各种类似桌面软件的Web应用大量涌现，前端由此发生了翻天覆地的变化。
网页不再只是承载单一的文字和图片，各种富媒体让网页的内容更加生动，网页上软件化的交互形式为用户提供了更好的使用体验，这些都是基于前端技术实现的。
随着手机成为人们生活中不可或缺的一部分，成为人们身体的延伸，人们迎来了体验为王的时代。移动端的前端技术开发前景宽阔。此外，前端技术还能应用于智能电视、智能手表甚至人工智能领域。
前端开发应该学习HTML，CSS及JavaScript。
HTML：掌握HTML是网页的核心，web应用的基石
这种语言是目前web领域应用最广泛的语言，我们只需要在html文档中插入对应的标签，即可实现web页面的编写与排列。
CSS：程序员的画笔，实现网页外观的重要一点，可以将网页外观做得更加美观。
可以为html标签自定义样式，通过设置html标签的样式，来改变其外观，达到美化与排版web页面的目地。
JavaScript：实现网页实时的、动态的、可交互式的表达能力。
作为一种网页脚本语言，它可以在html中运行，设置并修改浏览器中的对象与变量。
学习HTML，CSS首先应该跟着书，资料进行基础系统的学一遍。作为前端，html+css，是基础中的基础。只有先把基础学扎实了，再来谈余下的。理论知识学透了，就要开始来进行实战演练，只有大量的练习，做各种各样的布局练习来巩固自己所学的理论知识，将理论得到实现。
而学习JavaScript，首先我们要对他有个基本的了解，梳理Js的只是结构，知道这门语言能做什么，不能做什么。记住大部分JavaScript的函数，知道如何实现，并多加练习，花大量的时间在浏览器控制台上写代码，测试if-else语句，数组，函数等。
1、HTML超文本标记性语言：尽量掌握尽可能多的标记或标记对。
（1）必须掌握的标记或标记对包括：<html>、<head>、<title>、<body>、<h1>、<p>、<a>、<img>、<table>、<tr>、<td>、<th>、<form>、<input>、<select>、<option>、<textarea>、<div>、<span>、<script>、<link>等。
（2）同时，还有许多较为生僻的标记。
<label></label>：用于表单中盛放表单元素的文本提示，被称为“标签”标记对。<pre></pre>：预格式化文本，在该标记对内部文本中的空格和换行都会在页面中起作用<address></address>：用于表示地址的语义标签。<var></var>：用于表示变量的语义标签。
当然还有许多较为生僻的标签，这些标签在日常的HTML开发中基本上已经不再使用了。但是当你学到Bootstrap框架的时候，你会发现，Bootstrap框架启用了这些标签，并为这些标签赋予了特定的功能和外观。
2、CSS
学好CSS是网页外观的重要一点，CSS可以帮助把网页外观做得更加美观。
3、JavaScript
学习JavaScript的基本语法，以及如何使用JavaScript编程将会提高开发人员的个人技能。
4、操作系统
了解Unix和Linux的基本知识，对于开发人员有益无害。
5、网络服务器
了解Web服务器，包括对Apache的基本配置，htaccess配置技巧的掌握等。
您好，前端开发学习内容包括8个阶段
前端核心基础
前端核心高级
JS后台技术
前台交互
JavaScript高级
前端新型web框架
跨平台开发
底层原理实现
前端需要学哪些内容
您可以按照顺序学习，希望你早日学有所成。