大宝教小白女友轻松学习前端

概述

大宝找到女友了,大宝决定要教小白女友学习前端技术,做一个优秀的前端开发人员,大概要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# Webapi)实现服务器端代码
  2. 阿里云对象储OSS分析与实现分析
  3. 使用nuget实现包管理

框架

  1. .NET框架搭建

数据库

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

资源下载

  1. 免费图标库flaticon

#写在后面

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 前些日子从@张鑫旭微博处得一份推荐(Front-end-tutorial),号称最全的资源教程-前端涉及的所有知识...
    谷子多阅读 9,739评论 0 44
  • Gitbook Repo 撰写本文的时候笔者阅读了以下文章,不可避免的会借鉴或者引用其中的一些观点与文字,若有冒犯...
    王下邀月熊阅读 4,743评论 1 9
  • 我背了一个大包包装好了书,和收拾了几支笔后,突然发现散开放置得有点乱。我心中感叹,要是另外有个笔袋装笔和小零件就好...
    车马正简阅读 2,224评论 0 0
  • 这又是一篇吐槽,《皮囊》,三星 昨天今天看了一本书,是蔡崇达的《皮囊》,原因是有学生和好友跟我说这本书写得特别好,...
    太冷_阅读 1,937评论 0 0
  • 又回归到老生常谈,可能很多人都听腻味的话题。在我们的生活中,父母是怎样对我们好的,我们又是怎样做出回应的? 我们其...
    希文啊阅读 3,265评论 1 3