Angular 2 práctico: Sitio de consumo de videos

Herramientas de desarrollo para este curso

¡Prueba gratis durante 10 días

nuestros 1246 cursos !

Prueba gratis Mostrar modalidades de suscripción
En esta lección vamos a ver algunos de los principales editores de código, te presentaré varias opciones y te enseñaré cómo configurar Visual Studio Code, el programa que utilizaremos durante todo el curso.
05:56

Transcripción

Para realizar los ejercicios de este curso vas a necesitar un editor de código. No necesitamos ningún editor de código especial. Puedes utilizar el editor de tu preferencia. Pero si no tienes ninguno elegido aún, te voy a sugerir algunos que te pueden ser de mucha utilidad. Comenzamos revisando Brackets, que se encuentra en la dirección "brackets.io". Este es un editor de código abierto, completamente gratuito, muy liviano y compatible con los principales sistemas operativos. También puedes utilizar Sublime, que es uno de los editores más populares, posiblemente lo tengas instalado. Sublime también es compatible con las principales plataformas y sistemas operativos. Sin embargo, Sublime tiene una licencia de prueba, que si bien es cierto es gratuita, también tiene una licencia de pago. Así que te recomiendo también utilizar otros editores que pueden ser mucho más económicos o que pueden ser mucho más sencillos de utilizar, como por ejemplo Atom, que lo encuentras en la dirección "atom.io", desarrollado por el mismo equipo que ha creado GitHub. Es uno de los mejores editores de código que puedes encontrar, muy flexible, con muchísimos plugins, que te van a ayudar a desarrollar un código de muy buena calidad. Y, por último, tenemos un editor de código que se llama Visual Studio Code, que es desarrollado por Microsoft. Este editor de código también es de código abierto y también es gratuito. En este curso vamos a utilizar Visual Studio Code para desarrollar nuestras aplicaciones. Te voy a mostrar algunos detalles que tiene este editor, que nos van a ayudar a trabajar durante este curso. Por ejemplo, acá yo ya tengo descargado y abierto Visual Studio Code y voy a abrir una carpeta. Por ejemplo, vamos a entrar al menú superior, donde dice "Archivo". Vamos a elegir la opción "Abrir carpeta". En este caso, voy a abrir una carpeta en blanco que se llama "proyecto". Voy a crear un archivo que se va a llamar "prueba". Y acá ya puedo comenzar a editar el archivo. Voy a tener algunas herramientas de autocompletado, o IntelliSense, que me va a servir a mí para poder generar código mucho más rápido, mucho más eficientemente. También tengo algunos atajos interesantes que aparecen en el momento en que yo abro el programa. Y tal vez uno de los que más me interesa mostrarte es el que aparece en la terminal. En este caso, con el comando "Ctrl+ñ" o también lo puedes ver acá directamente dentro de los menús en la parte de "Ver". Vamos a activarlo desde el teclado. Y esto lo que va a hacer es que me va a abrir una terminal que me permite a mí ver e interactuar con los comandos que se encuentran dentro del sistema. Esto nos va a ser particularmente útil durante los ejercicios de este curso. También tenemos otro comando interesante... Vamos a cerrar la terminal. Por ejemplo, acá voy a poner un comando para que veas. Es como si estuviéramos trabajando dentro de la terminal de sistema, pero está dentro del programa en el que trabajamos. Así tenemos que abrir menos ventanas. Otro comando interesante que vamos a tener es la tecla "Ctrl+P", que nos permite movernos dentro de los archivos que se encuentran en el proyecto. En este caso, solo me aparece, por ejemplo, "prueba", pero si yo estuviera buscando un archivo, pongamos nada más "pr", me va a aparecer "prueba.js". Por supuesto, solo tenemos uno, pero cuando estemos trabajando con los proyectos de este curso vamos a trabajar literalmente con miles de archivos. Así que va a ser mucho más sencillo trabajar y buscar información. Finalmente, vamos a incluirle algunos plugins que nos van a ayudar a desarrollar nuestro código muchísimo más rápido y eficientemente. Vamos a buscar primero un plugin para trabajar con Angular 2, que se llama "Angular 2 TypeScript Snippets". Vamos a hacer clic donde dice "Instalar". En caso de que encuentres otro con el nombre similar, recuerda que es el que está desarrollado por "johnpapa". Vamos a instalarlo. También vamos a instalar otro plugin, que se va a llamar... "Beautify css", que nos va a servir para modificar o, más bien, para mejorar la apariencia de nuestro CSS. En este caso, voy a utilizar "Beautify css/sass" y otros formatos. Este es desarrollado por "michelemelluso". Vamos a instalarlo. También vamos a instalar otro plugin, que se va a llamar "TSLint", que nos va a permitir a nosotros detectar errores dentro del código antes de compilar y así vamos a poder trabajar mucho más rápido y evitar errores. Y, finalmente, vamos a instalar otro plugin que se llama "PHP IntelliSense". Y vamos a encontrar una versión de Felix Becker, la que vamos a instalar. Y una vez que tengamos todos estos plugins instalados, vamos a ver dentro de nuestra aplicación que nos aparece una opción "Recargar" y, en caso de que no aparezca, lo único que tienes que hacer es cerrar la aplicación. En este caso voy a poner "Recargar". Voy a cerrar la aplicación, volverla a abrir y vamos a tener ya listos todos estos plugins que nos van a ayudar a generar código muchisimo mas eficiente y con muchísimos menos errores para poder trabajar mucho más rápido.

Angular 2 práctico: Sitio de consumo de videos

Aprende a crear un sitio web de consumo de vídeos con Angular 2, desarrollando el back-end y conectando con el servidor local, terminando por la personalización del reproductor.

2:41 horas (26 Videos)
Actualmente no hay comentarios.
 

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.