概述

大宝找到女友了,大宝决定要教小白女友学习前端技术，做一个优秀的前端开发人员,大概要html,css,jquery,JavaScript,angularJS,bootstrap,Ionic,react,react native 这么多东西,大家怎么看。课程内容会遵导简单入门为主，转载别人文章会注明出处理。

学习目标

1. 管理应用系统框架－阿里风格 anguarjs+ bootstrap
2. 移动混合应用ionic实现

3. 移动混合应用React native实现

   
   移动混合应用ionic实现，支付宝风格

管理应用系统框架－阿里风格 anguarjs+ bootstrap

本系列包含多个模块

HTML基础

1. HTML文档结构
2. 元素介绍

CSS基础

1. 样式选择器
2. 盒子模型

JavaScript基础

1. 基本语法
2. firebug代码调试

Jquery库

1. 使用jquery实现样式操作
2. 使用jquery实现HTML属性操作

Photoshop基本操作

1. photoshop文件打开，关闭，大小修改

Bootstrap库

1. 漂亮的页面是你努力学习的动力，推荐先学习 bootstrap v2版本，语法较简单些，还兼容到IE8

AngularJS库

AngularJS诞生于2009年，由Misko Hevery 等人创建，后为Google所收购。是一款优秀的前端JS框架，已经被用于Google的多款产品当中。AngularJS有着诸多特性，最为核心的 是：MVVM、模块化、自动化双向数据绑定、语义化标签、依赖注入、等等 。通过angularjs可以实现前后端真正分离。

1. 学习基础,很多教程 菜鸟教程了解angularjs基础知识
2. ng-route只能实现简单的路由跳转，ui-router提供了让我们可以做路由嵌套和视图命名的特性.实现强大的页面状态保存。
   AngularJS ui-router (嵌套路由)
3. 学习指令,使用指令实现分页
4. 学习ngResource 实现Restful风格API调用

移动应用Cordova

Cordova让前端开发移动应用成为可能

1. cordova前世今生

移动应用Ionic

Ionic让移动应用更漂亮，更简单

1. ionic开发框架-概述

微信开发Ionic

1. 配置微信号

移动应用React native

React native是facebook开源一套移动端框架，比cordova＋ionic 效果更好，学习难度稍大些,QQ群（601137195）
1.React Native 入门
2.React Native 项目常用第三方组件汇总

后端

前端是应用的外表，后端应用的内涵，漂亮外表下没有深厚的内涵，怎么行，虽是前端，后端也还是稍为了解些。

1. resful风格WebApi(使用C# Ｗebapi)实现服务器端代码
2. 阿里云对象储OSS分析与实现分析
3. 使用nuget实现包管理

框架

1. .NET框架搭建

数据库

1.Sqlserve2008基础操作
2.MongoDB基础操作

资源下载

1. 免费图标库flaticon

＃写在后面