Skip to content

Instantly share code, notes, and snippets.

@arielivandiaz
Last active February 26, 2020 20:47
Show Gist options
  • Save arielivandiaz/55981c26ded871bd9e1df2bd6ebbe5de to your computer and use it in GitHub Desktop.
Save arielivandiaz/55981c26ded871bd9e1df2bd6ebbe5de to your computer and use it in GitHub Desktop.

Laguna Developer Tools

Laguna

LESSONS

📌 KEEP IT = {
      🎯 Especifico
      📏 Medible
      ⏰ Cronometrable
      🏅 Factible
      🧠 Realista
}

MENOS CODIGO = {
      ✔️ Menos que escribir
      ✔️ Menos que testear
      ✔️ Menos tasa de fallas
      ✔️ ️Menos mantenimiento
}

❗️ Importante! = {
      ✔️ No optimizar el rendimiento del código limpio, el tiempo de desarrollo es más caro que el tiempo de ejecucción.
      ✔️ No optimizar el código antes de detectar cual es el cuello de botella de rendimiento.
      ✔️ No optimizar en base a otros, hacer test propios y buscar referencias y datos concretos.
}

✏️ Not todo es escribir códiigo= code() => {
      ✔️ debe ser entendible
      ✔️ debe estar diseñado
      ✔️ debe ser testeado
      ✔️ debe ser documentado
      ✔️ debe ser mantenido
      ✔️ debe hacerse un build para prudcción
      ✔️ debe hacerse un Deploy correcto
}

GIT

📓 Getting Started guia sencilla para comenzar a utilizar Git con los comandos basicos.
       🔗   http://rogerdudler.github.io/git-guide/
📓 Learn Git concepts tutorial interactivo enfocado a enseñar el funcionamiento y el flujo de Git.
       🔗   dev.to/unseenwizzard/learn-git-concepts-not-commands-4gjc

📓    ohshitgit principales soluciones a problemas que parecen no tener solución.
       🔗   https://ohshitgit.com/

📓 Branching Guide guia visual interactiva para entender la ramificación de Git.
       🔗   learngitbranching.js.org
📓 Flight Rules guia para solucionar las cosas cuando salen mal siempre actualizada a la última version de Git.
       🔗   github.com/k88hudsongit-flight-rules
📓 Cheat Sheet hoja de trucos para Git.        🔗   atlassian.com/git/tutorials/atlassian-git-cheatsheet

BACKEND

ULTRA IMPORTANTE❗️❗️ - NODE.JS PERFECT GUIDE:


      🔗   https://github.com/goldbergyoni/nodebestpractices

Node Best Practices

BACKEND NPM LIBRERIAS

🔹    Morgan logs HTTP requests
      🔗   [github.com/expressjs/morgan]
🔹    Helmet seguridad para la aplicación
       🔗   github.com/helmetjs/helmet
🔹    Passport authentication manager
       🔗   passportjs.org
🔹    Multers handles file uploads
       🔗  github.com/expressjs/multer

TESTING

🔹    Meet Nock HTTP server mocking library para Node.js
       🔗   github.com/nock/nock
🔹    Meet Taiko Node library para testeos modernos
       🔗   https://github.com/getgauge/taiko
🔹    Faker.js generación de información falsa para fomularios
       🔗   https://github.com/marak/faker.js

NPM MANAGE

🔹    𝗽𝗻𝗽𝗺 manegador de paquetes para eficiencia de espacio de disco
       🔗  pnpm.js.org

FRONTEND

FRONTEND EXAMPLES

Freefrontend 🔗 freefrontend.com
UI Components 🔗 codyhouse.co/ds/components
Pure CSS Loaders 🔗 loading.io/css/
Tutoriales Web Modernos 🔗 tutorialzine.com

CSS ANIMATIONS

Pure CSS Loaders loading.io 🔗 https://tobiasahlin.com/spinkit/

CSS FRAMEWORKS

🔹    Bulma
       🔗   bulma.io
🔹    Bootstrap
       🔗   getbootstrap.com
🔹    Matter
       🔗   github.com/finnhvman/matter

FRONTEND JS

🔹    day.js libreria de 2kB que simplifica el manejo de fechas
       🔗   github.com/iamkun/dayjs
🔹    fullpage.js fullscreen scrolling websites
       🔗  
🔹    Sheperd.js realiza tours por tu web para usuarios
       🔗  
🔹    scrollreveal.js una libreria facil para manejar el movimiento del scroll en el viewport
       🔗  
🔹    three.js la mejor forma de crear animaciones 3D usando WebGL
       🔗  
🔹    vivus.js una libreria completa para manejar SVG y mostrar la apariencia de dibujado en tiempo real
       🔗  
🔹    particles.js simple y ligera libreria para crear particulas
       🔗  
🔹    lottie.js una libreria multiplataforma para renderizar animaciones de After Effect en base a un JSON
       🔗  
🔹    Premonish.js prediccion en tiempo real basada en el movimiento del mouse para predecir la interaccion del usuario con el DOM
       🔗   https://mathisonian.github.io/premonish/

CSS WEB TOOLS

COLORS

www.eggradients.com/gradient-color

IMAGES

Pexels   🔗   pexels.com
unsplash   🔗   unsplash.com
Pixabay   🔗   pixabay.com
Freepik   🔗   freepik.es
Pixabay   🔗   pixabay.com
Morguefile   🔗   morguefile.com
Picjumbo   🔗   picjumbo.com
Freeimages   🔗   freeimages.com
Foter   🔗   foter.com
Picography   🔗   picography.co
Magdeleine   🔗   magdeleine.co
Skitterphoto   🔗   skitterphoto.com
Gratisography   🔗   gratisography.com
Splitshire   🔗   splitshire.com
Stocksnap   🔗   stocksnap.io
Stokpic   🔗  sStokpic.com
Phxere   🔗   pxhere.com
Burst   🔗   burst.shopify.com
Public Domain Photos   🔗  public-domain-photos.com
Death To The Stock Photo   🔗   deathtothestockphoto.com
PhotoGen   🔗  photogen.com
Stockvault   🔗  stockvault.net
RGB Stock   🔗  rgbstock.com

FONTS

DaFont   🔗  dafont.com
Google fonts   🔗  fonts.google.com
Fontsquirrel   🔗  fontsquirrel.com
Webfont Generator fontsquirrel.com/tools/webfont-generator

DEPLOY

SECURE TUNENLING

🔹    Ngrok CLI
       🔗  ngrok.com
🔹    ocaltunnel CLI
       🔗  localtunnel.me ⠀
🔹    Forward browser extension
       🔗  forwardhq.com

HTTPS

🔹    certbot certificados Let’s Encrypt gratuitos para administración manual
       🔗   certbot.eff.org
🔹    mkcert herramienta simple para hacer certificados de desarrollo locales
       🔗   https://github.com/FiloSottile/mkcert

DOCKER

🐳 Public Docker images stats = {
  ⚠️     77% del top 1000 de imagenes de Docker tienen severas vulnerabilidades
  ⚠️     66% de las vulnerabilidades de imagenes de Docker no se pueden reparar con nuevas imagenes base
  ⚠️     80% de las imagenes no se pueden "rebuild" para reparar las vulnerabilidades
}

🔹    Dive explorador de capas de Docker
       🔗   github.com/wagoodman/dive ⠀
🔹    Ctop top/htop interface para metricas del contened
       🔗   github.com/bcicen/ctop ⠀
🔹    Trivy vulnerability scanner
       🔗   github.com/knqyf263/trivy ⠀
🔹    Watchtower aproceso para automatizar la imagen base de Docker
       🔗   github.com/containrrr/watchtower ⠀
🔹    DockerSlim minificación y seguridad para contenedores
       🔗   github.com/docker-slim/docker-slim ⠀
🔹    Whalebrew homebrew para Docker
       🔗   github.com/whalebrew/whalebrew ⠀
🔹    Hadolint linter para Dockerfiles
       🔗   github.com/hadolint/hadolint ⠀
🔹    DockerSync docker para Development
       🔗   github.com/eugenmayer/docker-sync

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment