- Видео 23
- Просмотров 38 840
vilcadev
Добавлен 3 окт 2023
Tutoriales de programación y desarrollo web. Aquí encontrarás contenido relacionado a tecnologías frontend desde Html, Css, Js, y Angular, hasta Asp.Net Core, SQL, Microsoft Azure, entre otros. Además de tips y experiencias de mi vida universitaria.
Hola, soy Cesar Vilca,
Soy estudiante de Ingeniería de Sistemas. Este canal nació con la finalidad de subir material útil a la comunidad de desarrolladores. Además, es un espacio donde compartiré y pondré en práctica los conocimientos que voy adquiriendo en mi aprendizaje personal.
Trataré en lo posible de compartir nuevo material cada semana, siempre y cuando la universidad no me agobie demasiado :)
Hola, soy Cesar Vilca,
Soy estudiante de Ingeniería de Sistemas. Este canal nació con la finalidad de subir material útil a la comunidad de desarrolladores. Además, es un espacio donde compartiré y pondré en práctica los conocimientos que voy adquiriendo en mi aprendizaje personal.
Trataré en lo posible de compartir nuevo material cada semana, siempre y cuando la universidad no me agobie demasiado :)
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
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
Herramienta para crear CSS Grid de manera rápida
Просмотров 215Год назад
Herramienta para crear CSS Grid de manera rápida
Muchas muchas gracias por eso <3 las explicationes son perfectos !!!
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
Me parece una muy buena estructura de carpetas la que mencionas, gracias por compartirla la tendré en cuenta para seguir mejorando, saludos
No functiona con angular 18, puedes ayudar ?
Hola, acabo de subir un video a la playlist de la plantilla Sakai en donde explico la configuración para Angular 18, saludos
@@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 !!
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
En qué versión de Angular vienen las planillas de ngprime?. Quería comprar una de ésas pero no sé que tan actualizadas estan.
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.
Hola, he estado viendo tu video del template, que restricciones tiene para usarlo de forma comercial ?
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.
cual es tu esquema de colores para el código?
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
pensé que lo ibas a usar, no solo instalar, pero algo es algo 😅😅
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
Funciona en Angular 18?
Sí, no debería haber problemas en usarlo 👍
Gran contenido bro!
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
Saludos, Tienes cuenta de discord?
Si claro, me encuentras como vilcadev, saludos
no me funciona
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
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.
Functiona para angular 18?
Como se llama el tema que utilizas?
Hola, lo encuentras como Aura Theme 👍
Sigue subiendo contenido sobre cómo usar la librería Sakai
Muchas gracias
Genial
interesante cuando la parte 2
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
Muchas gracias
Excelente video, saludos
gracias por el aporte justo estaba creando mi dashboard desde cero
interesante
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
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!
gracias, me ha servido mucho
para subir ¿imagenes y consumirlas?
bro ayuda, tailwind esta sobrescribiendo los estilos de primeng :(
Hola encontraste la solucion?
muy buena explicacion bro. Saludos 💯
muy buen video man sigue asi nuevo sub
Grcias por el video, muy bueno !!
que version de angular estas usando?
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:
Gracias a ti por comentar, igualmente saludos
Hora de trasnochar, que emoción 🥳
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 ?
pudiste resolver ese problema?
bro que tema usas de visual studio code
Saludos bro! buen video
no seria mejor de una vez crear los componentes e ir organizando de una vez cada cosa en cada componente??
Genial !
Saludos master
se ve raro mezclar tailwind con css cuando ya existen clases para lo que haces :v
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?
Un poco tarde mi respuesta, pero se debe crear un service para usar con SSR y en el componente importar el service.
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.
Genial, cuales son las extensiones qué usas de visual studio code para angular?
alv si eres el mismísimo fazt xddd
Yo tambien lo pensé, seguro son hermanos
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.
Buen trabajo, hermano. Me ayudó mucho tu tutorial.
Podrias explicar como agregar los Datepicker y ponerlos en español? Se agradecería muchísimo 🙏