Platzi
Platzi

¡Invierte en ti y celebremos! Adquiere un plan Expert o Expert+ a precio especial.

Antes: $349
$259
Currency
Antes: $349
Ahorras: $90
COMIENZA AHORA
Termina en: 13D : 5H : 10M : 38S

Debes iniciar sesión

Para ver esta clase crea una cuenta sin costo o inicia sesión

Curso de Angular 4

Curso de Angular 4

Eduardo Ibarra

Eduardo Ibarra

Herramientas de trabajo y Angular CLI6/80

Las herramientas que usaremos a lo largo del curso son:

  • Navegador web - Chrome es el que usaremos pero puedes usar el que te parezca mejor.
  • Editor de texto - PHP Storm es mi favorito, porque soporta de manera nativa Typescript.
  • Node.js especificamente NPM.
  • Angular CLI, es un set de herramientas para la consola que nos facilita el trabajo con Angular 4.

Recomendación de editor de código muy parecido, gratis y que actualmente se usa mucho para desarrollar en angular es vs code
Viene con soporta de manera nativa de Typescript

https://code.visualstudio.com/

Buenos Gifs! Like!

Herramientas que usaremos en el curso.

  • Navegador web. Google Chrome.

  • Editor de texto. Que soporte el lenguaje TypeScript.

  • Node.js, específicamente su manejador de paquetes NPM.

  • Angular CLI.
    Angular CLI es un set de herramientas de consola que usaremos en nuestros proyectos de Angular 4 que facilitan la creación de proyectos y genera Componentes, Rutas, Servicios, Pipes, etc. Además nos permitirá correr nuestra App de manera Local en nuestro Browser, hacer Testing y preparar nuestra App para producción.

Hay veces que suele ser complejo manejar Frameworks robustos como Angular. Usar la herramienta correcta es de suma importancia para hacer las cosas mejor y facilitarnos el trabajo. En nuestro caso Angular CLI es la herramienta.

El que no entiende con estos Gif, no es humano jaja

Genial volver a llevar un curso con Eduardo Ibarra

Actualmente Visual Studio Code creo que es la mejor opción como IDE para desarrollar ya que tienen muchos plugins de autocomentado, highlight y demás funciones que hacen que sea muy fácil desarrollar en Angular y TypeScript =)

En este caso para el editor de texto recomiendo notepad

Chévere, yo uso Visual Studio Code y Sublime.

Les dejo un video de Instalacion de node js y angular para windows:
https://www.youtube.com/watch?v=Ya1PPFbgBy4
A mi me sirvió mucho

Siento que no habria entendido bien lo de Angular CLI si es que antes no hubiera indagado un poco acerca de Angular por fuentes externas.

Muy buena la comparación del GIT con la herramienta Angular CLI.

Hola buen día , alguien me podría decir como se puede crear un modulo para angular 2 y subirlo a npm? y si angular cli me permite hacer eso?

Para los usuarios de Windows despues de instalar. Node.js habran el cmd de windows y sigen los pasos de instalacion npm...

buenas clases

Recomiendo VsCode! tiene varias exenciones para angular!

visual studio es mi editor de texto

Angular CLI Es un set de herramientas de consola que usaremos en nuestro proyectos de angular 4 que facilitan:
Crear proyectos
generar
Componentes
Rutas
Servicios
Pipes
Correr nuestra app localmente
Hacer testing
preparar nuestra app para producción

Me parece que el visual studio code es una buena opción también, soporta Typescript de forma nativa y tiene herramientas muy buenas para usar Git

La herramienta correcta nos puede llevar a resolver un problema complejo de la manera más rápida.

Aquí vamos a usar Google Chrome y sus herramientas de desarrollador, Php Storm como edutor de texto, Node.js para npm y Angular CLI

Sublime Text tiene lo paquetes necesarios a traves de Package Control, empezando por Typescript de Microsoft (https://packagecontrol.io/packages/TypeScript)

WebStorm y toda la linea de productos Intellij Idea (love)

Buen uso del gif, XD.

Me funciono bien con http://localhost:4200/

<html lang="es">

El navegador web que vamos a usar!

El editor de texto recomendado por el profesor!

NodeJS

Angular CLI. La herramienta que más vamos a usar en el curso.

Angular CLI

Era complicado instalar todo correcto para que Angular 4 funcionara correctamente porque tenía muchos elementos moviles etc.,
es por ello que mucha gente desistía con Angular 4.
La solución a este problema es utilizar la herramienta correcta, esa herramienta es AngularCLI

AngularCLI (angular cliente):

  • Es la herramienta correcta para solucionar este problema tan dificio que tenemos con angular 4 y su configuración.

  • Es un set de herramientas para consola que nos va a permitir entre muchas otras cosas :
    ◦ generar nuestro proyecto
    ◦ generar:
    ▪ componentes,
    ▪ rutas,
    ▪ servicios,
    ▪ pipes
    ▪ etc.

  • Nos va a permitir :
    ◦ correr nuestra app en local
    ◦ hacer testing
    ◦ preparar nuestra app para producción
    ◦ etc.

AngularCLI (angular cliente):

Es la herramienta correcta para solucionar este problema tan dificio que tenemos con angular 4 y su configuración.

Es un set de herramientas para consola que nos va a permitir entre muchas otras cosas :
◦ generar nuestro proyecto
◦ generar:
▪ componentes,
▪ rutas,
▪ servicios,
▪ pipes
▪ etc.

Nos va a permitir :
◦ correr nuestra app en local
◦ hacer testing
◦ preparar nuestra app para producción
◦ etc.

Un editor de código muy bueno para **TypeScript ** es Visual Studio Code , es muy ligero y tiene una gran cantidad de plugins para potenciarlo.

Un editor de código muy bueno para TypeScript es Visual Studio Code , es muy ligero y tiene una gran cantidad de plugins para potenciarlo.

Bueno espero no tardarme en la configuración.

Puede utlizar el IDE VSC (Visual studio Code), es gratuita y tiene muchas extensiones

Excelente observación

Muy buena la analogia de Indiana Jones, pero debo comentar como curiosidad que Harrison Ford no hizo la escena de la pelea ya que estaba mal del estomago 😃

veremos la ver 8?

Logre hacerlo Correr en Windows 10 con la terminal de Ubuntus emulada cualquier consulta a la orden.

Voy ha utilizar Visual Studio Code como IDE, y SUBLIME como editor de texto.

muy buena aportacion

No creo que haya problema si uso Visual Studio verdad?

ng new
The Angular CLI makes it easy to create an application that already works, right out of the box. It already follows our best practices!

ng generate
Generate components, routes, services and pipes with a simple command. The CLI will also create simple test shells for all of these.

ng serve
Easily test your app locally while developing.

Test, Lint
Make your code really shine. Run your unit tests, your end-to-end tests, or execute the official Angular linter with the breeze of a command.

Bang! Bang! jaja

Alguien sabe instalar node y el entorno con ubuntu?

Excelente explicacion!

Yeahh con PhpStorm!!!
Que tal WebStorm?

Algun ejemplo o guia de como integrar Angular CLI con Visual estudio? desde ya muchas gracias

Gifs FTW!

Los GIFs.
x’D ❤️

Saludos, probare PHP Storm jeje espero que me vaya bien…

Recomendación de editor de código muy parecido, gratis y que actualmente se usa mucho para desarrollar en angular es vs code
Viene con soporta de manera nativa de Typescript

https://code.visualstudio.com/

Buenos Gifs! Like!

Herramientas que usaremos en el curso.

  • Navegador web. Google Chrome.

  • Editor de texto. Que soporte el lenguaje TypeScript.

  • Node.js, específicamente su manejador de paquetes NPM.

  • Angular CLI.
    Angular CLI es un set de herramientas de consola que usaremos en nuestros proyectos de Angular 4 que facilitan la creación de proyectos y genera Componentes, Rutas, Servicios, Pipes, etc. Además nos permitirá correr nuestra App de manera Local en nuestro Browser, hacer Testing y preparar nuestra App para producción.

Hay veces que suele ser complejo manejar Frameworks robustos como Angular. Usar la herramienta correcta es de suma importancia para hacer las cosas mejor y facilitarnos el trabajo. En nuestro caso Angular CLI es la herramienta.

El que no entiende con estos Gif, no es humano jaja

Genial volver a llevar un curso con Eduardo Ibarra

Actualmente Visual Studio Code creo que es la mejor opción como IDE para desarrollar ya que tienen muchos plugins de autocomentado, highlight y demás funciones que hacen que sea muy fácil desarrollar en Angular y TypeScript =)

En este caso para el editor de texto recomiendo notepad

Chévere, yo uso Visual Studio Code y Sublime.

Les dejo un video de Instalacion de node js y angular para windows:
https://www.youtube.com/watch?v=Ya1PPFbgBy4
A mi me sirvió mucho

Siento que no habria entendido bien lo de Angular CLI si es que antes no hubiera indagado un poco acerca de Angular por fuentes externas.

Muy buena la comparación del GIT con la herramienta Angular CLI.

Hola buen día , alguien me podría decir como se puede crear un modulo para angular 2 y subirlo a npm? y si angular cli me permite hacer eso?

Para los usuarios de Windows despues de instalar. Node.js habran el cmd de windows y sigen los pasos de instalacion npm...

buenas clases

Recomiendo VsCode! tiene varias exenciones para angular!

visual studio es mi editor de texto

Angular CLI Es un set de herramientas de consola que usaremos en nuestro proyectos de angular 4 que facilitan:
Crear proyectos
generar
Componentes
Rutas
Servicios
Pipes
Correr nuestra app localmente
Hacer testing
preparar nuestra app para producción

Me parece que el visual studio code es una buena opción también, soporta Typescript de forma nativa y tiene herramientas muy buenas para usar Git

La herramienta correcta nos puede llevar a resolver un problema complejo de la manera más rápida.

Aquí vamos a usar Google Chrome y sus herramientas de desarrollador, Php Storm como edutor de texto, Node.js para npm y Angular CLI

Sublime Text tiene lo paquetes necesarios a traves de Package Control, empezando por Typescript de Microsoft (https://packagecontrol.io/packages/TypeScript)

WebStorm y toda la linea de productos Intellij Idea (love)

Buen uso del gif, XD.

Me funciono bien con http://localhost:4200/

<html lang="es">

El navegador web que vamos a usar!

El editor de texto recomendado por el profesor!

NodeJS

Angular CLI. La herramienta que más vamos a usar en el curso.

Angular CLI

Era complicado instalar todo correcto para que Angular 4 funcionara correctamente porque tenía muchos elementos moviles etc.,
es por ello que mucha gente desistía con Angular 4.
La solución a este problema es utilizar la herramienta correcta, esa herramienta es AngularCLI

AngularCLI (angular cliente):

  • Es la herramienta correcta para solucionar este problema tan dificio que tenemos con angular 4 y su configuración.

  • Es un set de herramientas para consola que nos va a permitir entre muchas otras cosas :
    ◦ generar nuestro proyecto
    ◦ generar:
    ▪ componentes,
    ▪ rutas,
    ▪ servicios,
    ▪ pipes
    ▪ etc.

  • Nos va a permitir :
    ◦ correr nuestra app en local
    ◦ hacer testing
    ◦ preparar nuestra app para producción
    ◦ etc.

AngularCLI (angular cliente):

Es la herramienta correcta para solucionar este problema tan dificio que tenemos con angular 4 y su configuración.

Es un set de herramientas para consola que nos va a permitir entre muchas otras cosas :
◦ generar nuestro proyecto
◦ generar:
▪ componentes,
▪ rutas,
▪ servicios,
▪ pipes
▪ etc.

Nos va a permitir :
◦ correr nuestra app en local
◦ hacer testing
◦ preparar nuestra app para producción
◦ etc.

Un editor de código muy bueno para **TypeScript ** es Visual Studio Code , es muy ligero y tiene una gran cantidad de plugins para potenciarlo.

Un editor de código muy bueno para TypeScript es Visual Studio Code , es muy ligero y tiene una gran cantidad de plugins para potenciarlo.

Bueno espero no tardarme en la configuración.

Puede utlizar el IDE VSC (Visual studio Code), es gratuita y tiene muchas extensiones

Excelente observación

Muy buena la analogia de Indiana Jones, pero debo comentar como curiosidad que Harrison Ford no hizo la escena de la pelea ya que estaba mal del estomago 😃

veremos la ver 8?

Logre hacerlo Correr en Windows 10 con la terminal de Ubuntus emulada cualquier consulta a la orden.

Voy ha utilizar Visual Studio Code como IDE, y SUBLIME como editor de texto.

muy buena aportacion

No creo que haya problema si uso Visual Studio verdad?

ng new
The Angular CLI makes it easy to create an application that already works, right out of the box. It already follows our best practices!

ng generate
Generate components, routes, services and pipes with a simple command. The CLI will also create simple test shells for all of these.

ng serve
Easily test your app locally while developing.

Test, Lint
Make your code really shine. Run your unit tests, your end-to-end tests, or execute the official Angular linter with the breeze of a command.

Bang! Bang! jaja

Alguien sabe instalar node y el entorno con ubuntu?

Excelente explicacion!

Yeahh con PhpStorm!!!
Que tal WebStorm?

Algun ejemplo o guia de como integrar Angular CLI con Visual estudio? desde ya muchas gracias

Gifs FTW!

Los GIFs.
x’D ❤️

Saludos, probare PHP Storm jeje espero que me vaya bien…