A list of curated resources related to FullStack · Frontend, Backend and DevOps

Legend

• 📘 Post o article / 📙 Slide or presentation / 📕 Book online

• 🆓 Free resources / 📄 PDF or document / 📽️ Talk or video reference

• 💬 List or collection / 📂 CMS or manager / ☁ Cloud or CDN resource

• 🔨 Useful tool / 🔌 Plugin or extension / 🌟 Visual theme

• 📦 Bundlers or build tools / 📜 Template or configuration

• 🗻 Images-related / 💎 Valuable resource

---

⚡ VSCode / Editors

VSCode Themes

• 🌟 Dracula Theme · A dark theme
• 🌟 Rainglow · 320 themes for Text editors
• 🌟 SETI Monokai · SETI Monokai Theme for VSCode

VSCode Extensions

• 🔌 Settings Sync · Sync your VSCode Settings on cloud 📘 Tutorial
• 🔌 Emojisense · Emoji autocomplete
• 🔌 Import Cost · Calc cost to import dependencies
• 🔌 IntelliJ IDEA Keybindings · IDEA Keybindings for VSCode
• 🔌 Docker · Adds syntax for Dockerfile and docker-compose files
• 🔌 Icons · Icons for Visual Studio Code
• 🔌 Bracket Pair Colorizer · A customizable extension for colorizing matching brackets
• 🔌 CodeMetrics · Computes complexity in TypeScript / JavaScript files
• 🔌 Duplicate action · Ability to duplicate files in VS Code
• 🔌 ESLint · Integrates ESLint JavaScript into VS Code
• 🔌 Better Comments · Improve your code commenting by annotating
• 🔌 PostCSS Sorting · VS Code plugin to sort CSS rules content with specified order
• 🔌 File-size · Show the current text file size in the status bar
• 🔌 Vetur · Vue tooling for VS Code
• 📘 User defined Snippets · Create your own snippets

⚡ Front-end

• 📄 Web Developer Roadmap · A web developer Roadmap

HTML5

HTML

• 📄 LenguajeHTML · HTML CheatSheet & Docs
• 🔌 EMMET · Plugin for many popular text editors which greatly improves HTML & CSS workflow
  • 📙 Guía rápida de EMMET · Fast tips and code for create HTML with EMMET
• 🔨 Real Favicon Generator · Fast favicon generator from one image to multiple devices
• 🔨 Pug · Robust, elegant, feature rich template engine for Node.js

Markdown

• 📘 Mastering Markdown · A lightweight and easy-to-use syntax for styling text

CSS3

• 📄 LenguajeCSS · CSS CheatSheet & Docs
• 💎 CanIUse · Can I use this on my browser?
• 🔨 Sass · Mature, stable, and powerful professional grade CSS extension language
• 🔨 LESS · Backwards-compatible language extension for CSS
• 🔨 StyleLint · A mighty, modern linter that helps you avoid errors and enforce conventions in your styles

PostCSS

• 🔨 PostCSS · Transform your CSS with JS
  • 🔌 PostCSS-preset-env · Use tomorrow’s CSS today
  • 🔌 PostCSS-mixins · PostCSS plugin for mixins (CSS functions)
  • 🔌 PostCSS-font-magician · Magically generate all the @font-face rules
  • 🔌 PostCSS-easy-import · Inline @import rules content with extra features
  • 🔌 PostCSS-clean · PostCSS plugin to minify your CSS with clean-css
  • 🔌 PostCSS-sorting · PostCSS plugin to keep rules and at-rules content in order
  • 🔌 SugarSS · Indentation-based CSS syntax for PostCSS
  • 🔌 PostCSS-trolling · Change all to Comic Sans font
• 🔨 CSSComb

Javascript

• 📄 LenguajeJS · Javascript CheatSheet & Docs
• 💬 CDNjs · Javascript & CSS libraries hosted on Cloudflare CDN
• 💎 JavaScript Equaility Table Game · JS Equality Game
• 🔨 Terser · Javascript ES6 minifier
• 💬 30secondsofcode.org · Collection of Javascript snippets
• 💎 ES6 Kangax Table · Kangax ES6 Compatibility table
• 🔨 BabelJS · Use next generation JavaScript, today
• ✔️ ESLint · The pluggable linting utility for JavaScript and JSX
  • 🛁 Clean Code · Clean Code concepts adapted for JavaScript
  • ✔️ Jest · Delightful JavaScript Testing
  • ✔️ ️ES6 Katas · Learn ES6 by doing it. Fix failing tests. Keep all learnings
• 🔨 MythBusters · A JavaScript Handbook exploring perfomance & readibility

Components

• 🔨 Elix Components · Open collection of HQ web components for common user interface patterns
• 🔨 MoleculeJS · Declarative, flexible Custom Elements

React

• 🔨 Create React App · A ready-to-go React application creator (by running one command)
• 🔨 ReactJS · A JavaScript library for building user interfaces
  • 📅 React Conf
  • 📄 React Hooks
• 🔨 Emotion CSS-in-JS · The Next Generation of CSS-in-JS
• 🔨 Styled Components

Vue

• 🔨 VueJS · A Progressive JavaScript Framework
  • 📄 VueJS v2 Guide · VueJS 2.0 Guide
  • 📄 Class/Style bindings · Classes with VueJS
  • 📄 SFC: Single File Components · Single File Components
• 🔌 Chrome VueJS extension · DevTools extension for debugging Vue.js apps
  • 🔌 Babel-plugin-transform-vue-jsx · Babel plugin for Vue 2.0 JSX
  • 🔌 Vue-resource · The HTTP client for Vue.js
  • 🔌 ESLint-plugin-vue · Official ESLint plugin for Vue.js
  • 🔌 Axios · Promise based HTTP client for the browser and node.js
• 🔨 Vue CLI 3 · Standard Tooling for Vue.js Development
• 🔨 Vuex · State management pattern + library for Vue.js apps
• 🔨 SSR · Server Side Rendering for Vue.js
• 🔨 Nuxt · A framework for Vue.js framework.
• 🔨 Portal-vue · A Vue Plugin to render your component's templates anywhere in the DOM

Routers

• 🔨 Vue Router · Official router for Vue.js
  • 🔨 Page.js router · Tiny ~1200 byte Express-inspired client-side router
  • 🔨 Director router · A tiny and isomorphic URL router for JavaScript

Testing

• 🔨 Vue-test-utils · Official unit testing utility library for Vue.js
• 🔨 Avoriaz · A Vue.js testing utility library

Internationalization

• 🔨 Vue-i18n · Internationalization plugin for Vue.js

Static generators

• 🔨 VuePress · Vue-powered Static Site Generator
• 🔨 Docsify · A magical documentation site generator

Validation

• 🔨 Vuelidate · Simple, lightweight model-based validation for Vue.js 2.0
• 🔨 Vee Validate · Input Validation Framework for Vue.js

GraphQL

• 🔨 Vue Apollo · Integrate GraphQL in your Vue.js apps

Webpack

• 🔌 Vue-loader · Webpack loader for Vue.js components

Lists

• 🔨 Curated VueJS · Find the best packages for your Vue app
• 💬 Awesome Vue · A curated list of awesome things related to Vue.js

⚡ Back-end

PHP

• 🐘 PHP · Fast, flexible and pragmatic language programming
• 🐘 PHP-Fig · PHP Standard Recommendations
  • 🐘 PSR-4: Autoload · Autoloading classes from file paths
• 💬 Learn PHP: Modern way
  • 🐘 Laravel · The PHP Framework For Web Artisans

NodeJS

• 🔨 NodeJS · JavaScript runtime built on Chrome's V8 JavaScript engine
• 🔨 NPM · Node Package Manager
• 🔨 Yarn · NPM improved

Seguridad

Password Managers

• 🔒 KeePass2 · Free, open source, light-weight and easy-to-use password manager (Windows)
• 🔒 KeePassXC · KeePass Cross-Platform Community Edition
• 🔒 EnPass · Secure passwords with Enpass password manager
• 🔒 MiniKeePass · KeePass for iPhone
• 🔒 LastPass · Don't forget passwords with a online password manager
• 🔒 BitWarden · Store, share, and sync sensitive data
• 🔒 QtPass · Multi-platform GUI for pass, the standard unix password manager

Tips

• 📘 Parte 1 Parte 2 · Cómo implementar la seguridad en tu API

⚡ DevOps

Terminal

GNU/Linux

• 💿 Debian · Free operating system for your computer or server
• 💿 Alpine · Linux for power users who appreciate security, simplicity and resource efficiency
• 💿 BusyBox · Tiny versions of many common UNIX utilities into a single small executable

Shells

• 👨‍💻 Bash-it · Framework for your Bash shell
• 👨‍💻 Oh My ZSH · Framework for your zsh shell
• 👨‍💻 Putty · A SSH client for Windows
• 👨‍💻 ASCIInema · Record and share your terminal sessions, the right way

Tools/Commands

• 👨‍💻 htrace.sh · Simple shell script to debugging http/https connection tracing, response headers and mixed-content
• 👨‍💻 nGrok · One command for an instant, secure URL to your localhost server through any NAT or firewall
• 🔨 TheFuck · Efficiency tool to handle misspelling bash commands
• 🔨 tmux · Utility to split command line area into spaces
• 📈 htop · Interactive process viewer for Unix

Control version

• 🔨 Git · Control version
  • 🔨 GitHub · Largest community of developers and open source projects
  • 🔌 Gitmoji-cli · Emojis for you Git commits

CI

• 🔨 Travis · Easily sync your GitHub projects with Travis CI and testing your code
• 🔨 Jenkins · Build great things at any scale
• 🔨 CircleCI · Automate your development process quickly, safely, and at scale

Package Managers

• 🔨 HomeBrew · Package Manager for MacOS
• 🔨 Chocolatey · Package Manager for Windows

Bundlers

Bundlers

• 📦 Webpack · Bundle your scripts, styles, assets, images and others.
• 📦 ParcelJS · Blazing fast zero config webapp bundler.
  • 📜 Parcel Document Blank · Parcel template for front-end projects (with preprocessors)
  • 🔌 Parcel Bundle Visualiser · A plugin for the parcel bundler to visualise bundle contents

Build Tools/Runners

• 📦 GulpJS · Runner and build tool
• 💬 Plugins para Gulp · List of Gulp plugins for multiple purposes

Servers

Server Provider

• ☁ DigitalOcean · Deploy, manage and scale cloud apps on your infrastructure
• ☁ Amazon (AWS) · Build, manage and deploy powerful cloud servers
• ☁ Google Cloud · Build, innovate, and scale with Google Cloud Platform
• ☁ Azure · Cloud computing service for building, testing, deploying, and managing apps

CDN Providers

• ☁ CloudFlare CDN · Fast and free global content delivery network
• ☁ MaxCDN · Easy and economic content delivery network

Docker

• 🐳 Docker · Build, Manage and Secure your apps
  • ☁ Docker Hub · Dev-test pipeline automation, 100,000+ free apps, public and private registries
  • ☁ Docker Compose · Tool for define and running multi-container Docker apps
  • 📈 ctop · Concise commandline monitoring for containers
  • ☁ Kubernetes · Open source system for automating deployment, scaling and management containers
  • ✔️ FromLatest · An opinionated Dockerfile linter. Web version of dockerfilelint

Static Web / CMS / Doc Generators

Static Web Generators

• 💬 StaticGen · Static webpage generator list
• 📂 Docusaurus · Document page generator (Facebook)
• 📂 Docz · Documents page generator

Alternative CMS

• 📂 GetGrav · Grav CMS
• 📂 Gatsby: React CMS
• 📂 Gridsome: Vue CMS

⚡ Events

• 📅 JSDay (CanariasJS) · JSDay (Javascript Event)
• 📅 TLP Innova · Tenerife LAN Party (Developer & Other Event)

⚡ Images

Patterns

• 🗻 SVG Backgrounds · Fast SVG background for your webpage
• 🗻 Hero Patterns · Collection of repeatable SVG background patterns

SVG

• 📕 SVG Pocket Guide · Cute and little SVG pocket book
• 🔨 Vectr · Free graphic software for create vector graphics
• 🔨 Inkscape · Open source SVG image editor
• 🔨 Figma · Design, prototype with Figma Editor

⚡ Resources

CheatSheets

• 📄 Rico Cheatsheets · Collection of interactive cheatsheets
• 📄 OverAPI · Interactive Cheat Sheets

Images

• ✏️ Carbon · Create and share beautiful images of your source code

Humor

• 🤣 XKCD · A webcomic of romance, sarcasm, math, and language
• 🤣 CommitStrip · The blog relating the daily life of web agency developers

Others

• 📄 30 Seconds of Interviews · A curated collection of common web development interview questions to help you prepare for your next interview
• 🆓 PacktPub: Libros/Ebooks · Free daily ebook
• 🔨 Draw.io · Free online diagram software for making flowcharts, diagrams and charts
• 🎓 Education Pack GitHub · GitHub Student Pack Page