Estaba deseando terminar de programar en el trabajo para llegar a casa y ponerme a programar
Notas
🔖 Increíble este artículo de @codrops
Explicación de cómo crearon una animación 3D usando Three.js.
#webgl siempre me ha llamado la atención. A ver si me pongo pronto a aprenderlo para sacar más artículos para el blog.
https://tympanus.net/codrops/2016/04 /26/the-aviator-animating-basic-3d-scene-threejs/
🌠 Recordad que tengo un repositorio en github con recursos para aprender gratis #angular en español. Podéis aportar vuestros propios recursos:
📝 Nuevo artículo en mi blog! Esta vez os hablo de las librerías de componentes para #Angular que me han parecido más interesantes:
Errores típicos que puedes cometer que lastran el rendimiento en #javascript
https://hackernoon.com/3-javascript- performance-mistakes-you-should-stop-doing-ebf84b9de951
¿Sabes la diferencia entre flexbox y grid? En este artículo muy recomendado explican todas las diferencias para que sepas cuál usar en cada momento:
https://css-tricks.com/quick-whats-t he-difference-between-flexbox-and-grid/
¡Buenos días! 👋
Nueva semana y nuevos commits. Pillo café ☕ 
La semana que viene quiero subir un artículo nuevo al blog. Tengo un par de borradores pendientes de terminar de escribir y espero que me de tiempo a acabar al menos uno de ellos. Stay tuned 🙌
La etiqueta <em> de #html no sirve para enfatizar algo. Se usa para aclarar, corregir, denotar sarcasmo, etc.
Con este sencillo código en una sola línea, puedes contar cuántas veces aparece un elemento en un array en #javascript
👇 
Estoy pensando que me gustaría crear una librería CSS que ofrezca un sistema de 12 columnas tipo bootstrap y con flexbox.
Seguro que ya existen cosas parecidas pero yo la quiero crear con lo mínimo imprescindible. Simplemente las columnas para cada tamaño de pantalla.
El otro día descubrí esta librería para crear gráficas muy bonitas en cualquier proyecto usando Javascript. Además de ser muy configurables, se pueden integrar con Vue:
En este vídeo en inglés explican a la perfección que es el THIS en javascript:
👀 Con esta web puedes ver el historial de cambios de cualquier archivo en github de una manera muy cómoda y visual:
Me ha flipado esta web hecha con WebGL. Cada vez me dan más ganas de aprender a usarlo. Si lo hago subiré artículos explicando cómo usarlo.
¿Qué framework para el #frontend te gusta más?
📚 Han puesto un bundle de muchos libros interesantes de programación. Os los recomiendo mucho:
https://www.humblebundle.com/books/p rogramming-cookbooks?partner=rafalagoon
Por si eres de los que como yo se te olvidan siempre ciertos comandos de git, te recomiendo mucho esta página:
📱 Si estás buscando recursos para programar aplicaciones web móvil, te recomiendo este repositorio que he encontrado con mucho material:
👉 Con esta extensión del navegador puedes ocultar archivos innecesarios en github como configuraciones y archivos generador por git:
🎉 Nuevo artículo en el blog:
Aprende a crear animaciones CSS usando librerías y de forma manual para mayor control:
🗒️ He escrito una nota breve explicando el sistema que uso para crear columnas responsive en CSS:
🦊 En la última versión en beta de Firefox han puesto que puedas animar las filas y las columnas de CSS grid
Lo del multi-cursor ya lo conocía pero por si hay gente que todavía no lo conoce
En respuesta a:
🎓 ¿Todavía no te has inscrito en mi curso gratuito de Angular? Te dejo el link por si te quieres apuntar:
😍 Por fin una extensión que añade un navegador web a vscode. Ya no necesitas cambiar al navegador para poder ver la página web que estés desarrollando ✌ @code
📦 Os recomiendo mucho esta librería para que eches un vistazo a los tamaños de todas las librerías que tienes instalada en el proyecto con Webpack:
Hoy es blue monday, el día más triste del año. Intentad no subir hoy a producción, que el día todavía puede ir a peor #BlueMonday
Hace poco he descubierto esta aplicación de escritorio muy chula con la que puedes escuchar música desde distintas fuentes gratuitas de contenido como Youtube y Soundcloud. De momento está en beta pero tiene buena pinta 🎧
📦 Con esta librería puedes a tu web efecto como de tarjeta con reflejos utilizando el giroscopio del móvil:
¿Sabes la diferencia entre todos los bucles que existen en Javascript? 📄 Echa un vistazo a este artículo para que sepas qué bucle utilizar en cada caso:
Recientemente se han publicado una lista con correos con contraseñas hackeadas.
✉️ Podéis comprobar si vuestro correo ha sido hackeado en esta página:
También podéis probar esta página por si queréis estar más seguros:
💡 Si eres de los que en #Angular usa mucho los console.log(), te recomiendo este pequeño snippet en el main.js para que en producción no se muestren en la consola 
#NuevaFotoDePerfil Bienvenidos a Coding Potions
Hoy es un gran día! Como ya anuncié voy a hacer un rebranding completo a mi cuenta y a mi página web. Desde ahora voy a dejar de ser Frostq para ser CodingPotions
Podéis echar un vistazo a la nueva web ya si queréis:
He escrito un mini artículo explicando el cambio. Se viene mucho más al blog. Stay tuned!
🔍 ¿Sabías que en Angular puedes crear variables de entorno?
Por ejemplo, para definir distintas APIS dependiendo del entorno donde se despliegue
📂 En la carpeta /src/environmet puedes crear un archivo llamado http://environment.prod.ts con la config para producción. 
React y Angular siguen dominando la escena frontend, pero dentro de poco yo digo que VueJS se los va a comer totalmente, o eso espero.
¿Alguna vez os habéis preguntado cuántas tecnologías para el desarrollo web existen? La respuesta es casi infinitas pero en este artículo puse ejemplo de las más importantes:
https://frostqui.github.io/cuantas-t ecnologias-web-existen
#webdev #dev
Para este año también quiero rediseñar otra vez toda la web. Es más, lo mismo hago un cambio de nombre y compro un dominio. Cualquier idea o sugerencia es bienvenida
Estoy rediseñando la web con Hugo y no me está convenciendo del todo. Jekyll el problema que tiene es que tarda mucho en compilar los artículos.
¡Buenas noticias! Ahora en GitHub los repositorios privados son totalmente gratis. Parece que Microsoft por fin se ha dado cuenta de que gitlab es mejor
#github http://bit.ly/2CUAgjn
¿Sabes la diferencia entre async/await y las promesas?
En este artículo te cuentan cuando usar cada cosa y por qué para que no tengas problemas con la asincronía en JavaScript
#javascript http://bit.ly/2LTWftE
No voy a hacer spoilers pero se viene muchas novedades en la web
Creo que voy a migrar todo el blog que tengo montado con Jekyll a Hugo. Empieza a tardar bastante cuando subo a producción, pero me da miedo que no pueda hacer todo lo que puedo hacer ahora con Jekyll en Hugo. Wordpress no lo voy a utilizar, eso lo tengo claro.
🎓 Recordad que hace tiempo creé este repositorio para compartir recursos y información para aprender #Angular gratis y en español.
Tenéis la libertad de proponer nuevos recursos para ampliar entre todos:
2019 goals 🎯:
🎨 Rediseñar toda la web 📗 Escribir un ebook 🚀 Publicar un proyecto open source 🎓 Aprender algo de machine learning 📝 Publicar 10 artículos o más ✨ Mejorar mi código y su limpieza
¡Feliz año a todos! Os deseo un año lleno de líneas de código, pero no de bugs, y lleno de commits 🖥️
🎊✨🥂🎊✨🥂🎊✨🥂🎊
¡Feliz entrada de año a todos!
Nos leemos en el 2019. Happy coding!
🎊✨🥂🎊✨🥂🎊✨🥂🎊
Para este 2019 me voy a proponer tener el código un poco más limpio que siempre lo tengo lleno de mierda.
¿Sabéis ya el lenguaje que queréis aprender para este 2019?
A mi me apetece aprender Go, tiene cosas que me gusta pero me echa para atrás no tener la orientación a objectos típica mediante clases
🌟 Mi artículo preferido de mi blog este año es el de testing con Angular:
#testing #angular https://frostqui.github.io/angular-t esting
Con este artículo he aprendido muchísimo, ya que nunca he testeado nada y me lo he pasado muy bien escribiéndolo.
La verdad es que me alegro de que hace años empezara a usar el vscode para programar. No lo cambio por nada en el mundo, lo uso para todo. Cada vez lo mejoran más y encima hay mucha variedad de extensiones.
Este es mi año en emojis:
💻🎆💀
#FelizAñoNuevo #MiAñoEnEmojis 
🎄☃️🎄☃️🎄☃️🎄☃️🎄☃️🎄
¡Feliz Navidad a todos!
🎅 ¿Que os ha traído Santa Claus?
Espero que se haya portado bien y no os haya traído bugs en producción.
🎄☃️🎄☃️🎄☃️🎄☃️🎄☃️🎄
Fijaos como mola esto. Es una representación en 3D de las dependencias de una aplicación angular. Lo mejor es que puedes instalarlo también para tu propia aplicación Angular:
#angular http://bit.ly/2t5rWZn
¿Qué esquema de colores utilizáis vosotros en vscode? Yo últimamente estoy variando entre estos dos:
🦇 Dracula at Night 🦉 Night Owl
Como veis me gustan los temas oscuros, sobre todo con bastante contraste, se nota que programo mucho de noche 🌘.
Con esta aplicación para línea de comandos puedes mostrar la termial de tu ordenador en una página web. Muy curioso
#terminal http://bit.ly/1hG0rfZ
Ya llega la Navidad y eso significa que vamos a tener más tiempo libre para programar cosas que luego me voy a cansar y que no voy a terminar. Al menos me entretengo
Últimamente estoy programando mucho en Python. Cada vez me gusta más, es más simple y menos verboso que Java.
Nuevo artículo en el blog:
Cómo hacer testing unitario en Angular. En este artículo explico cómo hacer testeo y mocks de componentes y servicios Angular usando Jasmine. Además enseño una forma de acceder a la vista desde el propio test:
¿Os viene bien si subo esta tarde otro artículo de la serie de Angular?
No os digo de qué va a ir para no hacer spoiler
Si no lo subo hoy lo subiría lo más tardar este fin de semana
Electron se ha convertido en una de las mejores librerías para crear apps de escritorio con tecnologías web, si quieres saber cómo funciona te recomiendo este artículo que escribí:
Han actualizado Firefox. Han metido una mejora en la gestión de las pestañas, por ejemplo puedes seleccionar varias a la vez. También han metido una especie de sistema de recomendación que si ve que usas mucho algo te recomienda que instales su extensión… https://ift.tt/2SIrGsS
Me ha encantado este artículo sobre el diseño de animaciones teniendo en cuenta siempre la usabilidad. Muy recomendable:
https://uxdesign.cc/the-ultimate-gui de-to-proper-use-of-animation-in-ux-10bd98614fa9
Me sigue sin convencer el tema Adwaita de Gnome. Sigo prefiriendo las posibilidades de KDE Plasma en cuanto a rendimiento y personalización.
https://www.genbeta.com/linux/gnome- prepara-gran-rediseno-nuevo-tema-paquete-iconos-modernos
Para el año que viene también quiero echarle un vistazo a Elixir. Siempre he querido tocar algo de programación funcional. En la universidad toqué algo de Haskell y me quedé con las ganas de aprenderlo bien.
Lo tengo claro, para el año que viene me paso definitivamente a VueJS. Mucho más sencillo para proyectos no tan complejos, su sintaxis me gusta y va bien.
Podría usarlo también con Typescript, pero le voy a dar una oportunidad a javascript
Me gustaría programar apps para Android y IOS pero lo que no me gusta tanto es tener que descargar emuladores, SDKs y cosas varias, por eso me gusta más el desarrollo web
He compartido una librería que seguramente te encante si eres programador de #angular
✈ La tienes disponible en mi canal de Telegram:
¿Habéis pensado lo que molaría tener una pantalla de tinta electrónica para programar? Sobre todo para backend, que no te hacen falta muchos colores y animaciones. El problema es la tasa de refresco
⚪️⚪️⚪️⚪️❤️❤️❤️⚪️⚪️⚪️⚪️ ⚪️⚪️❤️❤️❤️⚪️❤️❤️❤️⚪️⚪️ ❤️❤️❤️❤️❤️⚪️❤️❤️❤️❤️❤️ ❤️❤️❤️❤️⚪️❤️⚪️❤️❤️❤️❤️ ❤️❤️❤️❤️⚪️❤️⚪️❤️❤️❤️❤️ ❤️❤️❤️⚪️❤️❤️❤️⚪️❤️❤️❤️ ⚪️❤️❤️⚪️⚪️⚪️⚪️⚪️❤️❤️⚪️ ⚪️❤️⚪️❤️❤️❤️❤️❤️⚪️❤️⚪️ ⚪️❤️⚪️❤️❤️❤️❤️❤️⚪️❤️⚪️ ⚪️❤️❤️❤️❤️❤️❤️❤️❤️❤️⚪️ ⚪️⚪️⚪️❤️❤️❤️❤️❤️⚪️⚪️⚪️ ⚪️⚪️⚪️⚪️⚪️❤️⚪️⚪️⚪️⚪️⚪️
Deseando llegar a casa para ponerme a programar
Cada día que pasa me va gustando menos Angular. Para aplicaciones grandes viene bien, pero para el resto de casos no.
Nuevo artículo en mi blog: Angular - Comunicación entre componentes https://ift.tt/2QogMLB
Uno de los artículos más largos de mi blog, una guía sobre cómo crear un mini motor gráfico en 3D para Java:
No sé si subir hoy otro artículo sobre Angular 😐
Este proyecto es de unos españoles que quieren sacar un juego online ambientado en el universo de Harry Potter. Open source por lo que todos pueden colaborar
https://github.com/OpenHogwarts/hogw arts
Si queréis que salga adelante tenéis que compartirlo.
Demo del juego:
En este tipo de proyectos cualquiera puede ayudar, programadores, modeladores, diseñadores gráficos, gente que sepa del universo Harry Potter, etc
🛡️ ¿Quieres aprender a usar Angular gratis y en español desde 0?
Suscríbete a mi lista de correo y te enviaré correos con artículos y tutoriales sobre Angular.
Accede mediante este enlace: http://eepurl.com/dOyvHH
Estoy reescribiendo el post que tenía sobre Angular 2, ¿queréis que explique algo en concreto?