01 - Instalar entorno de trabajo - Curso aprende Angular desde cero

Summary

El creador del canal de YouTube anuncia un curso gratuito de Angular desde cero, que se actualizará diariamente a las 7 p.m. hora Perú. El curso se puede seguir en su canal, y para apoyar el contenido, se pueden dar likes, compartir videos y hacer donaciones. También se menciona la venta de otros cursos al precio especial de 9.99 dólares hasta fin de año, con descuentos adicionales por comprar múltiples cursos. El primer capítulo se centra en la instalación del entorno de trabajo para Angular, incluyendo Node.js y npm, y cómo verificar la instalación. Se menciona que el curso continuará con la creación de un nuevo proyecto de Angular en los capítulos siguientes.

Takeaways

• 📚 El creador del canal anunció un curso gratuito de Angular desde cero.
• 🎥 El curso será subido diariamente a las 7 pm hora Perú en el canal de YouTube.
• 🔔 Para no perderse capítulos, se recomienda activar la campanita de notificación.
• 👏 Se puede apoyar al canal dando like a los videos y compartiéndolos en redes sociales.
• 💰 Una forma de apoyar el canal es a través de pequeños donativos utilizando el botón 'Muchas gracias'.
• 🛒 El creador ofrece sus cursos por un precio especial de 9.99 dólares hasta fin de año.
• 🎁 Existe una promoción donde el tercer curso se obtiene con un 50% de descuento.
• 💻 Se menciona la necesidad de tener conocimientos básicos de JavaScript, HTML y CSS para aprender Angular.
• 📋 Se debe tener instalado Node.js y npm en la computadora para trabajar con Angular.
• 🔍 Se sugiere buscar y descargar la última versión de Node.js desde su sitio oficial.
• 📂 Se menciona la creación de un nuevo proyecto de Angular en un capítulo futuro del curso.

Q & A

¿Qué curso está creando el hablante y cuál era la intención original para este?

El hablante está creando un curso de Angular desde cero. Originalmente, el curso iba a ser de pago, pero luego decidió hacerlo gratuito.

¿Dónde y cuándo se actualizará el curso?

El curso se actualizará diariamente a las 7 de la noche hora Perú en el canal de YouTube del hablante.

¿Cómo se puede recibir notificaciones sobre nuevos videos del curso?

Para no perderse ningún capítulo, se puede activar la campanita en YouTube para recibir notificaciones cada vez que se suba un nuevo video.

¿Cómo se puede apoyar al creador del canal?

Se puede apoyar al creador dando like a los videos, compartiéndolos en redes sociales, haciendo pequeños donativos a través del botón 'Muchas gracias' debajo del video, o comprando sus cursos en su sitio web.

¿Cuál es el precio especial de los cursos del hablante y cuál es la promoción?

Los cursos están a un precio especial de 9.99 dólares hasta fin de año, y si se compran tres cursos, el tercero se obtiene con un 50% de descuento.

¿Qué conocimientos se necesitan para aprender Angular según la documentación oficial?

Se necesitan conocimientos de JavaScript, HTML y CSS para poder aprender Angular.

¿Qué son Node.js y npm y por qué son necesarios para instalar Angular?

Node.js es un entorno de ejecución para JavaScript y npm es el manejador de paquetes de JavaScript. Son necesarios para poder instalar Angular en la computadora.

¿Cómo se instalan Node.js y npm?

Se puede instalar Node.js y npm visitando el sitio web oficial de Node.js, descargando la versión deseada e instalándola. npm se instala automáticamente con Node.js.

¿Cómo se verifica que Node.js y npm estén instalados?

Para verificar la instalación, se puede abrir la terminal y ejecutar los comandos 'node -v' para ver la versión de Node.js y 'npm -v' para ver la versión de npm.

¿Qué es Angular CLI y para qué sirve?,

Angular CLI es una herramienta de línea de comandos para Angular que permite crear nuevos proyectos de Angular, así como componentes y otros archivos necesarios para el framework.

¿Cómo se instala Angular CLI?

Para instalar Angular CLI, se debe copiar el comando proporcionado por la documentación y ejecutarlo en la terminal como administrador.

¿Qué se debe hacer si los scripts de PowerShell están deshabilitados en Windows?

Si los scripts de PowerShell están deshabilitados, se debe ejecutar un comando específico en PowerShell para permitir la ejecución de scripts, lo cual es necesario para la instalación de Angular CLI.

Outlines

00:00

📚 Announcing a Free Angular Course

The speaker introduces a new free Angular course that was initially planned to be paid. The course will be uploaded daily at 7 PM Peruvian time on their YouTube channel. They encourage viewers to subscribe for notifications and support the channel by liking, sharing, and donating. They also promote their other courses available on their website at a discounted price of $9.99 until the end of the year.

05:01

🛠️ Setting Up the Angular Development Environment

The speaker guides viewers on how to install Node.js and npm, which are essential for Angular development. They explain the importance of having the latest versions and provide a step-by-step process for downloading and installing Node.js, which automatically installs npm. They also address the need to enable script execution in PowerShell for Windows users and hint at creating a new Angular project in the next chapter.

Keywords

💡Angular

Angular es un framework de desarrollo web que permite crear aplicaciones con una interfaz de usuario dinámica y escalable. En el video, el creador menciona que el curso se centrará en enseñar a los estudiantes a desarrollar aplicaciones desde cero utilizando Angular. Se menciona la necesidad de tener conocimientos previos de JavaScript, HTML y CSS para poder trabajar con éxito con Angular.

💡Curso gratuito

El video describe un curso que inicialmente iba a ser de pago, pero el creador decidió ofrecerlo de forma gratuita. Este curso se actualizará diariamente en el canal de YouTube del creador, lo que permite a los estudiantes seguir el contenido de manera continua y sin costo.

💡YouTube

YouTube es una plataforma de video compartido donde el creador planea subir los videos del curso. Los estudiantes pueden activar la campanita de notificación para recibir avisos cada vez que se sube un nuevo video, asegurándose de no perderse ningún capítulo.

💡Apoyo al canal

El creador sugiere varias formas en las que los espectadores pueden apoyar su canal de YouTube, como dar 'like' a los videos, compartirlos en redes sociales y hacer donaciones pequeñas a través de un botón en la página del video. Además, el creador ofrece cursos adicionales en su sitio web a un precio reducido como una forma de apoyo.

💡Instalación de entorno de trabajo

Para trabajar con Angular, es necesario configurar un entorno de trabajo adecuado. Esto incluye la instalación de Node.js y npm, que son herramientas esenciales para el desarrollo de aplicaciones web con este framework. El creador explica los pasos para instalar estas herramientas y verificar que estén correctamente instaladas.

💡Node.js

Node.js es un entorno de ejecución para JavaScript fuera del navegador, lo que permite a los desarrolladores ejecutar código JavaScript en el servidor. En el video, el creador menciona que Node.js se instala automáticamente con la versión de Visual Studio Code que elige el usuario, y es necesario para trabajar con Angular.

💡npm

npm (Node Package Manager) es un gestor de paquetes de JavaScript que permite a los desarrolladores instalar y gestionar las dependencias de sus proyectos. En el contexto del video, npm es esencial para instalar Angular y sus herramientas asociadas.

💡Configuración de la política de ejecución de scripts

En el video, el creador aborda la necesidad de configurar la política de ejecución de scripts en PowerShell para los usuarios de Windows. Esto es importante para permitir la ejecución de scripts necesarios para la instalación y gestión de paquetes globales de npm.

💡Angular CLI

Angular CLI (Command Line Interface) es una herramienta de línea de comandos que facilita la creación y gestión de proyectos Angular. El creador menciona que en el próximo capítulo se mostrará cómo usar Angular CLI para crear un nuevo proyecto Angular.

💡Proyectos de Angular

Un proyecto de Angular es una aplicación web que se construye utilizando el framework Angular. En el video, el creador promete que en los capítulos siguientes se abordará cómo crear y trabajar con proyectos Angular utilizando Angular CLI.

💡Promoción de cursos

El creador ofrece una promoción en su sitio web donde, si se compran tres cursos, el tercero se obtiene con un 50% de descuento. Esta promoción es una estrategia para incentivar a los estudiantes a adquirir más contenido educativo y apoyar el canal.

Highlights

El creador del curso decide ofrecerlo de forma gratuita.

El curso de Angular se actualizará diariamente a las 7 pm hora Perú.

Para no perderse capítulos, se recomienda activar la notificación en YouTube.

El creador solicita apoyo al canal a través de likes, compartiendo vídeos y donaciones.

Los donativos se pueden realizar a través del botón 'Muchas gracias' debajo del vídeo.

El creador ofrece sus otros cursos por un precio reducido de 9.99 dólares hasta fin de año.

Existe una promoción donde el tercer curso se obtiene con un 50% de descuento.

El curso se centra en la instalación del entorno de trabajo para Angular.

Se menciona la necesidad de conocimientos previos en JavaScript, HTML y CSS.

Se debe tener instalado Node.js y npm para trabajar con Angular.

Se explica cómo instalar Node.js y verificar su versión.

Se detalla cómo verificar la versión de npm y las últimas versiones recomendadas.

Se menciona la instalación de Angular CLI y cómo ejecutarlo en el terminal.

Se da una nota sobre la ejecución de scripts en PowerShell para usuarios de Windows.

Se menciona la habilitación de la ejecución de scripts en PowerShell para facilitar la instalación.

Se promete mostrar cómo crear un nuevo proyecto de Angular en el próximo capítulo.

Transcripts

Hola Qué tal amigos Tal y como había

mencionado hace algunas semanas y va a

crear un curso de angular desde cero

ahora inicialmente este curso iba a ser

un curso de pago pero después de mucho

pensarlo He decidido que este va a ser

un curso gratuito el cual lo voy a subir

en mi canal de YouTube este curso lo voy

a actualizar todos los días a las 7 de

la noche hora Perú y si no quieres

perderte ningún capítulo lo que puedes

hacer es activar la campanita para que

cada vez que suba un nuevo vídeo YouTube

te notifique por último me gustaría

decir que si tú quieres apoyar este

canal lo podrías hacer de muchas maneras

por ejemplo Podrías darle like a estos

vídeos y compartir estos vídeos en tus

redes sociales para que de esa forma más

personas lleguen a este contenido y

mientras más personas lo vean el

algoritmo de YouTube lo que va a hacer

es recomendar más esta serie de vídeos

otra forma en la que podrías apoyar el

canal es buscando debajo de este vídeo

un botoncito que dice Muchas gracias el

cual te va a permitir poder hacer

pequeños donativos Y de esa manera Me

estarías apoyando de cierta manera pero

donde más me ayudarías es si es que

compras alguno de mis cursos que lo vas

a poder encontrar en mi sitio web

ingresando a www.sprint

y cada de mencionar que actualmente

todos mis cursos los estoy vendiendo al

precio de 9.99 dólares y van a seguir

así hasta fin de año adicionalmente

cuento con una promoción que si llevas

tres cursos el tercero te sale con un

50% de descuento sin más no les aburro

más con esto y vamos a iniciar con el

curso y les vuelvo a mencionar que el

curso se va a actualizar todos los días

a las 7 de la noche hora Perú

en este primer capítulo lo que quiero

hacer es instalar el entorno de trabajo

para poder trabajar con éxito Con

angular para lo cual quiero hacer lo

siguiente

Quiero abrir mi navegador y desde aquí

Quiero ingresar a la documentación

oficial de angular le doy enter y una

vez que me encuentro acá quiero

dirigirme a la documentación para lo

cual voy a hacer clic acá desde acá

quiero traducirlo para poder verlo en

español y voy a hacerle clic acá donde

dice empezando muy bien una vez que nos

encontramos acá quiero darle clic a

donde dice configuración y vamos a leer

que nos dice por acá acá me dice lo

siguiente que si yo quiero aprender este

framework llamado angular yo tengo que

tener conocimiento de lo siguiente de

javascript html y css

y me dice que para que yo pueda instalar

angular necesito tener instalado en mi

computadora no huyes y npm no Djs es un

entorno de ejecución para llaves grip

mientras que npm es el manejador de

paquetes de javascript entonces Cómo

instalo estos dos no oyes y npm muy

sencillo lo único que tengo que hacer es

dirigirme a Google buscar Note Yes

ingresar a la primera página que tenemos

por acá y descargar la versión que

nosotros queramos instalar en este caso

a mí me interesaría la última versión

entonces tendría que descargar e

instalar esto que tenemos por acá

simplemente lo descargan lo instalan le

dan siguiente siguiente y listo Cuando

ustedes instalan hoy 10 automáticamente

también se ha instalado npm para

comprobar que efectivamente esas dos

tecnologías se encuentran instaladas lo

que yo voy a hacer es abrir terminal por

ejemplo voy a abrir la terminal de Power

shell y desde acá quiero hacer lo

siguiente Primero quiero colocar Note

versión para ver qué versión de no tengo

instalado yo tengo instalado la 18.10.0

actualmente es la 18.11 pero de todas

maneras me va a servir Así que voy a

trabajar con esta y para ver la versión

de npm que tengo instalado

se actualizo tengo la 8.19.2 ustedes

siempre procuren tener las últimas

versiones ya que lo más probable es que

cuando ustedes vean este curso tengan

versiones mayores a las que yo estoy

mostrando en mi pantalla perfecto una

vez que ya tengo listo mi entorno de

trabajo lo próximo que quiero hacer es

lo siguiente

vamos a centrarnos en esta parte que

dice instalar la 100 Lite de angular el

Sí al aire de angular lo que va a hacer

es permitirnos poder crear un nuevo

proyecto de angular Así como nos va a

permitir poder crear componentes y

varios archivos que vamos a utilizar con

este framework Entonces para instalar

este si el Live lo que tenemos que hacer

es lo siguiente copiamos esto vamos a

dirigirnos a nuestro terminal

voy a dirigirme por acá y lo quiero

ejecutar como administrador Entonces le

voy a dar clic derecho y ejecutar como

administrador lo pongo que sí y lo voy a

ejecutar le voy a dar que le voy a dar

enter

la instalación va a proceder y ahora

Este es un pequeño comentario para los

usuarios de Windows en el caso de que tú

usuario de Windows estés acostumbrado a

trabajar con la consola de powershell ya

sea la consola que estamos abriendo acá

que yo abierto o ya sea la consola que

se abre con visual Studio code que

también es una consola de powershell si

tú estás acostumbrado a trabajar con

esta consola lo que tú tienes que hacer

es ejecutar este Comando en tu terminal

enter y acá colocas la letra s Y le

vuelvo a estar enter

por acá podemos leer porque tenemos que

ejecutar Esto me dice en los usuarios

Windows la ejecución de Script de

powershell están deshabilitadas de forma

predeterminada para permitir la

ejecución de scripts en powershell que

son necesarios para los archivos

binarios globales de npm debe configurar

la siguiente política de ejecución es

decir que en Power shell como dice los

Script están deshabilitados por lo que

vas a tener que ejecutar este Comando si

es que quieres utilizar esta consola en

el caso de que tú quisieras trabajar con

otra consola Como por ejemplo la

terminal de git no tendrías porque

ejecutar esto esto Solo lo vas a

ejecutar a nivel de powershell

Perfecto entonces como yo ya tengo

instalado el cielo hay de angular y ya

habilite la ejecución de Script dentro

de Power shell lo próximo que tendríamos

que hacer es crear un nuevo proyecto de

angular Pero eso lo vamos a ver en el

próximo capítulo