Vamos a actualizar nuestra Política de privacidad próximamente. Te recomendamos consultar el avance.

Angular 2 avanzado: Gestión de archivos en PHP

Instalar Angular 2 CLI

¡Prueba gratis durante 10 días

nuestros 1290 cursos !

Prueba gratis Mostrar modalidades de suscripción
Crear un proyecto de Angular 2 manualmente puede ser complicado y consumir mucho tiempo por la necesidad de instalar librerías externas, ajustar los archivos en el lugar correcto y enlazar todas las partes. Las herramientas de consola de Angular facilitan notablemente el proceso y, en esta lección, vamos a aprender a instalarlas y utilizarlas correctamente.
05:47

Transcripción

Tenemos muchas formas de desarrollar un proyecto en Angular; podemos utilizar diferentes caminos y diferentes técnicas. Una de mis favoritas es utilizar Angular desde la línea de comandos. Este es un proyecto que podemos instalar dentro de nuestro ordenador que nos va a gestionar las tareas tediosas o repetitivas dentro de Angular y nos va a permitir concentrarnos específicamente en lo importante que es hacer una aplicación. Vamos a ver cómo instalar Angular desde la línea de comandos. Dentro de nuestro equipo, voy a abrir Visual Studio Code, y a aprovechar la terminal del sistema e instalar Angular desde la línea comandos utilizando el comando "npm" para poderlo instalar desde Node con el comando "install -g" para hacer una instalación global y que esté disponible dentro de todo el sistema y vamos poner el nombre del paquete que se llama "angular-cli". Una vez que ya tengo el nombre, "angular-cli", vamos a presionar Enter y esto va a descargar todos los archivos relacionados con un proyecto de Angular para que lo pueda gestionar dentro de mi equipo. Luego de finalizado el proceso de descarga e instalación de este paquete, que acabamos de agregar a nuestro sistema, ya tenemos acceso a algunos comandos nuevos dentro de la terminal. Voy a comenzar incluyendo el comando "clear" para limpiar la pantalla y que podamos leer mejor. Voy a insertar un nuevo comando disponible en mi sistema que es "ng", "ng" es la forma en que vamos a llamar a Angular desde la línea de comandos. Ahora le vamos a dar una nueva instrucción, "new", para poder crear un nuevo proyecto, le vamos a definir el nombre en este caso va a ser "prueba1" y vamos a presionar Enter para comenzar a instalar nuestro proyecto. En el momento que presiono Enter va a comenzar, no solo a definir una carpeta con una estructura de archivos, sino que también va a bajar todas las librerías, archivos y elementos relacionados con un proyecto de Angular para que yo pueda comenzar a trabajar directamente. Terminado el proceso de descarga e instalación, ya tenemos un nuevo proyecto, y vemos que tenemos varios archivos que han sido generados a través de la consola y que nos van a permitir trabajar ya en nuestro proyecto. Para poder entrar a este proyecto, vamos a incluir el comando desde la misma consola "Cd" y el nombre del archivo que acabamos de crear, en este caso "prueba1". De esta forma, vamos a tener acceso a todos los archivos y la configuración que se encuentra dentro de nuestro programa. Vamos a incluir un comando que también acabamos de instalar que se llama "ng serve". Este comando va a generar un miniservidor que se va a encargar de mostrar la aplicación que acabamos de crear. Pero no solo la va a mostrar, sino que también va a compilar y a organizar todos los archivos para que queden listos en una aplicación presentable dentro de una página web. Como puedes ver, acá se ha realizado una serie de tareas y ya estamos listos para trabajar. Ahora, este servidor está trabajando en la dirección "localhost:4200", vamos a copiar esta dirección y la vamos a abrir dentro de un navegador y como puedes ver, ya tenemos una aplicación que está funcionando y aparece un mensaje que dice "app works!". Vamos a revisar el código para familiarizarnos un poco con un proyecto generado desde la consola y vamos a ver que dentro de la carpeta "prueba", que acabamos de crear, tenemos una carpeta que se llama "src", donde se encuentra el código fuente de nuestra aplicación específicamente en la carpeta "app". Acá están los elementos que conforman nuestra aplicación y como puedes ver están en formato ".ts", lo que significa que son archivos de TypeScript. La consola se encargó de compilarlos y de prepararlos para que los podamos ver dentro del navegador. Ahora, vamos a modificar ligeramente esta aplicación. Voy a buscar el archivo "app.component" y voy a modificar esta variable llamada "title" y voy a guardar este archivo. En el momento en que lo guardo, quiero que notes como la consola generó una serie de mensajes. Lo que acaba de suceder es que cuando yo guardo un archivo la consola va a detectar que hubo un cambio en el código fuente y va a volver a compilar toda la información, la va a volver a preparar y, de hecho, también, va a refrescar la pantalla para que podamos ver los cambios de inmediato y vamos a verlos. Como podemos ver acá, aparece ya el texto que acabo de cambiar. El concepto detrás de trabajar Angular desde la consola es que podamos ahorrar tiempo y también que nos eliminemos las tareas repetitivas para poder generar código y enfocarnos específicamente en esto que nos gusta, que es generar aplicaciones de buena calidad.

Angular 2 avanzado: Gestión de archivos en PHP

Aprende a crear vínculos entre PHP y Angular 2 mediante un ejemplo práctico en el que trabajarás del lado del servidor con PHP y la parte web con la tecnología Angular de Google.

3:20 horas (33 Videos)
Actualmente no hay comentarios.
 
Software:
Fecha de publicación:19/04/2017

Este curso video2brain está disponible como descarga y para ser visualizado online. ¡Pero no hace falta que decidas entre las dos opciones! Al comprar el curso, disfrutarás de ambas posibilidades.

La descarga te permite ver las lecciones sin estar conectado/a a internet y supone una navegación fácil y ágil entre capítulo y capítulo. Si vas a trabajar en diferentes ordenadores o si no quieres descargarte el curso completo, entra en la web con tus datos de acceso y disfruta directamente de tus vídeos online. Te deseamos que disfrutes de este curso y te resulte de mucha utilidad.

Estamos a tu disposición si tienes cualquier tipo de duda o pregunta.