Top Tweets for #LupitaCode
↔️↕️ 3 maneras de centrar elementos en CSS:
1️⃣ display: grid;
place-items: center;
2️⃣ display: flex;
align-items: center;
justify-content: center;
3️⃣ position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, - 50%);
#LupitaCode
↪️ Frameworks y librerías retro para CSS:
📌 NES.css
📌 98.css
📌 XP.css
📌 BOOTSTRA.386
📌 RPGUI
📌 Win95
📌 7.css
#LupitaCode
💬🔃❤️
📸 Formatos de imágenes para web:
👥 Vectoriales:
svg | logotipos, iconos
🖼️ Mapa de bits:
jpg | fotografías (Lossy)
png | transparencia (Lossless)
gif | animación simple (Lossless)
webp | formato moderno
#LupitaCode
🧵
⏺️ Herramientas para capturas de código:
📸 Carbon .now .sh
📸 Polacode (vsc)
📸 CodeSnap (vsc)
📸 Ray .so
📸 CodeKeep
📸 Codeshot
📸 Instacode
#LupitaCode
💬🔃❤️
➡️ Existe una convención para nombrar variables booleanas en Javascript u otros lenguajes, podemos usar prefijos como "is", "has" o "can"
Ejemplo:
☑️ const hasAge = true;
☑️ const isOpen = false;
☑️ const canWrite = true;
#LupitaCode
👉 💬🔃❤️
🤝 2 formas de unir objetos en JS
const food = {burger:'🍔', tacos:'🌮'};
const drink = {beer: '🍺', wine: '🍷'};
let res = {...food, ...drink };
let res2 = Object.assign({}, food, drink);
/*{
burger:'🍔',
tacos:'🌮',
beer: '🍺',
wine:'🍷'
}*/
#LupitaCode
👉💬🔃❤️
⚡Extensiones de vscode útiles (1era parte)
🧩 Prettier
🧩 Bracket Pair Colorizer
🧩 cndjs
🧩 CodeSnap
🧩 EditorConfig
🧩 ESLint
🧩 Git Graph
🧩 Live Server
🧩 Settings Sync
🧩 Visual Studio Intellicode
🧩 Color Highlight
#LupitaCode
👉💬🔃❤️
❎ 5 maneras de eliminar elementos en un Array en JS
const arr = [1️⃣, 2️⃣, 3️⃣];
🔹shift() 👉 2️⃣3️⃣
🔸pop() 👉 1️⃣2️⃣
🔹splice(2, 1) 👉 1️⃣2️⃣
🔸delete(arr[1]) 👉 1️⃣⬜3️⃣
🔹filter((arr, i ) => i !==1)👉 1️⃣3️⃣
#LupitaCode
👉💬🔃❤️
⏳ 3 formas de invertir el orden de los elementos de un array en JS
const arr = [ '🕒' , '🕓' , '🕔' , '🕕' ];
🔸let res = arr.reverse( );
🔹let res2 = [ ...arr ].reverse( );
🔸let res3 = arr.slice( ).reverse( );
// [ '🕕', '🕔', '🕓', '🕒' ]
#LupitaCode
👉💬🔃❤️
🔶 2 formas de unir arreglos en Javascript
const arr = [1️⃣, 2️⃣, 3️⃣]
const arr2 = [4️⃣, 5️⃣, 6️⃣]
🔸const res = arr.concat(arr2);
o bien:
const res = [ ].concat(arr, arr2);
🔹const res2 = [ ...arr , ...arr2 ];
// [1️⃣, 2️⃣, 3️⃣, 4️⃣, 5️⃣, 6️⃣]
#LupitaCode
👉💬🔃❤️
🔄 4 formas de convertir un string en un array en Javascript:
const str = 'lupita';
🔸str.split(' ');
🔹let newStr = [ ...str ];
🔸Array.from( str );
🔹Object.assign( [ ] , str );
// [' l ', ' u ', ' p ', ' i ', ' t ', ' a ']
#LupitaCode
👉💬🔃❤️
🌐 Sitios para encontrar Ilustraciones en 3D:
🎲 handz .design
🎲 Amrit Pal Singh
🎲 Ui8 3D
🎲 Superscene 3
🎲 3ddd .casa
🎲 Isometric Love
🎲 IsoFlat
🎲 Dribbble - 3D Shapes Pack
🎲 Shapefest
🎲 Arkistudio
#LupitaCode
👉💬🔃❤️
🔎 Diferentes maneras de comprobar si un valor existe en un Array en JS:
const array = ['🖥️', '🖱️', '⌨️', '🔌'];
array.includes('🖨️'); // false
array.indexOf('🖱️') !== -1; // true
array.some(arr=>arr==='🖱️');//true
if (~array.indexOf('🔌') { }
#LupitaCode
👉 💬🔃❤️
💠 Plugins de Figma útiles
⚡Remove BG
⚡Unsplash
⚡Vectary 3D
⚡Blush
⚡Storyset by Freepik
⚡Iconify
#LupitaCode
👉 💬🔃❤️
💡Desestructurar un array como si fuera un objeto en JavaScript 👇
const countries=['🇲🇽', '🇵🇪', '🇦🇷', '🇺🇲'];
const { 0: MX, 3: US } = countries;
console.log(MX); // 🇲🇽
#LupitaCode
👉💬🔃❤️
🌐 Extensiones de Chrome útiles (parte 1)
🧩 ColorZilla
🧩 JSON Viewer Awesome
🧩 Wappalyzer
🧩 Site Palette
🧩 30 Seconds of Knowledge
🧩 Fonts Ninja
🧩 OneTab
🧩 Screen Recorder
🧩 Mindful Break
#LupitaCode
👉 💬🔃❤️
📈 Librerías de Javascript para visualización de datos:
📊 D3.js
📊 Chart js
📊 Three js
📊 C3 js
📊 Recharts
📊 Cartodb
📊 Apex Charts
📊 Toast UI
📊 Plotly js
📊 Chartist js
#LupitaCode
💬 🔃 ❤️
🔶 Array Methods en JS (parte 1)
const arr = [1️⃣, 2️⃣, 3️⃣]
❌ Eliminar:
shift() 👉 2️⃣3️⃣
pop() 👉 1️⃣2️⃣
splice(2, 1) 👉 1️⃣2️⃣
delete(arr[1]) 👉1️⃣⬜3️⃣
➕ Agregar:
unshift(9) 👉 9️⃣1️⃣2️⃣3️⃣
push(5) 👉 1️⃣2️⃣3️⃣5️⃣
#LupitaCode
🔃
🔴 Modelos de Contenido principales en HTML5
1️⃣ Metadata
2️⃣ Embedded (incrustrado)
3️⃣ Interactivo
4️⃣ Heading
5️⃣ Phrasing (Expresión)
6️⃣ Flow (Flujo)
7️⃣ Sectioning (Seccionamiento)
#LupitaCode
Diferencias entre var, let y const
Scope var let const
Global ☑️ ❎ ❎
Función ☑️ ☑️ ☑️
Bloque ❎ ☑️ ☑️
Reasignable ☑️ ☑️ ❎
Redeclarable ☑️ ❎ ❎
#LupitaCode #100DaysOfCode
Most Popular Users
Elon Musk 
@elonmusk
241M followers
Barack Obama
@barackobama
119.2M followers
Cristiano Ronaldo
@cristiano
111.8M followers
Donald J. Trump
@realdonaldtrump
111.8M followers
Narendra Modi
@narendramodi
107M followers
Rihanna
@rihanna
98M followers
NASA
@nasa
92.2M followers
Justin Bieber
@justinbieber
91.2M followers
KATY PERRY
@katyperry
88.3M followers
Taylor Swift
@taylorswift13
82.2M followers
Lady Gaga
@ladygaga
73.7M followers
Virat Kohli
@imvkohli
70.9M followers
Kim Kardashian
@kimkardashian
70.1M followers
YouTube
@youtube
68.7M followers
Bill Gates
@billgates
64.3M followers
Neymar Jr
@neymarjr
63.8M followers
The Ellen Show
@theellenshow
62.4M followers
CNN
@cnn
61.8M followers
Selena Gomez
@selenagomez
61.4M followers
X
@x
60.8M followers