gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Change nameXX properties to title XX properties

Browse Source
This commit is contained in:
Rex Schrader
2016-03-11 15:17:34 -08:00
committed by SaintPeter
parent fe0ca1e732
commit b5128336a4
33 changed files with 1943 additions and 1954 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
challenges/04-video-challenges/bigonotation.json
View File

@@ -32,7 +32,6 @@
],
"type": "hike",
"challengeType": 6,
"nameEs": "Notación O mayúscula: ¿Qué es y porque te debe interesar?",
"descriptionEs": [
"La complejidad temporal es una forma de discutir cunto tiempo toma un algoritmo específico. Esto es útil al ajustar software para que opere tan rápido como sea posible.",
"Cuando escribes código, debes tener en cuenta cuanto se va a demorar su ejecución. Nadie quiere crear un producto que fruste a los usuarios por su lentitud.",
@@ -42,7 +41,8 @@
"Además, pueden haber preguntas en entrevistas sobre la notación O mayúscula y de complejidad temporal.",
"Tu empleador podrá querer saber que el código que escribes no tardará demasiado en cargar en la página de los usuarios, y el conocimiento de la notación O mayúscula muestra que reconoces esto mientras escribies tu código.",
"Lo que esperamos que te quede de este video es que la notación O mayúscula te ayuda a identificar cuando podría haber problemas (en ocasiones problemas MAYÚSCULOS) en velocidad y memoria cuando tu sitio o aplicación crezcan."
]
],
"titleEs": "Notación O mayúscula: ¿Qué es y porque te debe interesar?"
},
{
"id": "56b15f15632298c12f31517a",
@@ -84,7 +84,6 @@
],
"type": "hike",
"challengeType": 6,
"nameEs": "Notación O mayúscula: Unos pocos ejemplos",
"descriptionEs": [
"La complejidad en tiempo comunmente se estima contando la cantidad de operaciones elementales que un algoritmo efectua (una operación elemental es una cuya ejecución requiere una cantidad de tiempo fijo).",
"La complejidad temporal se clasifica por la naturaleza de la función T(n) donde T representa una función matemática para el tiempo que tarda el algoritmo y n representa la cantidad de elementos sobre los que actua el algoritmo.",
@@ -104,7 +103,8 @@
"bigocheatsheet.com/",
"El curso de Coursera de Princeton no es para débiles de corazón. Con ejemplos y prácticas en Java, este curso cubre iteración sobre los datos especifcamente algoritmos de ordenamiento y búsqueda.",
"coursera.org/course/algs4partI"
]
],
"titleEs": "Notación O mayúscula: Unos pocos ejemplos"
}
]
}

39
challenges/04-video-challenges/chromedevtools.json
View File

@@ -32,7 +32,6 @@
],
"type": "hike",
"challengeType": 6,
"nameEs": "Herramientas de desarrollo de Chrome: Elementos",
"descriptionEs": [
"Esta es información básica y una mini-lección sobre la pestaña Elements en las herramientas de desarrollo de Chrome. Echa un vistazo a la documentación más detallada aquí: developers.google.com/web/tools/iterate/inspect-styles/basics ",
"Vamos a utilizar la página web mckellen.com/ por sugerencia del usuario de FreeCodeCamp kmiasko.",
@@ -42,7 +41,8 @@
"También hay que señalar que todo el código que veas en ese 'árbol' es código HTML actual, no el original que había cuando se cargó la página. Si utilizas jQuery o JavaScript para cambiar algo, esté árbol se actualizará.",
"El relleno, los bordes y los márgenes se inspeccionan fácilmente y puedes editarlos usando la caja con colores que encontrarás al lado derecho o en la parte de abajo.",
"Por favor, echa un vistazo a la documentación de las herramientas de desarrollo de Chrome en developers.google.com/web/tools/chrome-devtools/"
]
],
"titleEs": "Herramientas de desarrollo de Chrome: Elementos"
},
{
"id": "56b15f15632298c12f315183",
@@ -71,7 +71,6 @@
],
"type": "hike",
"challengeType": 6,
"nameEs": "Herramientas de desarrollo de Chrome: red",
"descriptionEs": [
"La pestaña network (red) ayuda a responder preguntas como '¿Qué elemento o parte de la página fue el más demorado?' o '¿Qué inició una petición?'",
"El panel de red registra información detallada sobre cuánto tarda en cargar cada elemento de su página o aplicación.",
@@ -80,7 +79,8 @@
"Cuanto más larga sea la línea de un color determinado, tanto más tiempo tomó ese tipo de contenido en la solicitud. En últimas quieres líneas cortas, y si cualquier solicitud tiene largas líneas, sabes que puede estar ralentizando la página web.",
"Si pulsas sobre una solicitud en la bitácora, podrás obtener información más detallada.",
"Consulta más documentación detallada aquí: developers.google.com/web/tools/profile-performance/network-performance/resource-loading"
]
],
"titleEs": "Herramientas de desarrollo de Chrome: red"
},
{
"id": "56b15f15632298c12f315182",
@@ -111,7 +111,6 @@
],
"type": "hike",
"challengeType": 6,
"nameEs": "Herramientas de desarrollo de Chrome: Fuentes",
"descriptionEs": [
"La pestaña 'fuentes' es más útil para la depuración de JavaScript. Cuanto más grande sea tu proyecto, tanto más difícil resulta encontrar exactamente dónde se produce un problema. ",
"Puedes seleccionar diferentes partes del código para ser 'puntos de interrupción', puestos de control que detendrán la ejecución del código en ese preciso momento. ",
@@ -121,7 +120,8 @@
"Una vez has establecido todos los puntos de interrupción, puedes recorrer el código y examinar el estado de tu página o aplicación en cada punto de interrupción.",
"Al igual que con los elementos, puedes editar en vivo mediante las herramientas de desarrollo, pero recuerda que debes guardar esos cambios para que no pierdas tu progreso.",
"Revisa documentación más detallada aquí: developers.google.com/web/tools/javascript/breakpoints/"
]
],
"titleEs": "Herramientas de desarrollo de Chrome: Fuentes"
},
{
"id": "56b15f15632298c12f315181",
@@ -152,7 +152,6 @@
],
"type": "hike",
"challengeType": 6,
"nameEs": "Herramientas de desarrollo de Chrome: Línea de tiempo",
"descriptionEs": [
"El panel Línea de tiempo te permite grabar y analizar toda la actividad en tu aplicación mientras se ejecuta. Es el mejor lugar para comenzar a investigar los problemas de rendimiento que percibas en tu aplicación. ",
"Al igual que usas el panel de red para averiguar cuánto tiempo toman las partes de la página para comunicarse con el Internet y utilizas fuentes para averiguar dónde algo se daña, puedes utilizar la línea de tiempo para averiguar con más detalle lo que está pasando y el tiempo que tarda.",
@@ -162,9 +161,8 @@
"Cuando uses la línea de tiempo, recuerda que debes utilizar el botón 'limpiar' (clear) para iniciar la grabación y antes de cargar la página, dependiendo de lo que desees capturar.",
"Te darás cuenta de que cuando grabas eventos JS, al pulsar en el título o en una 'llamada a una función' al lado izquierdo, te llevará al documento y a la línea de esa función en el panel de recursos. ",
"Revisa documentación más detallada aquí: developers.google.com/web/tools/profile-performance/evaluate-performance/timeline-tool"
]
],
"titleEs": "Herramientas de desarrollo de Chrome: Línea de tiempo"
},
{
"id": "56b15f15632298c12f315180",
@@ -192,14 +190,14 @@
],
"type": "hike",
"challengeType": 6,
"nameEs": "Herramientas de desarrollo de Chrome: Perfiles",
"descriptionEs": [
"El panel Perfiles te permite perfilar el tiempo de ejecución y el uso de memoria de una aplicación web o de una página. Esto se aplica principalmente a la ejecución de JavaScript en su página o aplicación. ",
"Hay tres tipos de perfiles que se pueden recolectar: el perfil de la CPU, instantáneas de la memoria con estructura montón (Heap), y el perfil de la memoria con estructura montón. Los perfiles de memoria en estructura montón tienen más que ver con el uso de memoria, mientras que un perfil de la CPU tiene más que ver con el rendimiento de JavaScript. ",
"Un perfilador llamado V8 se usa mientras se ejecuta el código para identificar lo que en el JavaScript toma mucho tiempo, facilitándote de esta forma optimizar tu código.",
"Cada uno de estos perfiles se puede ver a la izquierda, y se puede tomar múltiples perfiles de cada uno. En general, la pestaña de perfiles es muy útil cuando deseas optimizar tu código. ",
"Revisa documentación más detallada aquí: developers.google.com/web/tools/profile-performance/rendering-tools/js-execution"
]
],
"titleEs": "Herramientas de desarrollo de Chrome: Perfiles"
},
{
"id": "56b15f15632298c12f31517f",
@@ -221,13 +219,13 @@
],
"type": "hike",
"challengeType": 6,
"nameEs": "Herramientas de desarrollo de Chrome: Recursos",
"descriptionEs": [
"El panel de Recursos te permite inspeccionar los recursos que se cargan en la página, incluyendo IndexedDB o bases de datos SQL Web, almacenamiento local y de sesión, las galletas (cookies), memoria caché de aplicaciones, imágenes, fuentes y hojas de estilo.",
"Puedes ver y editar toda esta información dentro del navegador.",
"A medida que vayas construyendo aplicaciones web más avanzadas, juega con el panel de recursos y verás cómo te ayudará a entender los requisitos de tu aplicación y de tu página en tiempo real.",
"Revisa documentación más detallada aquí: developers.google.com/web/tools/iterate/manage-data/index"
]
],
"titleEs": "Herramientas de desarrollo de Chrome: Recursos"
},
{
"id": "56b15f15632298c12f31517e",
@@ -256,7 +254,6 @@
],
"type": "hike",
"challengeType": 6,
"nameEs": "Herramientas de desarrollo de Chrome: Las auditorías",
"descriptionEs": [
"La herramienta de auditoría te guía para mejorar tu página paso a paso.",
"En este vídeo, se utiliza esta herramienta con un generador de citas aleatorias desarrollado como uno de los proyectos de desarrollo de interfaces.",
@@ -264,7 +261,8 @@
"Es importante tenerlas en cuenta para contextualizarlos con el resto de conocimiento que tienes de tu sitio.",
"A veces, puede ser que sea lo acertado, pero en ocasiones, por tu situación las sugerencias que da son equivocadas.",
"Usa esta herramienta cuando desees mejorar tu sitio o aplicación, pero no sepas por dónde empezar."
]
],
"titleEs": "Herramientas de desarrollo de Chrome: Las auditorías"
},
{
"id": "56b15f15632298c12f31517d",
@@ -294,7 +292,6 @@
],
"type": "hike",
"challengeType": 6,
"nameEs": "Herramientas de desarrollo de Chrome: Consola",
"descriptionEs": [
"El panel de la consola ofrece dos funciones principales: registro de datos de diagnóstico en el proceso de desarrollo y proporcionar un intérprete de órdenes que puedes utilizar para interactuar con el documento y las Herramientas de desarrollo",
"Al utilizar la consola, puedes ver los datos en bruto o estructurados mediante instrucciones estándar JS y órdenes específicas para la consola.",
@@ -303,7 +300,8 @@
"Hay diferentes órdenes que registrarán en bitácoras de manera diferente, como console.log() para registrar información básica, console.error() y console.warn() para registrar en bitácoras 'información llamativa'.",
"La consola puede realizar un seguimiento de excepciones, que básicamente registra cuando algo sale mal. Puede incluso hacer una pausa en el código durante esas excepciones, función que posiblemente recuerdes de la pestaña 'Fuente'. ",
"Revisa documentación más detallada aquí: developers.google.com/web/tools/javascript/console/"
]
],
"titleEs": "Herramientas de desarrollo de Chrome: Consola"
},
{
"id": "56b15f15632298c12f31517c",
@@ -324,13 +322,12 @@
],
"type": "hike",
"challengeType": 6,
"nameEs": "Herramientas de desarrollo de Chrome: Resumen",
"descriptionEs": [
", Las herramientas de desarrollo de Chrome son impresionantes, y cuanto más te puedas sumergir y tratar de utilizarlas, más rápido aumentará tu nivel. ",
", Utiliza la documentación, incluso si nunca has leído documentación antes: developers.google.com/web/tools/chrome-devtools/ ",
", Una vez que comiences a sentirte cómodo en una pestaña, rétate aprendiendo a usar una diferente. Trabajar eficazmente con todas las pestañas te servirá exponencialmente más que pegarte en tu zona de confort."
]
],
"titleEs": "Herramientas de desarrollo de Chrome: Resumen"
}
]
}

86
challenges/04-video-challenges/computer-basics.json
View File

@@ -42,7 +42,6 @@
],
"type": "hike",
"challengeType": 6,
"nameEs": "Fundamentes básicos del computador: Las 4 partes básicas de un computador",
"descriptionEs": [
"Una máquina necesita por lo menos cuatro partes básicas para ser considerada un computador.",
"Hoy vamos a hablar acerca de conceptos básicos de hardware.",
@@ -57,7 +56,8 @@
"Ahora, la CPU tiene acceso exclusivo a esta memoria.",
"No se puede llegar a la memoria desde la entrada o desde la salida sin el uso de la CPU.",
"Por lo tanto, sólo para repasar, tenemos 4 partes básicas de la computadora: los dispositivos de entrada, los dispositivos de salida, la CPU y la memoria."
]
],
"titleEs": "Fundamentes básicos del computador: Las 4 partes básicas de un computador"
},
{
"id": "bd7127d8c441eddfbeb5bddf",
@@ -97,7 +97,6 @@
],
"type": "hike",
"challengeType": 6,
"nameEs": "Fundamentos básicos del computador: Más Hardware",
"descriptionEs": [
"En este video cubrimos las funciones básicas de una placa base, tarjetas de expansión, y la fuente de poder.",
"Vamos a revisar rápidamente - las 4 partes básicas de un computador son dispositivos de entrada, como el ratón o el teclado, dispositivos de salida, monitor o altavoces, la CPU, la unidad central de procesamiento, y la memoria.",
@@ -111,7 +110,8 @@
"Por lo general es la parte que tiene un ventilador en él para evitar que se sobrecaliente.",
"Así que vamos a hacer un repaso rápido.",
"Además de las cuatro partes básicas dispositivos de entrada, dispositivos de salida, CPU, y la memoria, también por lo general tenemos una placa base, las tarjetas de expansión, y una fuente de poder."
]
],
"titleEs": "Fundamentos básicos del computador: Más Hardware"
},
{
"id": "bd7129d8a441eddfbeb5bddf",
@@ -149,7 +149,6 @@
],
"type": "hike",
"challengeType": 6,
"nameEs": "Fundamentos básicos del computador: Chips y la Ley de Moore",
"descriptionEs": [
"Discutiremos lo que constituye un chip y por qué la tecnología se vuelve más barata cada año.",
"En este video vamos a estar hablando sobre chips y algo que se llama la Ley de Moore.",
@@ -161,7 +160,8 @@
"Lo que hace que estos chips sean más grandes o más rápidos es la cantidad de transistores en un solo chip.",
"La Ley de Moore es la observación de que la cantidad de transistores que caben en un chip se ha duplicado cada dos años desde 1965.",
"Esto es importante porque hace que la tecnología sea más económica y accesible."
]
],
"titleEs": "Fundamentos básicos del computador: Chips y la Ley de Moore"
},
{
"id": "bd7126d8c441eddfbeb5bddf",
@@ -195,7 +195,6 @@
],
"type": "hike",
"challengeType": 6,
"nameEs": "Fundamentos básicos del computador: Introducción a código binario",
"descriptionEs": [
"Cómo se ve lo binario, y lo que puede significar.",
"Los 0s y 1s pueden interpretarse como datos mucho más complejos.",
@@ -204,7 +203,8 @@
"Aquellos 1s y 0s pueden ser casi cualquier cosa, pero por lo general son sólo números, letras y símbolos.",
"Vamos a revisar cómo decodificar un número en binario, pero como podrás adivinar, la traducción binaria se puede hacer con una rápida búsqueda en Google.",
"La parte más importante de esto es que entiendas el concepto de que incluso cosas simples como 1s y 0s se pueden traducir en algo muy complejo, que es la base para todos los lenguajes de programación existentes en la actualidad."
]
],
"titleEs": "Fundamentos básicos del computador: Introducción a código binario"
},
{
"id": "bd7125d8c441eddfbeb5bddf",
@@ -240,7 +240,6 @@
],
"type": "hike",
"challengeType": 6,
"nameEs": "Fundamentos básicos del computador: decodificar un número binario",
"descriptionEs": [
"En este vídeo, decodificaremos un número escrito en notación binaria.",
"Hablemos sobre el sistema de numeración binario, también conocido como un montón de 1s y 0s una y otra vez.",
@@ -251,7 +250,8 @@
"Si hay un 1, dejamos el número (2 a la potencia de la posición) y lo agregamos a los números de otras posiciones que estén en \"1\" o \"encendidas\".",
"Si es un 0, hacemos caso omiso del número de esa posición.",
"En este video, la suma de los números da 75."
]
],
"titleEs": "Fundamentos básicos del computador: decodificar un número binario"
},
{
"id": "bd7124d8c441eddfbeb5bddf",
@@ -290,7 +290,6 @@
],
"type": "hike",
"challengeType": 6,
"nameEs": "Fundamentos básicos del computador: Cómo medir el tamaño de los datos",
"descriptionEs": [
"¿Cómo se mide el tamaño/cantidad de datos, a partir de un bit y continuando hasta un petabyte.",
"Hoy vamos a estar hablando de tamaño de los datos.",
@@ -304,7 +303,8 @@
"Después de eso no hay Megabyte, o 1024 bytes a la potencia de dos.",
"Entonces es Gigabyte, 1024 Bytes a la tercera potencia; Terabyte, 1024 bytes a la cuarta potencia y petabyte que es 1024 a la quinta potencia.",
"!Crecieron realmente rápidamente!"
]
],
"titleEs": "Fundamentos básicos del computador: Cómo medir el tamaño de los datos"
},
{
"id": "bd7123d8c441eddfbeb5bddf",
@@ -338,7 +338,6 @@
],
"type": "hike",
"challengeType": 6,
"nameEs": "Fundamentos básicos del computador: medición de la velocidad de datos",
"descriptionEs": [
"La velocidad de datos y el tamaño de los datos se miden de manera diferente.",
"En este video, cubrimos cómo se mide la velocidad de los datos.",
@@ -351,7 +350,8 @@
"En la velocidad de red, hablamos de gigabits por segundo (¡mil millones de bits por segundo!).",
"La conclusión principal es que la velocidad se mide generalmente en bits mientras que el tamaño se mide en bytes.",
"Además, si tienes una velocidad de internet de cierta cantidad de bits por segundo, ten en cuenta que te están hablando de algo que es la octava parte de la cantidad en bytes, que es la manera típica como mides tamaños de datos."
]
],
"titleEs": "Fundamentos básicos del computador: medición de la velocidad de datos"
},
{
"id": "bd7122d8c441eddfbeb5bddf",
@@ -385,7 +385,6 @@
],
"type": "hike",
"challengeType": 6,
"nameEs": "Fundamentos básicos del computador: Bytes en binario",
"descriptionEs": [
"En binario se puede hacer más que representar números - mediante bytes, puede simbolizar todos los símbolos alfanuméricos, los cuales pueden ser interpretados en códigos más complejos",
"Vamos a hablar sobre el nivel más básico que un computador puede comprender otros lenguajes como JavaScript.",
@@ -394,7 +393,8 @@
"Todos los números (255 y menos), las letras y símbolos se pueden traducir en bytes que el computador puede entender.",
"Por lo tanto, todos los números, letras y símbolos en su código JavaScript se puede traducir.",
"Hay una gran cantidad de lenguajes con los cuales los computadores pueden operar, y lo que quiero que te quede de este video es que todos los datos en tu computador se reducen a bytes binarios."
]
],
"titleEs": "Fundamentos básicos del computador: Bytes en binario"
},
{
"id": "bd7121d8c441eddfbeb5bddf",
@@ -433,7 +433,6 @@
],
"type": "hike",
"challengeType": 6,
"nameEs": "Fundamentos básicos del computador: Tipos de Computadores",
"descriptionEs": [
"Este video cubre los conceptos básicos de los supercomputadores, servidores, estaciones de trabajo, PC y microcontroladores.",
"Vamos a discutir los diferentes tipos de computadores.",
@@ -447,7 +446,8 @@
"Tal vez has oído \"¡Soy un Mac!\" o \"¡Soy un PC!\", Algo que indica que son diferentes, pero en realidad mi propio MacBook personal sigue siendo un PC, un computador personal.",
"Es a la vez un Mac y un PC.",
"El último tipo de equipo del que hablaremos es un microcontrolador, el tipo de equipo que puedes tener en tu carro que es realmente bueno en una pequeña tarea especializada, pero no se utilizaría la misma forma que un PC."
]
],
"titleEs": "Fundamentos básicos del computador: Tipos de Computadores"
},
{
"id": "bd7120d8c441eddfbeb5bddf",
@@ -488,7 +488,6 @@
],
"type": "hike",
"challengeType": 6,
"nameEs": "Fundamentos básicos del computador: Más sobre la placa base",
"descriptionEs": [
"Un poco más de detalle sobre lo que constituye una placa base y sus funciones estándar en un computador.",
"Hoy vamos a hablar más sobre la placa base.",
@@ -504,7 +503,8 @@
"Además de las ranuras de expansión, las placas base tienen puertos.",
"En tu computador, probablemente sabes que hay un lugar para conectar USB, FireWire, tarjeta SD, Ethernet, e incluso un plug-in de audio para escuchar a través de auriculares.",
"Todos estos son considerados puertos, un lugar en la placa base donde puedes conectar la CPU a algun dispositivo externo bien para obtener o para dar información."
]
],
"titleEs": "Fundamentos básicos del computador: Más sobre la placa base"
},
{
"id": "bd712fd8c441eddfbeb5bddf",
@@ -545,7 +545,6 @@
],
"type": "hike",
"challengeType": 6,
"nameEs": "Fundamentos básicos del computador: Redes de datos",
"descriptionEs": [
"Este video cubre los conceptos básicos de redes de área local, redes de área amplia y redes privadas virtuales.",
"En este vídeo se habla de redes de datos.",
@@ -560,7 +559,8 @@
"Podrían utilizar una WAN.",
"Podrías pensar que estas es posible conectarlas usando Internet, y en el caso de una VPN (red privada virtual, que conceptualmente es básicamente lo mismo que una una WAN), tendrías la razón.",
"Sin embargo, por lo general una WAN alquila un cable de una empresa de Internet para crear la conexión."
]
],
"titleEs": "Fundamentos básicos del computador: Redes de datos"
},
{
"id": "bd712ed8c441eddfbeb5bddf",
@@ -594,7 +594,6 @@
],
"type": "hike",
"challengeType": 6,
"nameEs": "Fundamentos básicos del computador: Direcciones IP",
"descriptionEs": [
"Cada dispositivo tiene una dirección IP.",
"Las direcciones IP se asignan en función de la ubicación, y son vitales para que Internet funcione.",
@@ -608,7 +607,8 @@
"Este número no es lo suficientemente específico como para que llames al 911, les des tu dirección IP, y así les permitas saber donde vives.",
"Sin embargo, es lo suficientemente específico como para buscar en Google \"¿Dónde está el mejor helado cerca de mí\" y Google podría darte información cercana a tu ubicación.",
"Esto se hace utilizando tu dirección IP."
]
],
"titleEs": "Fundamentos básicos del computador: Direcciones IP"
},
{
"id": "bd712dd8c441eddfbeb5bddf",
@@ -644,7 +644,6 @@
],
"type": "hike",
"challengeType": 6,
"nameEs": "Fundamentos básicos del computador: ¿Cómo funciona Internet",
"descriptionEs": [
"Esta es una descripción breve y descripción de cómo funciona Internet.",
"Para una explicación más en profundidad, dale un vistazo a web.stanford.edu/class/msande91si/www-spr04/readings/week1/InternetWhitepaper.htm",
@@ -659,7 +658,8 @@
"Lo que quiero que te lleves de este video es que tu dispositivo, que tiene una dirección IP, puede enviar una petición de información, y que esa información regresará a tu dispositivo por medio de servidores y enrutadores que componen el Internet.",
"Ahora bien, esta explicación es realmente básica.",
"Para obtener más información, echa un vistazo a web.stanford.edu/class/msande91si/www-spr04/readings/week1/InternetWhitepaper.htm."
]
],
"titleEs": "Fundamentos básicos del computador: ¿Cómo funciona Internet"
},
{
"id": "bd712cd8c441eddfbeb5bddf",
@@ -685,7 +685,6 @@
],
"type": "hike",
"challengeType": 6,
"nameEs": "Fundamentos básicos del computador: Software",
"descriptionEs": [
"Diferenciamos entre hardware y software, y también discutimos las diferencias entre el sistema operativo y el software de aplicación.",
"En este video, vamos a discutir los fundamentos del software.",
@@ -695,7 +694,8 @@
"Los dos tipos de software de los cuales vamos a hablar hoy son el sistema operativo y las aplicaciones.",
"Hay tres sistemas operativos principales: Windows, Mac y Linux.",
"Las aplicaciones comprenden el resto del software, como tu navegador web, juegos, cosas como Photoshop, con lo que ves tu correo, o con lo que editas documentos, etc."
]
],
"titleEs": "Fundamentos básicos del computador: Software"
},
{
"id": "56b15f15632298c12f31510f",
@@ -729,7 +729,6 @@
],
"type": "hike",
"challengeType": 6,
"nameEs": "Fundamentos básicos del computador: Redes de distribución de contenido",
"descriptionEs": [
"Una red de distribución de contenido (del inglés <em>Content Delivery Network</em>) es un sistema (red) de servidores distribuidos que sirven páginas web y otros contenidos web a los usuarios en función de su ubicación geográfica, el origen de la página web y un servidor de entrega de contenido.",
"El objetivo de una RDC (CDN) es establecer conexiones de red de mayor calidad.",
@@ -742,7 +741,8 @@
"Como usuario, es probable que utilices RDC todo el tiempo sin darte cuenta.",
"Como desarrollador, es posible que desees utilizar RDCs como las bibliotecas de Google para ayudar a que tu página cargue más rápido.",
"Como empresa, una RDC sería útil si quieres que tu producto o sitio llegue a los usuarios de manera más eficiente en el esquema más grande de su red y en Internet en su conjunto."
]
],
"titleEs": "Fundamentos básicos del computador: Redes de distribución de contenido"
},
{
"id": "bd7129d80441eddfbeb5bddf",
@@ -778,7 +778,6 @@
],
"type": "hike",
"challengeType": 6,
"nameEs": "Analógico vs digital y compresión de archivos",
"descriptionEs": [
"¿Cómo los computadores pueden volver sonido analógico en archivos digitales, y los pros y los contras de la compresión de datos?",
"Vamos a discutir datos anàlogos frente a datos digitales en un nivel muy básico.",
@@ -793,7 +792,8 @@
"Otra forma es tomando una medida desde un punto medio y no desde 0, de forma que los número registrados sean más pequeños.",
"En imágenes, se hace midiendo grupos de a 16 píxeles en lugar de hacer mediciones individuales.",
"Lo que te llevas de este video es que querrás utilizar archivos digitales pues son de mayor calidad, y cuando te fijes en compresión, tendrás que decidir qué tan lejos estás dispuesto a ir para garantizar que el usuario tenga la mejor experiencia posible."
]
],
"titleEs": "Analógico vs digital y compresión de archivos"
},
{
"id": "bd7129d8b441eddfbeb5bddf",
@@ -845,7 +845,6 @@
],
"type": "hike",
"challengeType": 6,
"nameEs": "Enrutadores y paquetes",
"descriptionEs": [
"En este video, vamos a entrar en más detalle respecto a enrutadores y paquetes, conceptos importantes para entender cómo funciona Internet.",
"Vamos a hablar más acerca de los enrutadores y cómo se relacionan con la creación de redes.",
@@ -871,7 +870,8 @@
"Las tramas no tienen que recorrer la misma ruta hasta el destino final.",
"Pueden tomar cualquier ruta abierta, la que sea más rápida, y dado que tienen la dirección IP final, todos los enrutadores saben dónde enviarlos.",
"Una vez que llegan al destino final, ese computador sabe cómo poner junta toda la información."
]
],
"titleEs": "Enrutadores y paquetes"
},
{
"id": "bd7029d8c441eddfbeb5bddf",
@@ -916,7 +916,6 @@
],
"type": "hike",
"challengeType": 6,
"nameEs": "Código Fuente",
"descriptionEs": [
"En este video se discute lo que es código fuente, intérpretes y compiladores, y lo que significa fuentes abiertas.",
"Vamos a hablar sobre el código fuente: lo que el código fuente es, donde lo puedes ver, y cómo el computador lo entiende.",
@@ -936,7 +935,8 @@
"Podrías preguntarte, \"¿y eso qué?\", pero lo que es increíble es que si deseas cambiar o mejorar FreeCodeCamp, puedes describir la mejora y tal vez implementarla.",
"Es una gran manera para los sitios web y para el software de crecer de forma fuerte y rápida debido a la comunidad que trabaja en conjunto para mejorarlo.",
"Una regla no escrita al contribuir a proyectos de fuentes abiertas es que en general deberías compartir tus mejoras para que también sean de fuentes abiertas, y al retornar esa mejora al público también les permites a otros utilizar tus mejoras."
]
],
"titleEs": "Código Fuente"
},
{
"id": "bd7119d8c441eddfbeb5bddf",
@@ -966,7 +966,6 @@
],
"type": "hike",
"challengeType": 6,
"nameEs": "Las variables en el código",
"descriptionEs": [
"Las variables se utilizan con frecuencia en Javascript y en muchos otros lenguajes de programación.",
"En este video, vamos a hablar acerca de las variables en el código.",
@@ -975,7 +974,8 @@
"Cuando se ejecute <code>console.log(x)</code> presentará \"Briana\".",
"Pero ten cuidado - si pones <code>console.log(\"x\")</code>, con la <code>x</code> entre comillas, se presentará la \"x\".",
"Lo que yo quiero que te lleves con este video es que existen las variables en el código, y que puedes almacenar todo, desde una simple cadena hasta una función, todo con un simple nombre."
]
],
"titleEs": "Las variables en el código"
},
{
"id": "bd712bd8c441eddfbeb5bddf",
@@ -1012,7 +1012,6 @@
],
"type": "hike",
"challengeType": 6,
"nameEs": "¿Qué hacen los programadores?",
"descriptionEs": [
"Los programadores (también conocidos como codificadores, desarrolladores, o ingenieros de software) resuelven problemas convirtiendo grandes ideas en pequeños pasos que un computador puede entender.",
"En este video, vamos a discutir lo que hacen los programadores.",
@@ -1024,7 +1023,8 @@
"Todo se hace secuencialmente, de manera directa, por lo que hacer referencia a algo que está por debajo y que todavía no ha sucedido dará lugar a un problema.",
"Los computadores sólo leen de arriba hacía abajo, como tu leerías un libro.",
"Los programadores son los responsables de dividir sus ideas en pequeños pasos y escribirlos de una manera que las computadoras pueden entenderlos."
]
],
"titleEs": "¿Qué hacen los programadores?"
},
{
"id": "bd712ad8c441eddfbeb5bddf",
@@ -1110,8 +1110,7 @@
]
],
"type": "hike",
"challengeType": 6,
"nameEs": "Seguridad en los computadores",
"challengeType": 6,
"descriptionEs": [
"Lo fundamental de la seguridad en los computadores y cómo proteger su información.",
"Echemos una mirada a la seguridad en los computadores.",
@@ -1140,7 +1139,8 @@
"Una de las formas en que se puede comprometer tu información es cuando los 'los chicos malos' encuentran huecos en las versiones viejas de los programas",
"Estos defectos se corrigen en las versiones nuevas, por lo que evitarás problemas si mantienes el software actualizado.",
"Estas son algunas cosas muy básicas que debes saber acerca de cómo proteger la información de tu computador."
]
],
"titleEs": "Seguridad en los computadores"
}
]
}

8
challenges/04-video-challenges/dom.json
View File

@@ -30,7 +30,6 @@
],
"type": "hike",
"challengeType": 6,
"nameEs": "El DOM: ¿Qué es el Modelo de objetos del documento?",
"descriptionEs": [
"El DOM es la representación interna y programática de una página web del navegador. Lenguajes como javascript te permiten modificar el DOM, y por lo tanto el sitio web, sin editar el código HTML de la página.",
"Técnicamente, el DOM es un API (interfaz de programación de aplicaciones). Hay varios tipos de APIs, pero este API en particular interactúa con documentos XML y HTML. Está a cargo de cómo se accesan y se manipulan esos documentos.",
@@ -38,7 +37,8 @@
"Puedes insertar nuevos elementos, o cambiar el estilo o contenido de los elementos previamente existentes.",
"Esto se puede hacer con javascript puro, como: document.getElementById(id), element.getElementsByTagName(name), o document.createElement(name).",
"También puedes usar librerías como jQuery para simplificar, estandarizar y automatizar la manipulación del DOM, como por ejemplo: $('#caja2').append('Esto se agregará a caja2!')"
]
],
"titleEs": "El DOM: ¿Qué es el Modelo de objetos del documento?"
},
{
"id": "56b15f15632298c12f31518e",
@@ -66,14 +66,14 @@
],
"type": "hike",
"challengeType": 6,
"nameEs": "El DOM: Estilo en el encabezado, código al pie de página",
"descriptionEs": [
"Creo que ya te habrán dicho que los enlaces a código de estilo (CSS) deben ser incluidos en el encabezado (<code>header</code>) y que los enlaces al código (JS) deben estar incluidos al pie de página (<code>footer</code>). ¿Alguna vez te preguntaste por qué?",
"Si alguna vez has visto una página web que carga el texto primero, y después de un momento carga el formato y el estilo, entonces era una página que no tenía los enlaces hacia el estilo y el código en los lugares correctos.",
"Esto tiene que ver con la forma en que el navegador decide si ha cargado suficiente información para mostrar. Hay un evento llamado 'DOMContentLoaded', y una vez que ese evento ocurre, lo que sea que se haya cargado hasta entonces será mostrado.",
"El DOM le dirá al navegador que está listo una vez que el código HTML ha sido cargado, y a veces el CSS y JS no se han alcanzado a cargar. Si pones el CSS en el encabezado y el JS al pie de página, puedes estar seguro que todo el contenido será cargado antes que el DOM desencadene el evento 'DOMContentLoaded', el cual muestra tu contenido al usuario.",
"Esta es una explicación simplificada, al igual que la que encontrarás en el resto de estos videos. Si quieres más información, creo que el siguiente enlace es de bastante ayuda: ablogaboutcode.com/2011/06/14/how-javascript-loading-works-domcontentloaded-and-onload/"
]
],
"titleEs": "El DOM: Estilo en el encabezado, código al pie de página"
}
]
}

37
challenges/04-video-challenges/jslingo.json
View File

@@ -30,7 +30,6 @@
],
"type": "hike",
"challengeType": 6,
"nameEs": "JavaScript Lingo: MDN y Documentación",
"descriptionEs": [
"Esta es una introducción básica a MDN y el concepto de la documentación.",
"MDN, Mozilla Developer Network, es una fantástica colaboración de fuentes abiertas que documenta no sólo JavaScript, sino muchos otros lenguajes y temas. Si no has oído hablar de ellos, deberías darles un vistazo ahora. Personalmente obtengo mucha información de developer.mozilla.org/en-US/docs/Web/JavaScript ",
@@ -38,7 +37,8 @@
"A medida que continúes aprendiendo JavaScript, jQuery, y prácticamente cualquier otro lenguaje o servicio para desarrollo o programación, la documentación será tu amiga.",
"Cuanto más rápido te sientas cómodo leyendo y referenciando documentación, más rápido crecerás como desarrollador.",
"Estos vídeos no van a enseñarte JavaScript - te presentan términos y conceptos que serán valiosos a medida que continúes practicando y aprendiendo."
]
],
"titleEs": "JavaScript Lingo: MDN y Documentación"
},
{
"id": "56b15f15632298c12f31518d",
@@ -65,13 +65,13 @@
],
"type": "hike",
"challengeType": 6,
"nameEs": "JavaScript Lingo: Tipos de valores",
"descriptionEs": [
"Aprende sobre los tres tipos más básicos de valores: Booleanos, cadenas y números",
"Un booleano es un valor <code>true</code> (verdadero) o <code>false</code> (falso). Estas palabras son especiales y reservadas. No puedes nombrar a una variable como \"true\", porque esa palabra es ya universal como un valor lógico (así como lo es \"false\"). ",
"Una cadena es un conjunto de caracteres que se establecen entre apóstrofes (') o entre comillas (\"). Una cadena puede ser \"true\", siempre y cuando sea con comillas o con apóstrofes. ",
"Los números se explican por sí mismos - un número es un valor que se compone sólo de dígitos, aunque también puede contener un decimal o un signo negativo."
]
],
"titleEs": "JavaScript Lingo: Tipos de valores"
},
{
"id": "56b15f15632298c12f31518b",
@@ -101,7 +101,6 @@
],
"type": "hike",
"challengeType": 6,
"nameEs": "JavaScript Lingo: Variables y capitalizaciónCamello",
"descriptionEs": [
"Vamos a cubrir lo que constituye una variable, y el razonamiento detrás de la capitalizaciónCamello (<em>camelCase</em>).",
"Una variable, también conocida como una 'var', es el nombre o el espacio para un booleano, una cadena, un número, u otra pieza de información estática.",
@@ -109,7 +108,8 @@
"Tu 'declaras' variables por primera vez con <code>var</code> en frente de ella, pero después puedes referenciarla más adelante en tu programa.",
"capitalizaciónCamello es una forma en la que juntas varias palabras y aún así las mantienes legibles. La primera letra de la primera palabra va en minúsculas al igual que el resto de la primera palabra, pero la primera letra de cada palabra que siga se escribe en mayúsculas. No hay espacios. Ejemplos: brianaAmaSusMascotas, laMejorComidaEsElQueso, y valeLaPenaAprenderProgramacion.",
"Al asignar un nombre de variable, usa capitalizaciónCamello. Además, trata de mantener los nombres descriptivos y cortos para que los demás (¡e incluso tu!) puedan entender a lo que se refiere la variable simplemente por el nombre."
]
],
"titleEs": "JavaScript Lingo: Variables y capitalizaciónCamello"
},
{
"id": "56b15f15632298c12f31518a",
@@ -138,7 +138,6 @@
],
"type": "hike",
"challengeType": 6,
"nameEs": "JavaScript Lingo: Vectores y objetos",
"descriptionEs": [
"Si desea almacenar más de una pieza de información en una variable, puedes hacerlo mediante la creación de un vector o de un objeto.",
"** Exención de responsabilidad: Los objetos de JS no son exactamente lo mismo que los objetos en otros lenguajes. Vamos a discutir aquí objetos con respecto a JS. ",
@@ -146,7 +145,8 @@
"Los objetos son un tipo de datos que pueden verse o comportarse como un vector, en la medida que se trata de más valores almacenados en una variable de una manera organizada. Oirás que un objeto se puede representar en JSON, y con frecuencia cuando haces llamadas a la API de algunos sitios (para obtener información que necesitas mostrar en tu propia página) está será devuelta en JSON. ",
"Un ejemplo de la notación de objetos es: <code>var obj = { 'nombre': 'Briana', 'comida': 'queso', 'perro': 'Maurice'};</code>",
"Fíjate que un objeto se encierra entre llaves { ... }, que los diferentes atributos se separan por comas, que cada atributo consta de una palabra llave y de un valor. Por ejemplo son llaves 'nombre', 'comida' y 'perro' y sus respectivos valores son 'Briana', 'queso' y 'Maurice'. En este ejmplo todos los valores fueron cadenas, aunque también son válidos booleanos, números y otros tipos de datos."
]
],
"titleEs": "JavaScript Lingo: Vectores y objetos"
},
{
"id": "56b15f15632298c12f315189",
@@ -173,12 +173,12 @@
],
"type": "hike",
"challengeType": 6,
"nameEs": "JavaScript Lingo: Encontrando e indexando valores en vectores",
"descriptionEs": [
"Hay muchas razones por las que puedes necesitar acceder a una determinada pieza de información al interior de un conjunto más amplio, lo cual haces referenciando su índice.",
"No vamos a entrar en la sintaxis, pero debes saber que el primer elemento en un vector tiene en realidad el índice 0.",
"Esto también aplica para cadenas y objetos. Todos estos índices comienzan en 0, por lo que si en tu programa usas <code>miVector[2]</code>, realmente vas a obtener la tercera pieza de información del vector <code>miVector</code>."
]
],
"titleEs": "JavaScript Lingo: Encontrando e indexando valores en vectores"
},
{
"id": "56b15f15632298c12f315188",
@@ -208,7 +208,6 @@
],
"type": "hike",
"challengeType": 6,
"nameEs": "JavaScript Lingo: Manipulación de los datos",
"descriptionEs": [
"Métodos y funciones son formas con las que puedes modificar variables u otros conjuntos de información.",
"Los métodos están integrados en JavaScript, y te familiarizarás con estos cuando realices los desafíos sobre algoritmos.",
@@ -217,7 +216,8 @@
"Las funciones, al igual que las variables, son algo que tu defines y creas.",
"Durante tu práctica con algoritmos en FreeCodeCamp, vas a crear funciones que reciben una determinada pieza de información y la manipulan de la forma que elijas.",
"Vas a estar más familiarizado con la sintaxis, pero por ahora, sólo recuerda que con los métodos y funciones puedes hacer casi cualquier cosa con tu código."
]
],
"titleEs": "JavaScript Lingo: Manipulación de los datos"
},
{
"id": "56b15f15632298c12f315187",
@@ -247,7 +247,6 @@
],
"type": "hike",
"challengeType": 6,
"nameEs": "JavaScript Lingo: Matemáticas",
"descriptionEs": [
"Hay un objeto estático de nombre 'Math' en JS con muchos propiedades y métodos incluidos.",
"Vas a querer investigar más de este cuando manipules números. Consulta la documentación de MDN antes de escribir tus propias funciones, pues ya podrían estar definidas allí. ",
@@ -256,7 +255,8 @@
"Cuando trabajes con números, también debes estar consciente de que JS tiene un atributo interesante llamado 'formato de coma flotante'.",
"Dependiendo de la cantidad de números, su tamaño y la cantidad de cálculos, JS puede devolver un número que es inexacto en 0,00004.",
"Hay maneras de evitar esto, y en general no plantean problemas, pero es algo que debes tener en cuenta si te encuentras con algunos problemas que parecen no tienen sentido."
]
],
"titleEs": "JavaScript Lingo: Matemáticas"
},
{
"id": "56b15f15632298c12f315186",
@@ -283,12 +283,12 @@
],
"type": "hike",
"challengeType": 6,
"nameEs": "JavaScript Lingo: Ciclos",
"descriptionEs": [
"Si hay un conjunto de valores (vamos a utilizar un vector en este ejemplo, pero no tiene que ser así) y deseas realizar la misma operación a cada valor del conjunto, puedes usar algo llamado ciclo. ",
"Los ciclos tienen una sintaxis compleja a la que inicialmente es difícil acostumbrarse, pero una vez que la entiendas, son de gran utilidad. Yo usé ciclos en muchas de mis soluciones. ",
"No es necesario que entiendas todo aquí - sólo que sepas que existen ciclos cuando necesitas recorrer un conjunto de datos y que pueden reducir la cantidad de código que debes escribir."
]
],
"titleEs": "JavaScript Lingo: Ciclos"
},
{
"id": "56b15f15632298c12f315185",
@@ -318,8 +318,6 @@
],
"type": "hike",
"challengeType": 6,
"id": "56b15f15632298c12f315185",
"nameEs": "JavaScript Lingo: expresiones regulares (RegExp)",
"descriptionEs": [
"Las RegExp no siguen el formato del resto de JS, y pueden requerir una curva de aprendizaje.",
"Las epresiones regulares (abreviado <em>RegExp</em>) también pueden ser una herramienta muy útil y eficiente.",
@@ -328,7 +326,8 @@
"Si quisieras crear una página de registro que verifique las contraseñas para que contengan al menos un número y una letra mayúscula, puedes usar expresiones regulares.",
"Si quieres asegurarte de que las fechas introducidas en una página sean todas fechas válidas en el futuro, puedes usar RegExp.",
"Si bien hay infinitas maneras de utilizar RegExp, muchas de estas incluyen validaciones o ediciones automáticas de información."
]
],
"titleEs": "JavaScript Lingo: expresiones regulares (RegExp)"
}
]
}