Más de 300 recursos gratis para aprender desarrollo Full Stack, FronEnd y BackEnd

  • Autor de la entrada:
  • Categoría de la entrada:Cursos
Anuncios

Solo necesitas esta publicación para convertirte en desarrollador porque esta publicación tiene una cantidad casi ilimitada de todo tipo de recursos que cubren todo lo que necesitarás.

Bloguea tu viaje

  • DevDojo : DevDojo te permite unirte a más de 46 000 desarrolladores para aprender, construir y crecer juntos.
  • Hashnode : ¡Hashnode es la forma más fácil de iniciar un blog de desarrollador en su dominio personal 🌏 de forma gratuita y conectarse con los lectores a través de nuestra comunidad global de desarrolladores! 👩‍💻👨‍💻
  • Dev.to – DEV es una comunidad de desarrolladores de software que se reúnen para ayudarse unos a otros.
  • Hackernoon : un sitio independiente de medios tecnológicos

Extensiones de Chrome

  • DailyDev : obtenga las últimas novedades sobre la comunidad de desarrolladores en la pestaña predeterminada de Chrome.
  • WhatFont – Conozca qué fuente está usando el sitio web.
  • ColorPick Eyedropper : sepa qué color usa el sitio web con solo dejar caer el bolígrafo.
  • Wappalyzer : conozca la pila tecnológica de cualquier sitio web
  • Desarrollador web : increíble cantidad de herramientas que tiene esta extensión.
  • React Developer Tools: React Developer Tools es una extensión de Chrome DevTools para la biblioteca React JavaScript de código abierto. Le permite inspeccionar las jerarquías de componentes de React en Chrome Developer Tools.

VS Code extensiones

  • NPM : esta extensión lo ayuda a administrar su Package.json y proporcionará advertencias si las dependencias no están instaladas y también ayudará con el control de versiones.
  • Prettier – Prettier es un formateador de código obstinado. Aplica un estilo consistente analizando su código y reimprimiéndolo con sus propias reglas que toman en cuenta la longitud máxima de línea, ajustando el código cuando es necesario.
  • Soportes arcoíris : encuentre fácilmente la etiqueta que falta codificando con colores cada conjunto de soportes en su entorno.
  • Grandes íconos de VS Code : organice su entorno aplicando un conjunto de íconos apropiado para identificar visualmente los archivos por tipo.
  • Imágenes de marcador de posición: servicios como unsplash.it y placehold.it son extremadamente útiles. Ahora puede ahorrar tiempo agregando imágenes de marcador de posición directamente desde VS Code
  • Vetur – La extensión oficial de VueJS
  • ESLint : la extensión utiliza la biblioteca ESLint instalada en la carpeta del espacio de trabajo abierto.
  • Servidor en vivo : inicie un servidor local de desarrollo con función de recarga en vivo para páginas estáticas y dinámicas.
  • Visual Studio IntelliCode : esta extensión moverá las sugerencias de finalización más relevantes a la parte superior.
  • Depurador para Chrome : esta extensión le permite depurar su código JavaScript que se ejecuta en el navegador Chrome, desde el interior de VS Code.
  • Depurador para Microsoft Edge : depure su código JavaScript en el navegador Microsoft Edge
  • Depurador para Firefox : depure su aplicación web o extensión de navegador en Firefox
  • Bracket Pair Colorizer 2 : una extensión personalizable para colorear brackets coincidentes

Temas de código VS

  • One Dark Pro : el icónico tema One Dark de Atom para Visual Studio Code
  • Material Theme : el tema más épico ahora para Visual Studio Code
  • Horizon Theme : un tema dual maravillosamente cálido para Visual Studio Code

Recursos generales

imagen.png

Recursos de aprendizaje 📘

DOCS y hojas de trucos 😁

  • MDN Web Docs : el sitio de MDN Web Docs proporciona información sobre tecnologías web abiertas, incluidos HTML, CSS y API, tanto para sitios web como para aplicaciones web progresivas.
  • DevDocs : navegador de documentación rápido, sin conexión y gratuito para desarrolladores. Busque más de 100 documentos en una aplicación web.
  • DEVHINTS – Una modesta colección de hojas de trucos.
  • FLEX – Malven – Una hoja de trucos visual para el diseño flexible de CSS.
  • GRID – Malven – Una hoja de trucos visual para el diseño de cuadrícula CSS.

🌐 ¿CÓMO FUNCIONA?

  • Cómo funciona Internet Video – ¿Cómo funciona Internet?
  • Vídeos breves sobre cómo funciona Internet: breves explicaciones sobre cómo funciona Internet.
  • DNS – ¿Cómo funciona el DNS?
  • HTTPS – ¿Cómo funciona HTTPS?

Para HTML y CSS

  • freeCodeCamp – Curso gratuito para aprender Desarrollo Web.
  • Flexbox Froggy: un juego que te ayuda a aprender CSS Flex.
  • TRUCOS CSS – Flexbox – Una guía completa de Flexbox.
  • Grid Garden – Un juego para aprender CSS Grid.
  • TRUCOS CSS: una guía completa de Grid : una guía completa de CSS grid, que se centra en todas las configuraciones tanto para el contenedor principal de la cuadrícula como para los elementos secundarios de la cuadrícula.
  • Aprenda CSS Grid : una guía completa para ayudarlo a comprender y aprender CSS Grid Layout, por Jonathan Suh.
  • Puedo usar : tablas de soporte de navegador actualizadas para soporte de tecnologías web front-end en navegadores web móviles y de escritorio.
  • HTML Dog – Explicaciones simples y al grano.
  • Marksheet – Cantidad ilimitada de tutoriales
  • El Proyecto ODIN – Increíble forma de aprender.
  • Efectos CSS – Animaciones CSS.
  • Fotogramas clave : cree animaciones CSS @keyframe básicas o complejas con un editor de línea de tiempo visual.
  • Animista – Juega con una colección de animaciones CSS listas para usar.
  • Interneting Is Hard – Tutoriales de desarrollo web amigables para principiantes completos.
  • BEM : hoja de trucos para nombrar BEM.
  • Autoprefixer : Autoprefixer es un complemento de PostCSS que analiza su CSS y agrega prefijos de proveedores.
  • Formateador de CSS: formateador de CSS en línea, embellecedor de CSS.
  • Marcador de posición : cómo usar nuestros marcadores de posición. Simplemente especifique el tamaño de la imagen después de nuestra URL y obtendrá una imagen de marcador de posición.

📝 IDE EN LÍNEA, EDITORES

📷 RECURSOS DE IMÁGENES

  • Slazzer – Eliminador de fondos de imágenes de forma automática y gratuita
  • Unsplash – Imágenes y fotografías gratis.
  • Pexels – Fotos de stock gratis.
  • Eliminar datos de fotos: elimine los datos personales de las fotos antes de compartirlas en Internet.
  • LottieFiles – LottieFiles es una colección de animaciones diseñadas para – Lottie – Atrás quedaron los días de molestar a su desarrollador.
  • Pixabay – Imagen o video gratis.

¿Quieres más cursos gratis?

Únete a nuestro canal en Telegram con cientos de cursos gratis publicados diariamente

Ir al Canal

👓 ACCESIBILIDAD

📄 TERMINALES PARA WINDOWS

📺 CANALES DE YOUTUBE

🖋 FUENTES Y TIPOGRAFÍA

  • Fuentes de Google : el recurso n.° 1 para fuentes web gratuitas y fáciles de usar.
  • FontPair : Font Pair ayuda a los diseñadores a emparejar fuentes de Google. Hermosas combinaciones y pares de fuentes de Google.
  • Fontjoy : Fontjoy ayuda a los diseñadores a elegir las mejores combinaciones de fuentes. Mezcla y combina diferentes fuentes para lograr la combinación perfecta.
  • Fonts Arena : fuentes gratuitas, alternativas gratuitas a las fuentes premium, artículos de investigación hechos para usted.

🎨 ILUSTRACIONES

  • unDraw : navegue para encontrar las ilustraciones que se ajusten a sus necesidades y haga clic para descargar.
  • freepik – Recursos gráficos gratuitos.
  • DrawKit : ilustración vectorial dibujada a mano y recursos de íconos, perfectos para su próximo proyecto.

💧 ICONOS

  • Font Awesome : iconos vectoriales y logotipos sociales.
  • Ionicons : paquete de iconos de código abierto y con licencia del MIT.
  • icons8 – Descarga iconos gratis en PNG y SVG.
  • flaticon – Iconos vectoriales gratuitos en formato SVG, PSD, PNG, EPS o como fuente de iconos.
  • Iconos simples – 1463 Iconos SVG gratuitos para marcas populares.

Recursos de aprendizaje del marco de front-end

⚡ JAVASCRIPT

⚡ REACT

¿Por qué react?

ES2015+

Enrutamiento

Administración del Estado

redux

Empaquetadores

paquete web

Construir cosas

¿Quieres profundizar en React? Visite React-Learning

🎮 API

  • Quotes REST API – They Said So tiene más de 1 millón de cotizaciones en la base de datos, la base de datos de este tipo más grande del mundo. Y Quotes API brinda una manera fácil de acceder a los datos.
  • OpenWeather : API meteorológica simple, rápida y gratuita de OpenWeatherMap, tiene acceso a datos meteorológicos actuales, pronósticos por hora, 5 y 16 días.
  • API públicas : una lista colectiva de más de 1000 API REST públicas y abiertas gratuitas para desarrolladores.
  • SWAPI : la API de Star Wars.
  • JSONPlaceholder : API REST en línea falsa de uso gratuito para pruebas y creación de prototipos.

⚡ NODEJS

😐 Aprende GIT

  • Manual de Git Git, GitHub, DVCS, ¡vaya! Aprende toda la jerga y los conceptos básicos de Git.
  • Hojas de referencia ¡Manténgalas a mano! Hojas de referencia que cubren comandos Git, características, migraciones SVN y bash. Disponible en varios idiomas.
  • Aprenda la bifurcación de Git Pruebe los comandos de Git directamente desde su navegador web. Con algunos de sus futuros favoritos: bifurcar, agregar, comprometer, fusionar, revertir, seleccionar, reorganizar.
  • Visualizando a Git ¡Mira debajo del capó! Explore cómo los comandos de Git afectan la estructura de un repositorio dentro de su navegador web con un modo de exploración libre y algunos escenarios construidos.
  • Git-It Has descargado Git, ¿ahora qué? Descargue Git-It a su máquina y obtendrá un tutorial práctico que le enseñará a usar Git directamente desde su entorno local, usando comandos en repositorios reales.

Prepárese para la entrevista (preguntas)

Reuní todos los recursos que necesitará para convertirse en un desarrollador de pila MERN o MEAN. Todos estos recursos incluirán artículos, videos, cursos, sitios web, tutoriales, libros, etc. Y todo es GRATIS

Anuncios
  • MERN: MongoDB, Express, React, NodeJS
  • MEDIO – MongoDB, Express, Angular, NodeJS

☢ Debes conocer los conceptos básicos de HTML, CSS Y JS

Aprender MongoDB

Cursos

Blogs / Tutoriales / Documentos / Libros electrónicos

Vídeos

Aprende Express

▶ Vídeos

Tutoriales / Libros electrónicos / Blogs

aprender react

Blogs/eBooks/Tutoriales/Documentos

Curso

React hojas de trucos

React preguntas de la entrevista

Estilo de react

  • componentes con estilo – Primitivos visuales para la edad del componente
  • emoción – Biblioteca diseñada para escribir estilos CSS con JavaScript
  • radio – Herramienta para diseñar componentes React

react y typscript

Aprende Angular

Curso / Vídeos

Tutoriales / Documentos / Blogs / Libros electrónicos

Hojas de trucos

Aprender NODEJS

📖RECURSOS VARIOS😉

(ESTO TIENE TODOS LOS RECURSOS FUERA DE LOS ANTERIORES, algunos fundamentos e importantes)

JavaScript (un poco avanzado)

Creditos originales

Deja una respuesta

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.