nuevamente excelente, me llevo un poco de tiempo terminar el tutorial que tienes ya que estoy aprendiendo en mis tiempos libres, la otra cosa que cambia en el 17 es el toastr al momento de implementar, como ya no se usan los modulos es necesario agregar provideAnimations(), provideToastr(), en el apartado de providers en el archivo app.config.ts
¡Hola Tomas, muchas gracias por tu video, nunca le comento a nadie, pero tu video se merece las felicitaciones y agradecimientos! Entendí cosas que no tenía la más remota idea de explicar antes, muchas gracias! ¡Nunca dejes de hacer este tipo de material :)!
Me ha encantado el tutorial y la forma de explicar, lo has hecho tan sencillo que para ser nueva en Angular he sabido hacerlo a la par que adaptarlo a la versión 17 sin problemas. Gracias!! Nueva seguidora.
Muchas gracias, pude crear mi proyectocompleto guiandome solo con tu video durante 2 dias de noches dedicado a esto, muchas gracias, excelente video y explicaciones
loco gasté mucha guita y MUCHO tiempo en cursos de udemy que nada que ver, estas 3 horas fueron las mas productivas en mi proceso de aprender Angular. gracias
Excelentes Tomas, muy completo el tutorial, solo seria genial que hagas ejemplos con pasar estados entre padre y hijos, dividir más en componentes !!! Ojalá vuelves pronto!!!
Hola Tomás, excelente tutorial. Respecto a sugerencias para un nuevo video, estaría bueno hacer un formulario de venta para darle continuidad al proyecto, no se que te parece? Muchas gracias!!
Muy buen tutorial, se aprende bastante así. Recomendaría un curso o video más larguito pero no solo que sea CRUD sino con más métodos y tablas relacionadas, con .Net 7 y Angular. Y si se puede usar xUnit para Unit Testing mucho mejor. Felicitaciones Tomas, eres un excelente maestro.
Hola Alex! tengo pendiente actualizar el curso de Angular y .Net de Udemy y también quizás saque otro factura/detalle etc. Tengo pendiente hace tiempo subir algo de xUnit y Jasmine o jest.. pronto subiré algo.. gracias por el comentario! Saludos
Hola.. en tus cursos que tienes en Udemy enseñas a subir los proyectos a un hosting ? o solo funcionan en local? quiero saber eso antes de comprar. Saludos
MUCHAS GRACIAS HERMANO!, pero fue un dolor de huevos algunas cosas como que la data esta anidada, tuve que investigarle mucho pero se pudo! muchas gracias !
Hola, muchas gracias, seguí tu video al pie de la letra y en este punto (2:27:14) me he quedado. No me muestra nada en el frontend y en consola sale un error de que no se puede iterar. Agradezco mucho cualquier ayuda que me puedas brindar. El video ha sido excelente y me has aclarado unas dudas enormes que tenía. Saludos desde Colombia.
El error esta en services. import { HttpClient } from '@angular/common/http'; import { EnvironmentInjector, Injectable } from '@angular/core'; import { Observable } from 'rxjs'; import { environment } from 'src/environments/enviroment'; import { Product } from '../interfaces/product'; @Injectable({ providedIn: 'root' }) export class ProductService { private myAppUrl:string; private myApiUrl:string; constructor(private http: HttpClient) { this.myAppUrl=environment.endpoint this.myApiUrl='/api/productos/' //Aqui esta el error debes asegurar que diga localhost:3000/api/productos/ antes decia localhost:3000api/productos/ , echale ojo a la concatenacion. } getListProduct(): Observable{ return this.http.get(`${this.myAppUrl}${this.myApiUrl}`) } }
Are two types… environment.prod.ts - when your build the production environment.ts - when is development See your put the baseUrl in rigth place… Eso lo solucionó.
Hola, estoy comenzando con angular y solo estoy tratando de hacer la conexion a al db, tal cual lo muestras en tu video me funciona, pero , si le cmabio el nombre del campo id a la base de datos por id_fact y a los archivos del server , no me permite conectarme, me podrías orientar ?
Buenas tardes Tomas!! Quería hacerte una consulta En el formulario de agregar prodcutos, como podria capturar datos desde un select?? Desde ya muchas gracias y muy buen video!!
Hola tomas una duda esta aplicacion se considera full stack? quiero aplicar a una vacante donde me piden angular y nodejs en el back por eso empeze este proyecto estoy aprendiendo mucho disculpa mi ignorancia, espero tu respuesta gran video y suscrito
Profe buenas noches tengo un problema a la hora de importar import { ToastrModule } from 'ngx-toastr'; me marca error y tambein a la hora de instalar este paquete npm install @angular/animations --save. te agredeceria si pudieras orientarme
Hola Giovanny, posiblemente sea por la version de Angular que estas usando, chequea que version estas usando y instala la librería de toastr que corresponde. En la pagina de toastr hay una tablita que te muestra que version deberías instalar. Saludos
hola tomas, que buen video aunque me surgió un problema en el archivo .env donde se configura el PORT cuando imprimo el console.log el resultado de consola me aparece indefinido. que podria ser ?
@@gloriahernandez7969 No se si aun sirva, pero revisa que el archivo .env este en la altura correcta. Si esta dentro de una carpeta que no debería estar genera conflicto
Qué versión de angular estas usando?? Si estas usando una version vieja vas a tener que instalar una version especifica de toastr o actualizar angular a la ultima version. www.npmjs.com/package/ngx-toastr
Mmmm no te debería dar ningún error si estas usando la v14, ejecutando solo npm i ngx-toastr te lo debería instalar bien. Tendrías que googlear el error
nuevamente excelente, me llevo un poco de tiempo terminar el tutorial que tienes ya que estoy aprendiendo en mis tiempos libres, la otra cosa que cambia en el 17 es el toastr al momento de implementar, como ya no se usan los modulos es necesario agregar provideAnimations(), provideToastr(), en el apartado de providers en el archivo app.config.ts
a mi me dio problemas con el angular animations, que puedo hacer con eso?
¡Hola Tomas, muchas gracias por tu video, nunca le comento a nadie, pero tu video se merece las felicitaciones y agradecimientos! Entendí cosas que no tenía la más remota idea de explicar antes, muchas gracias! ¡Nunca dejes de hacer este tipo de material :)!
Gracias Miguel por el comentario!
Me ha encantado el tutorial y la forma de explicar, lo has hecho tan sencillo que para ser nueva en Angular he sabido hacerlo a la par que adaptarlo a la versión 17 sin problemas. Gracias!! Nueva seguidora.
Holau, quisiera saber si sabes como pasar estados de padres a hijos o viceversa? xD
gracias pude resolver todo , tuve varios errores al hacerlo pero los resolví investigando, enseñas muy bien sigue así, cualquier duda puedo apoyar.
Muchas gracias, pude crear mi proyectocompleto guiandome solo con tu video durante 2 dias de noches dedicado a esto, muchas gracias, excelente video y explicaciones
loco gasté mucha guita y MUCHO tiempo en cursos de udemy que nada que ver, estas 3 horas fueron las mas productivas en mi proceso de aprender Angular. gracias
Excelentes Tomas, muy completo el tutorial, solo seria genial que hagas ejemplos con pasar estados entre padre y hijos, dividir más en componentes !!! Ojalá vuelves pronto!!!
Te amo, salvaste mi carrera
Muy completo el video! Muchas gracias por el esfuerzo! Y por compartir tu conocimiento!
¿esto me funciona para un proyecto real? gracias por compartir tus conocimientos, estoy aprendiendo Angular y node con tus videos ^^
Excelente tutorial... lo estoy siguiente paso a paso .. Muchas Gracias por compartir conocimiento..!
Muy buen tutorial, te amo
Muchas gracias por compartir tus conocimientos, al if y más alláaa
Crack con este video aprendi angular!!!!!!
Gracias, sabes un montón. Justo lo que buscaba !!!!
Hola Tomás, excelente tutorial. Respecto a sugerencias para un nuevo video, estaría bueno hacer un formulario de venta para darle continuidad al proyecto, no se que te parece? Muchas gracias!!
estaba instalando toastr pero me da error por la versión, me funciona esta: npm install --save ngx-toastr@15.2.0
gracias amigo me funciono !
Hola, muchas gracias por el tutorial, es muy bueno para aprender y estudiar.
Muy buen video 👌
Hermano eres un crack! muchas gracias por el tutorial!
Me sirvió mucho este CRUD amigo, solo quisiera saber como se programa el search
Muy buen tutorial, se aprende bastante así. Recomendaría un curso o video más larguito pero no solo que sea CRUD sino con más métodos y tablas relacionadas, con .Net 7 y Angular. Y si se puede usar xUnit para Unit Testing mucho mejor. Felicitaciones Tomas, eres un excelente maestro.
Hola Alex! tengo pendiente actualizar el curso de Angular y .Net de Udemy y también quizás saque otro factura/detalle etc. Tengo pendiente hace tiempo subir algo de xUnit y Jasmine o jest.. pronto subiré algo.. gracias por el comentario! Saludos
@@TomasRuizDiazme podrías pasar todo tú proyecto completo?
Hola.. en tus cursos que tienes en Udemy enseñas a subir los proyectos a un hosting ? o solo funcionan en local? quiero saber eso antes de comprar. Saludos
Esta muy bien explicado el video, haz intentado hacer esto pero solo utilizar la bd de oracle, por ejemplo usando Instance Client?
excelente video hermano
hola amigo, no sale la carpeta enviroment en mi proyecto junto a sus archivos ts. ¿Qué debo poner en el terminal?
Excelente !! Saludos
MUCHAS GRACIAS HERMANO!, pero fue un dolor de huevos algunas cosas como que la data esta anidada, tuve que investigarle mucho pero se pudo! muchas gracias !
excelente el curso, te consulto como podríamos paginar la grilla de productos
Hola! ¿podrías hacer el buscador de los productos? Te lo agradecería mucho, saludos. Contigo he aprendido mucho.
excelente video che sos um capo :D
que servidor o hosting gratuito recomiendas para subir un proyecto asi ?
como seria con angular 17 con los componentes que ahora son standalone
Hola, muchas gracias, seguí tu video al pie de la letra y en este punto (2:27:14) me he quedado. No me muestra nada en el frontend y en consola sale un error de que no se puede iterar. Agradezco mucho cualquier ayuda que me puedas brindar. El video ha sido excelente y me has aclarado unas dudas enormes que tenía. Saludos desde Colombia.
El error esta en services.
import { HttpClient } from '@angular/common/http';
import { EnvironmentInjector, Injectable } from '@angular/core';
import { Observable } from 'rxjs';
import { environment } from 'src/environments/enviroment';
import { Product } from '../interfaces/product';
@Injectable({
providedIn: 'root'
})
export class ProductService {
private myAppUrl:string;
private myApiUrl:string;
constructor(private http: HttpClient) {
this.myAppUrl=environment.endpoint
this.myApiUrl='/api/productos/' //Aqui esta el error debes asegurar que diga localhost:3000/api/productos/ antes decia localhost:3000api/productos/ , echale ojo a la concatenacion.
}
getListProduct(): Observable{
return this.http.get(`${this.myAppUrl}${this.myApiUrl}`)
}
}
me pasa lo mismo. lo pudiste solucionar?
Are two types…
environment.prod.ts - when your build the production
environment.ts - when is development
See your put the baseUrl in rigth place…
Eso lo solucionó.
Yo tengo el mismo problema y aun corrigiendo todo sigue sin aparecer nada.
Hola, estoy comenzando con angular y solo estoy tratando de hacer la conexion a al db, tal cual lo muestras en tu video me funciona, pero , si le cmabio el nombre del campo id a la base de datos por id_fact y a los archivos del server , no me permite conectarme, me podrías orientar ?
Me gustaría saber como se puede subir un archivo Excel procesar sus datos y devolver con tablas Excel luego de hacer comparaciones tipo joins
¿Es posible hacer un find.all() y luego que todos la lista que consiga la inserte en otra tabla?
Hola! Si quiero agregar una imagen al producto, como podria hacer?
Me gustaría añadir el usuario administrador y que solo el gestione eso . Alguien me recomienda otro curso o algún video sobre esto ?
Buenas tardes Tomas!! Quería hacerte una consulta
En el formulario de agregar prodcutos, como podria capturar datos desde un select?? Desde ya muchas gracias y muy buen video!!
Hola lautaro chequea este video Angular - Consume una API REST - App Noticias
th-cam.com/video/qSV-xNDUQJU/w-d-xo.html
hola, no puedo configurar la conexión del Front End con el Server ni con la bbdd mysql, alguien me podría ayudar por favor??
Hola tomas una duda esta aplicacion se considera full stack? quiero aplicar a una vacante donde me piden angular y nodejs en el back por eso empeze este proyecto estoy aprendiendo mucho disculpa mi ignorancia, espero tu respuesta gran video y suscrito
Obvio, el Fullstack es el que hace todo, Front/Back
hola por qué mi fe de angular no ha generado esa carpeta de environment? alguien sabe por favor
ya está es que en angular 15 no se incluyen el environments
como lo solucionaste? tengo el mismo problema@@josebarrios2575
Profe buenas noches tengo un problema a la hora de importar import { ToastrModule } from 'ngx-toastr'; me marca error y tambein a la hora de instalar este paquete npm install @angular/animations --save. te agredeceria si pudieras orientarme
Hola Giovanny, posiblemente sea por la version de Angular que estas usando, chequea que version estas usando y instala la librería de toastr que corresponde. En la pagina de toastr hay una tablita que te muestra que version deberías instalar. Saludos
Cómo se llama el plugin que usas para ver los iconos de las carpetas?
Actualizo, el plugin para los iconos se llama vscode-icons.
Hola, que versiones son las que utilizas?
de Angular está usando la 14 según sus archivos de github
Excelente 💫 cómo se vería la parte 'login con jwt' para que cada usuario tenga acceso a su propia lista de productos
Sii, voy a hacer algo así pero va a ser algo largo jaja!
hola tomas, que buen video aunque me surgió un problema en el archivo .env donde se configura el PORT cuando imprimo el console.log el resultado de consola me aparece indefinido. que podria ser ?
Hola tomas , yo estoy en la misma situación y no he podido encontrar que estoy haciendo mal, me podrian ayudar
@@gloriahernandez7969 No se si aun sirva, pero revisa que el archivo .env este en la altura correcta. Si esta dentro de una carpeta que no debería estar genera conflicto
Pura calidad xd
Cuando voy a instalar la dependencia de el toastr, me bota error
Qué versión de angular estas usando?? Si estas usando una version vieja vas a tener que instalar una version especifica de toastr o actualizar angular a la ultima version. www.npmjs.com/package/ngx-toastr
si, ya me di cuenta por lo de las versiones, resulta que tengo la 14.2.6
No existe una dependencia para esa version, que podria hacer ahi? o tengo que instalarme otra version de angular y hacer todo el poryecto de nuevo?
Mmmm no te debería dar ningún error si estas usando la v14, ejecutando solo npm i ngx-toastr te lo debería instalar bien. Tendrías que googlear el error
Nooooo, los cupones se vencieron ayer!! Llegue tarde!!
v: