Francisco carranza
Francisco carranza
  • 71
  • 39 542
EJERCICIO PRACTICO DE SIGNALS EN ANGULAR 18
En este video haremos un ejercicio práctico para aprender a usar Signals en Angular. Te guiaré paso a paso mientras implementamos esta poderosa herramienta para manejar cambios reactivos de manera más eficiente en tus aplicaciones. Perfecto para quienes buscan mejorar su manejo del estado y optimizar el rendimiento de sus proyectos Angular. ¡Sigue el ejercicio y domina Signals rápidamente!
Переглядів: 45

Відео

TODO LO QUE NECESITAS SABER PARA RENDERIZAR DATA EN ANGULAR
Переглядів 50День тому
¿Quieres aprender a mostrar datos de manera eficiente en Angular? En este video te guiaré a través del proceso de renderizar contenido dinámico en tus aplicaciones Angular, logrando una mejor interacción con los usuarios y optimizando la visualización de la información. Ideal para quienes buscan mejorar sus habilidades y crear interfaces más dinámicas y funcionales. ¡No te lo pierdas!
TODO LO QUE NECESITAS SABER SOBRE LOCAL STORAGE
Переглядів 50День тому
En este video aprenderás cómo utilizar LocalStorage en Angular para almacenar datos de manera persistente en el navegador. Te mostraré cómo guardar, recuperar y eliminar información de forma eficiente, para que puedas mejorar la experiencia del usuario en tus aplicaciones. Descubre casos prácticos, tips y buenas prácticas para sacarle el máximo provecho a LocalStorage. ¡No te lo pierdas!
TODO LO QUE NECESITAS SABER SOBRE COMPONENTES EN ANGULAR (standalone)
Переглядів 20414 днів тому
Los componentes en Angular son la base fundamental de cualquier aplicación. Un componente es como un bloque de construcción que encapsula una parte del diseño y la funcionalidad de la interfaz. Cada componente tiene su propia vista (HTML), lógica (TypeScript), y estilos (CSS), lo que permite crear aplicaciones modulares, escalables y fáciles de mantener. ¡Si quieres aprender más sobre cómo func...
Cómo Crear tu Primer Proyecto en Angular Desde Cero | Explicación de la Estructura de Carpetas
Переглядів 7914 днів тому
¿Quieres aprender Angular desde cero? En este tutorial te muestro cómo crear tu primer proyecto en Angular paso a paso y te explico la estructura de carpetas para que entiendas cómo funciona el framework. Veremos qué hace cada archivo y cómo organizar tu código de manera eficiente. Este video es perfecto para principiantes que desean empezar con buen pie en el desarrollo web usando Angular. ¡Si...
ESTE ERROR TE ESTÁ FRENANDO COMO DESARROLLADOR.
Переглядів 14021 день тому
¿Estás cometiendo este error sin darte cuenta? Muchos desarrolladores lo pasan por alto, pero puede estar afectando gravemente tu productividad y calidad de código. En este video te mostraré qué es, por qué es tan común, y cómo evitarlo para llevar tu desarrollo al siguiente nivel. ¡No te pierdas estos consejos esenciales que te ayudarán a mejorar como programador! 🚀 #desarrollo #programacion #...
Desarrolla un Buscador de Geolocalización de Mapas en tu App con Angular y Leaflet 🌍 🚀
Переглядів 316Місяць тому
En este video, aprenderás a desarrollar un buscador de geolocalización de mapas en tu aplicación utilizando Angular y Leaflet. 🗺️ Exploraremos paso a paso cómo configurar el entorno de desarrollo, implementar Leaflet para mostrar mapas interactivos y añadir un buscador eficiente para localizar lugares. 🔍 Ideal para desarrolladores que buscan mejorar la funcionalidad de sus aplicaciones web con ...
✨ Crea Modales en Ionic y Angular: Guía Paso a Paso 🚀
Переглядів 94Місяць тому
"¡Aprende a crear modales elegantes y funcionales en tus aplicaciones Ionic con Angular! 📱💡 En este video, te mostraré paso a paso cómo implementar modales para mejorar la experiencia de usuario en tus apps. Perfecto para desarrolladores que buscan llevar sus aplicaciones al siguiente nivel. No te lo pierdas y comienza a crear interfaces atractivas hoy mismo. 🔥
Personaliza la Visibilidad de Elementos en tus Componentes de Angular
Переглядів 32Місяць тому
✨ Descubre cómo personalizar la visibilidad de elementos en tus componentes de Angular de manera fácil y eficiente. Aprende a controlar qué elementos se muestran según el componente activo y mejora la experiencia de usuario en tus aplicaciones. 🚀💻 ¡No te lo pierdas! 🔥
Cómo Implementar un Skeleton Loader en tu App con Ionic y Angular ⚡️📱
Переглядів 183Місяць тому
¡Aprende a mejorar la experiencia de usuario en tus aplicaciones móviles! 🚀 En este video, te mostraré paso a paso cómo implementar un Skeleton Loader usando Ionic y Angular. Los skeleton loaders son una forma efectiva de mostrar contenido en carga de manera visualmente atractiva y mantener a los usuarios interesados mientras esperan. 🕒✨ ¡Vamos a codificar! Documentacion de ionic: ionicframewor...
✨ Descubre qué son los ORM y cómo Facilitan el Desarrollo 🔄🗄️
Переглядів 24Місяць тому
✨ Descubre qué son los ORM y cómo Facilitan el Desarrollo 🔄🗄️
¿Qué son los ataques Cross-Site Scripting? 🚨💻
Переглядів 25Місяць тому
¿Qué son los ataques Cross-Site Scripting? 🚨💻
⚡️📱 ¡Optimiza tu App de Angular con Lazy Loading! 🛠️🔍
Переглядів 36Місяць тому
⚡️📱 ¡Optimiza tu App de Angular con Lazy Loading! 🛠️🔍
🚫 No cometas este error en Angular: Evita manipular directamente los elementos nativos del DOM
Переглядів 69Місяць тому
🚫 No cometas este error en Angular: Evita manipular directamente los elementos nativos del DOM
EL TUTORIAL DEFINITIVO SOBRE LAS RUTAS DINAMICAS DE ASTRO 🚀
Переглядів 194Місяць тому
EL TUTORIAL DEFINITIVO SOBRE LAS RUTAS DINAMICAS DE ASTRO 🚀
CORRE TU SERVIDOR LOCAL DE ANGULAR EN VARIOS DISPOSITIVOS DE TU RED LOCAL
Переглядів 2772 місяці тому
CORRE TU SERVIDOR LOCAL DE ANGULAR EN VARIOS DISPOSITIVOS DE TU RED LOCAL
ASI ES UN DIA COMO DESARROLLADOR DE SOFTWARE - REMOTO
Переглядів 1363 місяці тому
ASI ES UN DIA COMO DESARROLLADOR DE SOFTWARE - REMOTO
Creando Un Saas Desce Cero - ¿cómo soportar múltiples clientes en tu aplicación?
Переглядів 3373 місяці тому
Creando Un Saas Desce Cero - ¿cómo soportar múltiples clientes en tu aplicación?
¡Así Conseguí Gestionar las Actividades de mi Aplicación de Software!
Переглядів 913 місяці тому
¡Así Conseguí Gestionar las Actividades de mi Aplicación de Software!
LA MEJOR MANERA DE USAR EL ROUTING EN TU APP DE ANGULAR 18
Переглядів 1,8 тис.3 місяці тому
LA MEJOR MANERA DE USAR EL ROUTING EN TU APP DE ANGULAR 18
¿Vale la pena estudiar programación en 2024?
Переглядів 2623 місяці тому
¿Vale la pena estudiar programación en 2024?
HAZ TU PROPIO PAINT EN ANGULAR: Tutorial paso a paso
Переглядів 5803 місяці тому
HAZ TU PROPIO PAINT EN ANGULAR: Tutorial paso a paso
Probando Project IDX: La Nueva Alternativa de Google a VS Code en la Nube con un Proyecto Angular
Переглядів 2654 місяці тому
Probando Project IDX: La Nueva Alternativa de Google a VS Code en la Nube con un Proyecto Angular
Subir y Previsualizar Imágenes con Angular | Modal Interactivo para Títulos y Descripciones
Переглядів 1,1 тис.4 місяці тому
Subir y Previsualizar Imágenes con Angular | Modal Interactivo para Títulos y Descripciones
Cómo Manejar Roles y Permisos Personalizados en tu Aplicación
Переглядів 1,3 тис.4 місяці тому
Cómo Manejar Roles y Permisos Personalizados en tu Aplicación
Exportar Datos a CSV en una Tabla de Angular: Tutorial Paso a Paso
Переглядів 3654 місяці тому
Exportar Datos a CSV en una Tabla de Angular: Tutorial Paso a Paso
Creando un Sistema de Filtros de búsqueda con Angular, MongoDB y NestJS
Переглядів 7065 місяців тому
Creando un Sistema de Filtros de búsqueda con Angular, MongoDB y NestJS
CREA UN PAGINADOR REUTILIZABLE CON ANGULAR (Nest js + mongo db)
Переглядів 5275 місяців тому
CREA UN PAGINADOR REUTILIZABLE CON ANGULAR (Nest js mongo db)
Funcion Inject() en angular
Переглядів 1788 місяців тому
Funcion Inject() en angular
CREA TU PRIMER PROYECTO CON ASTRO - PARTE 1
Переглядів 3308 місяців тому
CREA TU PRIMER PROYECTO CON ASTRO - PARTE 1

КОМЕНТАРІ

  • @RichardDraconian
    @RichardDraconian 9 днів тому

    Muy buena Informacion para los que estamos aprendiendo Angular👍

  • @MgVolnutt
    @MgVolnutt 9 днів тому

    Muchas gracias

  • @yaeluriel
    @yaeluriel 10 днів тому

    Aquí apoyando 🙌

  • @WebDeveloperUrianViera
    @WebDeveloperUrianViera 11 днів тому

    Súper gracias.

  • @davida2702
    @davida2702 21 день тому

    Saludos, yo pegado a angular jaja

  • @davida2702
    @davida2702 21 день тому

    Exelente, crees que es necesario estudiar para ser programador? Que es mejor la universidad o estudiar por tu cuenta? O que ven las empresas para contratarte, saludos desde argenina

  • @marianamilanes
    @marianamilanes 25 днів тому

    hola busco quien me pueda ayudar a crear mi app como te puedo contactar? por favor

    • @franciscocarranza8740
      @franciscocarranza8740 25 днів тому

      @@marianamilanes únete a la comunidad chat.whatsapp.com/IWu4UXq61EQ71178IIa5s6

  • @darioquispe915
    @darioquispe915 Місяць тому

    Una ayuda, como puedo navegar entre secciones? Digamos abc#home, abc#about, y así, vi que se solía usar fragment pero pos no me funciona. Gracias de antemano 😢

  • @odmarolivares
    @odmarolivares Місяць тому

    Parte 2 padrino

  • @Novel-xl4vs
    @Novel-xl4vs Місяць тому

    Parte del Resumen: Funcionan como el .map y el filter, uno modifica el valor original y el otro crea otro valor modificado en memoria a partir del original.

  • @TobyWT
    @TobyWT Місяць тому

    Excelente amigo muchas gracias hace tiempo buscaba un componente aparte del que te brinda iónic o el g2 😊 like a tu video

  • @nahuelastor7522
    @nahuelastor7522 Місяць тому

    Gracias por el video man. Me mande a realizar un proyecto creyendo que no habrían cambios significativos del 17 al 18 😅

  • @PolValleDoplax
    @PolValleDoplax Місяць тому

    Esta leyendo una IA?

  • @davida2702
    @davida2702 Місяць тому

    Anonimuuuss 😮

  • @franciscocarranza8740
    @franciscocarranza8740 Місяць тому

    Link del repositorio: Link del repositorio: github.com/DevCaress/guia-entrevistas-de-programacion

  • @Alberto_APC91
    @Alberto_APC91 Місяць тому

    Excelente implementacion de rutas sin modulos..

  • @franciscocarranza8740
    @franciscocarranza8740 Місяць тому

    Link del repositorio: github.com/goldbergyoni/nodebestpractices/tree/spanish-translation

  • @cristhianelvisvelasquezven3726
    @cristhianelvisvelasquezven3726 2 місяці тому

    Gracias, no me percaté de usar el default para exportar las rutas y así evitar usar el .then(), también funciona el default para los componentes

  • @josedejesusbarajaschavez1374
    @josedejesusbarajaschavez1374 2 місяці тому

    Gracias, muy buena explicacion y update sobre las rutas en angular. Saludos!

  • @carlitos339
    @carlitos339 2 місяці тому

    Sera posible compartir los estilos?

  • @jairbonilla7519
    @jairbonilla7519 3 місяці тому

    Que crack bro ¿cómo aprendiste a programar?

  • @davida2702
    @davida2702 3 місяці тому

    Saludos desde argentina

  • @davida2702
    @davida2702 3 місяці тому

  • @sanchez-emir
    @sanchez-emir 3 місяці тому

    Interesante video. Me gustaría implementar un sistema de inventario usando el multi-tenant. Tendrás cursos de ese tipo usando multi-tenant?

  • @dhayanchavez
    @dhayanchavez 3 місяці тому

    ¿Habrá demanda para el desarrollo Android con Kotlin? No quiero tomar una mala decisión 😵‍💫

  • @javtheghost3789
    @javtheghost3789 3 місяці тому

    Bro sube acerca de como conseguir empleo como dev angular :c

    • @franciscocarranza8740
      @franciscocarranza8740 Місяць тому

      jeje realmente para conseguir un empleo, mas que saber angular, es el saber solucionar las necesidades de alguna empresa, te recomiendo crear algun proyecto real que solucione algun error cotidiano que tengas y te puede servir como curriculum

  • @poper505
    @poper505 3 місяці тому

    resumen: si

  • @eljoseblxp4931
    @eljoseblxp4931 3 місяці тому

    Ya callate we

  • @mr-sadiko3525
    @mr-sadiko3525 3 місяці тому

    hola, en angular no funcionan los scripts? para los botones y esas cosas? uno lo tiene que programar o me equivoco?

  • @nahuelpereznovoa1308
    @nahuelpereznovoa1308 3 місяці тому

    Super claro, muchas gracias!

  • @luisangelespinosaolvera1161
    @luisangelespinosaolvera1161 3 місяці тому

    Sirve si quiero subir como "base de datos" un documento en CSV ? Es decir una lista de una tabla , ya eh creado un modelo o tabla como base en firebase , en mi caso es una lista de estudiantes. Como el archivo csv contiene una lista bastante robusta o larga quiero subir ese archivo , que tal viable seria o que tan facil seria ese enlace? Que opciones tengo y si es posible replicar este proceso !

    • @franciscocarranza8740
      @franciscocarranza8740 3 місяці тому

      te refieres a que a partir de un csv puedas agregar registros a tu base de datos de firebase?

  • @joseluisdusoleil
    @joseluisdusoleil 4 місяці тому

    Mi bro que gran ayuda fue tu video!! estoy sacando un curso pero lo hacen en Angular 6 y yo lo estoy haciendo en angular 17 llevaba dias sin poder hasta que llegué aqui. Mil gracias!

  • @devapps2211
    @devapps2211 4 місяці тому

    No hubiera sido mejor crear un componente genérico para la tabla?

  • @remiaguilar1103
    @remiaguilar1103 4 місяці тому

    Gran alternativa para equipos de gama baja, gran aporte, ahora mi celular seria mi nuevo equipo para programar 😜

  • @manuelguzman2533
    @manuelguzman2533 4 місяці тому

    Puedo usar en repos de azure devops?

    • @franciscocarranza8740
      @franciscocarranza8740 4 місяці тому

      De momento no encontré nada al respecto en la documentación, habrá que esperar, saludos!

  • @harv8403
    @harv8403 4 місяці тому

    Osea que con esto ya me olvido de los problemas de las versiones de angular en varios proyectos en mi pc?! de ptmr tio

  • @MiguelAngelMartinezJerez
    @MiguelAngelMartinezJerez 4 місяці тому

    Muy interesante. Gracias. ¿Es posible compartir el codigo en Github?

    • @franciscocarranza8740
      @franciscocarranza8740 4 місяці тому

      Gracias por el apoyo! Lamentablemente este es un proyecto que será implementado en un futuro por lo que no puedo pasar el código, no depende de mi, saludos.

  • @freddyarriagacruz8987
    @freddyarriagacruz8987 4 місяці тому

    ME acabo de suscribir, en cuanto puedas me gustaría saber lo del odontograma. saludos.

    • @franciscocarranza8740
      @franciscocarranza8740 4 місяці тому

      Excelente, muchas gracias por tu suscripción, es una funcionalidad ya desarrollada, en realidad seria mas una función tipo pizarra (paint), con gusto preparo un próximo video y explico la funcionalidad!

    • @franciscocarranza8740
      @franciscocarranza8740 3 місяці тому

      Mi hermano disculpa la demora, pero aqui esta el video donde lo explico! ua-cam.com/video/yijRsQDbkTM/v-deo.html

  • @CarlosMoralesDev
    @CarlosMoralesDev 4 місяці тому

    Buen video! Sigue adelante!

  • @conocimientolibre219
    @conocimientolibre219 4 місяці тому

    Bro, puede compartir el codigo.

    • @franciscocarranza8740
      @franciscocarranza8740 4 місяці тому

      Claro que si, aqui lo tienes github.com/Carranza12/entrenador-pupilo-app/commit/56f2dc992aeb7a4d7666ded80ce54685247e2c3e

  • @nebur43
    @nebur43 4 місяці тому

    La cuestion es que tengo node 18 con angular 17, y cuando actualizo con nvm a node 20, el angular que me aparece es el 13. Debo de instalar de nuevo angular 17, aunque no entiendo porqué, ya que ya lo tenia instalado. ¿hay que instalar distintas versiones de angular para distitnos npm?

  • @isaiasvillarrealrubio4074
    @isaiasvillarrealrubio4074 5 місяців тому

    Gracias ✌️😊 una consulta en cuánto tiempo crees que podría aprender Nest? Ya sé Angular, Typescript, y backend con Spring Boot

    • @franciscocarranza8740
      @franciscocarranza8740 5 місяців тому

      Depende de cuanto tiempo le dediques al día, si ya tienes experiencia con otros frameworks en una semana deberias de sentirte ya un poco familiarizado con el framework

  • @g-raphael3744
    @g-raphael3744 5 місяців тому

    Excelente

  • @newlaz
    @newlaz 5 місяців тому

    Sigue así hermano

  • @AlguienllamadoYi
    @AlguienllamadoYi 5 місяців тому

    Gracias, aprendí mucho ^^

  • @g-raphael3744
    @g-raphael3744 7 місяців тому

    Como le hago para que por defecto al carga la pagina aparezca siempre el login? adicional al usar {path:'login',component:LoginComponent}

    • @franciscocarranza8740
      @franciscocarranza8740 7 місяців тому

      { path: '', redirectTo: 'login', pathMatch: 'full', }, eso lo pones hasta el final de tu routing, y el que tienes de loginComponente lo pones mas arriba, espero que te sirva. Saludos.

  • @josuehuallullo1705
    @josuehuallullo1705 8 місяців тому

    Amigo podrias enviar el link del repositorio del proyecto, para ver mas a profundo, seri