Información de: Angular 2 práctico
Aprende a crear una web de videos con Angular, desarrolla un sitio web multimedia con Angular 2
Aprende en este curso a crear un sitio web de videos con características avanzadas, compatible con dispositivos móviles y de fácil indexación en motores de búsqueda. Siguiendo paso a paso las lecciones, verás cómo instalar el servidor local, cómo desarrollar el backend y cómo integrar Angular 2. Al final del workshop tendrás además el código fuente para utilizar como base para tus proyectos personales utilizando Angular 2 de un sitio funcional en el que podrás ver cómo cargar información de servicios web externos, crear listas dinámicas y cómo crear un reproductor personalizado de video HTML5 con Angular 2.
Introducción a Angular
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 trucos para instalar y configurar tu herramienta de código.
Presentación del proyecto y análisis de archivos 02:50
Descargando y preparando el sitio base 02:59
Herramientas de desarrollo para este curso 05:56
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:44
Instalar TypeScript 03:34
Instalar Angular 2 CLI 06:11
Instalar un servidor local 04:22
Importar la base de datos 01:51
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.
Conectar PHP a un servidor MySQL 05:44
Crear un servicio de listado de videos 09:11
Encabezados correctos para CORS 05:59
Seleccionar un registro individual en una base de datos 08:43
Integrar Angular
Este proyecto avanzado está separado en dos áreas, aquí vamos a desarrollar la segunda parte, que es directamente la aplicación Angular que va a capturar los datos externos y los desplegará en el navegador web.
Creación de un proyecto y análisis de sus componentes 07:14
Crear un componente con Angular CLI 06:12
Incluir Bootstrap en Angular 07:05
Conectarse a un servidor 07:18
Mostrar listas de videos 08:52
Administrar rutas de Angular 2 09:06
Navegación básica en Angular 2 04:45
Navegando entre componentes de Angular 2 06:32
Enlaces dinámicos en listas 05:40
Extraer información de rutas en Angular 2 06:48
Integrar Video HTML5
HTML5 ofrece una poderosa API para controlar sus eventos a nivel programático. En este capítulo aprenderemos a crear un reproductor personalizado de video que utiliza eventos de HTML5 y los canaliza a una aplicación Angular.
Insertar Video HTML5 09:21
Controlar un video con Angular 08:42
Desplegar controles avanzados 09:07
Compilar y publicar proyecto final para distribución web 04:36
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