- 78
- 108 060
FreeDev
Peru
เข้าร่วมเมื่อ 20 ต.ค. 2020
Bienvenido a mi canal. Acá aprenderás todo respecto a desarrollo web: Vanilla js, ES6 +, Angular, React, Vue, web components, microfrontends , etc. Comparto lo que voy aprendiendo todos los días.
Crea un asistente virtual usando un modelo personalizado con OpenAI, Node.js y Angular
¿Quieres crear tu propio asistente virtual para usos específicos?
En este tutorial, te guiaré en la utilización de la API de OpenAI, Node.js y Angular. Te enseñaré paso a paso cómo configurar tu conjunto de datos para entrenar tu modelo personalizado utilizando fine-tuning. Además, aprenderás a subir el conjunto de datos a los entornos de OpenAI para su entrenamiento. Descubrirás cómo crear, leer y utilizar tu modelo, entre otras habilidades.
Set de datos para el modelo:
drive.google.com/file/d/1j_cspyawVd0O3ZzmINicpsg-iqW14BCG/view
En este tutorial, te guiaré en la utilización de la API de OpenAI, Node.js y Angular. Te enseñaré paso a paso cómo configurar tu conjunto de datos para entrenar tu modelo personalizado utilizando fine-tuning. Además, aprenderás a subir el conjunto de datos a los entornos de OpenAI para su entrenamiento. Descubrirás cómo crear, leer y utilizar tu modelo, entre otras habilidades.
Set de datos para el modelo:
drive.google.com/file/d/1j_cspyawVd0O3ZzmINicpsg-iqW14BCG/view
มุมมอง: 123
วีดีโอ
Proyecto final angular y auth0 - Construyendo un calendario de eventos.
มุมมอง 1.6K4 หลายเดือนก่อน
Este proyecto se centra en el desarrollo de una aplicación web de calendario de eventos utilizando Angular 17 y Auth0. La aplicación permitirá a los usuarios crear, ver y gestionar eventos en un calendario interactivo, con una experiencia de usuario fluida y segura. Tecnologías Utilizadas: Angular 17: El framework principal para la construcción de la aplicación, proporcionando una estructura ro...
Curso completo de angular (10 horas) - Desde cero hasta avanzado.
มุมมอง 21K4 หลายเดือนก่อน
00:00 Introducción a angular. 16:38 Configuración inicial del proyecto. 37:56 Creando nuestro primer componente. 52:34 Decoradores @Input y @Output en angular. 1:08:33 *ngIf, @if, @else y *ngFor (y derivados). 1:33:57 Directivas de clase y atributo. 1:41:47 Sintaxis de plantilla @else if y @switch. 1:52:46 Atributos personalizados y nueva sintaxis @for. 2:09:25 Introducción a los pipes. 2:15:41...
Crear un modal totalmente reutilizable con angular material y la directiva *ngTemplateOutlet
มุมมอง 6657 หลายเดือนก่อน
En este tutorial, exploraremos cómo construir un modal altamente reutilizable utilizando Angular Material junto con la potente directiva *ngTemplateOutlet de Angular. A través de esta combinación, aprenderemos a diseñar un modal flexible que se adapte a una amplia gama de casos de uso, permitiendo la personalización del contenido de manera dinámica y eficiente. Al aprovechar las capacidades de ...
Git stash - Esconde tus cambios en un "almacén" temporal
มุมมอง 768 หลายเดือนก่อน
Git stash es un comando de Git que permite a los desarrolladores guardar temporalmente los cambios que han realizado en su directorio de trabajo sin necesidad de confirmarlos o descartarlos. Esto es útil cuando se necesita cambiar de rama o trabajar en un problema diferente sin comprometer los cambios actuales. El comando `git stash` toma los cambios en el directorio de trabajo y los guarda en ...
Curso intensivo de RxJS en Angular: ¡Domina la Programación Reactiva!
มุมมอง 6248 หลายเดือนก่อน
¡Hola a todos los entusiastas de Angular y RxJS! En el presente curso, hablaremos de la bondades de rxjs. ¿Qué te espera en este video? Hablaremos sobre conceptos clave de RxJS de una manera sencilla y práctica. Desde observables hasta operadores y manejo de errores, cubriremos todo lo necesario para que puedas dominar esta potente herramienta que puede ser útil para tu trabajo del día a día co...
Crear código de barras con jsbarcode y exportar a pdf con jspdf usando angular.
มุมมอง 1.2Kปีที่แล้ว
En este tutorial, aprenderás cómo generar códigos de barras dinámicos utilizando la biblioteca jsbarcode en JavaScript y cómo exportarlos a un documento PDF con jspdf, todo integrado en una aplicación Angular. #jsbarcode #jspdf #angular
Domina CSS Flex Box
มุมมอง 533ปีที่แล้ว
En este tutorial, aprenderás a dominar CSS Flexbox, una herramienta poderosa para diseñar diseños flexibles y responsivos en tus proyectos web. Desde conceptos básicos hasta técnicas avanzadas. ¡No te pierdas esta oportunidad de mejorar tus habilidades de diseño web! 0:00 Introducción 4:00 Flex vs Inline Flex. 8:37 Justify content. 11:48 Align items. 16:56 Flex basis, flex grow y flex shrink. 2...
Tutorial de RecordRTC en angular 16: librería JavaScript para la grabación audio, video y pantalla.
มุมมอง 884ปีที่แล้ว
En este tutorial, aprenderás a utilizar RecordRTC para habilitar la grabación de audio, video y pantalla en tus aplicaciones Angular. Este es un tutorial que va paso a paso para ayudarte con la implementación de esta potente biblioteca en tus proyecto Angular, lo que te permitirá crear aplicaciones con capacidades de grabación multimedia y captura de pantalla en tiempo real.
Crea tu editor de imagen online con JavaScript.
มุมมอง 258ปีที่แล้ว
🎨 Si alguna vez has deseado personalizar tus imágenes directamente en tu navegador, este es el lugar adecuado para comenzar. A lo largo de este tutorial, aprenderás cómo aprovechar las capacidades de JavaScript para desarrollar un editor de imágenes interactivo y creativo. En los primeros pasos, exploraremos cómo configurar el entorno de desarrollo y establecer las bases de nuestro proyecto. A ...
Curso de base de datos relacionales SQL(MySQL) desde cero para principiantes.
มุมมอง 1Kปีที่แล้ว
¡Bienvenidos al Curso Completo de Base de Datos Relacionales con SQL (MySQL) desde Cero! Aprenderemos todo lo necesario para dominar el poderoso lenguaje SQL y construir bases de datos robustas y eficientes utilizando MySQL, uno de los sistemas de gestión de bases de datos más populares y ampliamente utilizados en el mundo. Este curso está diseñado para principiantes, por lo que no se requiere ...
Crea una aplicación de videoconferencia con simple-peer, socket.io, angular y node de forma fácil.
มุมมอง 1.2Kปีที่แล้ว
¡Bienvenido al emocionante mundo de las videoconferencias en tiempo real! En este tutorial paso a paso, aprenderás cómo crear aplicaciones de videoconferencia sorprendentes y eficientes utilizando tecnologías clave como Socket.io, Angular, Node.js y Simple-peer. Ya sea que estés interesado en desarrollar una plataforma de comunicación interna para tu empresa, una herramienta de educación en lín...
Crea una aplicación web guiada por voz tipo Alexa | Siri con AI (Alan AI) y angular de forma fácil.
มุมมอง 329ปีที่แล้ว
Alan AI es una plataforma de IA que ofrece una fácil integración en cualquier sitio web o aplicación móvil. Está diseñado para admitir implementaciones de nivel empresarial y proporciona sólidas funciones de seguridad y privacidad. Con flujos de diálogo personalizables, análisis de sentimientos y reconocimiento de voz automático, Alan AI permite a los desarrolladores crear experiencias de conve...
Curso completo de sass desde cero - 2023
มุมมอง 4.8Kปีที่แล้ว
SASS (Syntactically Awesome Style Sheets) es un preprocesador de CSS que extiende la funcionalidad básica de CSS y agrega características adicionales. Proporciona una sintaxis más poderosa y flexible que facilita la escritura y el mantenimiento de hojas de estilo CSS. En lugar de escribir directamente en CSS, con SASS puedes escribir código en una sintaxis más legible y concisa, que luego se co...
Aplicación completa con node y mongoDB - 2023
มุมมอง 812ปีที่แล้ว
Node.js y MongoDB son dos tecnologías populares que se utilizan comúnmente juntas para construir aplicaciones web. Node.js es un entorno de ejecución que te permite ejecutar código JavaScript en el lado del servidor. Proporciona un modelo de E/S sin bloqueo y basado en eventos, lo que lo hace adecuado para construir aplicaciones web escalables y de alto rendimiento. Node.js utiliza el motor de ...
Visualizar documento PDF en angular con ng2-pdf-viewer.
มุมมอง 6Kปีที่แล้ว
Visualizar documento PDF en angular con ng2-pdf-viewer.
Aplicación completa con angular 15/16, socket.io e integración con node 18 - 2023
มุมมอง 5Kปีที่แล้ว
Aplicación completa con angular 15/16, socket.io e integración con node 18 - 2023
Aplicación completa con node 18, mysql, express, JWT y socket.io - 2023
มุมมอง 8Kปีที่แล้ว
Aplicación completa con node 18, mysql, express, JWT y socket.io - 2023
Curso de TypeScript de para principiantes
มุมมอง 96ปีที่แล้ว
Curso de TypeScript de para principiantes
Aplicación completa con react 18 - React Router v6 y Redux Toolkit
มุมมอง 1.2Kปีที่แล้ว
Aplicación completa con react 18 - React Router v6 y Redux Toolkit
Crea un certificado digital con código QR en angular.
มุมมอง 916ปีที่แล้ว
Crea un certificado digital con código QR en angular.
aplicación completa con angular 14 desde cero - Login, rutas, guards, http services y más.
มุมมอง 17Kปีที่แล้ว
aplicación completa con angular 14 desde cero - Login, rutas, guards, http services y más.
Currying en JavaScript: Explicación y caso de uso de funciones currificadas en JavaScript
มุมมอง 1762 ปีที่แล้ว
Currying en JavaScript: Explicación y caso de uso de funciones currificadas en JavaScript
¿ Qué son los módulos y cómo funcionan en JavaScript ?
มุมมอง 1882 ปีที่แล้ว
¿ Qué son los módulos y cómo funcionan en JavaScript ?
Clases, constructor, instancia, herencia y métodos estáticos en JavaScript.
มุมมอง 3242 ปีที่แล้ว
Clases, constructor, instancia, herencia y métodos estáticos en JavaScript.
Curso completo de JavaScript básico para principiantes - 2022
มุมมอง 1.4K2 ปีที่แล้ว
Curso completo de JavaScript básico para principiantes - 2022
Curso de CSS3 desde cero 2022 - parte 2
มุมมอง 1652 ปีที่แล้ว
Curso de CSS3 desde cero 2022 - parte 2
Curso de CSS3 desde cero 2022 - parte 1
มุมมอง 1802 ปีที่แล้ว
Curso de CSS3 desde cero 2022 - parte 1
que microfono villero
Buenas días, ¿no hay video del frontend??
es como si se hubiera salteado una parte a partir de 1:59:00 masomenos nose ve de donde sale toda la parte de la modal
@@gonzalomina9630 No me di cuenta, pero he dejado el repositorio para que revisen.
Ya está liberado el repositorio para que comparen con lo que están haciendo: github.com/freedev9630/calendar-events.
El contenido del video es sin duda excepcional, lo que enseñas es bastante valioso para la comunidad, ganas un nuevo sub, sin embargo, a partir de las 2 horas del video hubo contenido que era esencial para el funcionamiento del proyecto, pero que nunca mostraste como era su elaboración ni tampoco compartiste un repo en el cual se pudiera visualizar este contenido, esto sin duda hace que las personas nuevas que vienen a aprender con tus videos se desanimen y busquen a otro dev creador de contenido que si muestre el proceso de la elaboración del proyecto práctico, no son sin duda 2 horas desperdiciadas, claro que no, son 2 horas muy bien aprovechadas y fructificas dados los temas que abordas, como dev con experiencia previa te lo puedo asegurar, aun así desanima un poco no poder saber de qué manera elaboraste esas funcionalidades que eran importantes para continuar con la elaboración del proyecto a partir de la hora 2
Dejo el repositorio fijado en los comentarios para que obtengas esa parte porque no me había percatado de eso.
Como consejo no repitas tanto EN ESTE CASO, EN ESTE CASO, EN ESTE CASO........
FUNCIONA!!!!! Graaaaaaaacias 🤗
Con este video he aprendido como construir un proyecto con organización y claridad. Gracias!
@freedevabc gracias free por compartir contenido de calidad,pero donde esta para descargar la app se supone que hay una opcion de descargar la app
@freedevabc gracias por compartir contenido de calidad
est buen contenido pero le falta un indice
empezare a seguir este video, muy buen aporte amigo
Buenas estimado, es cierto que estas trabajando en un ecommerce para videotutorial completo?
angular 17 en junio 2024?????? :|
En que versión actual están??
tengo maximum call stack size exceeded como puedo solucionarlo
¿ Eso salio desde inicio del proyecto o cuando agregaste algo ?
hola, tenés la voz muy parecida a una persona que tiene un canal de viajes en Suiza
Hola, me podrías pasar el nombre del canal porque me da curiosidad.
@@freedevabc hola, buscá el canal de Daxvader 😀
Excelentísimo video casi 10 hrs. La verdad se agradece muchísimo por darnos tanta información. Tiene mi like y me suscribo al canal. Saludos
Bien doc, espero que te sirva.
Me funciono a la perfección, gracias
Probablemente para ti sea sencillo pero es exageradamente reborujado con tanto manejo de archivos
@@JonathanMartinez-dv8zh Nada es sencillo cuando se empieza.
súbelo al repo y lo compartes bro, estoy haciendo un software y necesito implementarlo de forma rápida.
El repositorio del curso lo subí. Ahora también está esto.
Oro puro, muchas gracias por compartirlo, funcionó de maravillas.
Gracias funciono para react.ts
Hola te dejo una critica constructiva para que te sirva , pero trata de poner la division de capitulos en el video, para podamos ya ver un indice pero tmb para que nosotros sepamos donde quedemos la ultima vez q nos pusimos con el video , asi practicamente ni me da ganas de empezar a ver el video sabiendo que hay material de sobra por youtube, igual se ve intresante , capaz le pegue un vistazo :D
Ya está señor, no se moleste.
@@freedevabc Excelente muchas gracias por tomar en cuenta el comentario, Excelente contenido.
@@freedevabc Perfecto ahora cambia muchisimo , ahora si tengo ganas de verlo jajaj
todavía te están enseñando gratis, y el trabajo que lleva montar un video así y te expresas de esa manera? ni que estuvieras pagando para ver este video
@@magicbeats330 De hecho creo que si ha pagado para que naciera este video: dedicación, preparación del curso, conocimiento, edición del video, electricidad, internet, dispositivo pc o laptop y sobre todo tiempo muuucho tiempo, pero concuerdo que no es la forma de expresarse que uno como usuario se espera jaja
excelente aporte.. infinitas bendiciones
No abre el repositorio
¿ Qué error te sale?
Excelente video.
Es muy bueno el contenido, como recomendacion seria seccionar el video para ver temas en especifico ... Por lo demas, felicidades!
Ya está listo.
estoy por iniciar la materia de angular en la universidad y este curso me viene de perlas, te recomendare, like y sub, saludos!
Bien doc, suerte en tus estudios.
Datos para el modelo: drive.google.com/file/d/1j_cspyawVd0O3ZzmINicpsg-iqW14BCG/view
2:00:00 podrias compartir el proyecto porfavor, en un repositorio? en el tutorial falta una parte 😪 soy nuevo programando
Me dices que parte te falta para pasarte el código porque revisé el video y no logro notar que falte algo. Ese repositorio lo puse privado por ahora y luego lo liberaré.
Gracias por responder, en la carpeta services @@freedevabc
La verdad es solo un servicio y es poco código. Lo dejo por acá. import { Injectable, signal } from '@angular/core'; import { MatDialog } from '@angular/material/dialog'; import { DialogComponent } from '../shared/dialog/dialog.component'; import { NCalendar } from '../model/calendar.model'; @Injectable({ providedIn: 'root' }) export class DialogService { private dialogData = signal<NCalendar.IEvent | null>(null); constructor(public dialog: MatDialog) {} openDialog(data?: NCalendar.IEvent): void { this.dialog.open(DialogComponent, { data, width: '70vw' }); } setEvent(item: NCalendar.IEvent) { this.dialogData.set(item); } get getEvent() { return this.dialogData(); } }
@@freedevabc gracias, disculpa la molestia pero podrias pasarme el dialog.html es lo unico que me falta
Super buen contenido, ideal para las vacaciones
A aprovechar las vacaciones.
Excelente video y contenido!!!
Suscríbete para mas contenido. Puedes revisar mis últimos cursos en el canal porque tengo más.
Excelente!! me aclaró algunas dudas, muchas gracias por tu aporte 👍
Me alegra que te haya servido.
gracias! re bien explicado y cortito <3
Dale me gusta y suscríbete para más contenido así.
Justo lo que buscaba bro, thank you much dude 🤗🤗
Espero que te sirva mucho el curso.
Genial, hace años abandoné Angular por React ya que la plaza laboral andaba más por esa libreria, pero ahora que nuevamente andan buscando Angular literal es un reseteo de cerebro jajaja, cuando aprendo Angular olvido totalmente React (lo curioso es que VUE no lo olvido), buen curso!, como critrica constructiva seria bueno cambiar el microfono xq se escucha un "sssssssssss" de fondo si le subo el volumen
Sí, angular está siendo solicitado nuevamente. Donde trabajo hay muchos proyectos con angular y ni vacaciones puedo tener jajaja. Tomaré en cuenta lo del micrófono y ojalá para el próximo video lo grabe con uno nuevo 🫵.
muy buen contenido fracciona el curso por apartados por favor asi cuando queramos volver a verlo nos ubicamos
Lo quise hacer, pero toma tiempo. Lo haré ni bien me libero.
Excelente curso, como recomendación deberias de fracionarlo y poner los minutos para que la navegacion en el video sea mas rapida, pero muchas gracias, haces un excelente trabajo
Ojalá me libere pronto para poder revisar eso.
una consulta , mi version de angular es 16.2 normal puedo trabajar porque la version del video es 17 ??
No, tienes que actualizar a la versión 17 porque hay cambios grandes e importantes en la v17 de angular. También puedes usar la 18 (actual), pero la 16 te va a dar problemas.
timestamps: 54:42 socket service 1:20:30 guardar sessionstorage
Excelente amigo gracias, primera vez que me sale todo bien , muy buena explicación. Para cuando los pintamos en los formularios front end. Felicitaciones.
Muy buen tutorial, gracias.
Qué bueno que te haya gustado.
Hola bro tengo un problema. En netlify si funciona ahora yo estoy utilizando un hosting en don web y no me funciona, hay algun paso diferente que haya que hacer?
Claro, esto es la configuración para netlify nada más.
@@freedevabc no tenes un video para solucionar el problema en un hosting común para react?
hola queria pedirte un favor que si puedes hacer un tutorial de como hacer un CRUD en Angular que elimine, edite, y guarde datos de antemanos gracias ya me subscribi a tu canal
Pronto sacaré uno completo desarrollando un ecommerce. Estoy trabajando en eso actualmente, así que atento.
hola que tal queria pedirte un favor que si puedes hacer un tutorial de un CRUD en angular que ELIMINE, GUARDE , ACTUALICE los datos porfavor gracias ya me suscribi a tu canal
Atento, pronto sale.
Muchas gracias Mister FreeDev por el excelente tutorial en vivo....
Suscríbete para más contenido así.
¡Excelente tutorial, muchas gracias por el esfuerzo tan grande!!!!!!!! por favor pon los tiempos :,v
Lo tomaré en cuenta para cuando tenga un espacio libre.
Excelente curso, muy bien explicado, quisiera que me ayudaras con tu repositorio, no me aparece la carpeta modelos y su codigo para poder clonarlo. Muchas gracias
Si está, pero tienes que buscar en una rama diferente a la main: github.com/freedev9630/angular-17-course/blob/dev/src/app/models/todo.model.ts
@@freedevabc Muchas gracias
Uyy gracias excelente voy a verlo hoy
Adelante.
Master una consulta tengo la version 18.0.3 esta bien para tomar el curso?
Sí, normal puedes usar la 18.