Discover and read the best of Twitter Threads about #FrontEnd

Most recents (24)

👨‍💻 ¿Cuántas veces has compartido pantalla en una reunión, conferencia, directo, etc y la gente no veía el editor?

TÚ: "Espera que subo un poco la fuente"
ASISTENTE: "Desde aquí no se ve, un poco más"
TÚ: "¿Y ahora?"
ASISTENTE 2: "Un poco más"

Te traigo la solución.
🧵 1/6
👀 Desde hace más de medio año uso las herramientas de @jetbrains para desarrollar:
Android Studio para #mobile
IntelliJ para #backend
WebStorm para #frontend

Todos tienen una vista que se llama modo presentación o "Presentation mode".

🧵 2/6 Opción del menú de WebStorm para activar el modo presentac
👨‍🏫 Con este modo: limpias toda la interfaz de símbolos y botones, paneles auxiliares fuera, aumentas bastante la fuente, eliminas el árbol de directorios, ... Todo ello para centrarte en lo que importa, el código.

Os enseño antes y después.

🧵 3/6 Vista del editor WebStorm antes de activar el modo presentacVista del editor WebStorm después de activar el modo presen
Read 7 tweets
🚨 @saltpe_ is hiring Frontend Development Interns🚨
Salt is built for reducing complexities in the operational and banking experience of exporters. They provide a banking, documentation management, and workflow automation platform for exporters (both manufacturing and services) across India.
Role: Frontend Development
Duration: 3-6 Months
Stipend: 15,000 INR (negotiable based upon work/ experience)
Read 9 tweets
So I've been hearing some good things about @nextjs for some time, and seeing only enhanced it. Also I'm bored, and (arguably?) have some free time, so I'm going to try to remake my blog (with 1 whole post) in next.js just for fun. Let's #Frontend!
To give some context, my only exposure to frontend development is from developing a couple #AndroidDev apps 3 years ago, and I have no experience with JS and hardly any familiarity with HTML/CSS (except making my @firefox look sexier with custom CSS) #BackendDevFrontends
HMB while I spend the next 4 hours setting up and customizing the Ultimate Development Environment™️ for Next.js for 10X productivity™️ #Developer #productivity
Read 19 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
Conseguir el primer trabajo en la industria #tech es difícil.

Empresas como @Mercadolibre y @Globant tienes programas para programadores sin experiencia.

❤️ RT para ayudar a más programadores

👇🏼 ¿Quieres saber más? Sigue hilo...
Mercado Libre tiene bootcamps para contratar programadores en:

- #Java
- #Go
- #Mobile
- #Frontend

Para entrar al programa no necesitas experiencia previa, solo saber programar.
Al finalizar el bootcamp te ubican en un equipo de Mercado Libre dependiendo de tus skills y la demanda del momento.
Read 9 tweets
🧑‍💻 Many people reach out to understand #interview process at @Atlassian , sharing it here for easy reference later:

🔁 Please retweet for karma.

#️⃣ #jobhunt #fullstack #backend #frontend #jobs #referrals #springboot #react #sre

🧵0/n:
The Candidate Resources Hub is a great place to understand what to expect.

atlassian.com/company/career…
Here is the guidebook specifically for Frontend Applications:
online.flippingbook.com/view/21071/
Read 12 tweets
Para que servem os métodos HTTP também conhecidos como verbos HTTP? Visão para pessoas de #FrontEnd que querem consumir uma API

Thread feliz 🧵
➡️Introdução

Imagine que você precisa criar uma aplicação com 4 funcionalidades, de criar, ler, atualizar e deletar os dados de um usuário

Exemplo de estrutura do nosso usuário:
Felizmente você tem uma API e poderá enviar os dados do usuário para a rota (recurso) a seguir: /user

Outra coisa feliz é que você tem 5 métodos HTTPs que estão disponíveis nessa rota /user, sendo eles:

➡️Get
➡️Post
➡️Put
➡️Patch
➡️Delete

Pra que servem esses métodos?

⬇️
Read 14 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
Hace 20 años cuando empece a programar me inventaba mis propios proyectos para practicar y mejorar.

✨ Tú no tienes que hacer eso ✨

Te dejo 10 #sitiosweb para practicar y mejorar tus skills como programador.

❤️ ¿Me ayudas con un RT?
Empecemos con el más conocido, HackerRank.

No solo tiene ejercicios de algoritmos, sino también una sección para prepararte para una entrevista.

Además, tener un buen puntaje en HR te puede sumar puntos cuando estés buscando empleo.

hackerrank.com
Code Wars tiene "kata" que son pequeños ejercicios de código para afianzar tus conocimientos.

Soporta desde #JavaScript hasta #Ruby o #Go o #PHP, lo que quieras.

Los ejercicios comienzan fácil, pero se van poniendo más complicados.

codewars.com
Read 12 tweets
4 cursos gratis de Google para #webdevelopers

Mi recomendación es hacerlos en este ordén:

1. Learn CSS
2. Learn Responsive Design
3. Learn Forms
4. Learn PWA

❤️ RT para llegar a más developers

🧵 THREAD
Aprenderás los fundamentos de CSS como:

➡️ Box model
➡️ Cascade and specificity
➡️ Flexbox
➡️ Grid
➡️ z-index

Además, funciones, logical properties, todo lo que un #frontend debe saber.

web.dev/learn/css/
En este vas a aprender:

➡️ Responsive layouts
➡️ Responsive images
➡️ Typography
➡️ Accessibility

web.dev/learn/design/
Read 6 tweets
10 design tools every developer and designer must have✨

Save 10+ hours on research

Part 8️⃣🎉

A thread 🧵👇

#design #designer #developer #frontend #webdev #webdeveloper #coding
1️⃣ DB Designer

Design your database for free online

app.dbdesigner.net
2️⃣ UI Bakery

Create full-fledged web apps visually

uibakery.io
Read 13 tweets
Front-end Developer olmak istiyorsan ve ne yapacağını bilmiyorsan buradan başlayabilirsin. 💯

13 Adım 🧵
#FrontEnd
İnternet nasıl çalışır? 
Bu video, teknik bilgisi olmayan birinin internetin nasıl çalıştığını anlamasına ve bilgisayar ağlarının temellerini öğrenmesine yardımcı olacaktır.
Öğretici için tıkla:
HTML ve CSS
John Smilga'nın bu harika 11 saatlik ücretsiz videosuyla HTML ve CSS'nin temellerini öğrenin. P.S Zaten kendim izledim ve yeterince tavsiye edemem.
Öğretici için tıkla:
youtube.com/channel/UC8but…
Read 21 tweets
#React was indeed in the spotlight last month, so we spared your time and collected the champions of #meetup videos in January. Which one is your favorite? 🥳

blog.meetupfeed.io/react-meetups-…

#programming #devtools #application
🔥1st: #Debugging a Non Reproducible Crash by @almouro

Hear the story of an epic struggle to vanquish a non reproducible #bug and learn what to do (and what not).

@ReactAdvanced

meetupfeed.io/talk/debugging…
😎2nd: #React Performance with React Dev Tools by @yanaiEdri
@ReactNext
All of us are familiar with the react #devtool - how to select a component and observe the state and the props - but this tool also has the profiler tab.

meetupfeed.io/talk/yanai-edr…
Read 7 tweets
What do you do if you have software developers who want to learn something new? ❤️‍🔥

You invent something simple, and include the newest tech. #web3

We are making an e-learning platform with web3 aspects. More soon.

For now: let me show you what specs we gave to the #uxdesign
First we started with the mission.

I framed it in a way like @simonsinek did in his evergreen talk: ted.com/talks/simon_si…

- Why: code a useful project with web3 aspects
- How: Code it simple, show progress
- What: Gamified LMS with web3

#softwaredevelopment
That's what I sent to the #uxdesign freelancer.

It's really bare bones. Basically I just used @figma like this:

- take a browser shape (screenshot safari)
- buttons? use rectangles
- hyperlinks: use underlines
- comments? Just use odd shades and put text on it

Done.
Read 9 tweets
#Java & #JavaScript enthusiasts, gather around! We’ve selected the best quality #meetups for you that our community loved last month. 🥳

blog.meetupfeed.io/java-javascrip…

#programming #frontend #microsoft #design
1st: How Should #Java #Developers Build #FrontEnd for Web, Mobile, and Desktop Today by @karsilz

meetupfeed.io/talk/how-shoul…
2nd: Solving The Expression Problem Using Modern #Java by @RichardWarburto & @raoulUK

meetupfeed.io/talk/solving-t…
Read 9 tweets
¿Quieres saber cómo está el mercado de talento #tech en Latinoamérica? (incluyendo salarios)

@getonbrd lanzó su reporte anual con datos de:

23,000+ trabajos
900,000+ aplicaciones
250,000+ professionales

❤️ RT

👇🏽 HILO
🥷🏽 ¿Cuáles son los skills más solicitados por las empresas?

En programación en general:

💛 #JavaScript de primero (obvio Boby)

2️⃣ #CSS, #Git y #React peleándose el segundo lugar

🇺🇸 "English" en un sólido tercer lugar. Image
👩🏽‍🎨 En Diseño / #UX

El primer lugar es una pelea a cuchillo entre @figmadesign y @Adobe

Seguido de #UIDesign, #wireframes y @sketch

Y por supuesto Inglés. Image
Read 13 tweets
🌅 Buenos días 🌅

🌟 Aprender #frontend. El path más perfecto jamás creado (es broma ¿o no?)

1. #HTML y #CSS
2. Proyecto
3. Proyecto
4. Proyecto
5. #JavaScript y proyecto
6. Proyecto
7. #React y proyecto
8. Y más proyec...

Te dejo 4 sitios donde encontrar proyectos (THREAD)
Resuelve los desafíos de #HTML, #CSS y #JavaScript del mundo real mientras trabajas con #diseñosui profesionales.

frontendmentor.io/challenges
Mejora tus conocimientos de #HTML y #CSS practicando con plantillas de diseño reales. Y ofrecen un canal de Slack para preguntas y dudas.

codewell.cc/challenges
Read 6 tweets
🧙‍♂️ Quer se tornar mestre em Javascript? Então se liga nesses 4 repositórios incríveis com muito conteúdo que vai te ajudar demais!
Awesome Javascript projects: github.com/Vishal-raj-1/A… Image
2️⃣ Airbnb Javascript Style guide: github.com/airbnb/javascr… Image
Read 7 tweets
👉 Además de alojar la mayoría de proyectos #OpenSource, @github es un buen lugar para descubrir contenido interesante.

🏅 Aquí te dejo 10 repositorios para #devs que deberías conocer. Cada uno de ellos te aportará algo.

#100DaysOfCode #CodeNewbie

¡Dentro hilo! 🧵⬇️ Cartel: 10 repositorios de github para developers que deberi
1. Free Programming Books

github.com/EbookFoundatio…

⭐️ Este repo tiene que ser el primero. De los repositorios con más estrellas de #Github. No solo encontrarás libros de programación en múltiples idiomas, también otros recursos y videos.
2. Developer Roadmap

github.com/kamranahmedse/…

Otro de mis favoritos. ¿Quieres saber por dónde empezar tu camino #desarrollo web? Aquí tienes hojas de ruta con las tencnologías y conceptos que debes saber para dominar un “camino”.
Por ejemplo #frontend, #backend, #DevOps...
Read 15 tweets
All the Ways to Center a Div in CSS! 👇
Thread 🧵

#CSS #Frontend #Javascript Image
✅ For this, let's consider the following Image which is inside a div tag and the parent element of this div tag is the header tag.

So lets now look at all the ways we can center the div in CSS!👇 ImageImage
1) Traditional Way:

For the parent element,
Set the position to 'relative' and height to '100vh'.

For the child element,
Set top, and left to '50%' and transform to 'translate(-50%,-50%)'

⭐ And Done... Your Child Div is now set to Center! ImageImage
Read 6 tweets
There are a lot of #Security Issues in the #NFT Ecosystem & #NFTs marketplaces (NFTMs)

1/ When using a password-based authentication workflow, there is no #2FA (two-factor authentication)
2/ there is no support #hardwarewallet
3/ The #smartcontracts of NFTMs must be #opensource and/or provide results of security #Audit
Read 18 tweets
🌅 Buenos días 🌅

¿Buscando proyectos para practicar o para portafolio?

🧵 Te dejo 3 que me gustan por acá

#frontend #webdev
Desarrollar una pagina de producto para crowfunding y aprende:

1️⃣ Responsive design
2️⃣ Transiciones en hover states
3️⃣ Layouts con #CSS

frontendmentor.io/challenges/cro…
🏠 Room homepage

El layout de este está retador, pero te queda un proyecto interesante para mostrar en tu portafolio.

frontendmentor.io/challenges/roo…
Read 4 tweets
¿Quieres aprender #frontend y no sabes ni por donde empezar?
Ruta (2021) para aprender las bases del Front-end

#HTML #CSS #Javascript

🧵Abro hilo.
CUALQUIER web está construida con HTML. Un buen primer paso sería aprender todas las etiquetas HTML que existen (o al menos, la mayoría).

Esta tabla periódica explica las etiquetas que existen en español (ampliando información pulsando en cada una):

lenguajehtml.com/html/introducc…
Hay que elegir un buen editor de código. Existen muchos (Sublime Text, ATOM, etc...) o incluso IDEs más potentes (WebStorm, etc...), pero el editor más popular hoy en día para frontend es Visual Studio Code (VSCode):

Puedes descargarlo desde aquí:
💾code.visualstudio.com
Read 25 tweets
¿Quieres desarrollar un #portafolio de #frontend y no tienes diseños ni ideas?

Te dejo 5 diseños que puedes usar.

1. Están en @figmadesign
2. Asegúrate de dar el crédito correspondiente
3. Desarrolla en la tecnología que te sientas cómodo

❤️ RT para compartir
Old Careo Landing Page UI

By @NickelfoxStudio

figma.com/community/file…
Linkedin Redesign Website

By @UiuxSaif

figma.com/community/file…
Read 7 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!