PhoneGap中文网

 找回密码
 立即注册
查看: 29781|回复: 2
打印 上一主题 下一主题

最全的angular4.x、anuglar2入门实战视频教程***

[复制链接]

34

主题

68

帖子

403

积分

中级会员

Rank: 3Rank: 3

积分
403
跳转到指定楼层
楼主
发表于 2017-9-28 13:26:35 | 只看该作者 |只看大图 回帖奖励 |倒序浏览 |阅读模式
angular4视频教程来了,没错就是angular4.x视频教程、anuglar2视频教程,angualr4是一款优秀的web前端框架,angular4具有更小的体积,更快的运行速度。本教程从零开始让你成为angular4大神。史上最容易理解,最全的angualr4.x、anuglar2入门实战视频教程,兼容angualr5.x,angualr6.x以及老版本的angualr2.x

下载地址https://www.itying.com/goods-244.html


优酷在线播放地址: http://list.youku.com/albumlist/show/id_50981408




Angular4.x视频教程目录结构介绍


01 Angular4.x介绍以及和vue、react对比

一、Angular4.x介绍?
二、TypeScript介绍
三、Angular4.x能干什么?
四、Angular4.x 、Vue2.x、React 15.x.x对比
五、Angular4.x 开发工具介绍

02 Angular4.x 安装使用目录结构以及启动分析


一、安装最新版本的nodejs
二、全局安装 Angular CLI 脚手架工具(只需要安装一次)
三、创建项目
四、目录结构分析
五、Hello Angular 4.0  以及 app.module.ts、组件分析



03 Angular4.x  创建组件 、Angular4绑定数据、Angular4绑定属性、Angular4数据循环(上)
一、创建angualr组件
二、angualr4.0绑定数据
三、数据循环  *ngFor
四、条件判断  *ngIf
五、执行事件   (click)=”getData()”
六、绑定属性
七、表单处理
八、双向数据绑定
九、Todolist功能


04 Angular4.x组件 声明属性 、Angular4绑定数据、Angular4 绑定属性 、Angular4条件判断、、Angular4事件、、Angular4表单处理、、Angular4双向数据绑定(中)

一、创建angualr组件
二、angualr4.0绑定数据
三、数据循环  *ngFor
四、条件判断  *ngIf
五、执行事件   (click)=”getData()”
六、绑定属性
七、表单处理
八、双向数据绑定
九、Todolist功能


05 Angular4.x组件 声明属性 绑定数据 绑定属性 数据循环项目 toDolist(下)


一、Angular4 Todolist功能


06 Angular4.x中的服务

一、Angualr CLI创建服务
二、创建服务命令
三、app.module.ts里面引入创建的服务
四、使用的页面引入服务,注册服务


07 Angular4.x请求数据(上)


一、app.module.ts注册HTTP JSONP服务
二、通过 Http、Jsonp请求数据、不用RxJs
三、通过 Http、Jsonp请求数据、使用RxJs


08 Angular4.x请求数据(下)


一、app.module.ts注册HTTP JSONP服务
二、通过 Http、Jsonp请求数据、不用RxJs
三、通过 Http、Jsonp请求数据、使用RxJs


09 Angular4.x父子组件的传值

一、父组件给子组件传值 -@Input
二、父子组件传值的方式让子组件执行父组件的方法
三、子组件通过@Output执行父组件的方法
四、父组件通过局部变量获取子组件的引用 ,主动获取子组件的数据和方法(一)
五、父组件通过ViewChild主动获取子组件的数据和方法


10 Angular4.x 中的路由父子路由

一、父组件给子组件传值 -@Input
二、父子组件传值的方式让子组件执行父组件的方法
三、子组件通过@Output执行父组件的方法
四、父组件通过局部变量获取子组件的引用 ,主动获取子组件的数据和方法(一)
五、父组件通过ViewChild主动获取子组件的数据和方法


11 angular4.x 中的路由 --routing生成路由 配置路由 路由重定向(1)

一、Angular命令创建一个配置好路由的项目
二、Angula4.x在已有的项目中配置路由
三、Angular  routerLink页面跳转  默认跳转路由
四、Angular routerLinkActive设置routerLink默认选中路由
五、路由的动态传值
六、路由的js跳转
七、路由的js跳转 get传值
八、父子路由


12 angular4.x 中已经存在的项目配置路由、路由选中、动态路由(2)

一、Angular命令创建一个配置好路由的项目
二、Angula4.x在已有的项目中配置路由
三、Angular  routerLink页面跳转  默认跳转路由
四、Angular routerLinkActive设置routerLink默认选中路由
五、路由的动态传值
六、路由的js跳转
七、路由的js跳转 get传值
八、父子路由  



13 angular4.x 中路由的js跳转(3)



14 angular4.x中路由的Get传值和获取传值(4)
  




15 angular4.x路由的嵌套 父子路由(5)


一、Angular4.x路由嵌套
二、Angula4.x路由嵌套后台管理系统框架搭建





1.png (67.15 KB, 下载次数: 516)

1.png
回复

使用道具 举报

42

主题

83

帖子

381

积分

中级会员

Rank: 3Rank: 3

积分
381
沙发
发表于 2017-9-28 13:30:10 | 只看该作者
IT营的视频教程都不错
回复 支持 反对

使用道具 举报

42

主题

83

帖子

381

积分

中级会员

Rank: 3Rank: 3

积分
381
板凳
发表于 2017-9-28 13:35:54 | 只看该作者
感谢分享,需要学习的东西太多了https://www.itying.com/
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐 上一条 /1 下一条

ionic4视频教程

Archiver|手机版|小黑屋| PhoneGap中文网 ( 京ICP备13027796号-1 )  

GMT+8, 2024-12-22 14:41 , Processed in 0.062119 second(s), 29 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表