Discover and read the best of Twitter Threads about #Javascript

Most recents (24)

¿Mal performance en tu #webapp o #paginaweb?

13 tips rápidos, fáciles y accionables para mejorar el #webperf

❤️ RT para repartir amor!

🧵 HILO
📊 Lo que no se mide no lo puedes arreglar.

Tienes que medir la performance de tu website.

Mis tools favoritas:

@____lighthouse
@gtmetrix
@pingdom Speed Test

Usa las recomendaciones en los resultados para mejorar.
@____lighthouse @gtmetrix @pingdom 🌄 Imágenes 1

Usa el tamaño correcto, si tienes que mostrar la imagen en 300px de width no metas una imagen de 5000px que pesa 5mb te afecta la performance.
Read 18 tweets
We often forget that being a web developer is not only about #html, #css or #javascript! #react or #angular! #python or #php!
Sure these helps you build wonderful looking websites but database and data structure is vital! Security is a must! Scalability is key!
Sure if you claim you are a #Frontend developer, you can easily say that you don’t have to worry about all the ‘backend’ stuff I just mentioned! And here is where I completely disagree! To be successful you have to understand the back end and how it works!
Understanding the database you are building a front page for helps you have a bigger picture of the wealth of data you have! How to present it and how to make it available!

Securing a database is the #dba job! Network system engineer secure the network where your site is!
Read 5 tweets
Aprovecha TODOS mis cursos de PROGRAMACIÓN GRATIS 🧑‍💻

👇🧵
FullStack JavaScript Bootcamp 🚀
¡MÁS de 55 CLASES! 😱

- Fundamentos de Desarrollo Web
- JavaScript y React
- APIs Node.JS y Express
- MongoDB
- Deploy a Heroku
- Testing con Jest y react-testing-library
- Testing E2E con Cypress
- React Native y CI

midu.link/bootcamp
¡Curso de React ⚛️ DESDE CERO!
CREA una APP paso a paso.

- ¿Qué es React y por qué es necesario?
- Crea una app
- Hooks y Custom Hooks
- Estado global con Context
- Testing
- Web Performance

Más de 16 horas de contenido totalmente gratis.

midu.link/react
Read 10 tweets
All you really need is 1 application to get started in #coding.

A browser.

In a Chromebook, a smartphone, or any PC, you can learn and practice.

Anywhere.

Here are 8 websites for writing code online, for FREE:
🧵
1) JSbin

Takes care of all your #javascript, #HTML, and #CSS. Has a built-in console as well.

jsbin.com
2) GDB online

Debugger and Compiler. Support for many languages and versions including(but not limited to) #python, #javascript, Pascal, #HTML, #CSS, C, C++, Perl, Ruby, C#, and PHP.
Allows you to make multiple file programs.
onlinegdb.com
Read 8 tweets
A beginner guide to joining a DAO :

A Thread ! 🧵👇

Follow @lakincoder for more such content.

#Web3 #javascript #DAO #DAOs #Blockchain #SOLIDITY #Bitcoin #Cryptocrash #cryptocurrency #LUNAUSDT #Lunacrash
1⃣ Establish your goals
DAOs are highly mission-driven. Your personal passions and expertise should play a key role in which organization you join.
2⃣ Find a DAO that fits your goals
You could try exploring DAOlist and DeepDAO to find one with objectives that align with your interests.
daolist.fyi
deepdao.io
Read 7 tweets
🎓 #Google propose plusieurs cours officiels, 𝒈𝒓𝒂𝒕𝒖𝒊𝒕𝒔 et 𝗰𝗲𝗿𝘁𝗶𝗳𝗶𝗲́𝘀. 🔥

💻 Tous sont liés au monde numérique, digital et technologique.

#Marketing, #Sécurité, #Apps...

Profitez-en
Formation sur le marketing digital

Ce cours offert, 𝙖𝙫𝙚𝙘 𝙘𝙚𝙧𝙩𝙞𝙛𝙞𝙘𝙖𝙩𝙞𝙤𝙣 de l'@iab (Interactive Advertising Bureau), permet de maîtriser les principes de base du #marketing numérique.
learndigital.withgoogle.com/ateliersnumeri…
🎼 Gestion et croissance sur #Youtube

Cours avec 𝗖𝗲𝗿𝘁𝗶𝗳𝗶𝗰𝗮𝘁𝗶𝗼𝗻 𝗬𝗼𝘂𝘁𝘂𝗯𝗲 pour les partenaires permettant de gérer de la musique, des entreprises, des médias et des partenaires d'identification du contenu sur YouTube
skillshop.exceedlms.com/student/catalo…
Read 13 tweets
Top 10 Blockchain Attacks That resulted in cryptocurrency losses all around the world.

A Thread 🧵👇

#Web3 #cryptotrading #cryptocrash #Bitcoin #Blockchain #cybersecuritytips #hacking #vulnerabilities #javascript
1⃣ Exchange Hack
2⃣ DeFi Hack
Read 15 tweets
Ahora sí. Sin miedo alguno, me atrevo a hacer un hilo para enumerar a los #DevTubers que he encontrado en YouTube y son un tesoro invaluable.

Esta vez me tomaré el tiempo en darles un tuit a cada uno y el motivo que encontré para recomendarlos. No hay orden de preferencia
0. Inicio con alguien que lamentablemente ya no nos acompaña, pero dejó un legado hermoso que me sirvió para comenzar. @AlejandroMTSA elaboró un canal con excelente contenido: Algoritmos, C++, Java y Python. Alejandro, muchísimas gracias.
youtube.com/c/Programaci%C…
@AlejandroMTSA 1. Conseguí este canal muy tarde, pero recomiendo que sea lo primero que veas. ¿Por qué? Pues te da un vistazo sobre la programación de forma divertida, sencilla y en videos cortos. Además, la motivación nunca falta. Gracias @AbsoluteSite youtube.com/c/AbsoluteSite…
Read 52 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
Cursos gratis y cortos de los programadores más cracks que yo conozco:

- #JavaScript (de todo) y Flexbox de @wesbos
- #CSS grids de @jensimmons
- #ReactJS y NextJS de @leeerob

❤️ RT comparte el amor!

🧵 HILO Image
El #javascript30 de @wesbos es un clásico javascript30.com son 30 videos de vainilla #JavaScript code challenges. Aprendes de todo, #arrays, #canva, sonido, etc.
También de @wesbos tenemos cssgrid.io para aprender #cssgrids en 25 videos y flexbox.io para aprender #flexbox en 20 videos.
Read 7 tweets
Segunda feira é dia de dica de ouro e essa aqui é uma técnica para te ajudar a extrair elementos de um Array (ou qualquer objeto) usando destructuring em #JavaScript 🔥🧵 /1
Destructuring é uma forma sensacional de extrair somente o necessário dos objetos, como no exemplo:

const obj = {name: 'test', a1: 1, a2: 2, a3: 3}

const { name } = obj // extrai apenas o nome e ignora o resto /2
ou até, remover uma propriedade e assinar as propriedades restantes à outra variável:

const {name, ...allWithoutName} = obj
// allWithoutName terá todas as props exceto o name /3
Read 8 tweets
1- 👨🏼‍💻Yazılım mesleğim sayesinde birebir yaşadığım bir işi büyük oranda kolaylaştırdım.

Bu seride gerçek bir durumdan ve buna karşı geliştirdiğim çözümden bahsedeceğim.

Buyrunuz 0 TL ile MVP Çıkartmak;
#yazılım #javascript #html #proje
2- İş kısaca; Çalıştığımız şirket belli şehirlerde, anlaşmış olduğu kombi-petek tamiri/temizliği yapan ustalara müşteri buluyor. Bunu çoğunlukla reklamlar aracılığı ile yapıyor. Ve her şehirde farklı bir numara çıkıyor. Bu çağrıları cevaplıyor ve kayıt alıyoruz.
3. Sorumluluğumuzda üç tel hattı ve dört şehir var. Reklamlarda o şehirlere ait numaraları gösteriyoruz. Bizim yapmamız gereken şehirlere göre kayıt oluşturmak ve bu kayıtları ustalara iletmek. İşe ilk başladığımızda defter ve kalem ile kayıt alıyoduk. bu süreçte epey hata yaptık
Read 14 tweets
🙊 Secreto para los que están empezando: "80% de lo que van a hacer con #JavaScript en #frontend es agarrar objeto o array y “pintar” #html"

Necesitas saber:

✅ CRUD
✅ Fetch API (Headers, Request, Response y Promise)
✅ Array: filter, map y reduce
✅ DOM manipulation

LINKS 👇🏽
¿Qué es CRUD?

Acrónimo de "Create, Read, Update, Delete" son las operaciones que hacemos en casi cualquier app.

Más info:

🔗 developer.mozilla.org/es/docs/Glossa…
🔗 codepen.io/ianseabrook/pe…
El Fetch API es una utilidad del navegador que te permite hacer requests HTTP.

Más info:

🔗 developer.mozilla.org/en-US/docs/Web…
🔗 robertomiguelz.blogspot.com/2018/02/que-es…
Read 7 tweets
[THREAD] 7 RÉALITÉS du métier de développeur ! 🖥

Attention ! Je vais te livrer beaucoup de valeurs d'un coup.

Ce que toi en tant que débutant tu ignores ou imagines à tord sur cette activité !

#web3 #developer

Voilà ce que j'ai appris :

1/11
// 1 - On apprend que par la pratique ET au besoin ponctuel. //

J'ai appris #reactjs parce que je devais l'utiliser pour un projet.

J'avais besoin d'une interface.

La leçon c'est qu'il faut juste savoir à peu près en avance quoi sert à quoi.

2/11
Pour ça je te conseille de faire de la veille technologique quotidienne.

J'utilise une chouette extension pour me tenir informé de ce qui peut exister pour tel ou tel besoin: daily.dev

3/11
Read 11 tweets
Você saberia identificar um vazamento de memória em sua aplicação @nodejs? 🧵🤯 /1
Como você pode ver no vídeo, vazamentos de memória podem sim acontecer em suas aplicações e provavelmente você só vai descobrir se monitorar e inspecionar seu código ou mesmo se sua aplicação sair do ar por falta de recursos. /2
Usamos os termos Memory Leak ou vazamento de memória para casos como o do vídeo abaixo: uma aplicação reservou memória demais e não conseguiu descartá-la a tempo. /3
Read 10 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
Si vous connaissez les Promise en Javascript, vous avez forcément entendu parlé des directives async/await.

Mais savez-vous exactement leur fonctionnement, leur utilité et leur impact sur le code ? 🧵
#dev #code #web #javascript #nodejs
L'avantage d'une promesse, c'est de pouvoir normaliser le retour d'une fonction asynchrone.

Et donc d'offrir une API pour traiter ces retours avec des fonctions comme .then(), .catch(), Promise.all(), etc... et de pouvoir les chainer. 🔗
Mais parfois, on aimerait simplement pouvoir traiter ces appels asynchrones de manière synchrone plus simplement qu'en enchainant les .then() par exemple.

Voilà pourquoi il existe les directives async/await ! 👇
Read 6 tweets
Hablando de que hay muchos recursos gratuitos y super completos para aprender tecnologías como #javascript, #golang y más...

Aquí un thread 🧵 express con los cursos gratis que conozco :)
web.dev, de Google, tiene cursos de responsive design, #PWA, #CSS, performance en la web, y más

🥳
developers.google.com/learn tiene un muchísimooos cursos! Introducción a @golang, Dart, Java, Python, Firebase, Android...

Todos gratis!
Read 10 tweets
Before getting overwhelmed with Javascript, Python, Web3 & so on let me help you understand the various types of job roles on offer in tech industry.

Time for a 🧵

#100Devs #100DaysOfCode #Web3 #javascript #FullStackDeveloper #backend #FrontEnd #Python #React
1. Application Developers

✅ Responsible for converting requirements into working software
💰Highly Paid
👩‍💻 Frontend, Backend, Databse, Full stack developers are specific development roles
2. Software Testing

✅ Responsible for verifying if the developed software satisfies the requirements & has required performance levels
💰 Slightly lower paid than Devs
👩‍💻 Automation & Manual testing are specific roles
Read 10 tweets
Browser APIs you might not known😱😱

Check them ⬇️

#javascript #100Devs Image
1. Battery API Image
2. IndexedDB API Image
Read 6 tweets
VOCÊS ESTÃO PREPARADOS PARA ESSA THREAD? Vou passar ponto por ponto de todas as coisas que estão escritas aqui e vou explicar uma por uma pra NÃO FICAR NENHUMA DÚVIDA de que o JS não faz isso porque é uma falha da linguagem.
Isso eu expliquei durante a minha live no @cafedebug () o que acontece é que o NaN é um número porque, assim como o Pi, ou o número de Euler, ele é somente um símbolo que representa um valor que não pode ser representado como um número +
Da mesma forma como fazemos na matemática, quando não podemos representar um número, damos a esse número um símbolo, números complexos são o melhor exemplo disso, e nem por isso deixam de ser números.
Read 31 tweets
Just completed level 1 on #cryptozombies

share.cryptozombies.io/en/lesson/1/sh…

Some learnings from a java developer perspective 👇

#Solidity #Ethereum #Web3 #Blockchain #Java #javascript
The naming convention is the same as java.
We have few extra datatypes like
🔲 uint (Unsigned integer)
🔲 struct (Similar to a class in java) - Doesn't have a constructor
uint - Unsigned Integer - int data type that only stores non-negative integers i.e 0 and positive integers.

For e.g, if an int can store 256 numbers, the range of int will be from -128 to 127. But the range of uint will be 0 to 255.
Read 11 tweets
Yo sabía que las páginas de mi blog tenían problemas de performance, ya las arreglé y aquí te explico como:

👀 Encontré el problema
🕵🏽‍♀️ Conseguí el culpable
↔️ Y lo reemplacé

❤️ RT please.

🧵 HILO
Lo que no se mide no se puede arreglar, con Google PageSpeed Insights (Lighthouse)

🤮 La performance 70 de 100

Y esto de debe a malos resultados en el Time to Interact y Total Blocking Time.

Pero ¿y qué es eso?...
⌛️ Time to Interact: cantidad de tiempo que le toma a la página a hacerse completamente interactivo.

Es decir, que el usuario puede empezar a dar clics, hacer scroll, etc.

Según Google debe ser entre 0 y 3.8 segundos.
Read 8 tweets
Quand on débute avec Javascript, la gestion de l'exécution asynchrone peut être compliqué à comprendre.

Alors on nous parle de "Promise" (ou promesse) à longueur de temps, mais c'est quoi, simplement, une Promise ? 🧵

#dev #code #javascript #web
La première question que l'on se pose c'est: "Quelle différence avec les callbacks" ?

Et la réponse est : "Une promise est simplement un ensemble de callbacks 'normalisés' !" 🤯

Je m'explique.
Un callback est une fonction qui va être exécutée à la fin d'un traitement asynchrone.

Sauf que selon les choix d'implémentation, un callback peut prendre 1, 2, 3 paramètres, ou alors on peut passer 1, 2, 3 callbacks différents pour gérer le succès, les cas d'erreurs, etc... 🥵
Read 5 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!