Skip to content

Instantly share code, notes, and snippets.

View Alvaro237's full-sized avatar

Álvaro Alcaraz Pizana Alvaro237

  • Los Montesinos, Spain
  • 12:29 (UTC +01:00)
View GitHub Profile
@Alvaro237
Alvaro237 / angular.json
Last active March 10, 2022 09:47
PrimeNG #Styles
"styles": [
"src/styles.scss",
"node_modules/primeicons/primeicons.css",
"node_modules/primeng/resources/themes/tailwind-light/theme.css",
"node_modules/primeng/resources/primeng.min.css",
"node_modules/primeflex/primeflex.css"
]
@Alvaro237
Alvaro237 / README.txt
Last active February 13, 2022 18:33
Angular Basic #Testing
https://angular.io/guide/testing
https://semaphoreci.com/community/tutorials/testing-components-in-angular-2-with-jasmine
@Alvaro237
Alvaro237 / README.txt
Last active February 13, 2022 17:17
Angular #PWA
ng add @angular/pwa
check ngsw-config.json
check manifest.json
@Alvaro237
Alvaro237 / app.component.html
Created February 13, 2022 12:21
Angular #Animations
<div class="container">
<div class="row">
<div class="col-xs-12">
<h1>Animations</h1>
<button class="btn btn-primary" (click)="onAnimate()">Animate!</button>
<button class="btn btn-primary" (click)="onShrink()">Shrink!</button>
<hr>
<div
style="width: 100px; height: 100px"
[@divState]="state"
@Alvaro237
Alvaro237 / app-routes.module.ts
Created February 13, 2022 11:03
Angular #Preloading Lazy-Loaded
import { NgModule } from '@angular/core';
import { Routes, RouterModule, PreloadAllModules } from '@angular/router';
const appRoutes: Routes = [
{ path: '', redirectTo: '/recipes', pathMatch: 'full' },
{
path: 'recipes',
loadChildren: () =>
import('./recipes/recipes.module').then(m => m.RecipesModule)
},
@Alvaro237
Alvaro237 / README.txt
Created February 13, 2022 10:55
Angular #LazyLoading
Split app modules in features modules and core module, don't import in app.module.ts feature modules, they have to be imported dynamiclly
@Alvaro237
Alvaro237 / README.txt
Created February 6, 2022 11:20
Angular #CoreModule
No es necesario exportar nada, sirve para mantener app.module.ts más limpio, solo cuando se necesite ya que la mejor forma es en cada servicio usar providedIn root por ejemplo
@Alvaro237
Alvaro237 / README.txt
Created February 6, 2022 11:12
Angular #SharedModules
Declaraciones de un mismo componente en varios módulos no está permitido, debe usarse SharedModule y revisar que no esté redeclarado en distintos sitios. Clase 328 del curso.
@Alvaro237
Alvaro237 / README.txt
Created February 6, 2022 11:02
Angular #NgModule
Sirve para crear partes totalmente independientes en una aplicación, las cuales se encargan de indicar sus propias rutas, y las características usadas en ese módulo. Ejemplo abajo:
Sección 22 curso
@Alvaro237
Alvaro237 / alert.component.html
Last active February 5, 2022 23:59
Angular #DynamicComponents
<div class="backdrop" (click)="onClose()"></div>
<div class="alert-box">
<p>{{ message }}</p>
<div class="alert-box-actions">
<button class="btn btn-primary" (click)="onClose()">Close</button>
</div>
</div>