No tienes acceso a esta clase

隆Contin煤a aprendiendo! 脷nete y comienza a potenciar tu carrera

脷ltima oportunidad para asegurar tu aprendizaje por 1 a帽o a precio especial

Antes: $249

Currency
$189/a帽o

Paga en 4 cuotas sin intereses

Paga en 4 cuotas sin intereses
Suscr铆bete

Termina en:

0D
0H
12M
5S

Creando en Website Module

14/25
Recursos

Un Website t铆pico suele tener una p谩gina 鈥渉ome鈥, una p谩gina de 鈥渘osotros鈥, una p谩gina de 鈥渢茅rminos y condiciones鈥, entre otras p谩ginas triviales.

Reto para crear tu propio website con Angular

El reto para ti es crear tu propio website con Angular y modularizar la aplicaci贸n.

Recuerda, para que la aplicaci贸n est茅 correctamente modularizada, debes importar las rutas a tus m贸dulos de forma as铆ncrona de la siguiente manera.

// app-routing.module.ts
const routes: Routes = [
  {
    path: '',
    loadChildren: () => import('./modules/website/website.module').then(m => m.WebsiteModule)
  },
  {
    path: 'cms',
    loadChildren: () => import('./modules/cms/cms.module').then(m => m.CmsModule)
  }
];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }

Crea una regla en tus rutas por cada m贸dulo para que el c贸digo Javascript se cargue din谩micamente cuando el usuario lo solicita.


Contribuci贸n creada por: Kevin Fiorentino.

Aportes 9

Preguntas 6

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad?

o inicia sesi贸n.

Excelente clase, me ayudo bastante para mi proyecto de la Universidad!!!

Lectura complementaria para la clase y entender a profundidad de que va esto de la modularizacion: https://medium.com/@yonem9/angular-qu茅-son-los-m贸dulos-y-c贸mo-se-refactoriza-una-aplicaci贸n-9457550e8e9

this class was crazy!!!

Si usais VSC como editor de c贸digo hay una funcionalidad [ctrl] + H, o desde el men煤 edit/reemplazar, que te permite reemplazar c贸digo, te sale una peque帽a ventanita con dos imputs, arriba colocas esto: ./website/ y en el input de abajo esto ./ y luego le das al bot贸n de reemplazar todos y listo. No tienes que andar sustituyendo l铆nea por l铆nea, aqu铆 son 11 l铆neas que tal si fueran 800

Aqui en comando

$ ng g m website --routing

La implementaci贸n de Lazyload realmente cambia significativamente el rendimiento, y esta es la mejor forma de implementarlo que he visto

Hubiera sido mejor que se hiciera desde un principio, es molesto estar refactorizando todo.

Nota de esta clase Los modulos externos como Swiper son necesarios habilitarlos dentro de los modulos que creados en Angular (ng g m), no es igual a los modoulos nativos como Forms o CDK que al importarlos en el padre se habilitan para todos los modulos que tengamos.

Esto fue necesario hacerlo por la refactorizaci贸n que hace el profe pero seguramente en proyectos grande nos toparemos con el mismo error al refactorizar

Lo que m谩s me molesta de este curso es que en vez de dar una vista general a lo que vamos a llegar (solo en ese momento explicar el resto), cuando uno cree que puede encontrar algo que le sirve, dos clases despu茅s, se desarma todo.