https://github.com/ehercoles/curso-angular2
Curso Angular v15
https://github.com/ehercoles/curso-angular2
angular15 angular2 single-page-app typescript vs-code
Last synced: about 2 months ago
JSON representation
Curso Angular v15
- Host: GitHub
- URL: https://github.com/ehercoles/curso-angular2
- Owner: ehercoles
- Created: 2023-04-13T20:43:12.000Z (almost 3 years ago)
- Default Branch: master
- Last Pushed: 2023-05-04T16:53:33.000Z (almost 3 years ago)
- Last Synced: 2025-04-05T11:45:27.578Z (11 months ago)
- Topics: angular15, angular2, single-page-app, typescript, vs-code
- Language: TypeScript
- Homepage: https://loiane.training/curso/angular
- Size: 726 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Install Node.js from nodejs.org
(includes npm: a dependency manager)
Install TypeScript (via cmd)
npm install -g typescript
Install Angular (via cmd)
npm install -g @angular/cli
ng version
TypeScript compiler (transpiler)
tsc hello-typescript/main.ts
Hint: supports decorator (similar to annotation in Java/C#)
New Project
ng new primeiro-projeto
cd primeiro-projeto
Compile: ng serve
New Module
ng g module cursos
New Component
ng g c cursos
New Service
ng g s cursos/cursos
Bootstrap (Aula 118)
npm install bootstrap --save
npm install ngx-bootstrap --save (replaces jQuery UI)
Build
ng build
ng build --prod (minified)
Install HTTP Server
npm install http-server -g
Run HTTP Server
http-server
Na aula 40 vimos que:
diferentes módulos que instanciam o mesmo serviço compartilham a instância (singleton);
diferentes componentes que instanciam o mesmo serviço possuem suas próprias instâncias.
Rotas
npm install materialize-css --save
npm install angular2-materialize --save
npm install jquery@^2.2.4 --save
npm install hammerjs --save
Simulador Servidor REST (JSON Server)
npm install -g json-server
Usage: json-server --watch db.json
Alternative: Mockoon: https://mockoon.com/
File Upload back-end em Node (Aula 136)
https://github.com/expressjs/body-parser
npm i -save express body-parser connect-multiparty cors
Build Produção (Aula 147)
npm run build (já executa o comando 'ng build' configurado no package.json)
Deploy Produção (Firebase Hosting)
npm i -g firebase-tools
firebase login
firebase init
firebase deploy
Deploy no Firebase com Angular CLI (Aula 149)
[npm i -g firebase-tools]
[firebase login]
apagar arquivos 'firebase' e pasta 'dist'
ng add @angular/fire
ng deploy