- Видео 14
- Просмотров 45 246
Luis Arias Dev
США
Добавлен 19 сен 2022
"¡Bienvenido a este tu canal! Soy un desarrollador web especializado en Angular con más de 5 años de experiencia. Aquí encontrarás tutoriales detallados y específicos sobre cómo implementar y resolver algunos de los conflictos más comunes que se presentan en el mundo del desarrollo web, de momento más enfocados con la implementación del framework de Angular.
Me considero novato y siempre dispuesto a aprender junto con mi comunidad nuevas formas de mejorar nuestra forma de programar. Mi objetivo es compartir mi conocimiento y experiencia para ayudar a otros desarrolladores a superar obstáculos y mejorar sus habilidades.
Si eres un apasionado del desarrollo web y quieres seguir aprendiendo, ¡no dudes en suscribirte a mi canal y unirte a esta comunidad de programadores!"
Me considero novato y siempre dispuesto a aprender junto con mi comunidad nuevas formas de mejorar nuestra forma de programar. Mi objetivo es compartir mi conocimiento y experiencia para ayudar a otros desarrolladores a superar obstáculos y mejorar sus habilidades.
Si eres un apasionado del desarrollo web y quieres seguir aprendiendo, ¡no dudes en suscribirte a mi canal y unirte a esta comunidad de programadores!"
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
👉 ¿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.
por que no sales el archivo app. module.ts
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
@@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?
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.
Verifica que esté solicitando los permisos de ubicación de manera controlada y prueba
@@luisariasdev8198 Muy bien gracias.
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.
@@luisariasdev8198 Tomare en cuenta gracias.
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
estoy comenzando a trabajar con angular y estos videos me vienen de lujo, gracias!
Que gran video, me queda mas claro el tema de los servicios
y se puede obtener una apk?
Si se puede obtener el apk y fírmalo para subirlo a la Play Store o a la App Store
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 :(
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.
exelente tutorial.Gracias por el aporte
exelente explicacion .Gracias por el aporte
😱
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)
Esto es una vez ya tienes toda la pagina montada o tienes que hacerlo antes ?
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
Gracias por el video, para mí explicas super bien! Entendí todo
Gracias
se pierde cuando se refresca la pagina.
Verifica que implementas correctamente el service worker
video muito util, obrigado !!
Que grande, muchas gracias!! Funcionó excelente, es lo que buscaba y cero problemas me dio. Ganaste un suscriptor
Muchas gracias por tu comentario. Que bueno que te haya servido. Saludos!
Excelente video, muchas gracias.
Gracias, que bueno que te haya gustado espero te haya servido
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!!
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
Una forma rápida de abrir el proyecto con VS Code desde la misma terminal es escribir "code . " (sin comillas)
no se entiende nada disculpa pero se mas claro
Lamento escuchar eso. Me esforzaré en ser más claro gracias por tu comentario.
Yo tengo un inconveniente y es que siempre me trae no solo la actualizacion si no la actualizacion mas el valor antiguo
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.
Que versión de angular es esa?
Es 15 me parece? Pero hasta ahora funciona de la misma manera la parte de la peticiones http
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.
Qué version de angular es éste?
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
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. 😀
Buen video, y como sería ahora en la nueva versión de Angular 17
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 😀
@@luisariasdev8198 gracias Amigo!!
Consulta, se puede extraer algun dato del archivo JSON obtenido del método post?
Si claro, de un archivo JSON se puede consultar y despues acceder a cualquier propiedad que desees.
El sensei del front me mandó saludos 😍, por acá ya estamos esperando el siguiente videooooo ❤
❤Saludos Jusaru, los extraño les mando un abrazo fuerte ❤
👍
Excelente
Excelente video me quedo super claro, he visto varios videos pero los ejemplos no eran claros, muchas gracias
gracias a ti por tu comentario, me da gusto que te haya servido el video
ya en producción que tal está el performance de una app hecha en Capacitor, es similar al performance de flutter o react native?
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],"
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!
Excelente👍👍👍
Excelente
Gracias 🤩
Vaya crack, me encantó el video. Tienes alguno de almacenar en Session Storage o Local Storage? para guardar los tokens y eso..
Excelente explicación!
Sos un genio amigo
Excelente, muchas gracias por el vídeo.
Un ejemplo claro, sencillo y concreto con mucha usabilidad en nuestras aplicaciones, enhorabuena por el video. Un saludo
Estupendo el video, bien explicado y funcionando perfectamente
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.
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
Muchas Gracias!!
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
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.