四时宝库

程序员的知识宝库

EmberJS从入门到精通(ember.js 入门)

Ember是一个JavaScript前端框架,旨在帮助您构建具有丰富而复杂的用户交互的网站。为此,它为开发人员提供了许多功能,这些功能是管理现代Web应用程序中的复杂性必不可少的功能,并且为集成开发工具包提供了快速迭代的功能。它有非常完善的生态。从构建工具到浏览器调试工具,一应俱全。

官方资料

Quick Start: 轻松入门示例,地址:https://guides.emberjs.com/release/getting-started/quick-start/。

Tutorial: 从0开始构建一个完整EmberJS应用,包括打包、部署、发布,地址:https://guides.emberjs.com/release/tutorial/。

Guides: 完整EmberJS资料,所有EmberJS相关使用方法、API、特性都有详细描述,地址:https://guides.emberjs.com/release/。

生态

Ember的主要优势之一是共享约定如何使开发人员能够在彼此的工作之上建立基础,并为每个人改善生态系统。

例如,以下是Ember团队密切维护的一些项目:

Ember CLI: 开发Ember应用程序的官方命令行工具包。请查看《 Ember CLI指南https://cli.emberjs.com/release/》以及有关如何作为插件开发人员扩展Ember CLI的文档。

Ember Inspector: 浏览器调试插件,可帮助您检查和调试EmberJS应用程序,详细请看:https://guides.emberjs.com/release/ember-inspector/installation/

Ember Animated: EmberJS核心动画,EmberJS团队提供了一套常用、实用的动画特效库,详细请看:https://ember-animation.github.io/ember-animated/docs。

Ember Twiddle: 在线代码编辑器,因此您可以共享有效的代码片段,对于提问题的时候是非常实用的,它提供了一套完整EmberJS开发环境,开发者可以直接把EmberJS应用代码贴上去,并且共享给他人查看,详细请看:https://ember-twiddle.com/

FastBoot: Ember应用程序的服务器端渲染库。请查看《快速入门https://ember-fastboot.com/quickstart》以启动和运行,以及《用户指南https://ember-fastboot.com/docs/user-guide》以获取更多详细信息。

Ember Engines: Ember插件,允许从用户角度将多个逻辑应用程序组合到一个应用程序中。查看《 Ember引擎指南https://ember-engines.com/》。

Ember Observer: Ember Observer为已发布的Ember插件提供分类和评分。您还可以使用Ember Observer在整个插件目录中进行代码搜索,详细请看:https://emberobserver.com/。



后续的文章,我会带大家从一个Helloworld开始,一步步成为一个EmberJS的高手,文章大概目录如下:

引言

1.1 简单入门

1.2 Tutorial

第一部分

  • 引言
  • 方针
  • 构建页面
  • 自动化测试
  • 基本的组件
  • 有关组件的更多信息
  • 交互组件
  • 可重用组件
  • 加入数据源
  • 回顾

第二部分

  • 引言
  • 路由参数
  • 服务注入
  • Ember Data
  • 可传递参数组件
  • 回顾

第三章 核心概念

3.1 组件(Components)

  • HTML模板
  • 组件简介
  • 组件参数和HMTL属性
  • 条件标签
  • 内容块
  • Helper方法
  • 组件状态和组件动作
  • List遍历
  • 模板生命周期,DOM和修饰符
  • 框架内置组件

3.2 路由(Routing)

  • 简介
  • 路由定义
  • 路由跳转
  • 指定路由的Model
  • 模板渲染
  • 路由重定向
  • 路由跳转中止和激活
  • 加载/错误 子状态
  • 查询参数
  • 异步路由
  • 控制器

3.3 服务(Services)

  • 概览

3.4 Ember Data

  • 简介
  • 定义Models
  • 查询
  • 新建、更新、删除
  • Model关联关系
  • 设置记录到Store
  • 元数据
  • 自定义适配器(Adapters)
  • 自定义序列号器(Serializers)

3.5 深入EmberJS

  • 自动追踪
  • 组件模式
  • 动作模式
  • 发送Request请求
  • 原生类

第四章 应用开发

4.1 EmberJS引用核心

  • Application和Instance
  • 依赖注入
  • 初始化
  • 运行循环
  • Ember引擎

4.2 辅助功能

  • 简介
  • Application注意事项
  • Page注意事项
  • Component注意事项
  • Testing注意事项
  • 学习资源

4.3 应用配置

  • 配置你的EmberJS应用
  • 配置Ember CLI
  • 处理过时特性
  • 禁用Prototype扩展
  • 指定URL类型
  • 嵌入应用
  • 特性标志
  • 可选特性
  • 构建目标
  • 调试EmberJS应用

4.4 测试(Testing)

  • 简介
  • 类型测试
  • 应用测试
  • 基础测试
  • 组件测试
  • Helper测试
  • 控制器测试
  • 路由测试
  • Model测试

4.5 插件和依赖项

  • 管理依赖

第五章 开发工具

5.1 Ember Inspector

  • 简介
  • 安装Inspector
  • 对象监测
  • 组件树
  • 视图树
  • 监测路由
  • 数据标签页
  • 解决弃用问题
  • 库信息
  • 调式Promises
  • 通过容器监测对象
  • 渲染性能
  • 问题排除

第六章 扩展资源

6.1 EmberJS版本升级

  • 如何升级
  • Octane升级指南
    • 简介
    • 模板
    • 原生类
    • 追踪属性
    • @acting,{{on}}和{{fn}}
    • Glimmer组件
    • 备忘录

6.2 参数EmberJS框架开发

  • 添加特性
  • 代码库

6.3 附录

  • Web Development


教程源码

1. 博客演示源码(https://github.com/ubuntuvim/my_emberjs_code)

2. 如何构建一个复杂的Ember.js项目_源码(https://github.com/ubuntuvim/library-app)

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言
    友情链接