Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/leomssilva/learning-angular
:muscle: :technologist: :brain: A repository with exercises created during the MJV School - Angular.
https://github.com/leomssilva/learning-angular
angular javascript nodejs sass scss
Last synced: about 6 hours ago
JSON representation
:muscle: :technologist: :brain: A repository with exercises created during the MJV School - Angular.
- Host: GitHub
- URL: https://github.com/leomssilva/learning-angular
- Owner: LeoMSSilva
- License: mit
- Created: 2022-06-10T17:54:31.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-11-07T02:21:13.000Z (1 day ago)
- Last Synced: 2024-11-07T03:23:46.110Z (1 day ago)
- Topics: angular, javascript, nodejs, sass, scss
- Language: TypeScript
- Homepage:
- Size: 2.36 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Learning Angular
[](https://github.com/LeoMSSilva)
[](https://github.com/LeoMSSilva)
[](#)
[](https://github.com/LeoMSSilva/learning-angular/stargazers)
[](https://github.com/LeoMSSilva/learning-angular/network/members)
[](https://github.com/LeoMSSilva/learning-angular/graphs/contributors)
---
# :pushpin: Table of Contents
- :house: [About](#house-about)
- :dart: [Installation](#dart-installation)
- :gear: [Install dependencies](#hammer_and_wrench-install-dependencies)
- :rocket: [Getting started](#rocket-getting-started)
- :computer: [Techs](#computer-techs)
- :bust_in_silhouette: [Author](#bust_in_silhouette-author)
- :handshake: [Contributing](#handshake-contributing)
- :scroll: [License](#scroll-license)
---
# :house: About
This repository contains the _activities_ and _projects_ developed during the **MJV School - Angular**.
**Typescript** was the programming language used throughout the project.
**Sass** and **Angular Material** were used for styles.
**Angular Components** and **Angular Modules** were explored for better project organization and division of responsibilities along with the use of **Angular Services**, **Angular Router** routing.
Used **Angular Directives**, **Angular Event Binding** and **Angular Pipes** to compose the communication between the visual part and the logical part.
**Angular Guards** was used to ensure routing integrity.
**Angular React** Forms* was used for the forms.
**Angular HTTP** Client*, along with **RxJs** for http requests.
**Json Server** was used to simulate an api.
**UUID** was used to generate the ids.
In some of them **NextJs** was used with **ReactJs** to visually demonstrate the behavior of **RxJs**.
---
# :dart: Installation
**First you need to install:**
- [Node.js](https://pt-br.nodejs.org/) (required)
- [Yarn](https://yarnpkg.com/) (required)
- [Angular CLI](https://github.com/angular/angular-cli) (required)
**Then in order, clone the project.**
By HTTPS, running this command:
```bash
git clone https://github.com/LeoMSSilva/learning-angular.git
```
Or by ssh, running this command:
```bash
git clone [email protected]:LeoMSSilva/learning-angular.git
```
SSH is a secure protocol, but you need to register a key ssh in your github before.
---
## :hammer_and_wrench: Install dependencies
```bash
yarn
```
or
```bash
yarn install
```
## :rocket: Getting Started
```bash
yarn start
```
# :computer: Techs
- Angular
- Angular Components
- Angular Directives
- Angular Event Binding
- Angular Guards
- Angular HTTP Client
- Angular Material UI
- Angular Modules
- Angular Pipes
- Angular React Forms
- Angular Router
- Angular Services
- JavaScript
- Json Server
- Lodash
- NextJs
- NodeJs
- ReactJs
- RxJs
- Sass
- TypeScript
- UUID
---
# :bust_in_silhouette: Author
**LeoMSSilva**
- Github: [@LeoMSSilva](https://github.com/LeoMSSilva)
- LinkedIn: [@LeoMSSilva](https://linkedin.com/in/LeoMSSilva)
---
# :handshake: Contributing
Contributions, issues and feature requests are welcome! Feel free to **file a new issue** on the [Learning Angular](https://github.com/LeoMSSilva/learning-angular/issues) repository. If you already found a solution to your problem, **I would love to review your pull request**!
---
# :scroll: License
Copyright :copyright: 2022 [LeoMSSilva](https://github.com/LeoMSSilva).
This project is [MIT](https://github.com/LeoMSSilva/learning-angular/blob/main/LICENSE) licensed.