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
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…
6 Formas de leer archivos en PHP, con strings, array y más
Bienvenido a un tutorial sobre cómo leer archivos en PHP. Sí, así es, ¿qué tan difícil puede ser leer archivos en PHP? Se sorprenderá... No es tan sencillo como algunos…
Comenzando con Bootstrap-Vue paso a paso
Hoy te mostraremos cómo usar BootstrapVue, describiremos el proceso de instalación y mostraremos la funcionalidad básica. El proyecto está basado en el framework CSS más popular del mundo - Bootstrap, para…
Bootstrap 5 beta2. ¿Qué ofrece?
Dado que el lanzamiento de Bootstrap 4 es de tres años, en este artículo vamos a presentar lo que es nuevo en el marco más popular del mundo para la…
Por qué los desarrolladores de JavaScript deberían preferir Axios a Fetch
Por qué los desarrolladores de JavaScript deberían preferir Axios a Fetch En mi artículo anterior, "Usando la Api Fetch Para Hacer Llamadas Ajax", hablé de los fundamentos de la API Fetch.…
Instalar Laravel Homestead en Windows 10
Instalar Homestead Mediante Vagrant Laravel Homestead es una máquina virtual que viene ya preparada para el desarrollo de proyectos con Laravel y otras tecnologías de PHP . Al ser una máquina…
Creación de un sencillo spinner-loader CSS
En el artículo de hoy mostraremos cómo animar un loader básico que gira cuando se define alguna acción predefinida, como cargar una imagen. Eso se puede utilizar en un sitio…
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…