4Geeks logo
4Geeks logo
Sobre Nosotros

Catálogo de contenidos

Para los geeks autodidactas, este es nuestro extenso catálogo de contenido con todos los materiales y tutoriales que hemos desarrollado hasta el día de hoy.

Tiene sentido comenzar a aprender leyendo y viendo videos sobre los fundamentos y cómo funcionan las cosas.

Full-Stack Software Developer

Data Science and Machine Learning - 16 wks

Buscar en lecciones

Aprendizaje social y en vivo

La forma más eficiente de aprender: Únete a una cohorte con compañeros, transmisiones en vivo, sesiones improvisadas de codificación, tutorías en vivo con expertos reales y mantenga la motivación.

De cero a que te paguen como desarrollador, aprende las habilidades del presente y del futuro. Impulsa tu carrera profesional y sé contratado por una empresa tecnológica.

Empezar a programar

← Volver a ejercicios

Aprende cómo manipular el DOM con JavaScript

Star

Obtén acceso ahora

Ingresa tu información y recibirás acceso instantáneo

Dificultad

easy

Repositorio

Clic para abrir

Video

No disponible

Demo en vivo

No disponible

Duración promedio

8 hrs

Tecnologías

Aprende sobre El DOM (Interactivo)

Aprenderás los siguientes conceptos:

  1. Aprenderás cómo seleccionar elementos de su sitio web.

  2. Manipularlos con Javascript (cambiar estilos, agregar detectores de eventos).

  3. Eliminar elementos mediante programación.

  4. Cambiar todo tu sitio web sin un refresh.

Instalación en un clic

Open in Gitpod

Instalación local

  1. Asegúrate de tener instalado learnpack y node.js version v14+ y jest v27.0.6 Este es el comando para instalar learnpack-cli y jest:
1$ npm i learnpack jest@27.0.6 -g
  1. Clona o descarga este repositorio. Una vez que termines de descargar, encontrarás una nueva carpeta con un subdirectorio "exercises" que contiene todos los ejercicios dentro.

  2. Instala el plugin de learnpack para probar y compilar vanillajs:

1$ learnpack plugins:install learnpack-dom
  1. Inicializa tutorial/exercises ejecutando el siguiente comando en la raíz del proyecto:
1$ learnpack start

¿Cómo están organizados los ejercicios?

Cada ejercicio es un pequeño sitio web de vanillajs que contiene los siguientes archivos:

  1. index.js: representa el archivo javascript de entrada que se ejecutará cuando se cargue el sitio web.
  2. index.html: representa la entrada HTML para el sitio web.
  3. style.css: los estilos de tu sitio web, deben importarse desde index.html
  4. README.md: contiene las instrucciones de los ejercicios.
  5. test.js: no tienes que abrir este archivo, contiene el script de test para el ejercicio.

Colaboradores

Gracias a estas personas maravillosas (emoji key):

  1. Alejandro Sanchez (alesanchezr), contribución: (programador) 💻 (idea) 🤔, (build-tests) ⚠️ , (pull-request-review) 🤓 (build-tutorial) ✅ (documentación) 📖

  2. Paolo (plucodev), contribución: (bug reports) 🐛, (programador), (traducción) 🌎

Este proyecto sigue la especificación all-contributors. ¡Todas las contribuciones son bienvenidas!

Obtén acceso ahora

Ingresa tu información y recibirás acceso instantáneo

Dificultad

easy

Repositorio

Clic para abrir

Video

No disponible

Demo en vivo

No disponible

Duración promedio

8 hrs