freeCodeCamp/seed/challenges/getting-started.json

449 lines
25 KiB
JSON

{
"name": "Get Started with Free Code Camp",
"order": 1,
"time": "10m",
"challenges": [
{
"id": "560add10cb82ac38a17513be",
"title": "Learn how Free Code Camp Works",
"challengeSeed": [],
"description": [
[
"http://i.imgur.com/RlEk2IF.jpg",
"A picture of Free Code Camp's 4 benefits: Get connected, Learn JavaScript, Build your Portfolio, Help nonprofits",
"Welcome to Free Code Camp. We're an open source community of busy people who learn to code and help nonprofits.",
""
],
[
"http://i.imgur.com/Elb3dfj.jpg",
"A screenshot of some of our campers coding together in Toronto.",
"<bold>Learning to code is hard.</bold> To succeed, you'll need lots of practice and support. That's why we've created a rigorous curriculum and supportive community.",
""
],
[
"http://i.imgur.com/D7Y5luw.jpg",
"A graph of the rate of job growth against growth in computer science degree graduates. There are 1.4 million jobs and only 400 thousand people to fill them.",
"There are thousands of coding jobs currently going unfilled, and the demand for coders grows every year.",
""
],
[
"http://i.imgur.com/WD3STY6.jpg",
"Photos of three campers who've gotten jobs after learning to code at Free Code Camp.",
"Free Code Camp is a proven path to your first coding job. In fact, no one has actually completed our entire program, because campers get jobs before they're able to.",
""
],
[
"http://i.imgur.com/dLx8nrg.jpg",
"An illustration showing that you will learn HTML5, CSS3, JavaScript, Databases, Git, Node.js, Angular.js and Agile.",
"During the first half of Free Code Camp, you'll learn technologies like HTML5, Node.js and databases.",
""
],
[
"http://i.imgur.com/syJxavV.jpg",
"A screenshot of our Front End Development Certificate",
"About 400 hours into Free Code Camp, you'll earn your verified Front End Development Certification.",
""
],
[
"http://i.imgur.com/sKYQhdG.jpg",
"A screenshot of our Full Stack Development Certificate",
"About 800 hours into Free Code Camp, you'll earn your verified Full Stack Development Certification.",
""
],
[
"http://i.imgur.com/yXyxbDd.jpg",
"A screen shot of our nonprofit project directory.",
"Then you'll build several real-life projects for nonprofits. By the time you finish, you'll have a portfolio of real apps that people use every day.",
""
]
],
"type": "Waypoint",
"challengeType": 7,
"tests": [],
"nameCn": "",
"descriptionCn": [],
"nameFr": "",
"descriptionFr": [],
"nameRu": "",
"descriptionRu": [],
"nameEs": "Aprende como funciona Free Code Camp",
"descriptionEs": [
[
"http://i.imgur.com/RlEk2IF.jpg",
"Una imagen de los 4 beneficios de Free Code Camp: Conéctate, Aprende JavaScript, Construye tu Portafolio, Ayuda organizaciones sin ánimo de lucro",
"Bienvenido a Free Code Camp. Somos una comunidad de código abierto formada por personas ocupadas quienes aprenden a programar y ayudan a organizaciones sin ánimo de lucro.",
""
],
[
"http://i.imgur.com/Elb3dfj.jpg",
"Una imagen de algunos de nuestros campistas programando juntos en Toronto.",
"<bold>Aprender a programar es difícil.</bold> Para tener éxito, necesitaras mucha práctica y apoyo. Por eso es que hemos creado un riguroso curriculum y una comunidad de apoyo.",
""
],
[
"http://i.imgur.com/D7Y5luw.jpg",
"Una gráfica del crecimiento de trabajos en comparación con los graduados en un pregrado de ciencias de la computación. Hay 1.4 millones de empleos y solo 400 mil personas para ocuparlos.",
"Hay miles de trabajos de programación actualmente sin ocupar, y la demanda por programadores crece cada año.",
""
],
[
"http://i.imgur.com/WD3STY6.jpg",
"Fotos de tres campistas quienes obtuvieron trabajos después de aprender a programar en Free Code Camp.",
"Free Code Camp es un camino probado para tu primer trabajo de programación. De hecho, nadie actualmente ha completado nuestro programa entero, porque los campistas obtienen trabajos antes de poder hacerlo.",
""
],
[
"http://i.imgur.com/dLx8nrg.jpg",
"Una ilustración mostrando que aprenderás HTML5, CSS3, JavaScript, Bases de Datos, Git, Node.js, Angular.js y Agile.",
"Durante la primera mitad de Free Code Camp, aprenderás tecnologías como HTML5, Node.js y Bases de Datos.",
""
],
[
"http://i.imgur.com/syJxavV.jpg",
"Una imagen de nuestro Certificado de Desarrollo Front End",
"Tras unas 400 horas en Free Code Camp, obtendrás tu Certificación de Desarrollo Front End verificada.",
""
],
[
"http://i.imgur.com/sKYQhdG.jpg",
"Una imagen de nuestro Certificado de Desarrollo Full Stack",
"Tras unas 400 horas en Free Code Camp, obtendrás tu Certificación de Desarrollo Full Stack verificada.",
""
],
[
"http://i.imgur.com/yXyxbDd.jpg",
"Una imagen de nuestro directorio de organizaciones sin ánimo de lucro.",
"Entonces construiras varios proyectos reales para organizaciones sin ánimo de lucro. Para cuando termines, tendrás un portafolio de aplicaciones reales que las personas usan cada día.",
""
]
],
"namePt": "",
"descriptionPt": []
},
{
"id": "560add37cb82ac38a17513bf",
"title": "Create a GitHub Account and Join our Chat Rooms",
"challengeSeed": [],
"description": [
[
"http://i.imgur.com/EAR7Lvh.jpg",
"A screenshot of our one of our Gitter chat rooms.",
"Now let's join Free Code Camp's chat rooms. You can come here any time of day to hang out, ask questions, or find another camper to pair program with. First you'll need a GitHub account.",
""
],
[
"http://i.imgur.com/FEImaEN.gif",
"A gif showing you to click the link below to go to GitHub. Fill in the necessary fields and click submit.",
"Create an account with GitHub. Be sure to use your real email address - GitHub will keep this private.",
"https://github.com/join"
],
[
"http://i.imgur.com/ALN6zPK.gif",
"A gif showing you how to click the profile image in the upper right hand corner of GitHub. Upload a photo of yourself or you will continue to use the automatically generated pixel art. Then fill in the remaining form fields and click submit.",
"Click the pixel art in the upper right hand corner of GitHub, then choose settings. <br>Upload a picture of yourself. A picture of your face works best. This is how your fellow campers will see you in our chat rooms, so put your best foot forward. <br>You can add your city and your name if you want.",
"https://github.com/settings/profile"
],
[
"http://i.imgur.com/pYk0wOk.gif",
"A gif showing how you can star a GitHub repo.",
"Go to Free Code Camp's open-source repository and \"star\" it. \"Starring\" is the GitHub equivalent of \"liking\" something.",
"https://github.com/freecodecamp/freecodecamp"
],
[
"http://i.imgur.com/zwYPeQT.gif",
"A gif showing you how to click the link below to go to our chat room and click the \"sign in with GitHub\" button. Then you can click into the text input field and type a message to your fellow campers.",
"Now that you have a GitHub account, you can join our main chat room by logging in with GitHub. Introduce yourself by saying \"Hello world!\". <br>Tell your fellow campers how you found Free Code Camp. Also tell us why you want to learn to code.",
"https://gitter.im/FreeCodeCamp/FreeCodeCamp"
],
[
"http://i.imgur.com/Ecs5XAd.gif",
"A gif showing you how you can click the settings button in the upper right hand corner and modify your notification settings.",
"Our chat rooms are extremely active. You should change your settings so you're only notified if someone mentions you.",
""
],
[
"http://i.imgur.com/T0bGJPe.gif",
"A gif showing how you can click on a user profile image to initiate a private message with that user.",
"Please note that all of our chat rooms are visible to the public. If you need to share sensitive information, such as an email address or phone number, do it in a private message.",
""
],
[
"http://i.imgur.com/vDTMJSh.gif",
"A gif showing that you can tab back and forth between challenges and our chat rooms.",
"Keep our chat room open while you work through our challenges. That way, you can ask for help if you get stuck. You can also socialize with other campers when you feel like taking a break.",
""
],
[
"http://i.imgur.com/WvQvNGN.gif",
"A gif showing how you can click the link below to download a native chat room app for your computer.",
"You can also download the chat room app to your computer or phone.",
"https://gitter.im/apps"
]
],
"type": "Waypoint",
"challengeType": 7,
"tests": [],
"nameCn": "",
"descriptionCn": [],
"nameFr": "",
"descriptionFr": [],
"nameRu": "",
"descriptionRu": [],
"nameEs": "Crea una Cuenta de GitHub y Únete a nuestras Salas de Chat",
"descriptionEs": [
[
"http://i.imgur.com/EAR7Lvh.jpg",
"Una imagen de una de nuestras salas de chat en Gitter.",
"Ahora únete a las salas de chat de Free Code Camp. Puedes venir aquí en cualquier momento para charlar, hacer preguntas, o encontrar otro campista para programar juntos. Primero necesitaras una cuenta de GitHub.",
""
],
[
"http://i.imgur.com/FEImaEN.gif",
"Una imagen mostrandote como pulsar en el enlace inferior para ir a GitHub, llenar los campos necesarios y enviarlos.",
"Crea una cuenta en GitHub. Asegúrate de usar tu dirección de correo real - GitHub mantendrá esto en privado.",
"https://github.com/join"
],
[
"http://i.imgur.com/ALN6zPK.gif",
"Un gif mostrandote como pulsar en la imagen de perfil en la esquina superior derecha de GitHub. Sube una foto tuya o continuaras usando la imagen de pixeles generada automáticamente. Entonces llena los campos restantes y haz clic en envíar.",
"En la esquina superior derecha pulsa sobre la imagen de pixeles, entonces selecciona configuraciones. <br>Sube una imagen tuya. Una foto de tu cara es mejor. Así es como tus compañeros campistas te verán en nuestras salas de chat, así que toma tu mejor ángulo. <br>Puedes añadir tu ciudad y tu nombre si lo deseas.",
"https://github.com/settings/profile"
],
[
"http://i.imgur.com/pYk0wOk.gif",
"Un gif mostrandote como puedes dar una estrella a un repositorio de GitHub.",
"Ve al repositorio de código libre de Free Code Camp y dale una \"estrella\". Las \"estrellas\" son el equivalente en GitHub de los \"me gusta\".",
"https://github.com/freecodecamp/freecodecamp"
],
[
"http://i.imgur.com/zwYPeQT.gif",
"Un gif mostrandote como pulsar en el enlace inferior para ir a nuestra sala de chat y pulsar en el botón de \"iniciar sesión con GitHub\". Entonces puedes pulsar en el próximo campo de texto y escribir un mensaje a tus compañeros campistas.",
"Ahora que tienes una cuenta de GitHub, puedes unirte a nuestro chat principal al iniciar sesión con GitHub. Presentate diciendo \"Hello world!\". <br>Cuéntales a los tus compañeros campistas como encontraste Free Code Camp. Además cuéntanos porque deseas aprender a programar.",
"https://gitter.im/FreeCodeCamp/FreeCodeCamp"
],
[
"http://i.imgur.com/Ecs5XAd.gif",
"Un gif mostrandote como puedes pulsar en el botón de configuraciones en la esquina superior derecha y modificar tus configuraciones de notificaciones.",
"Nuestras salas de chat son extremadamente activas. Deberías cambiar tus configuraciones para ser notificado únicamente si alguien te menciona.",
""
],
[
"http://i.imgur.com/T0bGJPe.gif",
"Un gif mostrandote como puedes pulsar en la imagen de perfil de un usuario para iniciar una conversación privada con ese usuario.",
"Por favor nota que todas nuestras salas de chat son visibles para el público. Si necesitas compartir información privada, como una dirección de correo o un número de teléfono, hazlo en un mensaje privado.",
""
],
[
"http://i.imgur.com/vDTMJSh.gif",
"Un gif mostrandote que puedes cambiar entre desafíos y nuestras salas de chat.",
"Mantén nuestra sala de chat abierta mientras trabajas en nuestros desafíos. De esta manera, puedes pedir ayuda si quedas atascado. Además puedes socializar con otros campistas cuando quieras tomar un descanso.",
""
],
[
"http://i.imgur.com/WvQvNGN.gif",
"Un gif mostrandote como puedes pulsar abajo para descargar una aplicación de chat nativa para tu computadora.",
"También puedes descargar la aplicación de chat para tu computadora o teléfono móvil.",
"https://gitter.im/apps"
]
],
"namePt": "",
"descriptionPt": []
},
{
"id": "560add56cb82ac38a17513c0",
"title": "Configure your Code Portfolio",
"challengeSeed": [],
"description": [
[
"http://i.imgur.com/tP2ccTE.gif",
"A gif showing how you can click your profile image in your upper right hand corner to your code portfolio and connect GitHub.",
"Check out your code portfolio. Click your picture in your upper right hand corner. To activate your code portfolio, you'll need to link your GitHub account with Free Code Camp. <br>Your code portfolio shows your progress and how many Brownie Points you have. You can get Brownie Points by completing challenges and by helping other campers in our chat rooms. If you get Brownie Points on several days in a row, you'll get a streak.",
""
]
],
"type": "Waypoint",
"challengeType": 7,
"tests": [],
"nameCn": "",
"descriptionCn": [],
"nameFr": "",
"descriptionFr": [],
"nameRu": "",
"descriptionRu": [],
"nameEs": "Configura tu portafolio de código",
"descriptionEs": [
[
"http://i.imgur.com/tP2ccTE.gif",
"Un gif mostrandore como puedes pulsar en tu imagen de perfil en la esquina superior derecha conectar tu portafolio y GitHub.",
"Dale un vistazo de tu portafolio de código. Da click en tu imagen en la esquina superior derecha. Para activar tu portafolio de código, necesitaras conectar tu cuenta de GitHub con Free Code Camp. <br>Tu portafolio de código muestra tu progreso y cuantos Brownie Points tienes. Puedes obtener Brownie Points completando desafíos y ayudando a otros campistas en nuestras salas de chat. Si obtienes Brownie Points varios días consecutivos, obtendrás una racha.",
""
]
],
"namePt": "",
"descriptionPt": []
},
{
"id": "560add71cb82ac38a17513c2",
"title": "Join a Campsite in Your City",
"challengeSeed": [],
"description": [
[
"http://i.imgur.com/NAOFJWN.jpg",
"A picture of some of our campers meeting in a local cafe. 3 men and 3 women are sitting around a table with laptops out, and are smiling and coding.",
"Our Campsites help you code with campers in your city. You can coordinate study groups or attend local coding events together.",
""
],
[
"http://i.imgur.com/fTFMjwf.gif",
"A gif showing how you can click the link below, find your city on the list of Campsites, then click on the Facebook link for your city and join your city's Facebook group.",
"Find your city on this list and click it. This will take you to your city's Campsite's Facebook group. <br>Click the \"Join group\" button to apply to join your city's Facebook group. Someone from the campsite should approve you shortly. <br>If your city isn't on this list, scroll to the bottom of the wiki article for instructions for how you can create your city's Campsite.",
"https://github.com/FreeCodeCamp/freecodecamp/wiki/List-of-Free-Code-Camp-city-based-Campsites"
]
],
"type": "Waypoint",
"challengeType": 7,
"tests": [],
"nameCn": "",
"descriptionCn": [],
"nameFr": "",
"descriptionFr": [],
"nameRu": "",
"descriptionRu": [],
"nameEs": "Únete a un Campamento en Tu Ciudad",
"descriptionEs": [
[
"http://i.imgur.com/NAOFJWN.jpg",
"Una imagen de algunos de nuestros campistas compartiendo en un café local. 3 hombres y 3 mujeres estan sentados alrededor de una mesa con portátiles afuera, y estan sonriendo y programando.",
"Nuestros Campamentos te ayudan a programar con otros campistas en tu ciudad. Puedes coordinar grupos de estudio o atender eventos de programación locales juntos.",
""
],
[
"http://i.imgur.com/fTFMjwf.gif",
"Un gif mostrandote como puedes pulsar en el enlace inferior, encontrar tu ciudad en la lista de Campamentos, entonces haz clic en el enlace de Facebook para tu ciudad y unirte al grupo de Facebook de tu ciudad.",
"Encuentra tu ciudad en esta lista y haz clic en esta. Esto te llevara al grupo de Facebook del Campamento de tu ciudad. <br>Da clic en el botón de \"Unirse al grupo\" para unirte a el grupo. Alguien del mismo campamento debería aprobarte en breve. <br>Si tu ciudad no esta en esta lista, ve al final del articulo de la wiki para instrucciones en como crear un campamento para tu ciudad.",
"https://github.com/FreeCodeCamp/freecodecamp/wiki/List-of-Free-Code-Camp-city-based-Campsites"
]
],
"namePt": "",
"descriptionPt": []
},
{
"id": "560add8ccb82ac38a17513c4",
"title": "Learn What to Do If You Get Stuck",
"challengeSeed": [],
"description": [
[
"http://i.imgur.com/lzKvwU2.jpg",
"The text \"Coding is hard.\"",
"Coding is hard. You will get stuck. Even experienced coders get stuck. The key is knowing how to get unstuck.",
""
],
[
"http://i.imgur.com/sfsidp6.jpg",
"The text \"It takes time to get good at coding.\"",
"It takes time to get good at coding. You wouldn't expect to beat a chess master after playing for 3 months. Don't expect to build the next Facebook after coding for 3 months.",
""
],
[
"http://i.imgur.com/EoTfOyC.jpg",
"An image of some of our campers coding together in Montreal.",
"Keep practicing coding every day and hanging out with other people who code, and you will become a job-ready coder.",
""
],
[
"http://i.imgur.com/EWWZBag.jpg",
"An image with the text \"1. Read the error 2. Search Google 3. Ask for help.",
"Any time you get stuck or don't know what to do next: Read-Search-Ask.",
""
],
[
"http://i.imgur.com/99BfAcK.jpg",
"An image showing jQuery documentation",
"First, read the documentation or error message. A key skill that good coders have is the ability to interpret and then follow instructions.",
""
],
[
"http://i.imgur.com/GxvrsFb.gif",
"A gif showing you how to do an advanced Google search. First, we enter the query \"jquery doesn't run when my page loads\". Then we click search tools button and change the \"Any time\" select box to \"within the last year\". Then we click on a result and read through the article and find our answer.",
"If that didn't help, search Google. Good Google queries take a lot of practice. When you search Google, you usually want to include the language or framework you're using. You also want to limit the results to a recent period.",
""
],
[
"http://i.imgur.com/LZYU7p2.gif",
"A gif showing us following the link below to go to the help chat room and ask \"jquery doesn't run when my page loads\".",
"If that didn't help, ask your friends. If you have trouble, you can ask your fellow campers in our help chat room.",
"https://gitter.im/FreeCodeCamp/Help"
],
[
"http://i.imgur.com/ZRgXraT.gif",
"A gif showing us scrolling through our challenge map.",
"Now you're ready to start coding. <br>The \"Map\" button in your upper right hand corner will show you our challenge map. <br>We recommend that you complete these from top to bottom, at a sustainable pace. <br>Our open source community is constantly improving our challenges, so don't be surprised if they change or move around. Don't worry about going back - just keep moving forward. <br>You can always go to your most recent challenge by clicking the \"Learn\" button.",
""
]
],
"type": "Waypoint",
"challengeType": 7,
"tests": [],
"nameCn": "",
"descriptionCn": [],
"nameFr": "",
"descriptionFr": [],
"nameRu": "",
"descriptionRu": [],
"nameEs": "Aprende que hacer si te quedas atascado",
"descriptionEs": [
[
"http://i.imgur.com/lzKvwU2.jpg",
"El texto \"Programar es difícil.\"",
"Programar es difícil. Quedarás atascado. Incluso programadores experimentados quedan atascados. La clave es saber como desatascarse.",
""
],
[
"http://i.imgur.com/sfsidp6.jpg",
"El texto \"Toma tiempo para ser bueno programando.\"",
"Toma tiempo para ser bueno programando. No esperarías derrotar a un maestro del ajedrez después de jugar por 3 meses. No esperes crear el próximo Facebook después de programar 3 meses.",
""
],
[
"http://i.imgur.com/EoTfOyC.jpg",
"Una imagen de algunos de nuestros campistas programando juntos en Montreal.",
"Sigue practicando programación cada día y sal con otras personas que programen, y te volverás un programador listo para un trabajo.",
""
],
[
"http://i.imgur.com/EWWZBag.jpg",
"Una imagen con el texto \"1. Lee el error 2. Busca en Google 3. Pide ayuda.",
"En cualquier momento en el que te quedes atascado o no sepas que hacer a continuación: Lee-Busca-Pregunta.",
""
],
[
"http://i.imgur.com/99BfAcK.jpg",
"Una imagen mostrando la documentación de jQuery",
"Primero, lee la documentación o el mensaje de error. Una habilidad clave que los buenos programadores poseen es el poder interpretar y seguir instrucciones.",
""
],
[
"http://i.imgur.com/GxvrsFb.gif",
"Un gif mostrandote como hacer una búsqueda avanzada en Google. Primero, escribimos la consulta \"jquery no corre cuando mi página carga\". Entonces damos clic en el botón de herramientas y cambiamos la selección de \"En cualquier momento\" a \"en el último año\". Entonces hacemos clic en un resultado o leemos a través del artículo y encontramos nuestra respuesta.",
"Si eso no ayudo, busca en Google. Buenas búsquedas en Google toman mucha práctica. Cuando buscas en Google, usualmente quieres incluir el lenguaje o framework que estás usando. También quieres limitar los resultados a un período reciente.",
""
],
[
"http://i.imgur.com/LZYU7p2.gif",
"Un gif mostrandonos como seguir el enlace inferior para ir a nuestra sala de chat de ayuda y preguntar \"jquery no corre cuando mi página carga\".",
"Si eso no te ayudo, preguntale a tus amigos. Si tienes problemas, puedes preguntar a tus compañeros campistas en nuestra sala de chat.",
"https://gitter.im/FreeCodeCamp/Help"
],
[
"http://i.imgur.com/ZRgXraT.gif",
"Un gif mostrandonos nuestro mapa de desafíos.",
"Ahora estas listo para empezar a programar. <br>El botón de \"Mapa\" en tu esquina superior derecha te mostrará nuestro mapa de desafíos. <br>Te recomendaos que completes los desafíos de arriba hacía abajo, a un ritmo sostenible. <br>Nuestra comunidad de código abierto esta constantemente mejorando nuestros desafíos, así que no te sorprendas si cambian o se mueven alrededor. No te preocupes por volver hacia atrás - solo continúa avanzando. <br>Siempre puedes ir a tu desafío más reciente pulsando el botón de \"Aprender\".",
""
]
],
"namePt": "",
"descriptionPt": []
}
]
}