Información de: Angular 2 avanzado
Aprende a combinar la interacción de javascript con el trabajo con servidores y la gestión de archivos en PHP
Aprende a unir el mundo de PHP con Angular, un framework javascript del lado del cliente inmensamente popular y con gran cantidad de herramientas para trabajar aplicaciones web. Con este curso verás cómo controlar las dos partes de una aplicación web profesional: por un lado, el servidor y sus contenidos con PHP y, por el otro, la interacción con el usuario a través de la web con Angular. Al final de este curso práctico tendrás una aplicación real que puedes usar para tus proyectos personales.
Introducción al curso Angular avanzado
En este capítulo examinaremos los pasos previos antes de comenzar el curso, te presentaré el proyecto final, el repositorio donde se encuentra el proyecto ya terminado y listo para que lo examines, así como los trucos para instalar y configurar tu herramienta de código.
Objetivos y alcance con el proyecto 01:20
Descargando y preparando el sitio base 01:04
Herramientas de desarrollo para este curso 04:44
Preparación previa
Antes de comenzar a trabajar en este proyecto, necesitamos preparar y configurar el equipo con el software necesario para compilar, ejecutar y distribuir nuestra aplicación. En este capítulo te mostraré paso a paso cómo instalar cada uno de los programas que vas a necesitar.
Instalando NodeJS 02:08
Instalar TypeScript 03:23
Instalar Angular 2 CLI 05:47
Instalar un servidor local 04:47
Desarrollar el backend
Este proyecto avanzado está separado en dos áreas, la primera es el código que ejecutaremos desde el servidor, el que nos va a proveer de todos los datos necesarios para trabajar nuestro proyecto en Angular.
Leer archivos en una carpeta 05:46
Encabezados correctos para CORS 03:12
Obtener nombre y tipo de un documento en PHP 09:20
Obtener rutas y tamaños de archivos en PHP 08:34
Eliminar un archivo con comandos PHP 07:58
Renombrar un archivo 06:46
Integrar Angular 2
Una vez que hemos desarrollado el backend de nuestra aplicación, vamos a realizar la segunda parte del proyecto, que es directamente la aplicación Angular que va a capturar los datos externos y los va a desplegar en el navegador web.
Crear un componente en angular CLI 02:59
Leer datos externos de un servidor 08:45
Inyectar valores dinámicos entre componentes con @Input 09:01
Instalar librerías externas e iconos 05:08
Crear un pipe personalizado para desplegar iconos 09:33
Asignar hojas de estilo y detalles visuales 07:10
Borrar archivos de la API 08:30
Actualizar resultados y propagar eventos 09:31
Ocultar o mostrar elementos de un documento con NgIf 07:47
Renombrar un archivo usando Ng Model 09:46
Navegar entre carpetas
En una aplicación que utiliza y gestiona archivos locales, el concepto de navegación, es decir, abrir y explorar carpetas y sus contenidos, se vuelve crucial. En este capítulo aprenderemos paso a paso y con detalle cómo detectar, explorar y cerrar los contenidos de una carpeta.
Crear y habilitar un servicio 05:06
Habilitar entrada y salida de datos de un servicio 05:19
Enviar y recibir datos desde un componente 03:24
Conectar componentes a través de un servicio 04:49
Modificar archivos PHP para soportar variables dinámicas 05:39
Regresar a la carpeta superior 08:07
Subir archivos
En este capítulo vamos a finalizar nuestra aplicación con una capacidad adicional: guardar archivos. Aprenderemos paso a paso cómo administrar un archivo externo, las librerías de Angular que vamos a necesitar y los pasos para asegurar que todos los datos se almacenen correctamente en el servidor.
Instalar librerías externas 05:43
Guardar un archivo en el servidor con PHP 04:56
Enviar documento desde HTML 09:28
Publicar la aplicación 04:34
Capturas:
Hi. I’m Designer of Blog Magic. I’m CEO/Founder of ThemeXpose. I’m Creative Art Director, Web Designer, UI/UX Designer, Interaction Designer, Industrial Designer, Web Developer, Business Enthusiast, StartUp Enthusiast, Speaker, Writer and Photographer. Inspired to make things looks better.
0 comentarios:
Publicar un comentario