Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/angular-university/angular-advanced-course

Angular Advanced Library Laboratory Course - Build Your Own Library
https://github.com/angular-university/angular-advanced-course

angular angular-cli angular-components angular-directives rxjs typescript

Last synced: 13 days ago
JSON representation

Angular Advanced Library Laboratory Course - Build Your Own Library

Host: GitHub
URL: https://github.com/angular-university/angular-advanced-course
Owner: angular-university
License: mit
Created: 2017-04-25T15:16:12.000Z (over 7 years ago)
Default Branch: master
Last Pushed: 2024-04-03T10:31:19.000Z (7 months ago)
Last Synced: 2024-04-14T21:48:15.225Z (7 months ago)
Topics: angular, angular-cli, angular-components, angular-directives, rxjs, typescript
Language: TypeScript
Homepage: https://angular-university.io/course/angular-advanced-course
Size: 3.63 MB
Stars: 90
Watchers: 19
Forks: 134
Open Issues: 119
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

# Angular Advanced Library Laboratory Course

This repository contains the code of the [Angular Advanced Library Laboratory Course: Build Your Own Library](https://angular-university.io/course/angular-advanced-course).

![Angular Advanced Library Laboratory Course: Build Your Own Library](https://angular-academy.s3.amazonaws.com/thumbnails/advanced_angular-small-v3.png)

# Installation pre-requisites

For running this project we need and npm installed on our machine. These are some tutorials to install node in different operating systems:

*Its important to install the latest version of Node*

- [Install Node and NPM on Windows](https://www.youtube.com/watch?v=8ODS6RM6x7g)
- [Install Node and NPM on Linux](https://www.youtube.com/watch?v=yUdHk-Dk_BY)
- [Install Node and NPM on Mac](https://www.youtube.com/watch?v=Imj8PgG3bZU)

# Installing the Angular CLI

With the following command the angular-cli will be installed globally in your machine, as well as Yarn:

npm install -g @angular/cli yarn

# How To install this repository

We can install the master branch using the following commands:

git clone https://github.com/angular-university/angular-advanced-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 angular-advanced-course/au-input
yarn

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

npm install

Yarn 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 Server

We can start the chat application with the following command:

npm start

The application is visible at port 4200 - [http://localhost:4200](http://localhost:4200)

# Installing branches other than master

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 au-input.

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 au-input origin/au-input

# Other Courses

# Modern Angular With Signals

If you are looking for the [Modern Angular With Signals Course](https://angular-university.io/course/angular-signals-course), the repo with the full code can be found here:

![Modern Angular With Signals Course](https://d3vigmphadbn9b.cloudfront.net/course-images/large-images/angular-signals-course.jpg)

## 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](https://angular-university.io/course/reactive-angular-architecture-course)

![RxJs and Reactive Patterns Angular Architecture Course](https://s3-us-west-1.amazonaws.com/angular-academy/blog/images/rxjs-reactive-patterns-small.png)

## 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](https://angular-university.io/course/angular2-ngrx)

[Github repo for this course](https://github.com/angular-university/ngrx-course)

![Angular Ngrx Course](https://angular-academy.s3.amazonaws.com/thumbnails/ngrx-angular.png)

## 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](https://angular-university.io/course/build-an-application-with-angular2)

[Github repo for this course](https://github.com/angular-university/angular-firebase-app)

![Angular firebase course](https://angular-academy.s3.amazonaws.com/thumbnails/angular_app-firebase-small.jpg)

## 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](https://github.com/angular-university/complete-typescript-course)

[Github repo for this course](https://github.com/angular-university/complete-typescript-course)

![Complete Typescript Course](https://angular-academy.s3.amazonaws.com/thumbnails/typescript-2-small.png)