当前位置: 首页 > 软件库 > Web应用开发 > Web框架 >

rxjs-course

授权协议 MIT License
开发语言 JavaScript
所属分类 Web应用开发、 Web框架
软件类型 开源软件
地区 不详
投 递 者 仇迪
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

The RxJs In Practice Course

This repository contains the code of the RxJs In Practice Course.

This course repository is updated to Angular v12:

RxJs In Practice Course

Installation pre-requisites

Please use Node 14 (Long Term Support version).

Installing the Angular CLI

With the following command the angular-cli will be installed globally in your machine:

npm install -g @angular/cli 

How To install this repository

We can install the master branch using the following commands:

git clone https://github.com/angular-university/rxjs-course.git

This repository is made of several separate npm modules, that are installable separately. For example, to run the au-input module, we can do the following:

cd rxjs-course
npm install

Its also possible to install the modules as usual using npm:

npm install 

NPM 5 or above has the big advantage that if you use it you will be installing the exact same dependencies than I installed in my machine, so you wont run into issues caused by semantic versioning updates.

This should take a couple of minutes. If there are issues, please post the complete error message in the Questions section of the course.

To Run the Development Backend Server

In order to be able to provide realistic examples, we will need in our playground a small REST API backend server. We can start the sample application backend with the following command:

npm run server

This is a small Node REST API server.

To run the Development UI Server

To run the frontend part of our code, we will use the Angular CLI:

npm start 

The application is visible at port 4200: http://localhost:4200

Important

This repository has multiple branches, have a look at the beginning of each section to see the name of the branch.

At certain points along the course, you will be asked to checkout other remote branches other than master. You can view all branches that you have available remotely using the following command:

git branch -a

The remote branches have their starting in origin, such as for example 1-navigation-and-containers.

We can checkout the remote branch and start tracking it with a local branch that has the same name, by using the following command:

  git checkout -b section-1 origin/1-navigation-and-containers

It's also possible to download a ZIP file for a given branch, using the branch dropdown on this page on the top left, and then selecting the Clone or Download / Download as ZIP button.

Other Courses

Angular PWA Course

If you are looking for the Angular PWA Course, the repo with the full code can be found here:

Angular PWA Course - Build the future of the Web Today

Angular Security Masterclass

If you are looking for the Angular Security Masterclass, the repo with the full code can be found here:

Angular Security Masterclass.

Angular Security Masterclass

Angular Advanced Library Laboratory Course

If you are looking for the Angular Advanced Course, the repo with the full code can be found here:

Angular Advanced Library Laboratory Course: Build Your Own Library.

Angular Advanced Library Laboratory Course: Build Your Own Library

RxJs and Reactive Patterns Angular Architecture Course

If you are looking for the RxJs and Reactive Patterns Angular Architecture Course code, the repo with the full code can be found here:

RxJs and Reactive Patterns Angular Architecture Course

RxJs and Reactive Patterns Angular Architecture Course

Angular Ngrx Reactive Extensions Architecture Course

If you are looking for the Angular Ngrx Reactive Extensions Architecture Course code, the repo with the full code can be found here:

Angular Ngrx Reactive Extensions Architecture Course

Github repo for this course

Angular Ngrx Course

Angular 2 and Firebase - Build a Web Application Course

If you are looking for the Angular 2 and Firebase - Build a Web Application Course code, the repo with the full code can be found here:

Angular 2 and Firebase - Build a Web Application

Github repo for this course

Angular firebase course

Complete Typescript 2 Course - Build A REST API

If you are looking for the Complete Typescript 2 Course - Build a REST API, the repo with the full code can be found here:

https://angular-university.io/course/typescript-2-tutorial

Github repo for this course

Complete Typescript Course

  • Hey, I am Sean, and work with a very small team of developers. We run a web application that helps a business manage their everyday Health and Safety operations. Using Angular as the client-side frame

  • 什么是 Observable ? Observer Pattern class Producer { constructor() { this.listeners = []; } addListener(listener) { if (typeof listener === 'function') { this.listeners.push(listener

  • rxjs常见操作符 重点 (Top highlight) As a Consultant, I’ve had the privilege to work with many teams and projects in a relatively short amount of time. 作为顾问,我有幸在相对较短的时间内与许多团队和项目一起工作。 This not only allowed me

  • 前言 最近准备毕设,技术选型的时候因为功能的一些需求准备将RxJs融入到项目中,考虑RxJs的时候因为之前的技术栈还犹豫了一下,查了一些资料以及粗略浏览了一些文档。感觉对于毕设项目RxJs的加入是有帮助的,因此打算系统的学习然后摘抄知识点以及实践一些demo做技术积累。 RxJS技术积累 RxJs经过社区的努力学习资料还是很多的,官方中文文档就已经很不错,不过我们先从30 天精通 RxJS初步感受

  • The lift method on each source hides away the internals of RxJS so you can simply connect a source to the subscriber you're working with. The lift method take an object with a call function with subsc

  • 整个 RxJS 的基础就是 Observable,只要弄懂 Observable 就算是学会一半的 RxJS 了,剩下的就只是一些方法的练习跟熟悉;但到底什么是 Observable 呢? 这是【30天精通 RxJS】的 04 篇,如果还没看过 03 篇可以往这边走: 30 天精通 RxJS (03): Functional Programming 通用函数%EF%BC%9A%20Function

  • 了解 Functional Programming 的通用函数,能让我们写出更简洁的代码,也能帮助我们学习 RxJS。 这是【30天精通 RxJS】的 03 篇,如果还没看过 02 篇可以往这边走: [30 天精通 RxJS (02): Functional Programming 基本观念] github.com/ShaofeiZi/3… 读者可能会很好奇,我们的主题是 RxJS 为什么要特别讲

 相关资料
  • RxJS reactive官网 / RxJS官网 / RxJS github / jsfiddle 弹珠图工具 在网站http://rxmarbles.com/上,可以看到主要的操作符的弹珠图. 在网站https://rxviz.com/上可以编写任意Observable对象来查看弹珠图 BOOK RxJS in Action 《深入浅出Rxjs》 Rx RxJS是结合了观察者模式,迭代器模式和函

  • ReactiveX 是一个通过使用可观察序列来合成异步和基于事件的程序的库。 它扩展了 observer 模式,以支持数据和/或事件序列,并增加了操作符,允许你声明式地将序列组合在一起,同时抽象出低级线程、同步、线程安全、并发数据结构和非阻塞 I/O 等问题。 示例代码: var $input = $('#input'),    $results = $('#results');/* Only g

  • Observable reactivex:operators rxjs-china:快速查找操作器 buctwbzs.gitbooks.io operators learnrxjs operators Operators cn rx.js.org observable Combination Operators combineAll combineLatest :star: concat :sta

  • RxJS 是 Reactive Extensions for JavaScript 的缩写,起源于 Reactive Extensions,是一个基于可观测数据流在异步编程应用中的库。RxJS 是 Reactive Extensions 在 JavaScript 上的实现。 一般说到RxJS,都会讲他是基于流的响应式的结合观察者和迭代器模式的一种库。

  • RxJS v5 -> v6 升级 准备将 RxJS 从 v5 升级到 v6 ?下面是一些有用的资源: RxJS-TsLint TsLint 的规则已经升级至 RxJS 6 。它可以自动更新项目中的导入路径,同时还回转换成 pipeable 操作符。 RxJS v5.x -> v6 升级指南 将项目中的 RxJS v5 升级至 v6 的全面指南 RxJS v5 和 v6 代码的交互式比对 演示 v5

  • 我有以下方法: 和批准的排放方法: 我得到这样的错误,当我试图链我的rxjs请求: [at loader]中出错/src/app/auth/intercept/auth。拦截器。ts:18:16 TS2345:类型为“(res:any)的参数= 如何正确链接此请求?不要同时使用平面贴图链。map()和。error()方法?我可以用这种方式链接请求吗?因为我需要从我的请求方法(其自定义Http实现)