Angular 2 avanzado: Trabajo con APIs

Herramientas de desarrollo

¡Prueba gratis durante 10 días

nuestros 1218 cursos !

Prueba gratis Mostrar modalidades de suscripción
Para trabajar con este proyecto puedes utilizar cualquier editor de código de tu preferencia. En esta lección te voy a mostrar algunos de los mejores editores que puedes usar en caso de que no estés seguro de qué editor utilizar.
05:31

Transcripción

Para realizar los ejercicios de código de este curso vamos a utilizar un editor, puede ser cualquier editor de tu preferencia. Si no tienes ninguno definido, te voy a recomendar algunos que pueden serte de utilidad. El primero que te voy a recomendar, y posiblemente sea uno que ya conozcas, es Sublime Text; uno de los editores más populares y también uno de los más utilizados dentro del mundo de los desarrolladores web. Puedes también utilizar Brackets, que lo encuentras en la página: brakets. io Es un editor de código muy liviano, de código abierto, gratuito y que también puedes utilizar en todas las plataformas y sistemas operativos. También tenemos Atom, un programa desarrollado por el mismo equipo que desarrolló GitHub. Atom es un excelente programa, tal vez uno de mis favoritos, te va a servir para desarrollar prácticamente cualquier lenguaje de programación, tiene una enorme cantidad de plugins, es muy liviano y también puede ejecutarse tanto en Windows, Mac o Linux. Finalmente, el programa que vamos a utilizar dentro de los ejemplos de este curso va a ser Visual Studio Code, un programa desarrollado por Microsoft pero que es de código abierto, es gratuito y puedes ejecutarlo desde Windows, Linux o Mac también. Vamos a ver algunos detalles de este programa específicamente, acá ya lo tengo abierto. Te voy a mostrar cómo abrir un nuevo proyecto, simplemente entramos a Archivo y abrimos una carpeta y listo, ya estamos trabajando sobre un proyecto. Por ejemplo, si quisiéramos crear un nuevo archivo –voy a buscar el ícono de Nuevo archivo– y este archivo que se acaba de crear, yo ya puedo agregarle código, podemos ver que si yo comienzo a escribir código, me va a hacer un autocompletado o algo que se llama IntelliSense, que me va a ayudar a crear código muchísimo más rápidamente y también a reducir la cantidad de errores. No solo eso, sino que –vamos a guardar este archivo– también puedo utilizar las búsquedas. Por ejemplo, si presiono Control + P, tal como aparece acá, en la lista de comandos de teclado, si presiono Control P ahora, me van a aparecer algunos archivos dentro de mi proyecto, en este caso sólo tengo uno, pero acá me debería aparecer una lista con los archivos que se encuentran en mi proyecto. Si yo escribiera por ejemplo 't', en este caso no hay ningún archivo que tenga la letra't', así que me va a aparecer sin resultados, sin embargo si escribo'a', me va a aparecer el'archivo. js'. Por supuesto que ahora aparece únicamente un archivo, pero dentro de los proyectos que vamos a trabajar en este curso, vamos a manejar miles de archivos y va a ser muy sencillo poder localizarlos utilizando este atajo. Otro detalle interesante que tenemos es la terminal que está integrada dentro del programa. En este caso, la podemos abrir con el comando'Ctrl + ñ' –simplemente presionamos Control + ñ– y me va a parecer la terminal del sistema donde yo puedo ejecutar comandos de código y poder interactuar con la consola, esto va a ser algo que vamos a realizar frecuentemente dentro del curso y por último, vamos a instalar algunas plugins que nos van a ayudar a desarrollar nuestro código con más eficiencia y más velocidad. Vamos a entrar a la sección que se encuentra al lado izquierdo, vamos a buscar el último botón, que nos va a permitir a nosotros instalar las extensiones que tiene Visual Studio Code. Vamos a instalar 'angular 2 typescript sni ppets', desarrollado por'johnpapa', acá lo tenemos, 'Angular 2 TypeScript Snippets', vamos a instalarlo. También vamos a hacer otra búsqueda, en este caso vamos a poner 'Beautify CSS', esto es un plugin que nos va a ayudar a darle formato a nuestros archivos en CSS. Hay varias opciones, pero vamos a buscar específicamente el que está desarrollado por 'michelemelluso', lo vamos a instalar acá y finalmente vamos a instalar otro plugin que se llama'TS lint' que nos va a ayudar a detectar errores dentro de TypeScript. Listo, ya tenemos las extensiones necesarias instaladas, vemos que se encuentran ya disponibles dentro el sistema, pero para que puedan funcionar, tenemos que presionar el botón Recargar o simplemente cerrar y volver a abrir el programa, en este caso yo voy a presionar Recargar y ya tenemos estos plugins listos para poder trabajar y ayudarnos a generar un mejor código dentro de Visual Studio Code.

Angular 2 avanzado: Trabajo con APIs

Comprende el funcionamiento de una API y cómo llevar a cabo sus procesos, así como controlar su funcionamiento mediante Angular 2, gracias a este ejemplo práctico.

3:02 horas (29 Videos)
Actualmente no hay comentarios.
 
Software:
Fecha de publicación:4/05/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.