学前端都学什么比较好？

这里整理了一份系统全面的web前端学习路线，需要学习以下内容，希望能帮助各位小伙伴少走弯路。

第一阶段：专业核心基础

阶段目标：

1 熟练掌握HTML5、CSS3、Less、Sass、响应书布局、移动端开发。

2 熟练运用HTML+CSS特性完成页面布局。

4 熟练应用CSS3技术，动画、d性盒模型设计。

5 熟练完成移动端页面的设计。

6 熟练运用所学知识仿制任意Web网站。

7 能综合运用所学知识完成网页设计实战。

知识点：

1、Web前端开发环境，HTML常用标签，表单元素，Table布局，CSS样式表，DIV+CSS布局。熟练运用HTML和CSS样式属性完成页面的布局和美化，能够仿制任意网站的前端页面实现。

2、CSS3选择器、伪类、过渡、变换、动画、字体图标、d性盒模型、响应式布局、移动端。熟练运用CSS3来开发网页、熟练开发移动端，整理网页开发技巧。

3、预编译css技术：less、sass基础知识、以及插件的运用、BootStrap源码分析。能够熟练使用 less、sass完成项目开发，深入了解BootStrap。

4、使用HTML、CSS、LESS、SASS等技术完成网页项目实战。通过项目掌握第一阶段html、css的内容、完成PC端页面设计和移动端页面设计。

第二阶段：Web后台技术

阶段目标:

1 了解JavaScript的发展历史、掌握Node环境搭建及npm使用。

2 熟练掌握JavaScript的基本数据类型和变量的概念。

3 熟练掌握JavaScript中的运算符使用。

4 深入理解分之结构语句和循环语句。

5 熟练使用数组来完成各种练习。

6熟悉es6的语法、熟练掌握JavaScript面向对象编程。

7DOM和BOM实战练习和H5新特性和协议的学习。

知识点：

1、软件开发流程、算法、变量、数据类型、分之语句、循环语句、数组和函数。熟练运用JavaScript的知识完成各种练习。

2、JavaScript面向对象基础、异常处理机制、常见对象api，js的兼容性、ES6新特性。熟练掌握JavaScript面向对象的开发以及掌握es6中的重要内容。

3、BOM *** 作和DOM *** 作。熟练使用BOM的各种对象、熟练 *** 作DOM的对象。

4、h5相关api、canvas、ajax、数据模拟、touch事件、mockjs。熟练使用所学知识来完成网站项目开发。

第三阶段：数据库和框架实战

阶段目标：

1 综合运用Web前端技术进行页面布局与美化。

2 综合运用Web前端开发框架进行Web系统开发。

3 熟练掌握Mysql、Mongodb数据库的发开。

4 熟练掌握vuejs、webpack、elementui等前端框技术。

5 熟练运用Nodejs开发后台应用程序。

6 对Restful，Ajax，JSON，开发过程有深入的理解,掌握git的基本技能。

知识点：

1、数据库知识，范式，MySQL配置，命令，建库建表，数据的增删改查，mongodb数据库。深入理解数据库管理系统通用知识及MySQL数据库的使用与管理，为Nodejs后台开发打下坚实基础。

2、模块系统，函数，路由，全局对象，文件系统，请求处理，Web模块，Express框架，MySQL数据库处理，RestfulAPI，文件上传等。熟练运用Nodejs运行环境和后台开发框架完成Web系统的后台开发。

3、vue的组件、生命周期、路由、组件、前端工程化、webpack、elementui框架。Vuejs框架的基本使用有清晰的理解，能够运用Vuejs完成基础前端开发、熟练运用Vuejs框架的高级功能完成Web前端开发和组件开发，对MVVM模式有深刻理解。

4、需求分析，数据库设计，后台开发，使用vue、node完成pc和移动端整站开发。于Nodejs+Vuejs+Webpack+Mysql+Mongodb+Git，实现整站项目完整功能并上线发布。

第四阶段：移动端和微信实战

阶段目标：

1熟练掌握Reactjs框架，熟练使用Reactjs完成开发。

2掌握移动端开发原理，理解原生开发和混合开发。

3熟练使用react-native和Flutter框架完成移动端开发。

4掌握微信小程序以及了解支付宝小程序的开发。

5完成大型电商项目开发。

知识点：

1、React面向组件编程、表单数据、组件通信、监听、声明周期、路由、Redux基本概念。练使用react完成项目开发、掌握Redux中的异步解决方案Saga。

2、react-native、开发工具、视图与渲染、api *** 作、Flutter环境搭建、路由、ListView组件、网络请求、打包。练掌握react-native和Flutter框架，并分别使用react-native和Flutter分别能开发移动端项目。

3、微信小程序基本介绍、开发工具、视图与渲染、api *** 作、支付宝小程序的入门和api学习。掌握微信小程序开发了解支付宝小程序。

4、大型购物网站实战，整个项目前后端分离开发；整个项目分为四部分：PC端网页、移动端APP、小程序、后台管理。团队协作开发，使用git进行版本控制。目期间可以扩展Threejs 、TypeScript。

程序手艺人
后端入门临门一脚
经历很相似，之前一直从事嵌入式系统的开发，也是机缘凑巧公司内部转岗，切换到公司后端的开发。
背景：切换到后端开发，并不是完全去一家纯互联网公司做后端，而是和之前做嵌入式相关的智能硬件公司。切换到后端，其实就是云端开发，还是涉及和设备/APP通讯的，这样学习起来容易些。
首先熟悉公司后端框架的主体开发语言，这里选择Nodejs为主体。
其实后端的难度在于：做服务端开发语言和引擎只是冰山一角，服务端更多的是架构思想，以及对各种中间件、SaaS的了解和运用。
第一步： 学习后端开发的基础知识，比如常用的通信协议，>一、写在前面 人人都想成为全栈码农，作为一个web前端开发人员，通往全栈的简洁之路，貌似就是node/dist/v061/node-v061msi 下载电脑适配的安装包（这个是windows的，买不起mac啊），然后根据引导安装就可以了，默认安装在C:\Program Files\nodejs文件下，并将该目录添加进PATH环境变量。具体做法，右击”我的电脑“-”属性“-“系统高级”-”高级“-”环境变量“-选择“变量名：PATH”；“改变量值：在最后面添加C:\Program Files\nodejs（根据自己的安装目录而定）”。打开cmd直接运行命令： node -v 可以输出当前版本号。node文件里已经集成了npm，之后使用npm install XXX 来安装需要的插件或者模块。 三、使用express框架 忙活了一阵，终于可用npm命令进行初始化、安装express框架，然后写个hello world 爽一下了。为什么要选择express框架了，当然有它的特别之处，对新手来说最怕的就是麻烦还容易出错。express当然为我们考虑到了，所以提供了快速生成器：express-generator 1、通过命令：npm install express-generator -g 安装到全局 2、在用express 命令生成项目结构 express myapp 其中的myapp是你的项目名称 3、通过cd myapp 进入项目文件中 通过npm install 初始化依赖模块 通过set DEBUG=myapp & npm start 启动web服务器 4、在浏览器中打开 localhost:3000/ 网址就可以看到这个应用了。 默认情况下用的模版引擎是jade，项目里也已经配置好了这个模版。 四、介绍express 生成器的项目 1、myapp项目的机构如下： 2、packagejson 这个可以说是模块管理包，项目信息和模块的版本号，其实你会发现在项目模块初始化的时候就是由这里的配置去查找生成的。 3、appjs 是项目的启动文件，可以说是项目的核心。主要写一些公共的功能。 4、bin 文件下有个无后缀的 >Mongoose库简而言之就是在node环境中 *** 作MongoDB数据库的一种便捷的封装，一种对象模型工具，类似ORM，Mongoose将数据库中的数据转换为JavaScript对象以供你在应用中使用。
当然要使用的话，必须要先安装好环境Nodejs与MongoDB =》 MongoDB安装
MongoDB是目前最流行的noSQL数据库之一，它是专为nodejs而开发的，理解下与我们常用的RDBMS关系型数据库的区别就可以基本使用了
MongoDB中有三个基本的概念区别于RDBMS
数据库：数据库是一个物理容器集合。每个数据库都有自己的一套文件系统上的文件。一个单一的MongoDB服务器通常有多个数据库。
集合：集合是一组MongoDB的文档。它相当于一个RDBMS表。收集存在于一个单一的数据库。集合不执行模式。集合内的文档可以有不同的领域。通常情况下，一个集合中的所有文件是相同或相关的目的
文档：文档是一组键 - 值对。文件动态模式。动态模式是指，在相同集合中的文档不需要具有相同的字段或结构组的公共字段的集合的文档，可以容纳不同类型的数据。

azure website支持的运行时不少了, 直接照着他的路子做其实挺好
如果硬要用自己的一套, 比如tomcat, 只能起vm自己弄了
不过在新的azure portal上, tomcat似乎也已web+mobile的属性出现了, 可以看看是怎么工作的

---