https://github.com/marocena26/angular-bases-practise
Angular: from zero to expert - Project02 - Angular Bases DBZ Project 🐲. Desktop version 🖥️. Technologies used: HTML 5, Bootstrap, Typescript, Angular 16. Individual project.
https://github.com/marocena26/angular-bases-practise
angular bootstrap typescript
Last synced: 3 months ago
JSON representation
Angular: from zero to expert - Project02 - Angular Bases DBZ Project 🐲. Desktop version 🖥️. Technologies used: HTML 5, Bootstrap, Typescript, Angular 16. Individual project.
- Host: GitHub
- URL: https://github.com/marocena26/angular-bases-practise
- Owner: marocena26
- Created: 2023-10-16T10:13:42.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-03-05T09:44:49.000Z (over 2 years ago)
- Last Synced: 2025-03-11T01:27:07.226Z (over 1 year ago)
- Topics: angular, bootstrap, typescript
- Language: TypeScript
- Homepage: https://marocena26.github.io/angular-bases-practise/
- Size: 228 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Angular Bases - DBZ Project 🐲
## 👩🏻💻 Author
- **Elena Arocena: [@marocena26](https://github.com/marocena26)**
## 👉🏻 Hey, look here!
This project belongs to the series **Angular: de cero a experto**, in the attached repository you will find all the challenges finished so far, just click on [here](https://github.com/marocena26/Angular-from-zero-to-expert) 😋.
## 🚀 Introduction
In this repository you can find the files generated in the **Angular: de cero a experto** within **[Fernando Herrera Udemy](https://www.udemy.com/course/angular-fernando-herrera/)**.
The purpose of this project is to display a list of characters from the Dragon Ball series in order to lay the groundwork for directives such as input and submit. The list can add and delete new characters.
> **NOTE:** Direct link to the project by clicking on the following **[link](https://marocena26.github.io/angular-bases-practise/)**.
## 🛠️ Tools
The following tools have been used when solving the project:
- **HTML**
- **Bootstrap**
- **GIT version control**
- **Typescript**
- Create Angular projects
- Explaining each file and directory in a project
- Components
- Modules
- One way data binding
- Use of AngularCLI - Angular Command Line Interface
- Directives created by Angular
- ngIf and ngIf-else
- FormsModule
- ngModel
- @Inputs
- @outputs
- Services
- Methods in services
- Debugging
## 📖 What have I learned?
- ngIf and ngIf-else
- One way data binding
- @Inputs
- @outputs
- Services
## 💾 Steps to follow to use this project on your computer:
> This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 16.0.0.
1. Click on the top right corner > **Fork**.
2. It will ask you to choose which GitHub user you want to fork it to. **Choose your user**.
3. **Go to github.com/your-user/name-of-project**, **clone it** and do whatever you want, you can rename the repo, change the code, redeploy it to GitHub Pages...
4. **Finally** and for everything to work properly, **you must disable GitHub Pages and re-enable** it so that GitHub generates the new URL correctly.
### Development server
Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The application will automatically reload if you change any of the source files.
## ✨ Credits
- [Angular: de cero a experto](https://www.udemy.com/course/angular-fernando-herrera/) - [@Klerith](https://github.com/Klerith)