雷火电竞网址 > 课程库 > AngularJS从入门到实战
AngularJS从入门到实战

AngularJS从入门到实战

学会正确的使用AngularJs框架,可以熟练运用AngularJs框架开发实际项目。

Web前端开发

15章节|49333次播放

  • 课程目录
  • Wiki资料
  • 相关文章
  • 课件下载
  • 6小时学习时长
    更全面的职业课程大纲立即查看
  • 学习AngularJS

    AngularJS入门

    AngularJs的简介1.它是一个Js的框架;2.它现在有两个版本,第二个版本和第一个版本区别很大更侧重于适应移动端;3.它是一个MVVM框架,可以让你更专注于页面逻辑开发,用数据驱动表现;4.它拥有路由、模块和控制器,更方便的开发单页应用SPA最熟悉的实例:HelloWorld1.传统的做法;2... 查看原文

  • 学习AngularJS

    AngularJS语法介绍

    作业回顾将上节课的AngularJs模式部分的代码稍作修改,具体修改如下图所示:实例实例一:简单的表达式(字符串、数字)实例二:时间实例三:数组实例四:对象代码示例:<!doctype html> <html ng-app="lesson" ng-controller="lesson2" ng-i... 查看原文

  • 学习AngularJS

    AngularJS简单数据绑定

    上节课家庭作业回顾我们修改上节课的代码,具体代码实现如图所示:执行结果:从上图中我们可以清晰的看到,时间在流动,这样我们就完成了上节课的家庭作业。上面的时间绑定的例子极其重要。实例1.实例一:第一节课内容的延展:组合绑定;2.实例二:简单的数组数据绑定;3.实例三:表格绑定。代码示例:<!docty... 查看原文

  • 学习AngularJS

    AngularJS循环绑定

    上节课家庭作业回顾改写第三节课的代码,由于上节课的作业和本节课要讲的主要内容非常相近,我们就把代码放在一起来给大家演示。循环绑定的语法实际开发工作中最常碰到的例子:表格代码:<!doctype html> <html ng-app="lesson" ng-controller="lesson4">... 查看原文

  • 学习AngularJS

    AngularJS事件绑定

    上节课家庭作业回顾为表格新增一个操作列,为每一行新增一个删除按钮,点击按钮则删除本行数据。AngularJs中的事件绑定1.绑定事件:表达式、事件方法名;2.绑定点击事件实例:显示、隐藏页面元素;3.元素内容改变事件:ng-change;4.按下按键事件:ng-keypress;5.提交表单事件:n... 查看原文

  • 学习AngularJS

    AngularJS控制器

    上节课家庭作业回顾在一个ng-app当中去定义两个控制器。代码执行结果AngularJs中的控制器1.定义两个控制器;2.控制器间的通讯:继承方式通讯、基于事件方式(广播、向上传播、向下传播)。代码<!doctype html> <html ng-app="lesson" >   <head> ... 查看原文

  • 学习AngularJS

    AngularJS表单开发

    上节课家庭作业回顾在AngularJs中定义一个控制器,而这个控制器当中,是一个简单的表单。AngularJs表单开发(基础应用)1.简单的表单提交;2.更多的表单元素;3.初始化表单;代码<!doctype html> <html ng-app="lesson" ng-controller="F... 查看原文

  • 学习AngularJS

    AngularJS表单验证

    上节课家庭作业回顾表单的验证,看看表单验证中的问题。表单验证1.常规表单验证;2.AngularJs中提供的表单验证实例。实例代码<!doctype html> <html ng-app="lesson" ng-controller="FormCtrl" >   <head>   <meta ... 查看原文

  • 学习AngularJS

    模块指令编写输入框

    上节课家庭作业回顾1.编写一个在表单中输入邮箱地址验证;2.在上节课代码的基础上进行的修改:执行结果1)正确的时候:2)错误的时候:3)未输入时:AngularJs模块化应用1.一个简单的模块指令;2.模块指令的一些注意点。实例<!doctype html> <html ng-app="lesso... 查看原文

  • 学习AngularJS

    模块指令编写"点赞"

    上节课家庭作业回顾自己编写一个简单的模块指令。AngularJs模块化应用1.编写一个“点赞”的指令;2.模块指令的通讯。代码<!doctype html> <html ng-app="lesson" ng-controller="MainCtrl" >   <head>   <meta ht... 查看原文

  • 学习AngularJS

    实战之订单绑定

    订单管理页面需求1.核心:订单管理数据结构;2.订单列表绑定。实例代码<!doctype html> <html ng-app="lesson" ng-controller="lesson11">   <head>   <meta http-equiv="Content-Type" conte... 查看原文

  • 学习AngularJS

    实战之订单查询

    订单管理页面需求1.核心:订单管理数据结构;2.订单列表绑定;3.订单查询;4.选中订单、订单操作、批量操作。实例代码<!doctype html> <html ng-app="lesson" ng-controller="lesson12">   <head>   <meta http-eq... 查看原文

  • 学习AngularJS

    实战之确认下单

    购买下单页面需求1.确认下单页面数据结构;2.购买下单第一步。实例代码<!doctype html> <html ng-app="lesson" ng-controller="lesson13">   <head>   <meta http-equiv="Content-Type" conte... 查看原文

  • 学习AngularJS

    实战之确认购买

    上节课回顾介绍了购买下单第一步,也就是确认购买的商品。购买下单页面需求1.确认下单页面数据结构;2.购买下单第一步:确认购买商品;3.购买下单第二步:确认用户信息。实例代码<!doctype html> <html ng-app="lesson" ng-controller="lesson13">... 查看原文

  • 学习AngularJS

    实战之确认支付

    上节课回顾1.第一节课介绍了用户在确认下单时候最重要的环节——确认购买商品;2.确认用户个人信息。购买下单页面需求1.确认下单页面数据结构;2.购买下单第一步:确认购买商品;3.购买下单第二步:确认用户信息;4.购买下单第三步:确认支付信息。实例代码<!doctype html> <html ng... 查看原文

  • 专业Web设计师应该避免的6个关键错误
  • 周四直播|搜狐资深前端工程师,30分钟带你跑一遍微信小程序
  • 【208期】盘点初入Web前端必备技能

    【208期】盘点初入Web前端必备技能

    Web前端是一个充满激情的、不断变化的新行业,里面有很多很优秀的人在这个行业坚持了下来,最后都成为各公司团队的业务骨干或者技术专家。 查看原文

    web前端

  • Web前端丨HTML embed标签使用方法和属性详解

    Web前端丨HTML embed标签使用方法和属性详解

    对HTML embed标签使用方法和属性详解 查看原文

    web前端

  • Web前端丨HTML常用标签及其全称
  • 前端同学大福利,最全的面试题目整理

    前端同学大福利,最全的面试题目整理

    帮助学习前端的同学更好的应对面试官的问题 查看原文

    web前端

  • 【203期】麦子学院和阿里云的战略合作发布会在川举行

    【203期】麦子学院和阿里云的战略合作发布会在川举行

    29 日晚间消息,Alphabet Inc(Google 母公司,代码 GOOG)已邀请美联储理事会前副主席和科技专家 Roger W.Ferguson 加入公司董事会,担任其审计委员会成员。根据 Google 提交的一份监管文件,Ferguson 将接替 L.John Doerr,后者已从审计委员会辞职。 查看原文

  • 来谈一个复杂的话题:在JS中创建对象

    来谈一个复杂的话题:在JS中创建对象

    在JavaScript中“创建对象”是一个复杂的话题。这门语言提供了很多种创建对象的方式,不论新手还是老手都可能对此感到无所适从。 查看原文

    web前端JavaScript

  • Web前端丨你应该知道的9个优秀的CSS框架

    Web前端丨你应该知道的9个优秀的CSS框架

    前端开发是一项非常繁琐的工作,你不仅需要拥有和别人不一样的审美观和设计观,而且需要了解诸如HTML、CSS、JavaScript等错综复杂的技术, 查看原文

    web前端

  • Web前端丨现代Web开发需要学习的15大技术

    Web前端丨现代Web开发需要学习的15大技术

    我发现现代web开发再一次将发生压倒性的改变。信息资讯的铺天盖地令人迷惑,尤其对于初学者而言。首要原因是新的框架,例如Angular 2和ReactJs出现了,使用了尚未完全定型的ECMAScript 6特性。 查看原文

    web前端

  • 3_课件所属章节:3_课件
    下载
  • 4_素材文件和源代码所属章节:4_素材文件和源代码
    下载
  • Web前端开发李伟老师

    李伟老师

    TA的课程

    8年WEB开发经验,曾就职于智联招聘,高级软件工程师,参与重构和开发了新版校园招聘系统,现在就职于益盟操盘手爱炒股事业部,负责公司项目的开发和重构。

    更专业的职业课程

    Web前端开发23671位同学正在学习

    Web前端开发

    免费领取价值1888元求职宝典!

    客服热线 400-862-8862

    回到顶部