Así Creamos 🛠️ Nuestra Propia APP 📱 con Angular 17 🚀 #1

[@GentlemanProgramming]

Link al repositorio !! github.com/Gentleman-Programming/Gentleman-Programming-Angular-17 Muchas gracias por todo el amor de todos los días

[@IdkNosekuantos]

Buenas! Cuando pones que va a ser una app, ¿tienes pensado hacer algo para desarrollo móvil o es solo para web con diseño responsive? Buen vídeo por cierto!

[@C0dR3RX]

Hasta sin ver el video, like desde ya!

[@CortoWires]

Gracias por tu videos, continua así seguro que van aumentando tus seguidores, a mi me has ganado, mejor curso de Angular con la nuevas características.

[@carinasittner6669]

si si si..hola caballerito..gracias por el videito :)

[@Artemius79]

Que buen video master!. Felicitaciones

[@antoniomunoz457]

tuve problemas con material, isntlaé todo tal cual como lo indicabas en el video y pasa que cuando importo el módulod el toolbar, no me lo reoconoce para improtarlo ( estoy usando npm )

[@carronerolg3502]

14:36 Estoy teniendo un problema que al meter el h3 y el h2 dentro del componente "app-main-container" estos mismos no se visualizan. Pero si los pongo por fuera osea: 123 123123 esto funciona todo bien, otra que si funciona es metiendolo dentro del "app-main-container" que es un div con una clase, pero al poner los h# dentro de ese div se muestran correctamente es algo de angular 19 que tocaron algo o que me estaría perdiendo en el camino?

[@carronerolg3502]

Lo logré, no se si es la solucion optima pero: en el app-main-container ahora es un y con esto ahora si ejecuta lo que contenga al mandarle etiquetas a la etiqueta ""

[@Thayuczzi77]

El mejor alan ..estoy en busqueda de mi primer empleo mientras tanto a seguir preparandonos.

[@GentlemanProgramming]

Tú puedes locura !!

[@danielpacheco2520]

hola gentleman, como te funciona el ngOptimizedImage sin ponerle width, height o en su defecto fill?

[@kevingonzalocruzmartinez8429]

Soy nuevo sub y me da curiosidad con modificaste el cmd para que te abra un "sub cmd" ? :0 Saludos desde México y buen video :D

[@xansiety]

es gracias a las terminales y el ide que utiliza, puedes encontrar toda su conf en otros videos donde enseña a como configurar su IDE(lazyvim)

[@GentlemanProgramming]

@@xansiety Eso mismo !! Cómo es mi INCREIBLE Setup de NeoVim en Windows / Mac / Linux 🥵 - te regalo mi #CONFIGURACIÓN 🎁 kzbin.info/www/bejne/iJTYamegZcqip7s ✅ Domina VIM, Tmux y Fish: Movimientos, Plugins, y el MEJOR Flujo de Trabajo ❤️💻 kzbin.info/www/bejne/d6DOh2djqL6ar8U

[@walterzagal9666]

Llevo siguiendo todos los videos y todo iba perfecto hasta que llegamos al punto de personalizar el tema (styles.scss), no hay forma de hacerlo funcionar, pasé 2 horas experimentando y nada 😭 Estoy usando Angular 18 y estoy seguro de que algo cambió, porque ni siquiera descargando todo el repositorio y poniéndolo en un proyecto nuevo (con todas las respectivas dependencias) funciona, tengo que dejar el SCSS en blanco para que funcione, y ni siquiera mi buen amigo ChatGPT pudo dar con la falla, se acabó rindiendo igual que yo. En fin... De ahi en fuera, voy aprendiendo bien, gracias por estos videos :'3

[@GentlemanProgramming]

Que raro ! Yo he creado unos cuantos ya y sin problemas, pasa por el discord a ver si te damos una mano

[@walterzagal9666]

@@GentlemanProgramming ¡Ya lo pude solucionar! Efectivamente era incompatibilidad del código con A18, lo solucioné así. Antes: @use "@angular/material" as mat; @include mat.core(); $accent: mat.define-palette(mat.$pink-palette, A200); $primary: mat.define-palette(mat.$indigo-palette, 500); $warn: mat.define-palette(mat.$red-palette); $theme: mat.define-dark-theme( ( color: ( primary: $primary, accent: $accent, warn: $warn, ), ) ); @include mat.all-component-themes($theme); html, body { height: 100%; } body { color: #fff; background: #000; margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; } Después: @use "@angular/material" as mat; @include mat.core(); $accent: mat.m2-define-palette(mat.$m2-pink-palette, A200); $primary: mat.m2-define-palette(mat.$m2-indigo-palette, 500); $warn: mat.m2-define-palette(mat.$m2-red-palette); $theme: mat.m2-define-dark-theme( ( color: ( primary: $primary, accent: $accent, warn: $warn, ), ) ); @include mat.all-component-themes($theme); html, body { height: 100%; } body { color: #fff; background: #000; margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; } Esos "m2" fueron los que arreglaron todo, no estoy en el Discord pero pronto me uno :D

[@danieldiaz2093]

Genio y ya sos papa?

[@GentlemanProgramming]

Todavía no, pero por un pelo jajaja

[@abrahamsanchez901]

para crear un proyecto con una versión específica de angular sería con el comando: npx -p @angular/cli@16 ng new project-name