初入前端

前端 = HTML5+JavaScript+......

可以在浏览器中编写出你可以想象到的任何程序。

01 Web程序有前后

页面（HTMI+CSS —— 前端）

动态效果是必须的。

逻辑运算处理：JavaScript

与服务器交互：AJAX

前端程序（页面）

后端程序（服务器端）

服务器端：

后台代码 数据库

Java Oracle

Php MySQL

.NET SQL Server

02 HTML的标准之路‍

W3C推出了HTML的标准：

HTML —— 页面

CSS —— 样式

JS —— 功能

ECMA: PC和移动端的统一

03 学习HTML5还是前端技术？

HTML5是前端的一个类。

1.行业需求：

“互联网+”的时代

HTML5Web前端的黄金时代

不分地域职业丰富就业面广供不应求（2016）

设计店面效果图——UI

2.前端的技术能力：

了解基本的UI设计

扎实的代码编写和调试能力（记事本）

了解一点点后端，追录最新技术

04 前端技术

1.了解基本的UI设计

2.web界面开发与前端功能设计实现

3.HTML5+ JS框架

4.与服务器端交互

5.webApp混编微信开发

6.大前端——为前端设计

Nodejs ：低配置浏览器实现高病发配置

MongoDB : 数据库技术

05具体学习‍

1.Web UI 设计及实现

Web UI 设计工具

原型设计与制作

Web界面设计及实现

Web App界面设计及实现（App）

2.Web页面开发

HTML HTML5基础 CSS CSS3

浏览器兼容性 代码优化

效果检验：知名前端页面

3.功能实现

JavaScript核心

DOM BOM

jQuery

HTML5 高级

效果检验：知名前端页面

网页游戏

用记事本可以把现有任何前端页面写出。

4.与服务器交互

Server 技术

HTTP协议

Ajax

PHP +MySQL(学习到此检验)

Nodejs + MongoDB

效果检验： 交互 知名前端页面

5.JS SDK WebApp （移动版）

Bootstrap PhoneGap

Angularjs 微信开发

JQuery.mobile Ext React JS等

WebApp

效果检验：复杂知名前端页面

发展路线：‍

HTML5前端开发工程师

（熟练掌握Web前端代码）

Web前端开发工程师

（精通Web前端代码熟悉服务端技术）

架构师

（全栈式Web前端技术）

永恒不变的Client—Server

Client —— Server

前端技术：用户访问系统的方式和体验

网路技术 ： 数据通信格式 与传输方式

后端技术：数据存储及处理高病发技术