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

https://github.com/emanuelefavero/angular-18

This repository is a playground for Angular 18 to test its features and best practices
https://github.com/emanuelefavero/angular-18

angular angular-18 angular2 cheatsheet framework javascript playground typescript

Last synced: 2 months ago
JSON representation

This repository is a playground for Angular 18 to test its features and best practices

Awesome Lists containing this project

README

        

# Angular 18

logo

This repository is a playground for **Angular 18**. Feel free to use it to test new features and functionalities.

## Website

- [Angular 18](https://angular-18-phi.vercel.app/)

## Getting Started

- Clone the repository
- Install Angular CLI globally by running `npm install -g @angular/cli`
- Run `npm install` to install the dependencies
- Run `ng serve` or `npm start` to start the development server
- Navigate to `http://localhost:4200/`

## Angular CLI

### 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.

### Code scaffolding

Run `ng generate component components/component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.

### Build

Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory.

### Running unit tests

Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).

### Running end-to-end tests

Run `ng e2e` to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.

## Create a new Angular project

To create a new Angular project, run `ng new project-name`. This will create a new Angular project with the name `project-name`.

> To create a new Angular project with `ssr` (Server Side Rendering) support, run `ng new --ssr`.
> Just remember that deploying an Angular application with SSR is a bit more complex than a regular Angular application (which will even work easily with GitHub pages and Vercel)
> @see [https://angular.dev/guide/ssr](https://angular.dev/guide/ssr) for more information on Angular SSR.

## Resources

- [Angular Documentation](https://angular.dev/overview)
- [Angular CLI Reference](https://angular.dev/cli)
- [Angular Tutorial](https://angular.dev/tutorials/learn-angular)
- [Angular Style Guide](https://angular.dev/guide/styleguide)
- [Angular learning videos](https://www.youtube.com/playlist?list=PL1w1q3fL4pmj9k1FrJ3Pe91EPub2_h4jF)

## License

- [MIT](LICENSE.md)

 

---

 

[**Go To Top   ⬆️**](#angular-18)