Uploaded by windcar.ee.r.0.43.7

20 Recursos para desarrolladores y diseñadores web

advertisement
CIBERNINJAS (HTTPS://CIBERNINJAS.COM/)
Blockchain  (https://ciberninjas.com/blockchain/) Dev / DevOps 
Regalos Navidad (https://ciberninjas.com/mejores-ofertas/)
Aprender Más!  (https://ciberninjas/) Lo Más Buscado 
Mapa del Sitio (https://ciberninjas.com/sitemap/) 
20 Recursos para desarrolladores y diseñadores web #1
 Recursos Web (https://ciberninjas.com/webmaster/recursos-web/) / Webmaster (https://ciberninjas.com/webmaster/) |
Ciberninjas
 7 minutos de lectura |  diciembre 2, 2021 |  ROSEPAC (https://ciberninjas.com/author/rosepac/)
Una cosa que me encanta de la industria del desarrollo web es que siempre, como
desarrolladores, seguimos innovando para mejorar la web. Es por eso que siempre se
encuentran nuevas herramientas y recursos interesantes para incluir en nuevos proyectos.
En esta lista de recursos vas a poder encontrar una herramienta para crear bonitas sombras
realistas usando CSS3, varios frameworks y bibliotecas nuevos para React.js
(https://ciberninjas.com/react/) y PHP (https://ciberninjas.com/etiqueta/php/) .
Sin más preámbulos, vamos a ver la lista completa.
ÍNDICE

Me gusta esta página
6632 Me
Categorías Ninjas
Elegir la categoría

Calendario Tecnología
2021
domingo, 5 de diciembre
u es, 6 de d c e b e
15:00
🕵️‍♀️ | + Mujeres en SEO | 5ta ed
martes, 7 de diciembre
Paleta de Sombras
(https://www.joshwcomeau.com/shadow-palette)
Una pequeña herramienta GUI que le permite crear una sombra paralela más realista para
su sitio web . Puede personalizar varias de las propiedades de la sombra, como la posición
de la luz, el color y la opacidad. La herramienta generará las reglas CSS que simplemente
puede copiar e implementar en su sitio web.
🕵️‍♀️ | + Mujeres en SEO | 5ta edición
miércoles, 8 de diciembre
🕵️‍♀️ | + Mujeres en SEO | 5ta edición
jueves, 9 de diciembre
🕵️‍♀️ | + Mujeres en SEO | 5ta edición
viernes, 10 de diciembre
» 17:00
🕵️‍♀️ | + Mujeres en SEO | 5ta ed
13:00
👨‍💻 #STMDL 30 | Cómo diseñar
sábado, 11 de diciembre
02:00
Firefox Relay (https://relay.firefox.com/)
Relay es un servicio de Firefox que le permite crear un alias de correo electrónico de su
dirección de correo electrónico real . Puede crear varios alias de correo electrónico de una
dirección de correo electrónico y utilizarlos al registrarse en sitios web como comercio
electrónico, membresía y suscripción, etc. Es un gran servicio para proteger aún más su
privacidad en línea.
SVG Code (https://svgco.de/)
🔨 | MLOps el motor de una St
martes, 14 de diciembre
14:00
💰 | Webinar gratuito: El ABC le
16:00
👨‍💻 | DevOps Everywhere Expe
miércoles, 15 de diciembre
23:00
🛒 | Conferencia: Estrategias d
jueves, 16 de diciembre
» 01:00
🛒 | Conferencia: Estrategias d
Jump! Conferencia de Tecnología
viernes, 17 de diciembre
Jump! Conferencia de Tecnología
02:00
🔨 | Qué es DevOps y cómo ay
lunes, 20 de diciembre
Una pequeña aplicación en línea para convertir imágenes rasterizadas en SVG fácilmente
. La herramienta admite varios formatos de imagen, incluidos JPG, PNG y WebP. Está
construido con el enfoque de “Aplicación web progresiva”, lo que significa que incluso si no
está conectado, la aplicación seguirá funcionando. Simplemente arrastre y suelte cualquier
imagen en la aplicación y estará listo.

Framework X (https://framework-x.org/)
18:00
👨‍🔧 | Taller Ciberseguridad: Insta
sábado, 25 de diciembre
19:00
🛒 | Respuestas de Publicidad
Los eventos se muestran en la zona horaria: Hora de E
Más Visitados
Un framework simple para crear una aplicación reactiva usando PHP . Internamente,
aprovecha algunas extensiones de PHP como Coroutines
(https://www.php.net/manual/en/class.swoole-coroutine.php) y Fibers
(https://wiki.php.net/rfc/fibers) (disponibles desde PHP8.1) para manejar las operaciones
concurrentes y asíncronas similares a Node.js. Puede usar Framework X en cualquier lugar
que ejecute PHP, incluido el alojamiento compartido.
Shopify Hidrógeno (https://hydrogen.shopify.dev/)
Hydrogen es un nuevo framework de React.js del equipo de Shopify. Viene con bloques de
construcción para crear una tienda Shopify personalizada, como funciones de utilidad,
ganchos React.js personalizados y componentes.
Si está buscando construir una tienda sin cabeza con Shopify, este framework lo tiene
cubierto con las necesidades.
Frappe Gráficos
(https://github.com/frappe/charts)
Una biblioteca de JavaScript ligera para crear un gráfico . Puede instalarlo como un
módulo NPM o simplemente cargar el archivo JavaScript en su página web como en los
viejos tiempos.
Cuánto cobrará Parag Agrawal
como CEO de Twitter
(https://ciberninjas.com/cuantocobrara-ceo-twitter/)
Adidas continúa innovando en la
Web 3 con colaboraciones NFT
(https://ciberninjas.com/adidascolaboraciones-nft/)
El rapero SnoopDog llega al
Metaverso de The Sandbox
(https://ciberninjas.com/sandbox
-rapero-snoopdog/)
Bitcoin explicado con Emojis por
Tess Rinearson
(https://ciberninjas.com/bitcoinexplicado-con-emojis/)
Por qué deberías aprender Meteor
(https://ciberninjas.com/porque-aprender-meteor/)
Admite varios tipos de gráficos, incluidos gráficos de barras y circulares. También es
receptivo y rápido, ya que no depende de otras bibliotecas de JavaScript externas.
Grabadora de Chrome DevTools
(https://developer.chrome.com/docs/devtools/recor
der/)
Google Chrome acaba de realizar una mejora en DevTools con una función llamada
“Grabadora”. Esta función le permite registrar la interacción de su sitio web .
Puede reproducir la interacción grabada o emularla con determinados entornos y
condiciones. Proporciona una mejor medida del rendimiento real de la aplicación web. Esta
función se enviará como función beta en Chrome 97.
Remix (https://remix.run/)
Remix es un nuevo framework React.js de pila completa que proporciona una abstracción
para construir un mejor sitio web. Maneja el enrutamiento, las solicitudes de error y otros
pequeños detalles de la creación de un sitio web con una excelente experiencia de usuario,
listo para usar. El framework ayudará a los desarrolladores web a ser más productivos.
Redux Kit de herramientas (https://reduxtoolkit.js.org/)
Una colección oficial de herramientas de Redux que tiene como objetivo hacer que el
desarrollo de un sitio web con Redux sea (https://redux.js.org/) más eficiente. Incluye
algunas funciones de utilidad y configuraciones para casos de uso comunes.
De esta manera, puede ser más productivo, en lugar de confundirse con las configuraciones y
los modelos estándar, que pueden ser un poco engorrosos.
React Bulletproof
(https://github.com/alan2207/bulletproof-react)
Una colección de sugerencias, consejos y mejores prácticas para desarrollar la
 aplicación React.js . Aquí aprenderá muchos temas relacionados con la arquitectura de la
aplicación, la estructura del proyecto, el estilo, la gestión del estado y mucho más. Si desea
Entradas Recientes
¿Quieres aprender los conceptos básicos de
Typescript? con Marcos Rivas
(https://ciberninjas.com/twitter-conceptos-basicostypescript/)
Amazon AWS lanza instancias específicas para
trabajar sobre Apple (https://ciberninjas.com/awsapple-mac-1/)
Ex empleado de Ubiquiti es acusado de piratear y
extorsionar a la empresa
(https://ciberninjas.com/empleado-ubiquiti-acusadoextorsionar-empresa/)
Remix IDE: Editor de programación para Solidity y
la creación de DApps
(https://ciberninjas.com/editor-remix-ide-ethereumdapps/)
Earthly, una herramienta capaz de reproducir las
construcciones de CI localmente
(https://ciberninjas.com/earthly-reprooducirgestion-ci/)
20 Recursos para desarrolladores y diseñadores web
#2 (https://ciberninjas.com/recursos-design-devweb-2/)
Qué son las DApp de Ethereum: Guía para
Empresas que buscquen crear una Aplicación
Blockchain (https://ciberninjas.com/criptoethereum-dapps/)
Google elimina los dominios de Pirate Bay de los
resultados de búsqueda en los Países Bajos
(https://ciberninjas.com/google-elimina-enlacespirate-bay/)
Codeamigo: Tutoriales interactivos para aprender a
programar (https://ciberninjas.com/tutorialesinteractivos-codeamigo/)
Townscaper: Entretenido Juego Minimalista de
Construcción de Edificios en 3D
(https://ciberninjas.com/townscaper-juego-constredificos-3d/)
Buscar
Meta
mejorar sus habilidades de React.js, definitivamente debería tenerlo marcado como favorito.
Apache EChart (https://echarts.apache.org/)
EChart, una iniciativa de código abierto de Apache, es más que una simple biblioteca de
gráficos en JavaScript. Es una colección sólida de gráficos interactivos con animaciones y
con una mejor imagen en general. Esto le permite transmitir los datos a los usuarios mejor
que un gráfico estático.
Awesome herramientas de diseño
(https://github.com/goabstract/Awesome-DesignTools)
Este recurso contiene una lista masiva de herramientas para diseñadores de varias categorías.
Aquí puede encontrar herramientas para accesibilidad, creación de prototipos, bocetos,
activos de stock (íconos, fotos, etc.) y mucho más. Estoy bastante seguro de que muchos
diseñadores encontrarán esta lista extremadamente útil.
Localstack
(https://github.com/localstack/localstack)
Localstack es una pila de nube de AWS local completamente funcional . Esto significa que
puede desarrollar, ejecutar y probar su aplicación AWS sin conexión. Es compatible con
varios servicios de AWS, incluidos AWS Lambda, S3, DynamoDB, Kinesis, SQS y SNS.
Hacer que la pila de AWS se ejecute localmente lo ayudará a acelerar y simplificar el flujo de
trabajo de prueba y desarrollo de su aplicación.
Founder Recursos
(https://www.founderresources.io/)
Una colección de recursos como herramientas y contenido para aquellos que deseen
comenzar su viaje como fundador de una empresa o una startup. Ser emprendedor no es fácil.
Así que marque esta lista y prepárese.
Validador de correo electrónico
(https://github.com/egulias/EmailValidator)
Una biblioteca PHP que facilita la validación de una dirección de correo electrónico .
Proporciona varios métodos de validación, incluida la validación a través del correo
electrónico RFC (https://datatracker.ietf.org/doc/html/rfc2822) , DNS, o también puede
escribir su propia validación.
Docker OSX
(https://github.com/sickcodes/Docker-OSX)
Una imagen de Docker que le permite ejecutar un contenedor con macOS. Esta es otra cosa
interesante para ayudar a probar de manera efectiva su aplicación y asegurarse de que se
ejecute en diferentes plataformas.
Fonoster (https://github.com/fonoster/fonoster)
Una alternativa de código abierto a Twilio. Le permite ejecutar una aplicación de pila
desde VOIP, SMS, correo, chat y video en su propio servidor. Una gran alternativa para
aquellos que deseen tener un control total sobre su plataforma y los datos.

Freescout (https://github.com/freescouthelpdesk/freescout)
Registro (https://ciberninjas.com/wp-login.php?
action=register)
Acceder (https://ciberninjas.com/wp-login.php)
Feed de entradas (https://ciberninjas.com/feed/)
Feed de comentarios
(https://ciberninjas.com/comments/feed/)
WordPress.org (https://es.wordpress.org/)
Freescout es una aplicación de mesa de ayuda ligera construida con Laravel. Puede usarlo
para ayudar y administrar sus tickets de cliente, buzón de correo y conversaciones. Es de
código abierto, gratuito y está repleto de funciones.
Freescout es en general una excelente alternativa a la aplicación de plataforma paga
como Zendesk y Help Scout , especialmente si valora y necesita control sobre sus datos.
Laravel Tenancy
(https://github.com/archtechx/tenancy)
Una biblioteca PHP robusta para configurar la tenencia múltiple en Laravel . Esto le
permite ejecutar una sola aplicación Laravel con múltiples conexiones de base de datos.
Funciona a la perfección y listo para usar con varios paquetes populares de Laravel como
Vapor, Nova, Livewire y muchos más.
Swiper JS (https://swiperjs.com/)
Una biblioteca JavaScript moderna para crear un control deslizante . Diseñado y
destinado a ser utilizado en sitios web y aplicaciones móviles. SwiperJS es independiente del
framework, lo que le permite utilizar cualquier framework, incluidos jQuery y Zepto.
Además de eso, también proporciona una integración oficial que le permite trabajar de
inmediato con algunos de los frameworks modernos más populares como Vue.js,
React.js, Svelte y Angular.
ETIQUETAS: ANGULAR (HTTPS://CIBERNINJAS.COM/ETIQUETA/ANGULAR/), APACHE (HTTPS://CIBERNINJAS.COM/ETIQUETA/APACHE/),
AWS (HTTPS://CIBERNINJAS.COM/ETIQUETA/AWS/), CSS 3 (HTTPS://CIBERNINJAS.COM/ETIQUETA/CSS-3/), FIREFOX
(HTTPS://CIBERNINJAS.COM/ETIQUETA/FIREFOX/), JAVASCRIPT (HTTPS://CIBERNINJAS.COM/ETIQUETA/JAVASCRIPT/), LARAVEL
(HTTPS://CIBERNINJAS.COM/ETIQUETA/LARAVEL/), MACOS (HTTPS://CIBERNINJAS.COM/ETIQUETA/MACOS/), PHP
(HTTPS://CIBERNINJAS.COM/ETIQUETA/PHP/), REACT (HTTPS://CIBERNINJAS.COM/ETIQUETA/REACT/), REDUX
(HTTPS://CIBERNINJAS.COM/ETIQUETA/REDUX/), SHOPIFY (HTTPS://CIBERNINJAS.COM/ETIQUETA/SHOPIFY/), SVELTE
(HTTPS://CIBERNINJAS.COM/ETIQUETA/SVELTE/), SVG (HTTPS://CIBERNINJAS.COM/ETIQUETA/SVG/), VUE
(HTTPS://CIBERNINJAS.COM/ETIQUETA/VUE/)

TAMBIÉN PODRÍA GUSTARTE
(https://ciberninjas.com/herramientas-para-desarrolladores-web-lighthouse/)
Lighthouse: Herramienta para desarrolladores web (https://ciberninjas.com/herramientas-paradesarrolladores-web-lighthouse/)
 enero 28, 2019
(https://ciberninjas.com/fotos-contenido-gratis-cc/)
60 Mejores sitios de fotografías e imágenes impresionantes gratuitas (https://ciberninjas.com/fotoscontenido-gratis-cc/)
 marzo 31, 2021

(https://ciberninjas.com/anuncian-docusaurus-2-beta/)
Anuncian Docusaurus 2 Beta (https://ciberninjas.com/anuncian-docusaurus-2-beta/)
 mayo 13, 2021
WebPageTest: Comprueba el rendimiento de tu página web (https://ciberninjas.com/tutorial-webmasterwebpagetest/)
 enero 23, 2020
(https://ciberninjas.com/amp-curso-inicio/)
▷ Curso Inicial de AMP para principiantes (https://ciberninjas.com/amp-curso-inicio/)
 noviembre 9, 2020
BLOCKCHAIN
(https://ciberninjas.com/blockchain/)
Qué es Blockchain (https://ciberninjas.com/que-esblockchain/)
Curso Blockchain
(https://ciberninjas.com/etiqueta/tutorial-blockchain/)
ARTE DIGITAL NFT
(https://ciberninjas.com/nft/)

Qué es NFT (https://ciberninjas.com/que-es-nft/)
Mercados de NFTs (https://ciberninjas.com/mejoresmercados-nft/)
Guía OpenSea (https://ciberninjas.com/guia-nft-opensea/)
APRENDER BIG DATA
Aprendizaje Automático (https://ciberninjas.com/queaprender-sobre-machine-learning-2020/)
Inteligencia Artificial (https://ciberninjas.com/11aprendizajes-principiantes-inteligencia-artificial/)
Machine Learning Ops (https://ciberninjas.com/hoja-rutamlops/)
APRENDER IA
Inteligencia Artificial (https://ciberninjas.com/11aprendizajes-principiantes-inteligencia-artificial/)
APRENDER DISEÑO
Diseño Gráfico (https://ciberninjas.com/diseno-grafico/)
Diseño Web (https://ciberninjas.com/diseno-web/)
HACKING ÉTICO
(https://ciberninjas.com/hacking/)
Hacking desde 0 (https://ciberninjas.com/etiqueta/tutorialhacking/)
Hacking SO (https://ciberninjas.com/mejores-sistemasoperativos-para-hackear/)
Hacking Herramientas (https://ciberninjas.com/kaliherramientas-20/)
Mr. Robot Herramientas (https://ciberninjas.com/softwaremister-robot/)
Hacking Sitios Web (https://ciberninjas.com/14-mejoressitios-aprender-hackear/)
RUTAS DEV
Dev Backend (https://ciberninjas.com/hoja-ruta-back-end/)
Dev Frontend (https://ciberninjas.com/hoja-ruta-frontend/) (Opción 2) (https://ciberninjas.com/el-camino-delfrontend-developer-por-mrcodedev/)
Dev Full Stack (https://ciberninjas.com/hoja-rutadesarrollador-web/)
Redes / CISCO (https://ciberninjas.com/hoja-ruta-recursoscisco-redes/)
MÁS VISITADOS
Calendario Eventos (https://ciberninjas.com/eventostecnologia/)
Aprender a Programar
(https://ciberninjas.com/programar/)
Programar Gratis (https://ciberninjas.com/programagratis/)
Frameworks Apps / Web (https://ciberninjas.com/mejoressdk-multiplataforma-2019-20/)
Mejores Lenguajes (https://ciberninjas.com/15-mejoreslenguajes-programacion/)
Los Mejores Editores (https://ciberninjas.com/mejoreseditores-texto/)
Guía Markdown (https://ciberninjas.com/markdown/)
Hirens Boot CD (https://ciberninjas.com/hirens-bootcd-pe/)
Mejores Distros Linux (https://ciberninjas.com/7-mejoresdistribuciones-escritorio-para-principiantes/)
Wordpress desde Cero (https://ciberninjas.com/wordpress/)
RECURSOS GRATIS
Cursos Gratis (https://ciberninjas.com/cursos-gratis/)
Libros Gratis (https://ciberninjas.com/biblioteca-deprogramacion-y-tecnologia/)
Cursos Gratis en Inglés (https://ciberninjas.com/cursostecnologia-ingles/)
Libros Gratis en Inglés (https://ciberninjas.com/bibliotecade-programacion-y-tecnologia-ingles/)
Herramientas Gratis (https://ciberninjas.com/colecciones/)
© Ciberninjas 2021 - Guía del Saber Web Dev Tecnológico

TRABAJO REMOTO
Consejos Teletrabajo (https://ciberninjas.com/teletrabajo/)
Profesiones Digitales (https://ciberninjas.com/profesionesdigitales/)
Guía de Productividad (https://ciberninjas.com/guiaproductividad-definitiva/)
Habilidades Más Exigidas
(https://ciberninjas.com/profesiones-digitales-mapashabilidades/)
Metodologías de Trabajo
(https://ciberninjas.com/metodologia-de-trabajo/)
EDUCACIÓN
FP ASIR (https://ciberninjas.com/recursos-asir/)
FP DAM (https://ciberninjas.com/recursos-dam/)
FP DAW (https://ciberninjas.com/recursos-daw/)
FP SMR (https://ciberninjas.com/recursos-smr/)
Curso Ciberseguridad (https://ciberninjas.com/recursos-fpciberseguridad/)
Descarga de Responsabilidad
El contenido aquí publicado, tiene principalmente dos objetivos: El
objetivo de informar y el objetivo de aprender.
Si consideras que un contenido de la página web es de tu propiedad,
has encontrado algún error o cualquier otro asunto. No dudes en
contactarme: rosepac21@gmail.com (mailto:rosepac21@gmail.com)
El sitio web contiene enlaces de comerciantes por los que puedo
recibir una compensación en el caso de que los visites o realices
compras en sus sitios web.
Aviso Legal
Política de Privacidad (https://ciberninjas.com/avisolegal/#Politica_de_Afiliados), Política de Cookies
(https://ciberninjas.com/politica-de-cookies/) y Política de Afiliados
(https://ciberninjas.com/aviso-legal/#Politica_de_Afiliados)
Download