Cuando estamos descubriendo nuevas áreas, una pequeña ayuda es siempre bien venida. En la programación, los recursos existen en grandes cantidades para ayudar a todos los tipos de desarrolladores. Para ayudarte, voy a presentar una pequeña lista que contiene grandes recursos gratuitos para programadores.
Si usted tiene algún recurso favorito que no fue citado en el artículo, comparta con la comunidad dejando en los comentarios!
recursos gratuitos para programadores
Para HTML y CSS
- Un juego para aprender selectores de CSS: CSS Diner
- Un juego para aprender CSS Flexbox: Flexbox Froggyz
- Un juego para aprender CSS Grid: CSS Grid Garden
- Una increíble serie CSS Grid de Jen Simmons: Layout Land
Para JavaScript
- Una serie de vídeos presentando el JavaScript: Khan Academy Computer Programmin
- Una introducción escrita más avanzada a JavaScript: La reintroducción a JavaScript
- 30 días de desafíos de JavaScript con los vídeos correspondientes de Wes Bos: JS 30
Para otros lenguajes y conceptos de programación
- Este sitio tiene todo - desde HTML, CSS y JS a través de frameworks y otros lenguajes de programación. Tiene un formato de tutorial REPL exclusivo: Code Academy - Esta sería mi principal recomendación empezar.
- Aprenda un framework web - desde la línea de comandos a través de Python y Django ya través de HTML y CSS - todo en aproximadamente un día: Django Girls
- Aprender a programar en PHP desde cero : Betabeers
- Pruebe el código Ruby directamente en su navegador: Try Ruby
- Github tiene una serie de tutoriales para aprender tanto Git y GitHub directamente en el navegador: Try Git
Para la ciencia de la computación
- Una serie de guías ilustradas para los fundamentos de la ciencia de la computación: BaseCS
- Versiones en vídeo de muchas clases, incluyendo clases de informática: MIT on YouTube
Desafíos del código
- Toneladas de desafíos con dificultades asociadas: CodeWars
- Otro sitio de desafío de código con más consistencia: HackerRank
- Problemas matemáticos de codificación: Project Euler
Bibliotecas iniciales
- Construir arte con JavaScript: 5 JS
- Construir un mapa personalizado con JavaScript: Leaflet
- Aplicaciones de realidad virtual en páginas web con HTML y javascript: A-Frame
(leete también nuestro articulo "PHP and XMP format: Create a Panorama 360/VR viewer in PHP and A-Frame")
- Crea un juego de JavaScript: Phaser
comunidades
- Haga preguntas con las etiquetas #explainlikeimfive, #help y #meta tags: dev.to
- Participa en chats en Twitter, escucha increíbles podcasts motivacionales y lee entradas útiles en el blog: CodeNewbies - ellos también tienen un grupo de Slack!
Janeth Kent
Licenciada en Bellas Artes y programadora por pasión. Cuando tengo un rato retoco fotos, edito vídeos y diseño cosas. El resto del tiempo escribo en MA-NO WEB DESIGN END DEVELOPMENT.
Artículos relacionados
Cómo usar el efecto Parallax.Js en tu sitio web
Hoy vamos a escribir sobre el efecto de parallax, similar al desplazamiento de parallax, y cómo implementarlo para mejorar su página de aterrizaje. En webdev, dicen que primero el móvil…
Modo oscuro persistente con CSS y JS
Recientemente escribimos acerca de cómo hacer un modo de color o tema alternativo intercambiable, una característica muy útil y popular para los sitios web. El artículo de hoy tratará sobre…
Haciendo peticiones AJAX a una REST API usando vanilla JavaScript y XHR
Imagina que acabas de construir tu primera página web estática y te gustaría añadir alguna funcionalidad para hacerla más atractiva y generalmente más utilizable. Tal vez te gustaría entretener al…
Modo oscuro en el sitio web usando CSS y JavaScript
En el artículo de hoy vamos a aprender a construir más o menos estándar en estos días en las páginas web y que es el modo de color alternativo y…
Javascript: los operadores Spread y Rest
En el artículo de hoy vamos a hablar de una de las características de la versión ES6 (ECMAScript 2015) de JavaScript que es el operador Spreadasí como el operador Rest. Estas…
Cookies HTTP: cómo funcionan y cómo usarlas
Hoy vamos a escribir sobre la forma de almacenar datos en un navegador, por qué los sitios web utilizan cookies y cómo funcionan en detalle. Continúa leyendo para averiguar cómo implementarlas…
Cómo superponer múltiples imágenes usando CSS?
CSS significa Hoja de Estilo en Cascada. Es un lenguaje de hojas de estilo que define la presentación del documento en un lenguaje de marcado como HTML. La hoja de estilo…
Cómo usar el Masking en CSS
Cuando recortas un elemento usando la propiedad de clip-path, el área recortada se vuelve invisible. Si en cambio quieres hacer opaca una parte de la imagen o aplicarle algún otro…
Node.js: herramientas de código abierto para los desarrolladores
De la amplia gama de herramientas disponibles para simplificar el desarrollo de Node.js, aquí están las mejores. Una encuesta en StackOverflow afirma que el 49% de los desarrolladores usan Node.js para…
PHP 8.0: mas rápido que nunca con el compilador JIT
Probablemente ya habéis oido la noticia hace unos meses de que el compilador JIT será agregado a PHP 8. Ya desde PHP 7.0, se han hecho cambios para mejorar el…
Guía sencilla para convertir imágenes a WebP en PHP
El 30 de septiembre de 2010, Google anunció la publicación de un nuevo estándar abierto para la compresión con pérdida de gráficos de 24 bits en la web. La base…
Renderización lado servidor de Vue.js on Php
¿Intentas que el renderizado del lado del servidor funcione con PHP para renderizar tu aplicación Vue.js pero se atasca? Hay un montón de grandes recursos por ahí, pero hasta ahra no…