Un ⚡️lightning #thread de mis libros favoritos para Front End 🧵#javascript #CSS

Varios de estos recursos los sigo leyendo cada cierto tiempo, y son excelentes para prepararse en la entrevista especializada de Front End de las empresas grandes en Silicon Valley / #FAANG

[1/x]
Eloquent Javascript: mi biblia de JS enfocado al browser. Desde APIs del DOM hasta técnicas para mejorar el performance de las aplicaciones web.

Si tuvieras que elegir un libro de esta lista, que sea este.
Marca un antes y después como developer.

eloquentjavascript.net
#CSS Secrets: Cuando empecé mi carrera como front end, odiaba CSS.

Este libro me abrió la mente para descubrir que no lo odiaba, sino que no lo entendía. Y va mucho más allá: no solo ser técnico, pero creativo al crear una UI.

amazon.com/CSS-Secrets-So…
Breve pausa: muchas entrevistas de especialización a Front End giran en torno replicar un mock a una UI en 45 mins.

Saber técnicas creativas da una ventaja importante!
Learning JavaScript Data Structures and Algorithms: y ya que hemos hablado tanto de estos conceptos, este libro toca esos temas y los explica con #Javascript.

Recuerden que toda entrevista toca los temas de algoritmos y estructuras de datos. Es crucial.

amazon.com/Learning-JavaS…
Un poco más agnóstico a Javascript, pero si quieren indagar mucho en las bases de estructuras de datos y algoritmos, este libro me gusta un poco más.

Sea el libro que sea: toma estos conceptos en tu día a día.

amazon.com/Algorithm-Desi…
Y un pequeño extra! Si quieren meterse al mundo de #FunctionalProgramming, este libro es esencial. Es por mucho el mejor libro que he leído de este tema.

Pero ya nos tocará hablar de Functional Programming en otra ocasión 🤓

drboolean.gitbooks.io/mostly-adequat…

• • •

Missing some Tweet in this thread? You can try to force a refresh
 

Keep Current with Charlie Charlie ⚡️

Charlie Charlie ⚡️ Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @charliesbot

11 Feb
Un feature #Javascript en stage 2 (que llegará pronto a una futura versión de #ECMAScript!

Finalmente vamos a tener estructuras de datos inmutables!: tuples y records ❤️

Un record es un objeto inmutable, y empiezan con "#"

Al tener inmutabilidad, podemos comparar 2 records!
Y una tuple es un array inmutable. Se declaran igual que un array, empezando con un "#".

También podemos comparar dos tuples sin pasos extras.
En Javascript no podiamos comparar 2 listas o 2 objetos de forma sencilla, porque al hacerlo se comparaba la referencia, no los valores.

Algunas esct. de datos inmutables tienen algoritmos para generar un id dependiendo su valor. Al comparar 2 estructuras, se comparan los ids.
Read 4 tweets
9 Feb
En lo que tengo mi break del segundo día de on boarding en #Google, les dejo uno de mis tools favoritos para codear: hablemos de terminales.
lightning #thread ⚡️🧵

Si estás usando Mac/Linux: Kitty.

Porque lo prefiero sobre Alacritty / iTerm? [1/x]

sw.kovidgoyal.net/kitty/
Kitty, iTerm y Alacritty usan el GPU para el render. En otras palabras, son rapidísimos.

La ventaja de Kitty es el único que soporta ligatures (el efecto de combinar varios caracteres en uno solo.

Para mi que vivo en la terminal, la velocidad y estos detalles son especiales.
Si estás en Windows: Windows Terminal.

Es la mejor terminal que he usado, por mucho! Excelente trabajo de Microsoft (a parte de VS Code)

También soporta GPU y ligatures.

github.com/microsoft/term…
Read 6 tweets
6 Feb
#Thread 🧵Necesitas conocimientos de algoritmos / Big O para la entrevista de #FrontEnd en #Google o #Facebook?

R: Sí!

Este es un ejemplo de que pueden preguntar en la entrevista especializada de FE, donde mostrarás el dominio de performance y #Javascript/#CSS

👇🏼 [1/x]
Este es el escenario: tienes una lista de checkboxes. Puedes tener n checkboxes (mucho ojo aquí! 👁).

Primer challenge: necesitamos una forma eficiente de agregar un evento input a todos los checkboxes.

Antes de avanzar al siguiente tweet, qué forma se te ocurre?
Mmm, una forma que se me ocurre es simplemente tomar todos los checkboxes del DOM y agregarles un listener.

Funciona? Sí.
Es eficiente: absolutamente no.

n checkboxes significan n eventos. Big O(n) -> lineal.

#Javascript tiene algo que nos puede ayudar a mejorar esto?
Read 12 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal Become our Patreon

Thank you for your support!

Follow Us on Twitter!