Palabras claves para búsqueda:ingles,retos,frontend,iconos,hosting,cursos,bases de datos, herramientas, moviles, plugins, cloud, react

Ir a: Inglés, Retos de programación,Frontend, Iconos,Hosting, API's, Documentación, Cursos y trabajos remotos, Bases de datos, Herramientas y software, Cookies para sitios (Nuevo), Android y móviles, Plugins Visual Code y temas, Cloud Computing, React JS

ConsoleToolBox es creado con el fin de compartir recursos que he encontrado en el camino, y así mismo fomentar el aprendizaje, curiosidad e interés sobre diferentes cosas. Se actualiza constantemente. Axel A.V

Inglés
  1. Speechace: Útil para prácticar Speaking sobre diferentes temas y contextos.
  2. Free4talk: Para hablar con personas de todo el mundo en inglés.
  3. Hello Talk: Para hablar con personas por medio de intercambio de idiomas.
  4. Small Talk: Para practicar speaking por medio de preguntas sobre diferentes temas con ayuda de IA.
  5. Elllo: Para practicar listening, cuenta con 3000 lecciones para todos los niveles.
  6. ESL-Lab: Para practicar listening, cuenta con todos los niveles y temas.
  7. British Council: Sitio web completo de ejercicios de todo tipo para diferentes áreas (grammar, listening, etc).
  8. EFSET 50: Permite realizar examen de 50 minutos para medir el nivel de inglés totalmente gratis.
  9. USA Learns: Para aprender inglés con diferentes niveles
  10. English Academy: Lecciones gratis para aprender inglés
  11. Curso-inglés: Aprender inglés básico, intermedio, avanzado, inglés de negocios y más

Retos de programación y ejercicios
  1. Advent JS: Retos de programación para javascript diarios.
  2. DevChallenges Retos de desarrollo web con proyectos reales y prácticas.
  3. 100 Days CSS: Retos diarios de CSS.
  4. JS Challenger: Retos de javascript desde principiante a avanzado.
  5. Code Well: Retos de HTML, CSS, Javascript.
  6. Code Wars: Más desafíos de programación.
  7. CSS Battle: Retos de CSS.
  8. Coder Byte: Más retos de programación.
  9. Frontend mentor: Retos de frontend con proyectos reales.
  10. Coding game: Ejercicios de programación mientras se juega.
  11. CSS Dinner: Retos de CSS de manera interactiva y tipo juego.
  12. Flexbox froggy: Retos de CSS con flexbox interactuando con ranas.
  13. Code Combat: Ejercicios y desafíos de programación jugando.
  14. Programming hero : Aplicación para practicar programación en general.
  15. Programming hub : Aplicación para aprender sobre programación y diferentes lenguajes, cuenta con ejercicios.
  16. Grasshopper: Retos de javascript de forma interactiva (ideal para principiantes).
  17. Leetcode: Cuenta con alrededor de 2500 ejercicios para practicar programación, útil para prepararse para entrevistas.
  18. Code Forces: Retos de programación en general.
  19. Code Chef: Cuenta con alrededor de 3000 problemas para practicar programación de todos los niveles.
  20. Coding Ninjas: Plataforma con muchos retos por medio de roads sobre diferentes tecnologías.
  21. Interview Bit: Cuenta con problemas útiles para prepararse para entrevistas técnicas.
  22. Hacker Rank: Útil para expandir habilidades de programación en general, útil para prepararse para entrevistas técnicas.
  23. Treehouse: Escuela de tecnología en línea que ofrece cursos para principiantes y avanzados en diseño web, desarrollo web, desarrollo móvil y desarrollo de juegos
  24. JavaScript30: Retos de javascript.
  25. JSRobot: Aprender javascript jugando.
  26. Enki: Aplicación para aprender programación.
  27. SigmaGeek: Ejercicios y retos de programación.
  28. Codedex: Retos de Python para aprender a programar en este lenguaje.
  29. Exercism: Desafíos y retos de programación disponibles en 61 lenguajes.
  30. Edabit: Aprender a programar con alrededor de 10000 ejercicios en diferentes lenguajes.
  31. Project Euler: Retos de programación con enfoque matemático.
  32. GridCritters: Aprender CSS Grid jugando.
  33. Flexbox zombies: Aprender Flexbox con zombies.
  34. Codepip: Aprender programación jugando.
  35. Code Monkey: Aprender programación y fundamentos
  36. App Ideas: Ideas de proyectos para empezar diseñar y programar.
  37. CSS Grid Garden: Aprender CSS Grid con un jardín.
  38. 50Projects: Contiene 50 proyectos HTML,CSS, Javascript para practicar
  39. Build your own X: Repositorio con proyectos interesantes para implementar.
  40. TypeHero: Aprender TypeScript con retos

CSS,JS,Frontend
  1. Ffflux: Generador de SVG.
  2. Colour Contrast Checker: Útil para chequear si colores y fondos son compatibles cuando se combinan.
  3. Fancy border radius: Útil para crear efectos en los bordes.
  4. Blobz: Permite crear animaciones tipo gotas.
  5. Animista: Librería para realizar animaciones.
  6. AnimateCSS: Librería para realizar animaciones.
  7. All Animation CSS: Librería para realizar animaciones.
  8. Magic CSS: Librería para realizar animaciones.
  9. Hover CSS: Animaciones para hover.
  10. Locomotive Scroll: Efectos de scroll.
  11. CSSGrid generator: Generador Grid de CSS.
  12. Animated Backgrounds: Fondos animados.
  13. Hamburguers: Diferentes estilos de menú hamburguesa.
  14. System CSS: Framework retro de Apple OS
  15. NES CSS: Framework de nintendo.
  16. PSOne: Framework de PSOne
  17. RPGUI: Framework RPG
  18. 98.css: Framework de Windows 98.
  19. CSS Reference: Referencia visual sobre diferentes temas de CSS.
  20. Responsively: Herramienta para crear sitios responsive.
  21. CSSLayout: Guía de diferentes esquemas de diseño web, con código y ejemplos.
  22. Frontend Checklist: Un ruta para aprender las bases del Frontend
  23. Omatsuri App: Herramientas para frontend.
  24. Get Waves: Generador de ondas
  25. Free frontend: Snippets para frontend y ideas.
  26. Code my UI: Snippets para frontend y ideas.
  27. Little snippets: Snippets para frontend y ideas.
  28. CSSDeck: Snippets para frontend y ideas.
  29. Bootsnipp: Bootstrap snippets.
  30. Scroll reveal: Efectos de scrolling.
  31. Back to Top: Permite agregar un botón para subir al comienzo de una página web.
  32. AOS: Efectos de scrolling.
  33. JqueryScript: Disponibilidad de librerías jquery.
  34. CSS Pokemon Gameboy: Framework CSS estilo pokemón.
  35. 100 days css: Reto de 100 para aprender CSS
  36. Toools Design: Miles de recursos y herramientas de diseño
  37. Leiapix: Permite convertir imagenes a 3D con inteligencia artificial
  38. CSS Loaders: Animaciones de carga para páginas gratis
  39. Menús de tipo hamburguesa
  40. Easing gradients: Gradientes para fondos
  41. CSS Buttons: Colección de botones para inspirarse
  42. Loaders: Biblioteca de Loaders para tus páginas web.
  43. Free frontend cards:Galería de cards para tus diseños web.
  44. Cards gratuitas: 27 cards gratuitas para blogs y e-commerce
  45. UIVerse: Biblioteca de loaders y demás elementos
  46. Free frontend sidebars: Colección de Sidebars gratuitos para diseño web
  47. 404 Page templates: Plantillas 404 HTML para incluir en tus diseños web
  48. TWC Formularios: Blog con una colección de formularios para inspirarse
  49. Creativos online - Botones: Blog con una colección de botones para inspirarse

Iconos e imágenes
  1. Flaticon: Para descargar iconos en diferentes formatos.
  2. Colour Freeicons: Colecciones de iconos para descargar.
  3. IconStore: Colecciones de iconos para descargar.
  4. Feathericons: Colecciones de iconos para descargar.
  5. UnDraw: Permite crear iconos.
  6. Iconer: Colecciones de iconos para descargar.
  7. Font Awesome: Librería de iconos.
  8. Line Icons: Librería de iconos.
  9. The noun project: Librería de iconos.
  10. Shutterstock: Repositorio de imágenes, vectores, etc.
  11. Lottiefiles: Animaciones e imágenes.
  12. Fonticon: Crea iconos de fontawesome para usarlos como favicon.
  13. SVGator: Permite animar SVG
  14. SVGL:Colección de iconos SVG
  15. Fav Icon generator: Generador de iconos a partir de imágenes

Hosting
  1. Vercel: Plataforma para desarrolladores frontend.
  2. Netlify: Plataforma de desarrollo que incluye servicios de back-end de creación, implementación y sin servidor para aplicaciones web y sitios web dinámicos..
  3. GitHub Pages: Permite alojar sitios webs estáticos.
  4. ByetHost: Hosting gratis.
  5. GitHub Pages: Permite alojar sitios webs estáticos.
  6. 000WebHost: Hosting gratis.

API's
  1. Fake Store: API para tiendas.
  2. Random User: API para crear usuarios aleatorios.
  3. Mapbox: API sobre mapas.
  4. SerpAPI: API para búsquedas de google.
  5. Public API's: Colección de API's de todo tipo para proyectos.
  6. RapidAPI: Colección de API's de todo tipo de proyectos.

Documentación
  1. DevDocs: Biblioteca con documentación de muchos lenguajes de programación.
  2. DevHints: Biblioteca con documentación para desarrollo web.
  3. The Algorithm.com: Biblioteca de diferentes algoritmos.
  4. El catálogo de patrones de diseño: Biblioteca con los diferentes patrones de diseño y ejemplos.
  5. Javascript visualizado: Una serie de artículos con animaciones para entender como funciona javascript.
  6. Awesome List: Cuenta con una biblioteca completa sobre cualquier cosa de tecnología.
  7. React Docs: Documentación organizada de React JS.
  8. Hola Algoritmos: Explicación sobre diferentes algoritmos.
  9. VisuaAlgo: Contiene diferentes estructuras de datos para verlas de manera visual e interactiva.

Cursos, trabajo remoto
  1. Class Central: Plataforma con cursos gratis disponibles sobre cualquier área.
  2. Freecourses: Lista con cursos de programación y diferentes lenguajes.
  3. Github collections: Dispone de material sobre diferentes temas de tecnología.
  4. Remote jobs: Lista de empresas que ofrecen trabajo remoto en todo el mundo.
  5. A list apart: Lista de artículos sobre temas de desarrollo web.
  6. Flyncer: Permite crear matches con empresas según las habilidades que se poseen.
  7. Manual de Harvard para hacer CV
  8. Interview warmup: Para prepararse para entrevistas
  9. Oracle One: Programa gratuito para aprender sobre diferentes áreas con salida a empleo.
  10. Opportuniy Linkedin: Contiene cursos gratis dados por LinkedIn y Microsoft con certificado gratuito.
  11. Awesome Job Boards: Repositorio que almacena referencia a empleos por categoría

Bases de datos
  1. JsonCrack: Útil para visualizar datos de documentos JSON.
  2. SQL Practice: Prácticas y ejercicios para SQL.
  3. SQL Zoo: Practicar SQL Online
  4. SQL Murder Mystery: Aprender SQL resolviendo casos
  5. SQL Police Department: Aprender SQL resolviendo crimenes

Herramientas y software
  1. Transform Tools: Permite transformar código de un lenguaje a otro.
  2. Figma: Útil para crear diseños para aplicaciones, etc.
  3. Flowgorithm: Software para visualizar código en diagramas de flujo.
  4. 30 Seconds of code: Snippets de lenguajes de programación.
  5. Can I Use?: Útil para verificar compatibilidad de herramientas, librerías, etc en diferentes navegadores.
  6. Keyframes: Permite crear animaciones.
  7. What Font?: Extensión de google chrome para saber que fuentes utiliza una página web.
  8. Wappalizer: Extensión de google chrome para saber que tecnologías hay detrás de un página web.
  9. Codepad : Compilador online para c, c++, php, etc.
  10. Blisk: Software para observar el diseño de una web en múltiples dispositivos.
  11. FontJoy:Generador de fuentes.
  12. Page speed: Analiza el rendimiento y velocidad de una página web.
  13. Upscale: Permite mejorar calidad de una imagen.
  14. PFPMaker: Permite crear una foto con un toque mas profesional, útil para perfiles de linkedin.
  15. YOU: Alternativa a ChatGPT
  16. Text2SQL AI: Genera SQL con inteligencia artificial
  17. Python Tutor: Sirve para practicar Python, Java, C, C++, y Javascript y visualizar graficamente mientras se hace debug
  18. Pathfinding Visualizer: Aprender estructuras de datos de manera visual
  19. Algorithm Visualizer: Aprender sobre algoritmos de manera visual
  20. VisuAlgo: Aprender estructuras de datos de manera visual
  21. XMind: Útil para crear mapas conceptuales
  22. Mindomo: Útil para crear mapas conceptuales
  23. Home By Me:Inspírate y decora tu casa en 3D

Android y móviles
  1. Colores: XML de diferentes colores.
  2. YoYo: Librería para realizar animaciones.
  3. Biblioteca UI: Recursos de todo tipo para UI.
  4. Transiciones: XML para transiciones de activities o fragments.

Plugins Visual Code y temas
  1. Python
  2. Auto rename Tag: Para autocompletar
  3. Bootstrap 5 Snippets
  4. ES7 + React/Redux/React-native snippets
  5. Intellisense for CSS class names
  6. Live server
  7. Prettier
  8. XML Tools
  9. Javascript ES6 Code Snippets
  10. CodeGPT
  11. BlackBox
  12. Peacock
  13. Import Cost
  14. Polecode
  15. Thunder Client
  16. REST Client
  17. EditorConfig
  18. EsLint
  19. Remote SSH
  20. VSCodeThemes: Galería de temas para visual code

Cloud Computing, DevOps, Redes
  1. Abhishek.Veeramalla: DevOps Zero to Hero
  2. Simplelearn: DevOps Full Course | Learn DevOps In 10 Hours
  3. Edureka: DevOps Tutorial for Beginners | Learn DevOps in 7 Hours
  4. Cloudfolks Hub: 100 Days Cloud Challenge
  5. Cloudfolks Hub: CCNA 200-301 Complete Course
  6. Be a better dev:How I Would Learn AWS Today
  7. Start with Cloud Essentials: Badge Path (Free badge)
  8. Gain Practical Experience: "AWS Cloud Quest" (Free badge)
  9. Prepare for the Certification: AWS Cloud Practitioner (Free Practice Test)

Certificaciones


React JS