34- Hola mundo Angular y net core | Programando en ASP.NET Core 2
blog: https://gavilan.blog Comando para instalar el paquete: dotnet new --install Microsoft.DotNet.Web.Spa.ProjectTemplates::2.0.0 Descarga NodeJS de aquí: https://nodejs.org/en/ Curso de TypeScript: https://www.youtube.com/watch?v=sUypOxuYHvs&index=1&t=0s&list=PL0kIvpOlieSP77e_gcmYMICd3Z4946Nkx Angular es un framework de front-end el cual nos ayuda a desarrollar aplicaciones de mediano o largo tamaño en su front-end. Podemos utilizar angular para mas cosas que solamente front-end de una pagina web, pero nos concentraremos en este uso. Cuando hablamos de front-end nos referimos al javascript que se ejecuta en el navegador del usuario. El uso tipico de Angular es para realizar Aplicacion de Pagina unica (o Spa por sus siglas en ingles). La idea es tener una sola pagina, e ir cargando su contenido de manera dinamica. En este video utilizaremos angular 5.2. Desarrollaremos en Angular utilizando TypeScript. Typescript es un lenguaje el cual compila a javascript, de tal manera que typescript lo que hace es agregarle nuevas funcionalidades a javascript. Lo primero que haremos es crear un proyecto de angular y .net core 2.0 utilizando el dotnet CLI. Luego estudiaremos las partes de dicho proyecto. Veremos: - Componentes: Los componentes son una clase decorada con Component, y una plantilla de HTML. Puedes pensar en un componente como una sección de tu aplicación con la cual el usuario puede interactuar directamente. - Módulos: Los módulos son el corazón de una app de Angular. En el módulo colocamos todos nuestros componentes, todas nuestras dependencias hacia otros módulos, entre otros. - Servicios: Un servicio es una clase la cual podemos inyectar en Angular. A esto le llamamos inyección de dependencias. - Directivas: Las directivas son etiquetas o atributos de HTML los cuales le dan funcionalidad al HTML. - Data Binding: Recordando que un componente consta de una clase y una plantilla. Data Binding es el intercambio de información de nuestra clase y nuestra plantilla. Veremos qué es interpolation y action. - Hablaremos un poco acerca del ruteo con el RouterModule. Crearemos además nuestra propia regla de ruteo. - Veremos cómo generar un componente con el angular CLI.
blog: https://gavilan.blog Comando para instalar el paquete: dotnet new --install Microsoft.DotNet.Web.Spa.ProjectTemplates::2.0.0 Descarga NodeJS de aquí: https://nodejs.org/en/ Curso de TypeScript: https://www.youtube.com/watch?v=sUypOxuYHvs&index=1&t=0s&list=PL0kIvpOlieSP77e_gcmYMICd3Z4946Nkx Angular es un framework de front-end el cual nos ayuda a desarrollar aplicaciones de mediano o largo tamaño en su front-end. Podemos utilizar angular para mas cosas que solamente front-end de una pagina web, pero nos concentraremos en este uso. Cuando hablamos de front-end nos referimos al javascript que se ejecuta en el navegador del usuario. El uso tipico de Angular es para realizar Aplicacion de Pagina unica (o Spa por sus siglas en ingles). La idea es tener una sola pagina, e ir cargando su contenido de manera dinamica. En este video utilizaremos angular 5.2. Desarrollaremos en Angular utilizando TypeScript. Typescript es un lenguaje el cual compila a javascript, de tal manera que typescript lo que hace es agregarle nuevas funcionalidades a javascript. Lo primero que haremos es crear un proyecto de angular y .net core 2.0 utilizando el dotnet CLI. Luego estudiaremos las partes de dicho proyecto. Veremos: - Componentes: Los componentes son una clase decorada con Component, y una plantilla de HTML. Puedes pensar en un componente como una sección de tu aplicación con la cual el usuario puede interactuar directamente. - Módulos: Los módulos son el corazón de una app de Angular. En el módulo colocamos todos nuestros componentes, todas nuestras dependencias hacia otros módulos, entre otros. - Servicios: Un servicio es una clase la cual podemos inyectar en Angular. A esto le llamamos inyección de dependencias. - Directivas: Las directivas son etiquetas o atributos de HTML los cuales le dan funcionalidad al HTML. - Data Binding: Recordando que un componente consta de una clase y una plantilla. Data Binding es el intercambio de información de nuestra clase y nuestra plantilla. Veremos qué es interpolation y action. - Hablaremos un poco acerca del ruteo con el RouterModule. Crearemos además nuestra propia regla de ruteo. - Veremos cómo generar un componente con el angular CLI.