Luis Arias Dev
Luis Arias Dev
  • Видео 14
  • Просмотров 45 246
Cómo Crear un Proyecto Angular en 3 Minutos con Angular CLI 🚀 [Tutorial Paso a Paso]
¡Bienvenidos al segundo video de esta serie! 🚀 En este tutorial, te enseño cómo crear tu proyecto de Angular desde cero utilizando Angular CLI, ¡en tan solo 3 minutos! ⏱️ Aprende los comandos esenciales para iniciar con tu aplicación de manera rápida y eficiente, y prepárate para construir proyectos increíbles. 🔥
👉 ¿Listo para empezar?
🔧 Herramientas utilizadas: Angular CLI y tu terminal favorita.
📂 Resultado final: Un proyecto base listo para personalizar.
No olvides suscribirte para más contenido como este y dejar un comentario si tienes dudas. 💡 ¡Dale ‘Me gusta’ y comparte para que más personas aprendan con nosotros! 😊
#AngularCLI #DesarrolloWeb #TutorialAngular #Programación
Просмотров: 132

Видео

Todo lo que necesitas para comenzar tu proyecto Angular desde cero (¡Guía Completa!)
Просмотров 154Месяц назад
👉 ¿Listo para empezar con Angular? En este video, te muestro paso a paso cómo instalar todo lo necesario para arrancar con el proyecto de iMessage que haremos con Angular. ¡Olvídate de complicaciones! 🎯 🔧 Contenido del video: 1️⃣ Instalación de Node.js y NPM 2️⃣ Instalación de Angular CLI y Git 3️⃣ Instalación de Postgres 4️⃣ Instalación de Visual studio code 💡 Ideal para principiantes y desarr...
Novedades de Angular 17 - Angular 17 Tutorials Serie
Просмотров 272Год назад
En este video los invito a estar atentos a la nueva serie de tutoriales donde iremos aprendiendo las nuevas caracteristicas de angular 17. #angular #angulartutorialforbeginners
Cómo trabajar con formularios en Angular, ngModel y Formularios reactivos con Angular Material 🤓🧑‍💻😃
Просмотров 7 тыс.Год назад
En este videotutorial de angular vamos a aprender como trabajar con formularios en angular, implementando FormsModule, trabajando con ngModel, agregaremos Angular Material a nuestro proyecto y también trabajaremos con formularios reactivos para implementar mejores validaciones y mostrar los errores en los campos cuando no se ingresa la información correctamente. Espero que este video te sea de ...
Cómo trabajar con peticiones http en angular - Fetch & HttpClient de Angular 🧑‍💻🔥🤓.
Просмотров 10 тыс.Год назад
En este video, les voy a mostrar cómo utilizar las peticiones HTTP en Angular para interactuar con APIs externas y obtener datos de manera dinámica en nuestras aplicaciones web. Veremos una breve explicación de que son las peticiones http y para que se utilizan en angular. Realizaremos varios ejercicios para aprender a realizar peticiones http con Fetch de javascript y tambien con el modulo htt...
Cómo trabajar con rutas en angular, parametros, redirecciones, Guard, y lazy loading 🧑‍💻🔥😌🤓
Просмотров 799Год назад
Hey!!!, bienvenidos a otro videotutorial de Angular. En este video vamos aprender como trabajar con Rutas en Angular. Vamos a ver una explicacion a grandes rasgos sobre que es app routing module. - Cómo importar el routing a nuestro modulo principal. - Cómo es la estructura más simple de una ruta. - Cómo enviar y recuperar parametros de la ruta. - Cómo redireccionar rutas. - Cómo proteger rutas...
Ciclo de vida de un componente de Angular 🥰🧐😎, Ojo con el OnChanges() y el OnDestroy()!!! 🤯🤯🤯
Просмотров 1,4 тыс.Год назад
En este video explico en que conciste el ciclo de vida de un componente en angular y el orden de ejecucion de sus metodos del ciclo. Explico desde el OnInit() hasta el OnDestroy(), nos enfocamos principalmente en los metodos las utilizados o por lo menos los mas comunes desde mi punto de vista, si tu crees que existe alguno otro que es fundamental dejamelo en los comentarios para hacer un video...
Cómo compartir datos entre componentes de angular con RxJs BehaviorSubject 🔥🧑‍💻🤩
Просмотров 4 тыс.Год назад
En este video explico como compartir información entre componentes de Angular utilizando la libreria RxJs por medio del BehaviorSubject. De esta forma compartimos información entre componentes sin dependencias jerarquicas entre padre e hijos sino de forma independiente y sincronizada entre todos y cada uno de los componentes que se suscriban al observable. Como compartir informacion entre compo...
Cómo compartir datos entre componentes de angular, estrategia con Servicio get() 🔥🧑‍💻✨
Просмотров 3,5 тыс.Год назад
En este video te explico como compartir datos o información entre compontes de Angular, esta vez lo hacemos con la estrategía del servicio. Basicamente erradicamos el problema con el video anterior que es depender siempre de un componente padre o un hijo para estar compartiendo informacion en modo de piramide el padre le comparte al hijo y el hijo a su vez al nieto. Con esta forma cualquier com...
Cómo compartir datos entre componentes de angular, estrategía con @Input @Output 🔥🧑‍💻✨
Просмотров 2,3 тыс.Год назад
En este video te explico como compartir datos o información entre componentes de Angular, particularmente con la estrategia de @Inputs & @Outputs, practicamente lo que hacemos es compartirle una variable mediante un atributo al componente hijo y recibiendo un evento del hijo donde viene la informacion que el hijo nos comparte. Este es el primero de tres videos donde voy a explicar las diferente...
Cómo trabajar con Módulos y Lazy Loading en Angular 🧑‍💻🔥 📦
Просмотров 1,5 тыс.Год назад
En este video explico cómo trabajar con diferentes módulos en angular, como estrucurar nuestras carpetas en el framework para una mejor organización y como cargar nuestros módulos para que no afecten al rendimiento de nuestra aplicación, sino que se carguen bajo demanda cuando el usuario lo solicite, esto gracias a la implementacion de lazy loading en nuestros archivos de routing de angular. An...
Cómo cambiar idioma global en angular 🔥 🧑‍💻 🇲🇽 🌎
Просмотров 1,6 тыс.Год назад
En este video explico cómo cambiar de forma global el idioma por defecto en una aplicación de angular. Utilizando el angular/common module y asignando el locale del español México, de forma rápida y sencilla. #idiomaangular, #angular
Cómo crear una aplicación para android y ios con angular 🧑‍💻🔥✨
Просмотров 12 тыс.Год назад
Aprende cómo crear una aplicación nativa para android y para ios con un proyecto de Angular y algunos comandos simples de Capacitor. Node js nodejs.org/en/](nodejs.org/en/ Angular CLI angular.io/cli](angular.io/cli) Android Studio developer.android.com/studio?gclid=Cj0KCQiA8t2eBhDeARIsAAVEga0ZxoOphoVlaVKZkVJvRr1gEz0TRAPfnX_H4Bu3lzCpDOXhAMyGYp4aAoxOEALw_wcB&gclsrc=aw.ds Xcode apps.apple.com/us/a...
Cómo crear un proyecto de Angular desde cero 🔥🔥🔥
Просмотров 931Год назад
Tutorial paso a paso de como crear un proyecto de angular desde cero utilizando angular CLI.

Комментарии

  • @kevinmamani2103
    @kevinmamani2103 23 дня назад

    por que no sales el archivo app. module.ts

  • @VerdadyPunto-nc5ly
    @VerdadyPunto-nc5ly 2 месяца назад

    Hola. Como puedo evitar que se destruya la actividad o que sea automatico el Oncreate?. En otras palabras, que no se pueda salir de la aplicacion.Gracias

    • @luisariasdev8198
      @luisariasdev8198 2 месяца назад

      @@VerdadyPunto-nc5ly Hola, gracias por tu pregunta. A qué te refieres con que no se pueda salir de la aplicación quieres cómo bloquear que el usuario pueda cerrar una aplicación de angular?

  • @freddytito1778
    @freddytito1778 2 месяца назад

    Bueno el video, en mi aplicación web utilizo ubicación servicios de google maps, pero una ves llevado a android no me sale el mensaje para activar la ubicación.

    • @luisariasdev8198
      @luisariasdev8198 2 месяца назад

      Verifica que esté solicitando los permisos de ubicación de manera controlada y prueba

    • @freddytito1778
      @freddytito1778 2 месяца назад

      @@luisariasdev8198 Muy bien gracias.

    • @freddytito1778
      @freddytito1778 2 месяца назад

      Y una consulta más, realizo toda la navegación en l a app construida, pero a volver atrás con el botón de atrás, me sale de aplicación no vuelve atrás con el botón de atrás. Alguna sugerencia para tomar en cuanta o una documentación porfavor.

    • @freddytito1778
      @freddytito1778 2 месяца назад

      @@luisariasdev8198 Tomare en cuenta gracias.

    • @luisariasdev8198
      @luisariasdev8198 2 месяца назад

      Hola Fred, puedes tratar de implementar algo con: window.history.pushState a ver si te funciona eso evita que te esté sacando constantemente de la aplicación con ellos botones de navegación de Android

  • @demiantah3179
    @demiantah3179 5 месяцев назад

    estoy comenzando a trabajar con angular y estos videos me vienen de lujo, gracias!

  • @victorhoyos7641
    @victorhoyos7641 5 месяцев назад

    Que gran video, me queda mas claro el tema de los servicios

  • @bernardock
    @bernardock 6 месяцев назад

    y se puede obtener una apk?

    • @luisariasdev8198
      @luisariasdev8198 2 месяца назад

      Si se puede obtener el apk y fírmalo para subirlo a la Play Store o a la App Store

  • @FranciscoLopez-ms7zl
    @FranciscoLopez-ms7zl 6 месяцев назад

    Estoy iniciando con angular y tengo un problema cuando hago el get quiero ver los datos en una tabla ,pero no sé ve nada hasta dar click en un botón que hago mal Además por alguna razón angular no encuentra la carpeta assets me dice que 404 ahí es donde están mis imágenes y lo único que hice fue cambiar el proyecto de computadora :(

  • @pepe7pw177
    @pepe7pw177 7 месяцев назад

    Hola, entonces quizás lo recomendable es ejecutar primeramente el comando "ng build". Esto para ahorrar el paso de indicarle la carpeta en "webDir" en el archivo capacitor.config.ts.

  • @joseantonioamayapostigo2542
    @joseantonioamayapostigo2542 8 месяцев назад

    exelente tutorial.Gracias por el aporte

  • @joseantonioamayapostigo2542
    @joseantonioamayapostigo2542 8 месяцев назад

    exelente explicacion .Gracias por el aporte

  • @enriqueruiz320
    @enriqueruiz320 8 месяцев назад

    😱

  • @isaaccastillo2924
    @isaaccastillo2924 8 месяцев назад

    Hola amigo, a mi me genera un problema con el archivo capacitor.framework, error: .simruntime/Contents/Resources/RuntimeRoot/System/Library/Frameworks/Capacitor.framework/Capacitor' (no such file)

  • @Akisbahillo
    @Akisbahillo 8 месяцев назад

    Esto es una vez ya tienes toda la pagina montada o tienes que hacerlo antes ?

    • @luisariasdev8198
      @luisariasdev8198 2 месяца назад

      Se compila para las plataformas una vez que ya está terminada y montada, a menos que requieras configuraciones adicionales puedes hacer ajustes en Android Studio o Xcode

  • @camichi5286
    @camichi5286 8 месяцев назад

    Gracias por el video, para mí explicas super bien! Entendí todo

  • @dohko1159
    @dohko1159 9 месяцев назад

    Gracias

  • @dayvizeballos9355
    @dayvizeballos9355 9 месяцев назад

    se pierde cuando se refresca la pagina.

    • @luisariasdev8198
      @luisariasdev8198 2 месяца назад

      Verifica que implementas correctamente el service worker

  • @magtros5398
    @magtros5398 10 месяцев назад

    video muito util, obrigado !!

  • @lmartello
    @lmartello 10 месяцев назад

    Que grande, muchas gracias!! Funcionó excelente, es lo que buscaba y cero problemas me dio. Ganaste un suscriptor

    • @luisariasdev8198
      @luisariasdev8198 10 месяцев назад

      Muchas gracias por tu comentario. Que bueno que te haya servido. Saludos!

  • @davidandresgarzonsanchez
    @davidandresgarzonsanchez 10 месяцев назад

    Excelente video, muchas gracias.

    • @luisariasdev8198
      @luisariasdev8198 10 месяцев назад

      Gracias, que bueno que te haya gustado espero te haya servido

  • @comfort_home_20
    @comfort_home_20 10 месяцев назад

    Hola! Preguntilla, entonces si desarrollas todo tu proyecto en el "app" de angular (normal, como si fuera para website): al finalizar todo ese desarrollo con capacitor se "adapta" el codigo a lo que seria una app mobile ios/ android? O por ejemplo, tengo que volver a desarrollar la misma aplicacion en la carpetas de app de android que se crea dentro de app > android > app ? Espero haberme explicado, muchas gracias!!

    • @luisariasdev8198
      @luisariasdev8198 10 месяцев назад

      Hola, gracias por tu pregunta. Así es, capacitor se encarga de generar la estructura necesaria para correr tu proyecto web dentro de una aplicación móvil. Estoy trabajando en una nueva aplicación y noto que mejora el rendimiento de las animaciones cuando ejecuto la aplicación desde iPhone como aplicación generada y compilada con XCode

  • @andrescamperos
    @andrescamperos 11 месяцев назад

    Una forma rápida de abrir el proyecto con VS Code desde la misma terminal es escribir "code . " (sin comillas)

  • @albertoraulblejer526
    @albertoraulblejer526 11 месяцев назад

    no se entiende nada disculpa pero se mas claro

    • @luisariasdev8198
      @luisariasdev8198 10 месяцев назад

      Lamento escuchar eso. Me esforzaré en ser más claro gracias por tu comentario.

  • @EjemploTecno
    @EjemploTecno 11 месяцев назад

    Yo tengo un inconveniente y es que siempre me trae no solo la actualizacion si no la actualizacion mas el valor antiguo

  • @marioHdzAI
    @marioHdzAI 11 месяцев назад

    Pregunta, es el equivalente a webviwe de flutter, aqui el tema es que si puede accionar acciones con el dispositivo, como tomar fotos, en mi caso genere el apk para android con la webviwe con mi direccion de la plataforma, y todo funciona excepto el tomar fotos y gestionar la ubicación, en este caso si funciona en ambiente web, o en ambiente de app.

  • @Diosymas1181
    @Diosymas1181 Год назад

    Que versión de angular es esa?

    • @luisariasdev8198
      @luisariasdev8198 Год назад

      Es 15 me parece? Pero hasta ahora funciona de la misma manera la parte de la peticiones http

  • @SteevenRodriguezZhunio
    @SteevenRodriguezZhunio Год назад

    Excelente video. Disculpa tal vez podrias ayudarme indicando como podria consumir un json que ya tiene un usuario y varias tareas un array. Al implementar un formBuilder.array pongo todo los datos mantengo un error en el for el cual no me deja recorrer, tal vez podria indicar un ejemplo con eso en un video ? Saludos.

  • @ogwithattitude
    @ogwithattitude Год назад

    Qué version de angular es éste?

  • @ManuelCastillo-kq3xy
    @ManuelCastillo-kq3xy Год назад

    una consulta off topic: que plugins instalaste para que el proyecto al crearlo quedara inmeditamente inicialidado el git? Segundo: felicitaciones y gracias por este contenido, me sirvi{o mucho

    • @luisariasdev8198
      @luisariasdev8198 Год назад

      Hola muchas gracias por tu comentario. Ningún plugins solo necesitas tener configurado tu git en vscode y cuando creas el proyecto de angular te crea el proyecto de git así que ya solo tienes que conectarlo a un repo en github o algún servicio de repos que utilices. Muchas gracias por las felicitaciones. 😀

  • @marcobravovega9498
    @marcobravovega9498 Год назад

    Buen video, y como sería ahora en la nueva versión de Angular 17

    • @luisariasdev8198
      @luisariasdev8198 Год назад

      Ya estoy preparando un video sobre ese tema, pero puedes ir probando agregando la bandera -stabdalone false para seguir trabajando los módulos de la misma manera que en versiones pasarás entonces el comando quedaría: ng new project-name -standalone false 😀

    • @marcobravovega9498
      @marcobravovega9498 Год назад

      @@luisariasdev8198 gracias Amigo!!

  • @juangalvez3704
    @juangalvez3704 Год назад

    Consulta, se puede extraer algun dato del archivo JSON obtenido del método post?

    • @luisariasdev8198
      @luisariasdev8198 Год назад

      Si claro, de un archivo JSON se puede consultar y despues acceder a cualquier propiedad que desees.

  • @LinthSaru
    @LinthSaru Год назад

    El sensei del front me mandó saludos 😍, por acá ya estamos esperando el siguiente videooooo ❤

    • @luisariasdev8198
      @luisariasdev8198 Год назад

      ❤Saludos Jusaru, los extraño les mando un abrazo fuerte ❤

  • @Elmanito394
    @Elmanito394 Год назад

    👍

  • @AideArias-z5g
    @AideArias-z5g Год назад

    Excelente

  • @marcobravovega9498
    @marcobravovega9498 Год назад

    Excelente video me quedo super claro, he visto varios videos pero los ejemplos no eran claros, muchas gracias

    • @luisariasdev8198
      @luisariasdev8198 Год назад

      gracias a ti por tu comentario, me da gusto que te haya servido el video

  • @yonhaime
    @yonhaime Год назад

    ya en producción que tal está el performance de una app hecha en Capacitor, es similar al performance de flutter o react native?

  • @Lernesto
    @Lernesto Год назад

    Muy buenas, cómo se importaría en standalone el httpsClient? Empecé a ver este vídeo precisamente porque una app que estaba haciendo para aprender angular se me ha roto y aquí llego al mismo punto muerto, no consigo que httpClient esté disponible porque al importarlo en app.component.ts y en @Component dice "Component imports must be standalone mports: [ComonModule, RouterOutlet, HttpClient],"

  • @irradev
    @irradev Год назад

    Hola! Sobre la superposición de los iconos en el caso de IOS, para esto el framework CSS de ionic resuelve muchos de este tipo de problemas cierto? En cuanto a lo técnico del video no sé porqué pero a partir del segundo 00:30 el audio se escucha solo del lado izquierdo. Saludos y gracias por compartir!

  • @Saleem_Isa
    @Saleem_Isa Год назад

    Excelente👍👍👍

  • @Saleem_Isa
    @Saleem_Isa Год назад

    Excelente

  • @jalberto6322
    @jalberto6322 Год назад

    Vaya crack, me encantó el video. Tienes alguno de almacenar en Session Storage o Local Storage? para guardar los tokens y eso..

  • @ferlezcano
    @ferlezcano Год назад

    Excelente explicación!

  • @lucafacundodobler2515
    @lucafacundodobler2515 Год назад

    Sos un genio amigo

  • @SanJuanViogén
    @SanJuanViogén Год назад

    Excelente, muchas gracias por el vídeo.

  • @nicolas1120
    @nicolas1120 Год назад

    Un ejemplo claro, sencillo y concreto con mucha usabilidad en nuestras aplicaciones, enhorabuena por el video. Un saludo

  • @nicolas1120
    @nicolas1120 Год назад

    Estupendo el video, bien explicado y funcionando perfectamente

  • @testingtesting-d3t
    @testingtesting-d3t Год назад

    No entiendo porque esto funciona como si estuvieran suscritos a un observable, si en teoria no lo son. Se crea un stream de datos pero no es un observable.

    • @danielramirez0318
      @danielramirez0318 Год назад

      creeria que va mas porque en angular (mas exactamenten JS) los objetos se pasan por referencia no por valor y por enden se actualiza en ambos ya que apuntan al mismo objeto en memoria

  • @JuanManuelHerreraCarrera
    @JuanManuelHerreraCarrera Год назад

    Muchas Gracias!!

  • @emersonmachado4188
    @emersonmachado4188 Год назад

    El sonido desde el incio del video se daño y solo se escuchaba por el lado izqauierdo de los audifonos y se escuchaba demaciado bajo

  • @luisfernandodeolazabalsche3317

    Te quería consultar si con angular sueles utilizar Angular Material o Otra? es por si me puedes platicar un poco sobre esto, muchas gracias de antemano.