vilcadev
vilcadev
  • Видео 23
  • Просмотров 38 840
05 - Configurando Plantilla SAKAI en Angular 18
En este video veremos la configuración paso a paso para poder usar la Plantilla SAKAI en Angular 18.
Repo Github Sakai Angular 18: github.com/vilcadevWeb/sakai-angularv18
Repo Github plantilla oficial: github.com/primefaces/sakai-ng
Просмотров: 216

Видео

04 - Añadiendo categorías y estados a los Productos de la Tabla
Просмотров 155День назад
En este video veremos añadiremos categorías y estados a los productos de nuestra tabla. Página oficial de la plantilla SAKAI: github.com/primefaces/sakai-ng Proyecto Terminado: github.com/vilcadevWeb/01-sakai-angular 04-Gist-Sakai: gist.github.com/vilcadevWeb/4754b244518570059bbe3b5680cdfade
03- Validaciones del formulario para el componente Table de SAKAI
Просмотров 16514 дней назад
En este video añadiremos validaciones en el formulario de nuestro componente Table. Repo github de la plantilla oficial SAKAI: github.com/primefaces/sakai-ng Repo github del avance del proyecto: github.com/vilcadevWeb/01-sakai-angular
02 - Uso del componente Table de SAKAI (CRUD completo)
Просмотров 39721 день назад
En este video haremos uso de del componente Table para poder realizar un CRUD completo haciendo uso de nuestro json server. Repo github del video de instalación de Sakai github.com/vilcadevWeb/sakai-angular Gist github del Html de la Tabla y el SharedModule gist.github.com/vilcadevWeb/1d06507a4cba7293cda2e921d4dc6c39 Repo github de esta parte github.com/vilcadevWeb/01-sakai-angular
01 - Creación del Backend (Json Server) para la Plantilla SAKAI
Просмотров 48821 день назад
En este video crearemos un backend simple usando json server, esto con el objetivo de poder consumirlo y probarlo con los componentes de la plantilla SAKAI Repo github del video de instalación de Sakai github.com/vilcadevWeb/sakai-angular Gist github del Html y SharedModule gist.github.com/vilcadevWeb/1d06507a4cba7293cda2e921d4dc6c39 Repo github de este primer capítulo github.com/vilcadevWeb/01...
Crea tu API REST de pruebas en 5 Minutos con JSONServer
Просмотров 284Месяц назад
En este video veremos como crear y configurar una API Rest para desarrollo, al final tendremos una API lista para consumirla desde cualquier aplicación cliente. Repo del proyecto: github.com/vilcadevWeb/json-server-node Documentación json-server: www.npmjs.com/package/json-server
Cómo Usar SAKAI en Angular: Plantilla Gratuita para Tus Proyectos
Просмотров 2,9 тыс.Месяц назад
En este video aprenderemos a configurar Sakai en un proyecto de Angular. Aprenderás cómo integrar esta plantilla y aprovechar sus beneficios para acelerar el desarrollo de tus aplicaciones web. Repo del proyecto: github.com/vilcadevWeb/sakai-angular Github de la plantilla Sakai: github.com/primefaces/sakai-ng
CREA UNA WEB CON V0 CHAT - Generador de Interfaces con IA
Просмотров 2692 месяца назад
En este video veremos un ejemplo simple de como podemos empezar a usar V0 chat de Vercel, para generar interfaces creadas por inteligencia artificial.
Autenticación con Angular y Firebase: Inicia Sesión Google y Email (Ejemplo práctico paso a paso)
Просмотров 6102 месяца назад
En este video aprenderemos paso a paso cómo implementar un sistema de autenticación en una aplicación Angular utilizando Firebase. Aprenderás a crear un registro y login con correo electrónico, y cómo integrar el inicio de sesión con Google.
Crea un Slider Responsive en Angular (Desde Cero)
Просмотров 2823 месяца назад
En este video crearemos un Slider/Carousel totalmente responsive en Angular. Repositorio Github del Proyecto: github.com/vilcadevWeb/Slider-Angular
ASTRO: CREA SITIOS WEB MODERNOS EN MINUTOS
Просмотров 7904 месяца назад
En este video aprenderemos a crear un sitio web simple con Astro, empezaremos desde el diseño y maquetación del proyecto, hasta el uso de rutas dinámicas y más conceptos propios de Astro. Repositorio: github.com/vilcadevWeb/sitioweb-astro
CRUD IMÁGENES (ANGULAR, PRIMENG, TAILWIND) - Tutorial Práctico 2/2
Просмотров 1,1 тыс.4 месяца назад
En este tutorial práctico nos centraremos en el desarrollo del frontend de nuestra aplicación CRUD con subida de imágenes, aprenderemos sobre como usar tecnologías como Angular, PrimeNg y Tailwind CSS. Repositorio Github: github.com/vilcadevWeb/images-angular-net ► Time markers: 00:00-Explicación del Proyecto 00:37- Instalación de Paquetes 04:27-Configuración 08:00-Creando el Servicio 11:05-Dis...
CRUD IMÁGENES (.NET, Azure Blob Storage, SQL Server, Postman) - Tutorial Práctico 1/2
Просмотров 3384 месяца назад
En este tutorial práctico nos centraremos en el desarrollo del backend de nuestra aplicación CRUD con subida de imágenes, aprenderemos sobre como usar tecnologías como SSMS, Azure Blob Storage, .NET y como conectarlas entre sí, y por último estaremos usando la herramienta Postman para probar los endpoints de nuestro backend. Respositorio Github: github.com/vilcadevWeb/images-angular-net ► Time ...
TRANSICIONES ENTRE PÁGINAS CON ANGULAR 17
Просмотров 8346 месяцев назад
En este video aprenderemos a como configurar transiciones entre páginas en Angular con un ejemplo práctico Codigo del Proyecto: github.com/vilcadevWeb/ViewTransitionsAngular
CREA UNA PÁGINA WEB EN MINUTOS CON ANGULAR 17 Y FLOWBITE
Просмотров 14 тыс.6 месяцев назад
En este video creamos una página web sencilla en Angular en tan solo unos minutos, usando los componentes de Flowbite para el diseño y un poco de CSS. Repositorio Github: github.com/vilcadevWeb/angular-flowbite
CAMBIAR TEMA EN ANGULAR 17 (DARK THEME) | INSTALACION DE FLOWBITE | TAILWIND CSS
Просмотров 2,6 тыс.9 месяцев назад
CAMBIAR TEMA EN ANGULAR 17 (DARK THEME) | INSTALACION DE FLOWBITE | TAILWIND CSS
CREA UNA TABLA REUTILIZABLE EN ANGULAR 17
Просмотров 9 тыс.9 месяцев назад
CREA UNA TABLA REUTILIZABLE EN ANGULAR 17
COMO SUBIR UNA BASE DE DATOS LOCAL A LA NUBE DE AZURE (Explicado Paso a Paso)
Просмотров 1,4 тыс.11 месяцев назад
COMO SUBIR UNA BASE DE DATOS LOCAL A LA NUBE DE AZURE (Explicado Paso a Paso)
APLICACIÓN FULLSTACK ANGULAR . NET CORE Y SQL SERVER | API REST | PUBLICAR EN HOSTING
Просмотров 2,2 тыс.Год назад
APLICACIÓN FULLSTACK ANGULAR . NET CORE Y SQL SERVER | API REST | PUBLICAR EN HOSTING
Como hacer un CRUD con Angular y PocketBase Paso a Paso
Просмотров 340Год назад
Como hacer un CRUD con Angular y PocketBase Paso a Paso
Filter Cards - HTML | CSS | JS
Просмотров 130Год назад
Filter Cards - HTML | CSS | JS
Herramienta para crear CSS Grid de manera rápida
Просмотров 215Год назад
Herramienta para crear CSS Grid de manera rápida

Комментарии

  • @Julie-i5p
    @Julie-i5p 4 дня назад

    Muchas muchas gracias por eso <3 las explicationes son perfectos !!!

  • @thencyn
    @thencyn 4 дня назад

    Qué bueno ver que alguien esté mostrando PrimeNG Yo lo he estado utilizando desde Angular 8 o 9 (no lo recuerdo bien). Noté que utilizas el SharedModule exclusivamente para PrimeNG. Solo como comentario, el import no es necesario, ya que con el export va a funcionar correctamente (al menos entre las versiones entre la 9 y 18, que es la última que he probado). Además, te comparto cómo lo organizo yo: creo una carpeta llamada "core", y dentro de esta incluyo subcarpetas para elementos como objetos que no requieren importación, interceptores, servicios, clases con métodos estáticos y otros módulos. Dentro de esta estructura, creo un módulo específico para gestionar PrimeNG, ubicado en "core/importaciones/prime-ng.module". Y el modulo "shared" lo utilizo para otras cosas. Espero que te sea útil esta estructura. 😊 Además, sería excelente que más adelante profundices en el uso de la tabla de PrimeNG, ya que es una de las mejores que uno puede encontrar, para mi es fundamental la tabla con todas sus opciones. Saludos

    • @vilcadev
      @vilcadev 3 дня назад

      Me parece una muy buena estructura de carpetas la que mencionas, gracias por compartirla la tendré en cuenta para seguir mejorando, saludos

  • @Julie-i5p
    @Julie-i5p 6 дней назад

    No functiona con angular 18, puedes ayudar ?

    • @vilcadev
      @vilcadev 5 дней назад

      Hola, acabo de subir un video a la playlist de la plantilla Sakai en donde explico la configuración para Angular 18, saludos

    • @Julie-i5p
      @Julie-i5p 5 дней назад

      @@vilcadev Maravilloso :D me voy a intentar a hacerlo functionar ahhaha Muchas gracias por tu trabajo !! Estudio en clase y hablo de tu cuenta a mis amigos ;) Saludos de Francia !!

  • @pabloreyes3652
    @pabloreyes3652 9 дней назад

    Hola, me encuentro revisando tu video. Ahora estoy haciendo la integración de Taiwilnd con PrimeNG v18, no lo he logrado, tienes algun comentario que me puedas guíar.?? Saludos

  • @jairoantoniorohatanzapata9617
    @jairoantoniorohatanzapata9617 10 дней назад

    En qué versión de Angular vienen las planillas de ngprime?. Quería comprar una de ésas pero no sé que tan actualizadas estan.

    • @vilcadev
      @vilcadev 10 дней назад

      Actualmente la plantilla SAKAI señala que esta por la versión 17.0.0, esto se puede ver en su repositorio de github oficial, primeNG lo he usado en versiones modernas de Angular como la 17 y 18 sin ningún problema por el momento.

  • @eugeniodr
    @eugeniodr 11 дней назад

    Hola, he estado viendo tu video del template, que restricciones tiene para usarlo de forma comercial ?

    • @vilcadev
      @vilcadev 10 дней назад

      Hola, tengo entendido que la plantilla es de uso libre. En el repositorio de GitHub había una sección que mencionaba eso, lo he usado en varios proyectos así que por el momento no he tenido inconvenientes al respecto.

  • @joseignaciopardoperez4330
    @joseignaciopardoperez4330 12 дней назад

    cual es tu esquema de colores para el código?

  • @larcer_4075
    @larcer_4075 16 дней назад

    hola, todo esta casi en orden pero, los estilos de los modales, no me cargan. tambien el shared no me funciona, osea lo llamo en el ts, lo reconoce pero en html me da errores como si no tuviera los modulos... tuve que poner los modulos en el ts uno por uno jsjs

  • @maximo_vj
    @maximo_vj 17 дней назад

    pensé que lo ibas a usar, no solo instalar, pero algo es algo 😅😅

    • @vilcadev
      @vilcadev 17 дней назад

      no quise extender mucho el video jaja, estoy subiendo una serie de videos en donde estamos haciendo uso del componente table de la plantilla, espero les sirva para sus proyectos, saludos

  • @Etilico96
    @Etilico96 19 дней назад

    Funciona en Angular 18?

    • @vilcadev
      @vilcadev 17 дней назад

      Sí, no debería haber problemas en usarlo 👍

  • @valerio-9137
    @valerio-9137 23 дня назад

    Gran contenido bro!

  • @papiyeida
    @papiyeida 24 дня назад

    Coño , el vídeo esta bien pero deja esa maldita mania de estar moviendo tanto el raton , vas como si tuvieras en un REDBULL freestyle de rapido , este fue el ultimo que veo sinceramente. Relajate un poquito RAPERO

  • @jesusmiguelglenpedrozo1114
    @jesusmiguelglenpedrozo1114 25 дней назад

    Saludos, Tienes cuenta de discord?

    • @vilcadev
      @vilcadev 24 дня назад

      Si claro, me encuentras como vilcadev, saludos

  • @marialejandrachavez5379
    @marialejandrachavez5379 25 дней назад

    no me funciona

  • @thezoyred6050
    @thezoyred6050 28 дней назад

    Oye excelente video, Oye al usar una tabla editable en el cual el campo del input es un dropdown, te rompe la navegacion con la tecla tab? a mi me pasaaa, y aun no he podido sulucionarlo :c. Saludosss

  • @juan45678912
    @juan45678912 Месяц назад

    Excelente video, lo probé con la versión 17 de angular y funciona muy bien, sin embargo en la versión 18 de angular no me funciono.

    • @Julie-i5p
      @Julie-i5p 7 дней назад

      Functiona para angular 18?

  • @MrYoucantsaveme
    @MrYoucantsaveme Месяц назад

    Como se llama el tema que utilizas?

    • @vilcadev
      @vilcadev Месяц назад

      Hola, lo encuentras como Aura Theme 👍

  • @erickamontero5268
    @erickamontero5268 Месяц назад

    Sigue subiendo contenido sobre cómo usar la librería Sakai

  • @marcosjrs
    @marcosjrs Месяц назад

    Muchas gracias

  • @otmaraguilar957
    @otmaraguilar957 Месяц назад

    Genial

  • @GussHb
    @GussHb Месяц назад

    interesante cuando la parte 2

    • @vilcadev
      @vilcadev Месяц назад

      Estoy creando una playlist en donde se verá el uso de ciertos componentes de la plantilla SAKAI como Tablas, validaciones de formulario, entre otros, espero tenerlo listo en estos días, sé que les será de utilidad, saludos

  • @samybernalb
    @samybernalb Месяц назад

    Muchas gracias

  • @ubaldosanjuansanjuan5579
    @ubaldosanjuansanjuan5579 Месяц назад

    Excelente video, saludos

  • @valerio-9137
    @valerio-9137 Месяц назад

    gracias por el aporte justo estaba creando mi dashboard desde cero

  • @riva9210
    @riva9210 Месяц назад

    interesante

  • @ManuelSandoval-q8q
    @ManuelSandoval-q8q 2 месяца назад

    Muchas gracias por el video, me sirvio bastante, te dejo el like, y sin hate, como recomendacion te digo que seria buena idea implementar el codigo en una cuenta github para poder descargar el codigo o visualizarlo ahi

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

    Muy útil lo que has subido! estoy contento ya que me fue útil para comprender de forma sencilla la manera de estructurar el proyecto con nuevos componentes. Si me costó seguir el ritmo para ubicar algunos archivos/líneas, pasó algo rápido. Gracias por tu contenido!

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

    gracias, me ha servido mucho

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

    para subir ¿imagenes y consumirlas?

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

    bro ayuda, tailwind esta sobrescribiendo los estilos de primeng :(

  • @armandorobertotraviesomontes
    @armandorobertotraviesomontes 3 месяца назад

    muy buena explicacion bro. Saludos 💯

  • @MultimediaMulti-r2y
    @MultimediaMulti-r2y 4 месяца назад

    muy buen video man sigue asi nuevo sub

  • @frochaol
    @frochaol 4 месяца назад

    Grcias por el video, muy bueno !!

  • @xxSchismxx
    @xxSchismxx 4 месяца назад

    que version de angular estas usando?

  • @kevingonzalocruzmartinez8429
    @kevingonzalocruzmartinez8429 4 месяца назад

    Muchas gracias por el tutorial, sinceramente no sabia que podiamos juntar primeNg con tailwind y esta excelente porque las dos librerias son muy buenas. Y gracias por la explicaion del codigo y compartirnos tus enseñanzas... Saludos desde México c:

    • @vilcadev
      @vilcadev 4 месяца назад

      Gracias a ti por comentar, igualmente saludos

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

    Hora de trasnochar, que emoción 🥳

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

    Me gusta flowbite pero tengo un problema al momento de cargar mi componente , estoy trabajando con sidebar y navbar pero no me funciona los botones por al momento del inicio del componente pero cuando lo recargo me funciona una ayuda ?

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

    bro que tema usas de visual studio code

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

    Saludos bro! buen video

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

    no seria mejor de una vez crear los componentes e ir organizando de una vez cada cosa en cada componente??

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

    Genial !

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

    Saludos master

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

    se ve raro mezclar tailwind con css cuando ya existen clases para lo que haces :v

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

    Saludos. Tengo un error al iniciar el proyecto angular con SSR. Al ejecutar initFlowbite(); en algún componente, menciona que 'document' is not define, por lo que es SSR. ¿Sabes cómo solucionarlo?

    • @Daniel-en3hs
      @Daniel-en3hs 4 месяца назад

      Un poco tarde mi respuesta, pero se debe crear un service para usar con SSR y en el componente importar el service.

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

    hola bro recien empiezo a ver angular tu podrias ayudarme a entenderlo mejor? ya que almenos para hacer la pagina inicial esta chevere pero como se liga en angular mas paginas? como lo son : quienes somos, objetivos, contacto. etc tendras algun curso de angular desde 0 de cualquier forma entrare a ver tus videos para guiarme saludos.

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

    Genial, cuales son las extensiones qué usas de visual studio code para angular?

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

    alv si eres el mismísimo fazt xddd

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

      Yo tambien lo pensé, seguro son hermanos

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

    Buen vídeo, recién empiezo con Angular (mi primer Framework) y es de mucha este tipo de videos, ojala sigas con más tutoriales del estilo.

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

    Buen trabajo, hermano. Me ayudó mucho tu tutorial.

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

    Podrias explicar como agregar los Datepicker y ponerlos en español? Se agradecería muchísimo 🙏