Notas

Diego López
Permalink

¿Qué lenguaje recomendáis vosotros para empezar?

Yo recomiendo Java.

Javascript para crear pequeños scripts está bien pero puede ser lioso.

Python también es muy simple pero para empezar es mejor tipado estático yo creo. https://t.co/M0LyFivqLi

Diego López
Permalink

¿Cuál fue el lenguaje de programación con el que empezasteis?

Yo empecé con Pascal

Diego López
Permalink

Es increíble lo rápido que puedes llegar a escribir código HTML con emmet

Yo quiero sacarle más partido porque lo uso muy poco.

Para el que no lo conozca:

https://emmet.io/

Diego López
Permalink

Los que programáis en Windows que terminal usáis? cmd? cmder?

Yo recomiendo la terminal hyper de @zeithq, que además es multiplataforma.

La terminal se puede dividir, tiene keybindings, temas, extensiones, etc

https://hyper.is/

Diego López
Permalink

Creo que en el mundo del frontend nos estamos abstrayendo demasiado. Utilizamos demasiadas herramientas y compiladores que por debajo hacen su magia.

Es cierto que nos ayuda pero no controlas lo que pasa por debajo y si se rompe algo en el proceso es muy difícil de cambiar.

Diego López
Permalink

Con esto puedes hacer que cualquier página web se convierta en aplicación de escritorio.

Por ejemplo puedes tener Whatsapp web como si fuera una aplicación normal del sistema:

https://github.com/jiahaog/nativefie r

Diego López
Permalink

📝 ¡Nuevo artículo en el blog!

En este artículo hablo sobre lo básico de sass. Muchos ya lo conoceréis, pero he querido hacer un artículo para la gente que todavía no lo usa.

https://codingpotions.com/tutorial-s ass/

Diego López
Permalink

Angular Ivy es el nuevo motor de renderizado y compilado de Angular.

✌️ Angular Ivy va a disminuir el tiempo en hacer rebuild y va a reducir el tamaño de los archivos considerablemente.

Se supone que saldrá este mes junto a la nueva versión 8.0 de Angular.

Diego López
Permalink

Cuando trabajo con proyectos en Javascript suelo tirar de axios para las peticiones HTTP. ¿Creéis que todavía hace falta esta librería?

No sé si en Javascript ya se pueden hacer estas peticiones así de sencillas y con promesas.

Diego López
Permalink

¿Conocíais el framework de @sveltejs? Tiene buena pinta, parece que puedes escribir aplicaciones web con menos código.

Estos meses se ha puesto mucho de moda.

https://svelte.dev/

Diego López
Permalink

¿Qué os parecería un curso gratuito de #Vue en mi blog? 🖖

En principio iría sacando artículos según los escriba. Empezaremos desde 0 hasta ver conceptos más avanzados.

Llevo cosa de un año trabajando profesionalmente con él y creo que puede resultar interesante.

Diego López
Permalink

Recientemente he encontrado esta librería de iconos SVG y no tiene mala pinta.

https://www.ikonate.com


Por cierto, que no lo he dicho, los iconos son independientes. Puedes seleccionar uno o varios para exportar.

Diego López
Permalink

¿Alguna vez habéis llegado a usar los headings H6?

Diego López
Permalink

¿Es malo usar demasiado display:flex? Es que lo uso mucho para centrar elementos verticalmente.

Diego López
Permalink

He actualizado los paquetes de mi distro Antergos + KDE y las fuentes y toda la interfaz se ve como el culo.

Creo que me voy a volver a Manjaro.

Diego López
Permalink

En el trabajo, está deseando tener tiempo libre para ponerme a programar, y ahora que estoy de vacaciones no me apetece.

Diego López
Permalink

🎉 He actualizado el libro que escribir sobre #Angular avanzado con un par de capítulos nuevos.

📘 Si ya lo compraste puedes volver a descargarlo con lo nuevo y si no lo has comprado ya tienes plan de #SemanaSanta.

https://leanpub.com/angular-avanzado

Diego López
Permalink

🎉 ¡Mi blog cumple 3 años! 🎉

🎂 El primer artículo que escribí fue tal día como hoy hace 3 años.

Muchas gracias por vuestro apoyo todos estos años 😘

🎈🎈🎈

Diego López
Permalink

:wq

Diego López
Permalink

Tengo un sueño infernal

Diego López
Permalink

Prevue, una herramienta para prototipar y crear relaciones entre componentes #Vue.

La arquitectura la puedes exportar como si la hubieras creado con el Vue CLI

https://github.com/teamprevue/PreVue

Diego López
Permalink

💻 ¿En que sistema operativo desarrollas?

Diego López
Permalink

👌 Esto te va a facilitar mucho la vida al mirar el histórico de commits

@crloscuesta tiene esta página en la que propone emojis para identificar los distintos tipos de commit.

Ya solo falta que añadan un selector de emoji en @GitKraken

https://gitmoji.carloscuesta.me/

Diego López
Permalink

¿Estás en una rama y necesitas traerte un fichero de otra rama? Puedes hacer esto:

git checkout my-awesome-source-branch the/path/to/yourfile.rad

Diego López
Permalink

Hay un truco con #CSS para que no deje seleccionar el texto al usuario:

p { user-select: none; }

Diego López
Permalink

El otro día descubría la página de @codetalkstv y me parece increíblemente útil 👌

📹 Se trata de una página en la que recopilan charlas y conferencias de muchos lenguajes de programación.

https://codetalks.tv/

Diego López
Permalink

Es increíble como después de tanto tiempo, crear aplicaciones de escritorio sea tan complicado.

Que si, que es cierto que ahora tienes Electron, pero me parece un poco chapuza por temas de rendimiento.

Diego López
Permalink

🤨 ¿Necesitas saber la diferencia entre dos arrays en #Javascript?

Muy sencillo:

Diego López
Permalink

Quiero hacer una serie de artículos en los que en casa uno construya un pequeño proyecto o página, para de paso ir explicando el código.

El problema es que no se todavía como llamar a la serie.


Diego López
Permalink

¿Qué le veis a tailwind css? Me parece una práctica malísima poner clases que corresponden a estilos sueltos, al final estás definiendo estilos como clases y eso no creo que sea muy bueno en mi opinión?

Diego López
Permalink

Un consejo que recomiendo siempre para el #CSS en componentes web es:

En la clase de la etiqueta HTML añade el nombre del archivo en el que se encuentra el componente, así es más fácil reconocer estilos.

Diego López
Permalink

Si alguien quiere trabajo de #frontend en Pozuelo de Alarcón que me mande un mensaje privado

Diego López
Permalink

Cómo crear colores hexadecimales en #javascript en una sola línea de código:

'#' + Math.floor(Math.random() * 0xFFFFFF).toString(16).padStart(6, '0')

Diego López
Permalink

¡Grandes noticias!

📘 He publicado mi primer ebook, es sobre conceptos algo más avanzados de #Angular.

Las ventas del libro irán destinadas a cubrir gastos de mi web y a publicar más artículos.

Los RT son muy agradecidos 😘

https://leanpub.com/angular-avanzado

Diego López
Permalink

Los viernes al llegar a casa sigo programando, la diferencia es que lo hago con cerveza 🍺

Diego López
Permalink

¿Quieres eliminar duplicados de un array en #javascript?

[... new Set(arr)]

Listo, en una sola línea de código

Diego López
Permalink

ng serve

Diego López
Permalink

Por cierto, estoy abierto a ideas para escribir artículos. Si queréis que hable de algo en particular me lo podéis decir sin problema.

Diego López
Permalink

Un bug al año no hace daño

Diego López
Permalink

¿Sabías que en #Javascript existe un operador llamado comma?

Lo que hace es evaluar la expresión de izquierda a derecha devolviendo el último valor:

Diego López
Permalink

Pinta bien la charla en el #T3chFest2019 de @CristinaGrim y @cristinafsanz

Van a hablar de herramientas muy útiles para el desarrollo frontend.

No os la perdáis, a las 12:30 aquí:

https://www.youtube.com/watch?v=XmPI HS1KnOk

Diego López
Permalink

Muy interesante la charla sobre Creative Coding de @nucliweb 👍 en el #T3chFest2019

Diego López
Permalink

¿📦?

Diego López
Permalink

Hoy he aprendido que puedes acceder a todos los argumentos que llegan a una función en #Javascript aunque no los tengas declarados:

Diego López
Permalink

La semana que viene tengo pensado subir un nuevo artículo al blog, stay tuned!

Diego López
Permalink

⛓ La cadena más larga de keywords que puedes escribir con #Javascript

throw as else this null continue from false break set true var let debugger do return yield await delete void typeof get instanceof static in new class of extends async function undefined

Diego López
Permalink

😮 VSCode can do thar!?

✅ Una colección de pequeños tips y atajos para #vscode que seguramente no conozcas.

👌 Por ejemplo, ¿sabías que vscode te puede cambiar el código #JavaScript a ES6?

https://vscodecandothat.com/

Diego López
Permalink

Me he dado cuenta de que suelo poner outline: none a los enlaces cuando estoy haciendo una web porque el borde que aparece al pulsar sobre ellos no me gusta.

Pero hay un problema, los que navegan con teclado no saben en qué punto de la web está puesto el foco.

Diego López
Permalink

Hubo una época en la que usaba mucho #Vim y el otro día para ver que tal, probé #Emacs

Pues bien, me ha gustado mucho menos que Vim 😕, noto todo más confuso y los atajos no me acaban de gustar

¿A vosotros os gusta? 🤔

Diego López
Permalink

El creador de #Vuejs ha estado contando que para la versión 3 va a cambiar totalmente el sistema de reactividad.

Dice que quiere utilizar los proxys de Javascript para aumentar el rendimento y facilitar la vida a los programadores

Diego López
Permalink

Recientemente he descubierto una extensión para @vscode llamada TabNine que lo que hace es leerse el código que escribes, y mediante inteligencia artificial, te autocompleta con lo que cree que vas a usar en ese momento


Funciona muy bien y es capaz de autocompletar cualquier cosa para cualquier lenguaje

Diego López
Permalink

Lunes de mucho sueño y de muchos bugs en producción. Pillo café ☕