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 AND DEVELOPMENT.
Artículos relacionados
Seguimiento en tiempo real de los vuelos: la API de Flight Tracker
La API de Flight Tracker brinda a los desarrolladores la capacidad de acceder al estado de los vuelos en tiempo real, lo cual resulta extremadamente útil para integrar un seguimiento…
Container queries: libera el poder de escribir media queries
El diseño web responsivo ha sido una práctica común durante años, permitiendo que los sitios se adapten y se vean bien en una variedad de dispositivos y tamaños de pantalla.…
¿Por qué no deberíamos usar el color negro?
A día de hoy es cada vez más frecuente que las páginas cuenten con la opción de ponerlas en modo oscuro, o que directamente basen su estética en los colores…
Utilidades de los selectores :where y :is
Si aún no has oído hablar de estos selectores de pseudoclases, no te preocupes, aquí te explicamos el funcionamiento y dejamos varios usos que nos pueden ser muy útiles a…
Cómo centrar un Div con CSS - 10 formas diferentes
Para los desarrolladores web, a veces centrar un div parece uno de los trabajos más difíciles del mundo. Pues ya no. En este artículo, aprenderás 10 formas diferentes de centrar un…
Como hacer tu propio cursor personalizado para tu web
Cuando empecé a ojear webs distintas y originales para aprender de ellas, de las primeras cosas que me llamaron la atención fue que algunas de ellas tenían sus propios cursores,…
Ejecución de funciones PHP en AWS Lambda y API Gateway
¿Qué es AWS Lambda? AWS Lambda es un servicio de procesamiento sin servidor que puede ejecutar código en respuesta a eventos o condiciones predeterminados y administrar automáticamente todos los recursos de…
Explorando la API CSS Paint: Redondeo de formas parte 2
Vamos con la segunda parte de nuestro artícul sobre como manejar la API Paint para redondar bordes complejos Control de los radios En todos los ejemplos que hemos visto, siempre consideramos un…
Explorando la API de CSS Paint: Redondeo de formas parte 1
Añadir bordes a las formas complejas es un auténtico rollo (a veces), pero redondear las esquinas de las formas complejas es un suplicio jejeje. Por suerte, la API de pintura…
Las ventanas gráficas o viewports grandes, pequeñas y dinámicas
Recientemente se han introducido algunos cambios en materia de unidades de ventana gráfica o viewport. Las novedades -que forman parte de la especificación de valores y unidades CSS de nivel 4-…
Cómo enviar un correo electrónico desde un formulario de contacto HTML
En el artículo de hoy vamos a escribir sobre cómo hacer un formulario que funcione y que al pulsar ese botón de envío sea funcional y envíe el correo electrónico…
Imágenes de fondo responsivas con relación de aspecto fijo o fluido
¿Cuál es la forma más fácil de escalar las imágenes de fondo en los diseños responsivos? Utilizamos una antigua técnica y la mejoramos para cambiar con fluidez la ratio de…