Discover and read the best of Twitter Threads about #JS

Most recents (24)

Give me 5 minutes and I'll teach you everything about object-oriented programming:

Documented by: @ChrisStaud Image
1. Object-oriented programming (OOP) is a programming paradigm in which programs are designed using classes and objects.

This design allows related functions and data to be grouped together in self-contained and reusable units.
2. A class is a template or blueprint from which objects are made from.

Classes define the properties and methods that an object can have, and objects are unique instances of a class.
Read 13 tweets
Las arrow functions son geniales porque hacen que tu código se vea mejor pero cuando estas empezando se vuelve un tanto confuso. Acá un ejemplo de ambas. Tienen el mismo funcionamiento pero sin la algunas palabras reservadas. Image
Las arrow functions se pueden pasar como parametros a algunos métodos de arreglos por ejemplo para ordenar un arreglo de números con el método sort. Y queda mucho mas sencilla la sitaxis. Image
Otro ejemplo con arreglos que queda bastante minimalista es el de elevar todos los elementos dentro de un arreglo al cuadrado. Notesé que no se ocupan las llaves dado que es una única instruccion no son necesarias. #js #javascript Image
Read 6 tweets
Learn AWS with 10+ Cheatsheets free of cost 🫶

Thread 🧵👇

Documented by:@ghumare64
AWS S3 : bit.ly/3JMYe2A
AWS Lambda : bit.ly/3Jq2QtI
AWS EC2 : bit.ly/3JpyuYz
AWS CloudFormation : bit.ly/3JHE3D1
AWS IAM : bit.ly/3mYW6f5
AWS API Gateway : bit.ly/3LvmW8K
AWS Route 53 : lnkd.in/gJWK9KqR
AWS EKS : lnkd.in/gUZYvdvB
AWS ECS : lnkd.in/geu_Hmu3
AWS RDS : lnkd.in/g-i6kMWB
AWS Redshift : lnkd.in/gH_fEdU8
AWS DynamoDB : lnkd.in/ghvfM889
AWS Infographics: awsfundamentals.com
Read 4 tweets
1. Google

Design and build beautiful, usable products with Material 3

m3.material.io"
2. Apple

The Human Interface Guidelines contains guidance and best practices that can help you design a great experience for any Apple platform

developer.apple.com/design/human-i…
Read 12 tweets
Resolvi um novo bug crítico no @nodejs core com apenas UMA LINHA de código🤯 (e 30 linhas de testes 🥳)

🧵/1

#javascript #opensource #nodejs #js #streams #nodejsstreams #javascriptstreams Image
Ontem saiu o Node.js v18.15 com uma pancada de coisas legais e esse bug eu havia corrigido no 19 e finalmente ele veio para a versão LTS

Pra mim, essa é a prova de que quantidade de código não tem nada a ver com produção ou impacto

/2
Qual era o problema?

As Node.js Streams são parte do Node.js desde o início e muita coisa interna do Node.js as usa para controlar eventos e processar dados sob demanda

/3
Read 13 tweets
One of major changes in recent @CodeceptJS was removal of allure reporter

I didn't do it for political reasons

It just happened, that Allure reporter v1 was not maintained and Allure v2 has not been released. It took 4 years for team to not release it at all
@CodeceptJS I remember I spent a lot of time integrating Allure in CodeceptJS. I liked the flexibility of API as I could put nested steps into it. However, implementation became very complex (it is always complex for nested steps)

I thought Allure would be a standard of reporters.

However
For unobvious reasons Allure team stopped development of their JS version and started v2.

Also Allure still required Java to run. Phewww...

It was complicated and was too heavy for a simple HTML report
Read 7 tweets
Generator function* in JavaScript:

A thread 🧵

#100DaysOfCode #javascript #Angular #reactjs #devbubble
In JavaScript, generator functions are a special type of function that allows you to use the yield keyword to pause and resume the execution of the function.

#100DaysOfCode #NodeJS #CodeLife
They allow you to create iterators, which are objects that can be used to iterate over a sequence of values.

A generator function is defined using the function* keyword and can be invoked using the yield keyword.

#100daysofcodechallenge #NodeJS #reactjs
Read 9 tweets
Sabia que é possível usar JavaScript para interpretar variáveis do bash direto do terminal? 🤯🔥

🧵/1

#javascript #nodejs #js #bash #devtips #100daysofcode #node #childprocess #tutorial Image
Estava produzindo uma super aula do meu curso de Node.js Streams (em inglês), ensinando sobre como paralelizar o processamento de arquivos usando Node.js

A ideia é subir um processo para cada arquivo, e cada processo filtra os usuários que possuem o email em dominio gmail

/2
Só que eu automatizei a validação para verificar que todos os itens foram processados e enviados para um arquivo de saida

Então primeiro fui lá e usei o `grep` para filtrar o texto do arquivo e o `wc -l`, para obter a quantidade de linhas.

/3
Read 8 tweets
WeakMap in JavaScript

A thread 🧵

#100DaysOfCode #javascript #rarely_used
A WeakMap is a map that holds weak references to its keys.

This means that the keys are eligible for garbage collection if there are no other references to them.

This feature can be useful for implementing caches or other similar data structures.

#reactjs #Angular #NodeJS #js
A WeakMap is a special kind of map where keys must be objects and the map doesn't prevent garbage collection of its keys.

You can think of a WeakMap as a map that doesn't "own" its keys, and therefore doesn't keep them alive.

#100daysofcodechallenge #100DaysOfCode
Read 9 tweets
🧵
1/7
During our research on link previews, we discovered that Instagram servers execute #JS code in links sent in DM. We contacted Facebook security team. They said it was expected behavior, no issue. We published the work. @TeamYouTube took down the video and sent us a warning
2/7
We appealed @YouTubeCreators decision. We argued that the video we uploaded to @YouTube was the exact video that we shared with Facebook security team. They concluded it was harmless. We discussed the issue with Facebook in a long exchange to convince them it was critical
3/7
Facebook team was adamant that that issue was harmless and expected behavior. We shared with Facebook that we would publish the video. They didn't stop us. The video was viewed 3300 times before @TeamYouTube took it down and later rejected our appeal
Read 8 tweets
I recently watched the amazing 32-hour blockchain video course by the one and only @PatrickAlphaC for @freeCodeCamp

#web3 #JS #blockchain #learninginpublic #wagmi #wagbi

1. the general
2. the specific
3. the personal
4. the takeaway

Some reflections, a 🧵👇🏽
1. Observations

The course lives up to its stellar reputation and word-of-mouth kudos

"This is going to be probably the most thorough course you will ever go through in this space."

💯TRUE

2/18
Patrick is a gifted teacher--high energy, encouraging, detailed and clear

Material is top notch:
- high production value
- code examples work perfectly
- written commentary makes sense
- textbook quality of a 2nd semester~2nd yr course at a good CS university

3/18
Read 19 tweets
Fiiiiiiinaly we have a native solution to catch CLI arguments in @nodejs🔥😱

🧵 /1 Image
There was a long discussion on how many existing npm packages were made to parse CLI args and why the Node.js project hasn't had any native solution yet.

/2
You may have heard of existing packages that are very popular around there to make CLI programs such as commander, yargs and this new function came with interesting ideas.

/3
Read 7 tweets
wow JavaScript is on 🔥with a lot of new functions for Arrays in progress 🤯😬 Welcome Immutability, Grouping, and Async helpers ❤️

🧵 /1 Image
I'd say JavaScript makes my work as a content creator so easy sometimes 😂

There are so many new proposals and new features coming to the language that we could discuss a whole week about it haha.

/2
Today, I brought something interesting that I was missing for a while: Immutability in arrays!

/3
Read 11 tweets
"Yo, why are #JavaScript and its ecosystem so messy?!" 😡

Well, I am glad you asked... Let me tell you a story! 🤓

🧵👇
For starting... #JavaScript was not designed to be the language that it is today!

JS was created in 1995 by @BrendanEich for Netscape, a web browser that was trying to come up with a language to make the web more interactive
@BrendanEich #JS wasn't related w/ #Java, so why did they call it Java-Script?! Duh! 😳

Java was trendy! it was possible to build interactive sites by embedding Java apps in pages (applets). So it was mostly a #mktg move: "JS: the lightweight Java alternative" or something like that I guess
Read 40 tweets
J'ai pu tester pas mal de formations/plateformes d'apprentissage payantes.
Je me suis dit que j'allais vous faire un petit thread pour vous les présenter.
PS : Pensez à vous les faire financer par vos boîtes😁
PS2 : Je précise mais il n'y a aucune sponso ❌💵

Let's go!👇
On commence avec @pluralsight qui propose des formations vidéo sur un tas de sujets, langages, BDD, infra etc. Il y a même des parcours d'apprentissage qui permettent de ne pas s'égarer.

Mention spéciale pour le parcours #Python et #Git👌

pluralsight.com
Il y a quelques années, un ami m’a fait découvrir @acloudguru quand j’ai voulu me mettre sérieusement à AWS et franchement c’est le 🔥!

Vous avez accès à énormément de contenu vidéo sur AWS, GCP, Azure et même sur les outils DevOps !

acloudguru.com
Read 9 tweets
wooowwwww, I know that you've always wanted to compare objects in JS as `obj === obj` so I brought good news for you 🤩🔥

Let's begin🧵 /1
I don't know about you but I'm really excited about this feature, let me show you how it works 🔥

/2
The #ECMAScript proposal for the #Record and #Tuple value types is Stage 2 which means that it could change at any time but there're packages and playgrounds for you to try out this feature before it's available on the language.

/3
Read 11 tweets
React ⚛️ - useRef, la face cachée du hooks 🔒 !

Tu le connais déjà surement 🤔
Tu as l'habitude de l'utiliser pour récupérer la référence d'un élément du DOM en JavaScript 🚀

Mais, en vrai, il a bien plus d'utilité !

#RT ❤️

🧵 #thread #react #js #web Image
Déjà c'est quoi useRef 🤔 ?

C'est une valeur sauvegardée dans un objet, dans ton composant qui persiste lorsque le composant se rerender
Quand elle est update, le composant ne se rerender pas

Son nom vient du fait que la valeur est sauvegardée dans un objet : { current: ... }
Son usage basique est pour récupérer la référence d'un élément HTML primitif, par exemple, une div :

Cet usage permet notamment :
* changer les propriétés d'une div
* récupérer la valeur d'un input
* gérer le canvas Image
Read 12 tweets
Rendu conditionnel en React, le piège à éviter ⚠️

Il y a 3 méthodes pour faire du rendu conditionnel :
1. condition && "yes"
2. condition ? "yes" : null
3. if (condition) return "yes"

Je vais t'éviter des bugs avec la méthode 2 💪 !

Je t'explique ⬇️

#rt ❤️

🧵 #react #js #jsx Image
La méthode 2 est en réalité un raccourci pour :

condition ? "yes" : condition

Par conséquent, quand la condition est falsy, c'est le résultat de celle-ci qui sera rendue !
developer.mozilla.org/en-US/docs/Glo…
Voici les valeurs falsy :
- 0 / -0
- ""
- NaN
- null / undefined

Avec 0 et NaN, React affiche ses valeurs !
0 && "yes" → 0

Pour le visualiser, j'ai créé un petit site :
dzdg5y.csb.app

Tu as une surprise avec 0 et la méthode 2
La valeur est affichée !! Image
Read 11 tweets
Ever wondered what it takes to build an intelligent Q/A assistant? 🤔

@OpenAI #gpt3 and a few hours is all you need!

🤯 Yes, you heard it right!

🕹 Built a #javascript wizard using @streamlit to answer all your queries like a human expert!

A thread 🧵

#nlproc #AI #lowcode
@OpenAI @streamlit Gone are the days when you had to spend hours on @StackOverflow for resolving code-related queries!

🪄 Javascript wizard gives you precise answers to all your #JS related questions by leveraging #gpt3's latest code-davinci model that understands your queries just like humans!
@OpenAI @streamlit @StackOverflow I have made the application code #OpenSource so you can just clone the repo and build #gpt3 powered #AI applications for your usecase!

👨‍💻 GitHub Repo - github.com/Shubhamsaboo/j…

#NLP #lowcode #nlproc
Read 8 tweets
Sometimes it’s difficult to remember that “coding well” isn’t just about clean code—meeting deadlines is no less important. Especially when you’re a junior, memorizing syntax will only get you so far. Here are 7 #techtips for efficient coding from our engineers,🧵:
#javascript
1. Learn the most important libraries for your use cases. This way, you’ll be less likely to try and reinvent the wheel. Lodash(#JS) & KTX(#Kotlin) are two examples.
2. Contribute to open-source projects! You’ll gain all kinds of experience, from working with other people’s #code to collaboration and time management.
Read 8 tweets
Are you a #JavaScript #developer looking for ways to improve from day to day? You’ve come to the right place! Bury yourself in encryption, testing, closures and many more talks from #JS experts all over the world.

blog.meetupfeed.io/7-javascript-m…

#programming
The Art of Writing Secrets - Encryption for JavaScript Developers via @WomenWhoCode @jischr
Jen Schreiber is a Senior #SoftwareEngineer . In this talk, she introduces you to encryption in JavaScript- all you need to know.
meetupfeed.io/talk/the-art-o…
#JavaScript Tests in #Node, the Browser, and CI via @rob_rich
Watch as Rob live-codes sync tests, async with callbacks, promise-based tests, and async/await tests. He crafts tests in Node, tests in the Browser, and unit tests that run from CI.
meetupfeed.io/talk/java-scri…
Read 9 tweets
#AboutRSS 电报频道上的 “与 RSS 有关的 Coding 向 #教程 分享” 已发布 6 期,同样开个 #Thread

「基于 Liuli 构建纯净的 RSS #公众号 信息流 」

juejin.cn/post/705768750…

#微信
「Add RSS Feeds to Your Website to Keep Your Core Readers Engaged」

「给 #hexo #博客 新增 RSS 功能支持」

zhuanlan.zhihu.com/p/460818216
Read 51 tweets
Hey ¿Podrías encontrar el bucle infinito en esta comparación? 👀

Si luce algo fácil, quisiera contarte algo más que se descubrió en códigos como estos, HACE 86 AÑOS 🧵

#paradoja #algoritmos #js ¿Cuál de los siguientes códigos ocasionará un bucle infi
♾ Un while(true) es sencillo de ver ¿verdad?:

¿Y qué ocasiona? Que cuando le ejecutes, el programa se detendrá en un bucle infinito. 🔁

❌ Pero además, desde hace décadas se sabe que NO EXISTE un algoritmo capaz de identificar si toda pieza de código se detendrá o no...
👨‍🔬 Alan Turing probó esto mismo en 1936, a través de un ejemplo interesante donde suponemos que sí existe y *spoiler* luego entendemos por qué no.

Es una paradoja simple que podría ser explicada incluso en JavaScript:
Read 5 tweets
En el temario del Taller de Web Performance de marzo, uno de los puntos es "Conceptos avanzados".

Te explico lo que veremos 🧵

👉🏼 nucliweb.net/workshops/web-…

#WebPerf #Performance #PerfCrafters #WPO #JS #JavaScript #WebAssembly Image
1️⃣ Web Workers

Con un soporte de casi el 100% de los navegadores (desde IE10 😜), los Web Workers nos ofrecen la posibilidad de ejecutar procesos fuera del hilo principal, mejorando así el rendimiento y la UX ImageImage
2️⃣ Service Workers

Con los Service Workers podremos tener un alto control en la gestión de la caché, o tener navegación offline, mejorando así la experiencia de nuestro producto tanto en las navegaciones recurrentes Image
Read 6 tweets

Related hashtags

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.00/month or $30.00/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!