diff --git a/challenges/01-responsive-web-design/basic-html-and-html5.json b/challenges/01-responsive-web-design/basic-html-and-html5.json index 540f439f1b..b9055bafb6 100644 --- a/challenges/01-responsive-web-design/basic-html-and-html5.json +++ b/challenges/01-responsive-web-design/basic-html-and-html5.json @@ -9,19 +9,19 @@ "title": "Learn How freeCodeCamp Works", "description": [ [ - "//i.imgur.com/ZMOCvg9.jpg", + "https://i.imgur.com/ZMOCvg9.jpg", "A picture of six freeCodeCamp campers sitting around a table coding together.", "Welcome. You're now part of a supportive coding community. You can code online or in-person with people in thousands of cities around the world.", "" ], [ - "//i.imgur.com/EUyHs60.jpg", + "https://i.imgur.com/EUyHs60.jpg", "A picture of the technologies you'll learn: HTML5, CSS, JavaScript, Databases, Git & GitHub, Node.js, React.js, D3.js.", "You'll learn to code by completing coding challenges and building projects. You'll also earn verified certificates along the way.", "" ], [ - "//i.imgur.com/LRnNMU5.png", + "https://i.imgur.com/LRnNMU5.png", "An image of our open source projects on GitHub.", "Then you'll get experience by contributing to open source projects used by nonprofits. This will help prepare you for a coding job. Let's get started!", "" @@ -182,7 +182,7 @@ "title": "Headline with the h2 Element", "description": [ "Over the next two sections, we'll build an HTML5 app that will look something like this:", - "\"A", + "\"A", "The h2 element you enter will create an h2 element on the website.", "This element tells the browser about the structure of your website. h1 elements are often used for main headings, while h2 elements are generally used for subheadings. There are also h3, h4, h5 and h6 elements to indicate different and new sections.", "
", @@ -203,7 +203,7 @@ "de": { "description": [ "In den nächsten Challenges werden wir eine HTML5 App entwickeln die ungefähr so aussehen wird:", - "\"Ein", + "\"Ein", "Das eingetragene h2 Element wird ein h2 Element auf der Website erzeugen.", "Dieses Element sagt dem Browser, wie die Struktur deiner Website aufgebaut ist. h1 Elemente werden oft für Hauptüberschriften verwendet, während h2 Elemente üblicherweise für Zwischenüberschriften verwendet werden. Es gibt auch h3, h4, h5 und h6 Elemente die verschiedene und neue Bereiche kennzeichnen.", "
", @@ -214,7 +214,7 @@ "title": "Un titre avec l'élément h2", "description": [ "Pour les quelques prochains défis, nous construirons une application HTML5 qui ressemblera à ceci :", - "\"Une", + "\"Une", "L'élément h2 que vous entrerez créera un élément h2 sur le site.", "Cet élément renseigne votre navigateur sur la structure de votre site. Les éléments h1 sont souvent utilisés comme titre, tandis que les éléments h2 sont généralement utilisés comme sous-titres. Il existe également les éléments h3, h4, h5 et h6 qui indiquent une nouvelle et différente section.", "
", @@ -225,7 +225,7 @@ "title": "Título com o elemento h2", "description": [ "Nas próximas duas seções, nós vamos construir um app HTML5 que vai ficar mais ou menos assim:", - "\"Um", + "\"Um", "O elemento h2 que você vai adicionar vai criar um elemento h2 na página.", "Esse elemento indica ao navegador a estrutura do seu site. Elementos h1 são geralmente usados para os títulos principais, enquanto elementos h2 são usados para subtítulos. Também existem os elementos h3, h4, h5 e h6, que indicam seções novas e diferentes.", "
", @@ -236,7 +236,7 @@ "title": "Заголовок с применением элемента h2", "description": [ "В результате прохождения нескольких следующих испытаний, мы построим HTML5 приложение, которое будет похоже на это:", - "\"A", + "\"A", "Вводимый вами элемент h2 создаст соответствующий элемент h2 на web-странице.", "Этот элемент сообщает браузеру о структуре вашего web-сайта. Элементы h1 часто применяют в качестве главных заголовков, в то время как элементы h2 обычно используют для обозначения позаголовков. Также существуют элементы h3, h4, h5 и h6 для обозначения отдельных секций.", "
", @@ -709,7 +709,7 @@ "description": [ "a elements, also known as anchor elements, are used to link to content outside of the current page.", "Here's a diagram of an a element. In this case, the a element is used in the middle of a paragraph element, which means the link will appear in the middle of a sentence.", - "\"aClick to enlarge ", + "\"aClick to enlarge ", "Here's an example:", "
<p>
Here's a
<a href=\"http://freecodecamp.org\">
link to freecodecamp.org
</a>
for you to follow.
</p>
", "Let's break down the example:", @@ -746,7 +746,7 @@ "description": [ "a Elemente, auch bekannt als anchor (Anker) Elemente, werden verwendet um auf Inhalte außerhalb der aktuellen Seite zu verweisen.", "So sieht ein a Element aus. In diesem Fall wird es innerhalb eines Paragraphen Elements verwendet. Das bedeutet dein Link wird innerhalb des Satzes erscheinen.", - "\"Eine", + "\"Eine", "Hier ist ein Beispiel:", "<p>Hier ist ein <a href=\"http://freecodecamp.org\"> Link zu freeCodeCamp</a> dem du folgen kannst.</p>", "
", @@ -758,7 +758,7 @@ "description": [ "Los elementos a, también conocidos como elementos ancla, se utilizan para enlazar a contenido fuera de la página actual.", "Aquí está un diagrama de un elemento a. En este caso, el elemento a se utiliza en el medio de un elemento de párrafo, lo que significa que el enlace aparecerá en el medio de una frase. ", - " \"un ", + " \"un ", "He aquí un ejemplo:", "<p>Aquí está un <a href=\"https://freecodecamp.org\"> enlace a freeCodeCamp</a> para que lo sigas.</p>", "
", @@ -770,7 +770,7 @@ "description": [ "Elementos a, também conhecidos como elementos âncora, são usados para criar links para conteúdo de fora da página atual.", "Aqui está um diagrama de um elemento a. Nesse caso, o elemento a é usado no meio de um elemento de parágrafo, o que significa que esse link vai aparecer no meio de uma frase.", - "\"um", + "\"um", "Aqui está um exemplo:", "<p>Aqui está um <a href=\"http://freecodecamp.org\"> link para o freecodecamp.org</a> para você clicar.</p>", "
", @@ -782,7 +782,7 @@ "description": [ "Элементы a, также известные как якорные элементы, применяют для связи с содержимым вне текущей страницы.", "Вот диаграмма элемента a. В этом случае, элемент a использован в середине элемента параграфа, что значит, что ссылка появится в середине предложения.", - "\"a", + "\"a", "Вот пример:", "<p>Вот <a href=\"http://freecodecamp.org\"> ссылка на freeCodeCamp</a> для перехода на ресурс.</p>", "
", @@ -856,7 +856,7 @@ "title": "Nest an Anchor Element within a Paragraph", "description": [ "Again, here's a diagram of an a element for your reference:", - "\"aClick to enlarge ", + "\"aClick to enlarge ", "Here's an example:", "
<p>
Here's a <a href=\"http://freecodecamp.org\"> link to freecodecamp.org</a> for you to follow.
</p>
", "Let's break down the example:", @@ -897,7 +897,7 @@ "title": "Anker Element mit einem Paragraphen umschließen", "description": [ "Hier ist nochmal ein Beispiel für ein a Element:", - "\"Eine", + "\"Eine", "Hier ist ein Beispiel:", "<p>Hier ist ein <a href=\"https://freecodecamp.org\"> Link zu freeCodeCamp</a> dem du folgen kannst.</p>", "Nesting bedeutet, ein Element innerhalb eines anderen Elements zu schreiben", @@ -909,7 +909,7 @@ "title": "Anida un elemento de ancla dentro de un párrafo", "description": [ "Una vez más, aquí está un diagrama de un elemento a para tu referencia:", - "\"un", + "\"un", "He aquí un ejemplo:", "<p>Aquí hay un <a href=\"https://freecodecamp.org\"> enlace a freeCodeCamp</a> para que lo sigas.</p>", "Anidamiento simplemente significa poner un elemento dentro de otro elemento.", @@ -921,7 +921,7 @@ "title": "Aninhe um elemento âncora a um parágrafo", "description": [ "Novamente, aqui está um diagrama de um elemento a para você usar como referência:", - "\"um", + "\"um", "Veja um exemplo:", "<p>Aqui está um <a href=\"https://freecodecamp.org\"> link para o freeCodeCamp</a> para você clicar.</p>", "Aninhar significa colocar um elemento dentro de outro.", @@ -933,7 +933,7 @@ "title": "Создайте вложенный якорный элемент внутри параграфа", "description": [ "Вот диаграмма элемента a:", - "\"a", + "\"a", "Вот пример:", "<p>Вот <a href=\"https://freecodecamp.org\"> ссылка на freeCodeCamp</a> для перехода на ресурс.</p>", "Вложенность значит установку одного элемента внутрь друго элемента.", @@ -948,13 +948,13 @@ "title": "Join a freeCodeCamp Study Group in Your City", "description": [ [ - "//i.imgur.com/WBVydfk.jpg", + "https://i.imgur.com/WBVydfk.jpg", "A picture of some of our campers meeting in a local cafe.", "You can code together with other campers in your city by joining a local freeCodeCamp study group.", "" ], [ - "//i.imgur.com/IqBnnuFr.jpg", + "https://i.imgur.com/IqBnnuFr.jpg", "A picture of our study group directory.", "Click the button below to open our study group directory.

Find your local study group and click it. This will take you to their Facebook group.

Click the Join group button. Once someone from the group approves your join request, and you'll get a notification within Facebook, and can go back and introduce yourself.", "https://www.freecodecamp.org/study-group-directory/" @@ -967,13 +967,13 @@ "titleEs": "Únete a un Campamento en Tu Ciudad", "descriptionEs": [ [ - "//i.imgur.com/NAOFJWN.jpg", + "https://i.imgur.com/NAOFJWN.jpg", "Una imagen de algunos de nuestros campistas compartiendo en un café local. 3 hombres y 3 mujeres están sentados alrededor de una mesa con portátiles afuera, y están 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.", "" ], [ - "//i.imgur.com/fTFMjwf.gif", + "https://i.imgur.com/fTFMjwf.gif", "Un gif mostrándote 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. Da clic en el botón de \"Unirse al grupo\" para unirte a el grupo. Alguien del mismo campamento debería aprobarte en breve.", "http://forum.freecodecamp.org/t/free-code-camp-city-based-local-groups/19574" @@ -982,13 +982,13 @@ "titleDe": "Tritt einem Campsite in deiner Stadt bei", "descriptionDe": [ [ - "//i.imgur.com/XugIMb4.jpg", + "https://i.imgur.com/XugIMb4.jpg", "Ein Foto von einigen Campern bei einem Treffen in einem lokalen Cafe.", "Unsere Campsites sind Facebook Gruppen die dir helfen dich mit anderen Campern aus deiner Stadt zu treffen. Du kannst diese Gruppen verwenden um an \"Coffee-and-Code\" Treffen, wo du andere Camper in einem Cafe triffst um gemeinsam zu programmieren, teilzunehmen oder zu organisieren", "" ], [ - "//i.imgur.com/fTFMjwf.gif", + "https://i.imgur.com/fTFMjwf.gif", "Ein GIF das zeigt wie du auf den untenstehenden Link klickst, deine Stadt aus der Liste aller Campsites suchst, auf den Facebook Link klickst und der Facebook Gruppe beitrittst.", "Finde deine Stadt auf dieser Liste und klick sie an. Du wirst auf die Facebook Gruppe des Campsites deiner Stadt geleitet. Klick den \"Gruppe beitreten\" Button um eine Beitrittsanfrage zu stellen. Jemand aus der Gruppe sollte dich in kürzester Zeit annehmen.", "http://forum.freecodecamp.org/t/free-code-camp-city-based-local-groups/19574" @@ -997,13 +997,13 @@ "TitleIt": "Unisciti ad un gruppo Free Code Camp nella tua città", "DescriptionIt": [ [ - "//i.imgur.com/XugIMb4.jpg", + "https://i.imgur.com/XugIMb4.jpg", "Una foto di alcuni dei nostri camper riuniti in un bar locale.", "È possibile programmare insieme ad altri campers nella tua città aderendo ad un gruppo Free Code Camp vicino a te.", "" ], [ - "//i.imgur.com/fTFMjwf.gif", + "https://i.imgur.com/fTFMjwf.gif", "Una gif che mostra come è possibile fare clic sul link qui sotto, e trovare la tua città nella lista dei gruppi locali.", "Trova la tua città in questa lista e cliccala. Verrai indirizzato alla sua pagina Facebook. Fai clic sul pulsante \" Entra nel gruppo \". Qualcuno del gruppo dovrebbe approvare a breve la tua richiesta. Se la tua città non è in questo elenco, scorri alla parte superiore di questo articolo wiki per le istruzioni su come iniziare un gruppo nella tua città. ", "http://forum.freecodecamp.org/t/free-code-camp-city-based-local-groups/19574" @@ -1015,10 +1015,10 @@ "title": "Become a Supporter", "description": [ [ - "//i.imgur.com/CxcBk9C.png", + "https://i.imgur.com/CxcBk9C.png", "Help us pay for servers and other costs. Set up a monthly donation you can afford.", "freeCodeCamp is a small nonprofit that helps busy people learn to code for free. Help us pay for servers and other costs. Set up a monthly donation you can afford.", - "//donate.freecodecamp.org" + "https://donate.freecodecamp.org" ] ], "challengeSeed": [], diff --git a/challenges/01-responsive-web-design/claim-your-responsive-web-design-certificate.json b/challenges/01-responsive-web-design/claim-your-responsive-web-design-certificate.json index 60fb8700a4..14b8182062 100644 --- a/challenges/01-responsive-web-design/claim-your-responsive-web-design-certificate.json +++ b/challenges/01-responsive-web-design/claim-your-responsive-web-design-certificate.json @@ -8,25 +8,25 @@ "title": "Claim Your Responsive Web Design Certificate", "description": [ [ - "//i.imgur.com/GjTPLxI.jpg", + "https://i.imgur.com/GjTPLxI.jpg", "An image of our Responsive Web Design Certificate", "This challenge will give you your verified Responsive Web Design Certificate. Before we issue your certificate, we must verify that you have completed all of our basic and intermediate algorithm scripting challenges, and all our responsive web design projects. You must also accept our Academic Honesty Pledge. Click the button below to start this process.", "" ], [ - "//i.imgur.com/uLPsUko.jpg", + "https://i.imgur.com/uLPsUko.jpg", "The definition of plagiarism: Plagiarism (noun) - copying someone else’s work and presenting it as your own without crediting them", "By clicking below, you pledge that all of your submitted code A) is code you or your pair personally wrote, or B) comes from open source libraries like jQuery, or C) has been clearly attributed to its original authors. You also give us permission to audit your challenge solutions and revoke your certificate if we discover evidence of plagiarism.", "#" ], [ - "//i.imgur.com/cyRVnUa.jpg", + "https://i.imgur.com/cyRVnUa.jpg", "An image of the text \"Responsive Web Design requirements\"", "Let's confirm that you have completed all of our responsive web design projects. Click the button below to verify this.", "#" ], [ - "//i.imgur.com/Q5Za9U6.jpg", + "https://i.imgur.com/Q5Za9U6.jpg", "An image of the word \"Congratulations\"", "Congratulations! We've added your Responsive Web Design Certificate to your portfolio page. Unless you choose to hide your solutions, this certificate will remain publicly visible and verifiable.", "" @@ -77,25 +77,25 @@ "title": "Reclama tu certificado de Desarrollo de interfaces", "description": [ [ - "//i.imgur.com/GjTPLxI.jpg", + "https://i.imgur.com/GjTPLxI.jpg", "An image of our Responsive Web Design Certificate", "This challenge will give you your verified Responsive Web Design Certificate. Before we issue your certificate, we must verify that you have completed all of our responsive web design projects. You must also accept our Academic Honesty Pledge. Click the button below to start this process.", "" ], [ - "//i.imgur.com/HArFfMN.jpg", + "https://i.imgur.com/HArFfMN.jpg", "Plagio (nombre): acción y efecto de plagiar. Plagiar (verbo) - copiar en lo sustancial obras ajenas, dándolas como propias.", "Al pulsar el botón siguiente, juras que todo el código en tus soluciones a los desafíos A) es código que tú o tu compañero escribieron personalmente, o B) proviene de librerías de código abierto como jQuery, o C) ha sido claramente atribuido a sus autores originales. También nos otorgas el permiso para auditar tus soluciones a los desafíos y revocar tu certificado si encontramos evidencia de plagio.", "#" ], [ - "//i.imgur.com/cyRVnUa.jpg", + "https://i.imgur.com/cyRVnUa.jpg", "An image of the text \"Responsive Web Design requirements\"", "Let's confirm that you have completed all of our responsive web design projects. Click the button below to verify this.", "#" ], [ - "//i.imgur.com/16SIhHO.jpg", + "https://i.imgur.com/16SIhHO.jpg", "Una imagen de la palabra \"Congratulations\"", "¡Felicitaciones! Hemos agregado tu certificado de Desarrollo de interfaces a tu portafolio. A menos que elijas no mostrar tus soluciones, este certificado será públicamente visible y verificable.", "" @@ -106,25 +106,25 @@ "title": "Solicite seu Certificado de Design Responsivo", "description": [ [ - "//i.imgur.com/k8btNUB.jpg", + "https://i.imgur.com/k8btNUB.jpg", "Uma Imagem do Nosso Certificado de Design Responsivo", "Este desafio lhe dará seu certificado verificado de Design Responsivo. Antes de emitir o seu certificado, devemos verificar se você completou todos os nossos desafios básicos e intermediários de algoritmos e todos os nossos projetos básicos, intermediários e avançados de desenvolvimento. Você também deve aceitar nosso compromisso de honestidade acadêmica. Clique no botão abaixo para iniciar este processo.", "" ], [ - "//i.imgur.com/uLPsUko.jpg", + "https://i.imgur.com/uLPsUko.jpg", "A definição de plágio: Plágio (substantivo) - copiar o trabalho de outra pessoa e apresentá-lo como seu sem creditar o autor", "Ao clicar abaixo, você promete que todo o seu código enviado A) foi escrito por você ou o seu par pessoalmente, ou B) vem de bibliotecas de código aberto como o jQuery ou C) foi claramente atribuído a seus autores originais. Você também nos dá permissão para auditar suas soluções de desafios e revogar o seu certificado se descobrirmos evidências de plágio.", "#" ], [ - "//i.imgur.com/UedoV2G.jpg", + "https://i.imgur.com/UedoV2G.jpg", "Uma imagem do texto \"Requisitos do Certificado de Desenvolvimento Front-End\"", "Vamos confirmar que você completou todos os nossos desafios de algoritmos básicos e intermediários e todos os nossos projetos básicos, intermediários e avançados de desenvolvimento. Clique no botão abaixo para verificar.", "#" ], [ - "//i.imgur.com/Q5Za9U6.jpg", + "https://i.imgur.com/Q5Za9U6.jpg", "Uma imagem da palavra \"Parabéns\"", "Parabéns! Adicionamos o seu Certificado de Design Responsivo à sua página de portfólio. A menos que você opte por esconder suas soluções, este certificado permanecerá publicamente visível e verificável", "" diff --git a/challenges/01-responsive-web-design/responsive-web-design-projects.json b/challenges/01-responsive-web-design/responsive-web-design-projects.json index 0494a5d4be..0953d0ae1e 100644 --- a/challenges/01-responsive-web-design/responsive-web-design-projects.json +++ b/challenges/01-responsive-web-design/responsive-web-design-projects.json @@ -9,43 +9,43 @@ "title": "Get Set for our Responsive Web Design Projects", "description": [ [ - "//i.imgur.com/OAD6SJz.png", + "https://i.imgur.com/OAD6SJz.png", "An image of a Simon game, one our front end projects.", "Our front end development projects will give you a chance to apply the front end skills you've developed up to this point. We'll use a popular browser-based code editor called CodePen.", "" ], [ - "//i.imgur.com/WBetuBa.jpg", + "https://i.imgur.com/WBetuBa.jpg", "A programmer punching through his laptop screen in frustration.", "These projects are hard. It takes most campers several days to build each project. You will get frustrated. But don't quit. This gets easier with practice.", "" ], [ - "//i.imgur.com/p2TpOQd.jpg", + "https://i.imgur.com/p2TpOQd.jpg", "A cute dog jumping over a hurdle and winking and pointing his paw at you.", "When you get stuck, just use the Read-Search-Ask methodology. Don't worry - you've got this.", "" ], [ - "//i.imgur.com/G1saeDt.gif", + "https://i.imgur.com/G1saeDt.gif", "A gif showing how to create a Codepen account.", "For our front end project challenges, we'll use a popular browser-based code editor called CodePen. Click the \"Open link in new tab\" button below to open CodePen's signup page. Fill out the form and click \"Sign up\".
Note: If you already have a CodePen account, you can skip this step by clicking \"Open link in new tab\", closing the new tab that opens, then clicking \"go to my next step\". We removed our \"skip step\" button because many people would just click it repeatedly without doing these important steps.
", "https://codepen.io/accounts/signup/user/free" ], [ - "//i.imgur.com/U4y9RJ1.gif", + "https://i.imgur.com/U4y9RJ1.gif", "A gif showing that you can type \"hello world\" will output \"hello world\" in the preview window. You can also drag windows to resize them, and change their orientation.", "In the HTML box, create an h1 element with the text \"Hello World\". You can drag the frames around to resize them. You can also click the \"Change View\" button and change the orientation of the frames.", "" ], [ - "//i.imgur.com/xHoCEt2.gif", + "https://i.imgur.com/xHoCEt2.gif", "A gif showing the process of adding Bootstrap to your pen.", "Click the gear in the upper left hand corner of the CSS box, then copy this link https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css inside the text box. Now give your h1 element the class of text-primary to change its color and prove that Bootstrap is now available. Note that by using the dropdown menu and selecting \"Bootstrap\", the Alpha v.4 will be added instead.", "" ], [ - "//i.imgur.com/m0pWik2.gif", + "https://i.imgur.com/m0pWik2.gif", "A gif showing the process of turning off auto update preview", "When using CodePen and Ajax, it is a good idea to turn off automatic preview updating so API calls are not made too often. Too many API calls can sometimes lead to temporary blockages, and may require waiting periods before they can be used again.
To disable automatic preview updating click the \"Settings\" button at the top of the page, then click the \"Behavior\" tab. At the bottom of the page, un-check \"AUTO UPDATE PREVIEW\". Now press \"Run\" at the top of the page to update the preview, and click \"Save\".
", "" @@ -61,37 +61,37 @@ "title": "Prepárate para los Proyectos de Desarrollo de Interfaces", "description": [ [ - "//i.imgur.com/OAD6SJz.png", + "https://i.imgur.com/OAD6SJz.png", "Una imagen del juego Simón, uno de nuestros proyectos de interfaz.", "Nuestros proyectos de desarrollo de interfaces te darán oportunidad de aplicar las habilidades con interfaces que has desarrollado hasta este momento. Usaremos un editor de código basado en el navegador llamado CodePen.", "" ], [ - "//i.imgur.com/WBetuBa.jpg", + "https://i.imgur.com/WBetuBa.jpg", "Un programador frustado golpeando la pantalla de su computador.", "Nuestros desafíos sobre algoritmos son difíciles. Algunos pueden requerir muchas horas para resolverse. Podrás frustarte, pero no te rindas. Se vuelve fácil con práctica.", "" ], [ - "//i.imgur.com/p2TpOQd.jpg", + "https://i.imgur.com/p2TpOQd.jpg", "Un tierno perro que salta sobre un obstáculo, pica el ojo y te apunta con su pata.", "Cuando te atasques, usa la metodología Leer-Buscar-Preguntar. No te preocupes - lo tienes resuelto.", "" ], [ - "//i.imgur.com/G1saeDt.gif", + "https://i.imgur.com/G1saeDt.gif", "Un gif que muestra cómo crear una cuenta en Codepen.", "Para nuestros desafíos de interfaces, usaremos un editor de código basado en el navegador que es muy famoso llamado Codepen. Pulsa en el botón de abajo \"Open link in new tab\" para abrir la página de registro de CodePen. Rellena el formulario y pulsa \"Sign up\".
Nota: Si ya tienes una cuenta de CodePen, puedes omitir este paso pulsando \"Open link in new tab\", cierra la nueva pestaña que se abre, entonces pulsa \"go to my next step\". Eliminamos nuestro botón \"skip step\" porque mucha gente solamente pulsa el botón sin realizar estos importantes pasos.
", "https://codepen.io/accounts/signup/user/free" ], [ - "//i.imgur.com/U4y9RJ1.gif", + "https://i.imgur.com/U4y9RJ1.gif", "Un gif que muestra que puedes escribir \"hello world\" en el editor, lo cual escribirá \"hello world\" en la ventana de vista previa. También puedes mover las ventanas para cambiar su tamaño, y cambiar su orientación.", "En la ventana de HTML, crea un elemento h1 con el texto \"Hola mundo\". Puedes arrastrar los bordes de las ventanas para cambiar su tamaño. También puedes pulsar el botón de \"Change View\" para cambiar la orientación de las ventanas.", "" ], [ - "//i.imgur.com/G9KFQDL.gif", + "https://i.imgur.com/G9KFQDL.gif", "Un gif que muestra el proceso de agregar Bootstrap a tu proyecto.", "Pulsa el engrane en la esquina superior izquierda de la ventana de CSS, luego ve hacia abajo hasta donde dice \"Quick add\" y elige Bootstrap. Ahora dale a tu elemento h1 la clase \"text-primary\" para cambiar su color y verificar que Bootstrap está activado.", "" @@ -102,43 +102,43 @@ "title": "Prepare-se para nossos Projetos de Desenvolvimento Front End", "description": [ [ - "//i.imgur.com/OAD6SJz.png", + "https://i.imgur.com/OAD6SJz.png", "A imagem de um jogo Simon, um de nossos projetos front end.", "Nossos projetos de Desenvolvimento front end vão dar a você a chance de aplicar as habilidades front end que você desenvolveu até esse ponto. Nós vamos usar um editor popular chamado CodePen que funciona direto no navegador.", "" ], [ - "//i.imgur.com/WBetuBa.jpg", + "https://i.imgur.com/WBetuBa.jpg", "Um programador atravessando a tela de seu laptop com um soco em frustração.", "Esses projetos são difíceis. A maioria dos campistas leva alguns dias para contruir cada projeto. Você vai ficar frustrado. Mas não desista. Isso fica mais fácil com a prática.", "" ], [ - "//i.imgur.com/p2TpOQd.jpg", + "https://i.imgur.com/p2TpOQd.jpg", "Um cachorro fofo pulando sobre um obstáculo, piscando e apontando sua pata a você.", "Quando ficar travado, use a metodologia Ler-Buscar-Perguntar. Não se preocupe - você consegue.", "" ], [ - "//i.imgur.com/G1saeDt.gif", + "https://i.imgur.com/G1saeDt.gif", "Um gif mostrando com criar uma conta CodePen.", "Para nossos projetos front end, usaremos um popular editor de código baseado em navegador chamado CodePen. Clique no botão \"Open link in new tab\" abaixo para abrir a página de resgistro do CodePen. Preencha o formulário e clique em \"Sign up\".
Nota: Se você já tem uma conta CodePen, você pode pular esse passo clicando em \"Open link in new tab\", fechando a nova aba que abrir, e clicando em \"go to my next step\". Nós removemos nosso botão \"skip step\" pois muitas pessoas iam simplesmente clicar nele repetidamente sem passar por esses passos importantes.
", "https://codepen.io/accounts/signup/user/free" ], [ - "//i.imgur.com/U4y9RJ1.gif", + "https://i.imgur.com/U4y9RJ1.gif", "Um gif mostrando que você pode digitar \"hello world\" e será mostrado \"hello world\" na janela de visualização. Você também pode arrastar janelas para redimensioná-las e mudar a orientação das mesmas.", "Na caixa do HTML, crie um elemento h1 com o texto \"Hello World\". Você pode arrastar as bordas para redimensioná-las. Você pode também clicar no botão \"Change View\" e mudar a orientação das janelas.", "" ], [ - "//i.imgur.com/G9KFQDL.gif", + "https://i.imgur.com/G9KFQDL.gif", "Um gif mostrando como adicionar o Bootstrap à sua pen.", "Clique na engrenagem no canto superior esquerdo da caixa do CSS, então role para baixo até \"Quick add\" e escolha Bootstrap. Agora adicione ao seu elemento h1 a classe text-primary para mudar sua cor e provar que o Bootstrap agora está disponível.", "" ], [ - "//i.imgur.com/m0pWik2.gif", + "https://i.imgur.com/m0pWik2.gif", "Um gif mostrando o processo de desativar o update automático da janela de visualização", "Ao usar CodePen e Ajax, é uma boa idea desativar o update automático da janela de visualização para que as chamadas para as APIs não sejam feitas a todo momento. Muitas chamadas para API pode levar à bloqueios temporários e podem requerer períodos de esperar para que possam ser usadas novamente.
Para desativar o update automático da janela de visualização clique no botão \"Settings\" no topo da página, então clique na aba \"Behavior\". No final da página, desmarque \"AUTO UPDATE PREVIEW\". Agora clique em \"Run\" no topo da página para atualizar a janela de visualização e clique \"Save\".
", "" @@ -149,37 +149,37 @@ "title": "Приготовьтесь к разработке фронтенд проектов", "description": [ [ - "//i.imgur.com/OAD6SJz.png", + "https://i.imgur.com/OAD6SJz.png", "Игра Саймона - один из фронтенд проектов.", "Наши фронтенд проекты дадут вам шанс применить полученные к этому моменту знания по фронтенд разработке. Мы будем использовать популярный браузерный редактор кода - CodePen.", "" ], [ - "//i.imgur.com/WBetuBa.jpg", + "https://i.imgur.com/WBetuBa.jpg", "Программист от отчаяния кулаком пробивает экран своего ноутбука.", "Это трудные проекты. Разработка каждого занимает у большинства кэмперов несколько дней. У вас может возникнуть чувство отчаяния. Несмотря на это не сдавайтесь. С практикой этот процесс станет проще.", "" ], [ - "//i.imgur.com/p2TpOQd.jpg", + "https://i.imgur.com/p2TpOQd.jpg", "Милый пес, прыгающий через препятствие, указывает на вас лапой и подмигивает.", "Если что-то не получается, воспользуйтесь Read-Search-Ask. Не волнуйтесь - вы сможете это сделать.", "" ], [ - "//i.imgur.com/G1saeDt.gif", + "https://i.imgur.com/G1saeDt.gif", "Гифка показывающая как зарегистрироваться на CodePen.", "Для заданий по фронтенд разработке, мы будем использовать популярный браузерный редактор кода под названием CodePen. Откройте страницу регистрации на сайте CodePen, нажав на расположенную чуть ниже кнопку \"Open link in new tab\". Заполните форму и нажмите \"Sign up\".
Замечание: Если у вас уже есть аккаунт CodePen, то этот шаг можно пропустить: нажмите на кнопку \"Open link in new tab\", закройте появившуюся вкладку и затем кликните \"go to my next step\". Мы убрали кнопку \"skip step\", ввиду того что большинство людей просто нажимали бы ее несколько раз подряд и пропускали бы эти важные инструкции.
", "https://codepen.io/accounts/signup/user/free" ], [ - "//i.imgur.com/U4y9RJ1.gif", + "https://i.imgur.com/U4y9RJ1.gif", "Гифка показывающая набор в редакторе заголовка с текстом \"hello world\", который затем отображается в окошке предпросмотра. А также указывающая как изменить размер окон редактора или поменять их расположение.", "В окошке HTML создайте элемент h1 с текстом \"Hello World\". Ухватив края окон можно изменить их размер. А нажав на кнопку \"Change View\" поменять их расположение.", "" ], [ - "//i.imgur.com/G9KFQDL.gif", + "https://i.imgur.com/G9KFQDL.gif", "Гифка показывающая как в CodePen добавить к проекту Bootstrap.", "Нажмите на звездочку в левом верхнем углу окошка CSS, найдите внизу поле \"Quick add\" и выберите в нем Bootstrap. Добавьте к элементу h1 класс \"text-primary\", чтобы изменить его цвет и удостовериться, что Bootstrap подключен.", "" diff --git a/challenges/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting.json b/challenges/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting.json index 827c2419b3..7d261742e5 100644 --- a/challenges/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting.json +++ b/challenges/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting.json @@ -9,25 +9,25 @@ "title": "Get Set for our Algorithm Challenges", "description": [ [ - "//i.imgur.com/sJkp30a.png", + "https://i.imgur.com/sJkp30a.png", "An image of a algorithm challenge showing directions, tests, and the code editor.", "Our algorithm challenges will teach you how to think like a programmer.", "" ], [ - "//i.imgur.com/d8LuRNh.png", + "https://i.imgur.com/d8LuRNh.png", "A mother bird kicks a baby bird out of her nest.", "Our previous challenges introduced you to programming concepts. But for these algorithm challenges, you'll now need to apply what you learned to solve open-ended problems.", "" ], [ - "//i.imgur.com/WBetuBa.jpg", + "https://i.imgur.com/WBetuBa.jpg", "A programmer punching through his laptop screen in frustration.", "Our algorithm challenges are hard. Some of them may take you several hours to solve. You will get frustrated. But don't quit.", "" ], [ - "//i.imgur.com/p2TpOQd.jpg", + "https://i.imgur.com/p2TpOQd.jpg", "A cute dog jumping over a hurdle and winking and pointing his paw at you.", "When you get stuck, just use the Read-Search-Ask methodology.
Don't worry - you've got this.", "" @@ -43,25 +43,25 @@ "title": "Prepárate para nuestros Desafíos sobre Algoritmos", "description": [ [ - "//i.imgur.com/sJkp30a.png", + "https://i.imgur.com/sJkp30a.png", "Una imagen de un desafio sobre algoritmos que presenta instrucciones, pruebas y el editor de código.", "Nuestros desafios sobre algoritmos te enseñarán como pensar como un programador.", "" ], [ - "//i.imgur.com/d8LuRNh.png", + "https://i.imgur.com/d8LuRNh.png", "Una mamá pájaro saca un bebé pájaro fuer de su nido.", "Nuestros desafios anteriores te introdujeron a los conceptos de programación. Pero para estos desafios sobre algoritmos, ahora necesitarás aplicar lo que has aprendido y resolver problemas de respuesta abierta", "" ], [ - "//i.imgur.com/WBetuBa.jpg", + "https://i.imgur.com/WBetuBa.jpg", "Un programador frustado golpeando la pantalla de su computador.", "Nuestros desafíos sobre algortimos son difíciles. Algunos pueden requerir muchas horas para resolverse. Podrás frustarte, pero no te rindas.", "" ], [ - "//i.imgur.com/p2TpOQd.jpg", + "https://i.imgur.com/p2TpOQd.jpg", "Un tierno perro que salta sobre un obstáculo, pica el ojo y te apunta con su pata.", "Cuando te atasques, usa la metodología Leer-Buscar-Preguntar.
No te preocupes - ya lo has entendido.", "" @@ -72,25 +72,25 @@ "title": "Prepare-se para nossos desafios de algoritmos", "description": [ [ - "//i.imgur.com/sJkp30a.png", + "https://i.imgur.com/sJkp30a.png", "Uma imagem de um desafio de algoritmo mostrando instruções, testes e o editor de código.", "Nossos desafios de algoritmos vão te ensinar a pensar como um programador.", "" ], [ - "//i.imgur.com/d8LuRNh.png", + "https://i.imgur.com/d8LuRNh.png", "Uma mãe pássaro expulsa seu filhote do ninho.", "Os desafios anteriores te apresentaram os conceitos de programação. Mas para esses desafios de algoritmos, você terá que aplicar o que aprendeu para resolver problemas abertos.", "" ], [ - "//i.imgur.com/WBetuBa.jpg", + "https://i.imgur.com/WBetuBa.jpg", "Um programador frustrado atravessando a tela de seu laptop com um soco.", "Os desafios de algoritmos são difíceis. Você pode levar várias horas para resolver alguns deles. Você vai ficar frustado. Mas não desista.", "" ], [ - "//i.imgur.com/p2TpOQd.jpg", + "https://i.imgur.com/p2TpOQd.jpg", "Um cachorro fofo pulando sobre um obstáculo, piscando e apontando a pata na sua direção.", "Quando ficar travado, use a metodologia Ler-Pesquisar-Perguntar.
Não se preocupe - você consegue.", "" diff --git a/challenges/02-javascript-algorithms-and-data-structures/claim-your-javascript-algorithms-and-data-structures.json b/challenges/02-javascript-algorithms-and-data-structures/claim-your-javascript-algorithms-and-data-structures.json index 15d2f606d8..0d9815a3d3 100644 --- a/challenges/02-javascript-algorithms-and-data-structures/claim-your-javascript-algorithms-and-data-structures.json +++ b/challenges/02-javascript-algorithms-and-data-structures/claim-your-javascript-algorithms-and-data-structures.json @@ -8,25 +8,25 @@ "title": "Claim Your JavaScript Algorithms and Data Structures Certificate", "description": [ [ - "//i.imgur.com/EzMrezJ.jpg", + "https://i.imgur.com/EzMrezJ.jpg", "An image of our JavaScript Algorithms and Data Structures Certificate", "This challenge will give you your verified JavaScript Algorithms and Data Structures Certificate. Before we issue your certificate, we must verify that you have completed all of our basic and intermediate algorithm scripting challenges, and all our basic, intermediate, and advanced front end development projects. You must also accept our Academic Honesty Pledge. Click the button below to start this process.", "" ], [ - "//i.imgur.com/uLPsUko.jpg", + "https://i.imgur.com/uLPsUko.jpg", "The definition of plagiarism: Plagiarism (noun) - copying someone else’s work and presenting it as your own without crediting them", "By clicking below, you pledge that all of your submitted code A) is code you or your pair personally wrote, or B) comes from open source libraries like jQuery, or C) has been clearly attributed to its original authors. You also give us permission to audit your challenge solutions and revoke your certificate if we discover evidence of plagiarism.", "#" ], [ - "//i.imgur.com/rx2gKfB.jpg", + "https://i.imgur.com/rx2gKfB.jpg", "An image of the text \"JavaScript Algorithms and Data Structures requirements\"", "Let's confirm that you have completed all of our JavaScript Algorithms and Data Structures projects. Click the button below to verify this.", "#" ], [ - "//i.imgur.com/Q5Za9U6.jpg", + "https://i.imgur.com/Q5Za9U6.jpg", "An image of the word \"Congratulations\"", "Congratulations! We've added your JavaScript Algorithms and Data Structures Certificate to your portfolio page. Unless you choose to hide your solutions, this certificate will remain publicly visible and verifiable.", "" @@ -74,25 +74,25 @@ "challengeType": 7, "descriptionEs": [ [ - "//i.imgur.com/EzMrezJ.jpg", + "https://i.imgur.com/EzMrezJ.jpg", "Una imagen que muestra nuestro certificado de Desarrollo de interfaces", "This challenge will give you your verified JavaScript Algorithms and Data Structures Certificate. Before we issue your certificate, we must verify that you have completed all of our basic and intermediate algorithm scripting challenges. You must also accept our Academic Honesty Pledge. Click the button below to start this process.", "" ], [ - "//i.imgur.com/HArFfMN.jpg", + "https://i.imgur.com/HArFfMN.jpg", "Plagio (nombre): acción y efecto de plagiar. Plagiar (verbo) - copiar en lo sustancial obras ajenas, dándolas como propias.", "Al pulsar el botón siguiente, juras que todo el código en tus soluciones a los desafíos A) es código que tú o tu compañero escribieron personalmente, o B) proviene de librerías de código abierto como jQuery, o C) ha sido claramente atribuido a sus autores originales. También nos otorgas el permiso para auditar tus soluciones a los desafíos y revocar tu certificado si encontramos evidencia de plagio.", "#" ], [ - "//i.imgur.com/rx2gKfB.jpg", + "https://i.imgur.com/rx2gKfB.jpg", "An image of the text \"JavaScript Algorithms and Data Structures requirements\"", "Let's confirm that you have completed all of our basic and intermediate algorithm scripting challenges. Click the button below to verify this.", "#" ], [ - "//i.imgur.com/16SIhHO.jpg", + "https://i.imgur.com/16SIhHO.jpg", "Una imagen de la palabra \"Congratulations\"", "¡Felicitaciones! Hemos agregado tu certificado de Desarrollo de interfaces a tu portafolio. A menos que elijas no mostrar tus soluciones, este certificado será públicamente visible y verificable.", "" diff --git a/challenges/03-front-end-libraries/bootstrap.json b/challenges/03-front-end-libraries/bootstrap.json index 9495286233..a04b02e3e6 100644 --- a/challenges/03-front-end-libraries/bootstrap.json +++ b/challenges/03-front-end-libraries/bootstrap.json @@ -117,7 +117,7 @@ "Bootstrap determina qué tan ancha es la pantalla y adapta correspondientemente el tamaño de tus elementos HTML - por eso es que se llama Diseño adaptativo (responsive design).", "Con diseño adaptativo, no hay necesidad de diseñar una versión móvil para tu sitio web. Se verá bien en dispositivos con pantallas de cualquier tamaño.", "Puedes agregar Bootstrap a cualquier aplicación simplemente incluyendo el siguiente código al inicio de tu HTML:", - "<link rel=\"stylesheet\" href=\"//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css\"/>", + "<link rel=\"stylesheet\" href=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css\"/>", "En este caso, lo hemos agregado a esta página por ti.", "Para iniciar, debemos anidar todo nuestro HTML en un elemento div con la clase container-fluid." ] @@ -129,7 +129,7 @@ "Bootstrap saura reconnaître la largeur de notre écran et s'y adapter en redimensionnant les éléments HTML - d'où le nom Responsive Design (design adaptatif).", "Avec le design responsive, il n'y a pas besoin de créer de version mobile de votre site. Il restera bien sur tous les appareils quelle que soit la taille de leurs écrans.", "Vous pouvez ajouter Bootstrap à n'importe quelle application simplement en incluant le code suivant en haut de votre HTML:", - "<link rel=\"stylesheet\" href=\"//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css\" integrity=\"sha384-8+rznmq/k0KZkJlZhnuPEVkbRD7tA0wcFEjY48dajGWn3Xc1MasJwS8/tJ7OEsKW\" crossorigin=\"anonymous\">/>", + "<link rel=\"stylesheet\" href=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css\" integrity=\"sha384-8+rznmq/k0KZkJlZhnuPEVkbRD7tA0wcFEjY48dajGWn3Xc1MasJwS8/tJ7OEsKW\" crossorigin=\"anonymous\">/>", "Ici, nous l'avons déjà ajouté à la page pour vous dans l'arrière-boutique.", "Pour commencer, nous devons envelopper nos éléments HTML dans un élément div possédant la classe container-fluid" ] @@ -821,7 +821,7 @@ "description": [ "Bootstrap uses a responsive grid system, which makes it easy to put elements into rows and specify each element's relative width. Most of Bootstrap's classes can be applied to a div element.", "Here's a diagram of how Bootstrap's 12-column grid layout works:", - "\"an", + "\"an", "Note that in this illustration, the col-md-* class is being used. Here, md means medium, and * is a number specifying how many columns wide the element should be. In this case, the column width of an element on a medium-sized screen, such as a laptop, is being specified.", "In the Cat Photo App that we're building, we'll use col-xs-*, where xs means extra small (like an extra-small mobile phone screen), and * is the number of columns specifying how many columns wide the element should be.", "Put the Like, Info and Delete buttons side-by-side by nesting all three of them within one <div class=\"row\"> element, then each of them within a <div class=\"col-xs-4\"> element.", @@ -903,7 +903,7 @@ "description": [ "Bootstrap utiliza un sistema de cuadrícula adaptativa que facilita el poner elementos en fila y especificar la anchura relativa de cada elemento. La mayoría de las clases de Bootstrap pueden ser aplicadas a un elemento div.", "Aquí hay un diagrama del funcionamiento de la cuadrícula de 12 columnas Bootstrap:", - "\"una", + "\"una", "En esta ilustración se está utilizando la clase col-md-*. Aquí, md significa mediano, y * es un número que especifica la cantidad de columnas debe tomar el ancho del elemento. En este caso, se especifica el ancho de columna de un elemento en una pantalla de tamaño mediano, como una laptop.", "En la aplicación de fotos de gatos que estamos construyendo, usaremos col-xs-*, donde xs significa extra pequeño (como una pantalla extra-pequeña de un teléfono), y * especifica el número de columnas que debe tomar el ancho del elemento.", "Pon los botones de Like, Info y Delete lado a lado. Esto se hace anidando los tres botones dentro de un elemento <div class=\"row\">, y luego cada uno de ellos dentro de un elemento <div class=\"col-xs-4\">.", @@ -1042,7 +1042,7 @@ "description": [ "You can use spans to create inline elements. Remember when we used the btn-block class to make the button fill the entire row?", "This image illustrates the difference between inline elements and block-level elements:", - "\"An", + "\"An", "By using the span element, you can put several elements together, and even style different parts of the same element differently.", "Nest the word \"love\" in your \"Things cats love\" element below within a span element. Then give that span the class text-danger to make the text red.", "Here's how you would do this with the \"Top 3 things cats hate\" element:", @@ -1119,7 +1119,7 @@ "description": [ "Puedes utilizar span para crear elementos en línea. ¿Recuerdas cuando usamos la clase btn-block para hacer que el botón llenara toda la línea?", "Esta imagen ilustra la diferencia entre elementos en línea (inline) y elementos a nivel de bloque (block-level):", - "\"Un", + "\"Un", "Al usar el elemento span, puedes poner varios elementos juntos, e incluso darle diferentes estilos a partes diferentes del mismo elemento.", "Anida la palabra \"love\" en tu elemento \"Things cats love\" dentro de un elemento span. Luego, asigna a ese elemento span la clase text-danger para hacer que el texto sea rojo.", "Así es como lo harías con el elemento \"Top 3 things cats hate\":", @@ -1147,7 +1147,7 @@ "We will make a simple heading for our Cat Photo App by putting the title and relaxing cat image in the same row.", "Remember, Bootstrap uses a responsive grid system, which makes it easy to put elements into rows and specify each element's relative width. Most of Bootstrap's classes can be applied to a div element.", "Here's a diagram of how Bootstrap's 12-column grid layout works:", - "\"an", + "\"an", "Note that in this illustration, the col-md-* class is being used. Here, md means medium, and * is a number specifying how many columns wide the element should be. In this case, the column width of an element on a medium-sized screen, such as a laptop, is being specified.", "In the Cat Photo App that we're building, we'll use col-xs-*, where xs means extra small (like an extra-small mobile phone screen), and * is the number of columns specifying how many columns wide the element should be.", "Nest your first image and your h2 element within a single <div class=\"row\"> element. Nest your h2 element within a <div class=\"col-xs-8\"> and your image in a <div class=\"col-xs-4\"> so that they are on the same line.", @@ -1224,7 +1224,7 @@ "Crearemos un encabezado simple para nuestra aplicación de fotos de gatos poniendo el título y la relajante imagen del gato en la misma línea.", "Recuerda, Bootstrap usa un sistema de cuadrícula adaptativo, el cual facilita poner elementos en filas y especificar el ancho relativo de cada elemento. La mayoría de las clases de Bootstrap pueden aplicarse a un elemento div.", "Aquí hay un diagrama del funcionamiento de la cuadrícula de 12 columnas Bootstrap:", - "\"una", + "\"una", "En esta ilustración se está utilizando la clase col-md-*. Aquí, md significa mediano, y * es un número que especifica el número de columnas que debe tomar el ancho del elemento. En este caso, se especifica el ancho de columna de un elemento en una pantalla de tamaño mediano, como un computador portátil.", "En la aplicación de fotos de gatos que estamos construyendo, usaremos col-xs-*, donde xs significa extra pequeño (como una pantalla extra-pequeña de un teléfono), y * especifica el número de columnas que debe tomar el ancho del elemento.", "Anida tu primera imagen y tu elemento h2 dentro de un solo elemento <div class=\"row\">. Anida tu texto h2 dentro de un <div class=\"col-xs-8\"> y tu imagen en un <div class=\"col-xs-4\"> de tal forma que estén en la misma línea.", @@ -1258,7 +1258,7 @@ "description": [ "Font Awesome is a convenient library of icons. These icons are vector graphics, stored in the .svg file format. These icons are treated just like fonts. You can specify their size using pixels, and they will assume the font size of their parent HTML elements.", "You can include Font Awesome in any app by adding the following code to the top of your HTML:", - "<link rel=\"stylesheet\" href=\"//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css\" integrity=\"sha384-XdYbMnZ/QjLh6iI4ogqCTaIjrFk87ip+ekIjefZch0Y+PvJ8CDYtEs1ipDmPorQ+\" crossorigin=\"anonymous\">", + "<link rel=\"stylesheet\" href=\"https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css\" integrity=\"sha384-XdYbMnZ/QjLh6iI4ogqCTaIjrFk87ip+ekIjefZch0Y+PvJ8CDYtEs1ipDmPorQ+\" crossorigin=\"anonymous\">", "In this case, we've already added it for you to this page behind the scenes.", "The i element was originally used to make other elements italic, but is now commonly used for icons. You can add the Font Awesome classes to the i element to turn it into an icon, for example:", "<i class=\"fa fa-info-circle\"></i>", @@ -1338,7 +1338,7 @@ "description": [ "Font Awesome es una librería de iconos muy conveniente. Estos iconos son imágenes vectoriales, almacenadas en formato .svg, y son tratados como si fueran fuentes. Puedes especificar su tamaño usando pixeles, y tomarán el tamaño de fuente de su elemento HTML padre.", "Puedes añadir Font Awesome a cualquier aplicación sólo incluyendo y agregando el siguiente código al comienzo de tu HTML:", - "<link rel=\"stylesheet\" href=\"//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css\" integrity=\"sha384-XdYbMnZ/QjLh6iI4ogqCTaIjrFk87ip+ekIjefZch0Y+PvJ8CDYtEs1ipDmPorQ+\" crossorigin=\"anonymous\"/>", + "<link rel=\"stylesheet\" href=\"https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css\" integrity=\"sha384-XdYbMnZ/QjLh6iI4ogqCTaIjrFk87ip+ekIjefZch0Y+PvJ8CDYtEs1ipDmPorQ+\" crossorigin=\"anonymous\"/>", "En este caso, ya lo hemos agregado por tí a esta página tras bambalinas.", "El elemento i originalmente era usado para hacer textos en itálicas, pero ahora comunmente se usa para iconos. Le agregas clases de Font Awesome al elemento i para convertirlo en un ícono, por ejemplo:", "<i class=\"fa fa-info-circle\"></i>", @@ -1350,7 +1350,7 @@ "description": [ "Font Awesome est une librairie d'icônes très pratique. Ces icones sont des images vectorielles, stockées en format .svg. Ces icônes sont traités exactemeent comme des polices. Vous pouvez choisir leur taille en pixel, et ils prendront la taille de police de leur élémment parent HTML.", "Vous poyvez ajouter Font Awesome à n'importe quell application en ajoutant le code suivant en haut de votre HTML:", - "<link rel=\"stylesheet\" href=\"//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css\" integrity=\"sha384-XdYbMnZ/QjLh6iI4ogqCTaIjrFk87ip+ekIjefZch0Y+PvJ8CDYtEs1ipDmPorQ+\" crossorigin=\"anonymous\">/>", + "<link rel=\"stylesheet\" href=\"https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css\" integrity=\"sha384-XdYbMnZ/QjLh6iI4ogqCTaIjrFk87ip+ekIjefZch0Y+PvJ8CDYtEs1ipDmPorQ+\" crossorigin=\"anonymous\">/>", "Ici, nous l'avons déjà ajouté pour vous dans le back-office.", "La balise i eétait utilisé à la base pour mettre les autres éléments en italique, mais maintenant elle est utilisée pour les icones. Vous ajoutez des classes Font Awesome à un élément i pour les les transformer en icones, par exemple:", "<i class=\"fa fa-info-circle\"></i>", diff --git a/challenges/03-front-end-libraries/claim-your-front-end-libraries-certificate.json b/challenges/03-front-end-libraries/claim-your-front-end-libraries-certificate.json index 5e68368cf3..bb7f027e75 100644 --- a/challenges/03-front-end-libraries/claim-your-front-end-libraries-certificate.json +++ b/challenges/03-front-end-libraries/claim-your-front-end-libraries-certificate.json @@ -8,25 +8,25 @@ "title": "Claim Your Front End Libraries Certificate", "description": [ [ - "//i.imgur.com/vOtZumH.jpg", + "https://i.imgur.com/vOtZumH.jpg", "An image of our Front End Libraries Certificate", "This challenge will give you your verified Front End Libraries Certificate. Before we issue your certificate, we must verify that you have completed all of our front end libraries projects. You must also accept our Academic Honesty Pledge. Click the button below to start this process.", "" ], [ - "//i.imgur.com/uLPsUko.jpg", + "https://i.imgur.com/uLPsUko.jpg", "The definition of plagiarism: Plagiarism (noun) - copying someone else’s work and presenting it as your own without crediting them", "By clicking below, you pledge that all of your submitted code A) is code you or your pair personally wrote, or B) comes from open source libraries like jQuery, or C) has been clearly attributed to its original authors. You also give us permission to audit your challenge solutions and revoke your certificate if we discover evidence of plagiarism.", "#" ], [ - "//i.imgur.com/GJeTCMS.jpg", + "https://i.imgur.com/GJeTCMS.jpg", "An image of the text \"Front End Libraries Certificate requirements\"", "Let's confirm that you have completed all of our front end libraries projects. Click the button below to verify this.", "#" ], [ - "//i.imgur.com/Q5Za9U6.jpg", + "https://i.imgur.com/Q5Za9U6.jpg", "An image of the word \"Congratulations\"", "Congratulations! We've added your Front End Libraries Certificate to your portfolio page. Unless you choose to hide your solutions, this certificate will remain publicly visible and verifiable.", "" @@ -77,25 +77,25 @@ "title": "Reclama tu certificado de Desarrollo de interfaces", "description": [ [ - "//i.imgur.com/k8btNUB.jpg", + "https://i.imgur.com/k8btNUB.jpg", "Una imagen que muestra nuestro certificado de Desarrollo de interfaces", "Este desafío te otorga tu certificado autenticado de Desarrollo de interfaces. Antes de que podamos emitir tu certificado, debemos verificar que has completado todos los desafíos básicos e intermedios de diseño de algoritmos, y todos los proyectos básicos e intermedios de desarrollo de interfaces. También debes aceptar nuestro Juramento de honestidad académica. Pulsa el botón siguiente para iniciar este proceso.", "" ], [ - "//i.imgur.com/HArFfMN.jpg", + "https://i.imgur.com/HArFfMN.jpg", "Plagio (nombre): acción y efecto de plagiar. Plagiar (verbo) - copiar en lo sustancial obras ajenas, dándolas como propias.", "Al pulsar el botón siguiente, juras que todo el código en tus soluciones a los desafíos A) es código que tú o tu compañero escribieron personalmente, o B) proviene de librerías de código abierto como jQuery, o C) ha sido claramente atribuido a sus autores originales. También nos otorgas el permiso para auditar tus soluciones a los desafíos y revocar tu certificado si encontramos evidencia de plagio.", "#" ], [ - "//i.imgur.com/14F2Van.jpg", + "https://i.imgur.com/14F2Van.jpg", "Una imagen del texto \"Front End Development Certificate requirements\"", "Confirmemos que has completado todos nuestros desafíos básicos e intermedios de diseño de algoritmos, y todos nuestros proyectos básicos e intermedios de desarrollo de interfaces. Pulsa el botón siguiente para hacer la verificación.", "#" ], [ - "//i.imgur.com/16SIhHO.jpg", + "https://i.imgur.com/16SIhHO.jpg", "Una imagen de la palabra \"Congratulations\"", "¡Felicitaciones! Hemos agregado tu certificado de Desarrollo de interfaces a tu portafolio. A menos que elijas no mostrar tus soluciones, este certificado será públicamente visible y verificable.", "" @@ -106,25 +106,25 @@ "title": "Solicite seu Certificado de Bibliotecas Front End", "description": [ [ - "//i.imgur.com/vOtZumH.jpg", + "https://i.imgur.com/vOtZumH.jpg", "Uma imagem do nosso Certificado de Bibliotecas Front End", "This challenge will give you your verified Front End Libraries Certificate. Before we issue your certificate, we must verify that you have completed all of our front end libraries projects. You must also accept our Academic Honesty Pledge. Click the button below to start this process.", "" ], [ - "//i.imgur.com/uLPsUko.jpg", + "https://i.imgur.com/uLPsUko.jpg", "A definição de plágio: Plágio (substantivo) - copiar o trabalho de outra pessoa e apresentá-lo como seu sem creditar o autor", "Ao clicar abaixo, você declara que todo o seu código enviado A) foi escrito por você ou pelo seu par pessoalmente, ou B) vem de bibliotecas de código aberto como o jQuery ou C) foi claramente atribuído a seus autores originais. Você também nos dá permissão para auditar suas soluções de desafios e revogar o seu certificado se descobrirmos evidências de plágio.", "#" ], [ - "//i.imgur.com/UedoV2G.jpg", + "https://i.imgur.com/UedoV2G.jpg", "Uma imagem do texto \"Requisitos do Certificado de Desenvolvimento Front-End\"", "Vamos confirmar que você completou todos os nossos desafios de algoritmos básicos e intermediários e todos os nossos projetos básicos, intermediários e avançados de desenvolvimento. Clique no botão abaixo para verificar.", "#" ], [ - "//i.imgur.com/Q5Za9U6.jpg", + "https://i.imgur.com/Q5Za9U6.jpg", "Uma imagem da palavra \"Parabéns\"", "Parabéns! Adicionamos o seu Certificado de Bibliotecas Front End à sua página de portfólio. A menos que você opte por esconder suas soluções, este certificado permanecerá publicamente visível e verificável.", "" diff --git a/challenges/03-front-end-libraries/jquery.json b/challenges/03-front-end-libraries/jquery.json index 89310d9aab..b0e1f1d8ce 100644 --- a/challenges/03-front-end-libraries/jquery.json +++ b/challenges/03-front-end-libraries/jquery.json @@ -14,13 +14,13 @@ "title": "Introduction to jQuery", "description": [ [ - "//i.imgur.com/hzACiml.png", + "https://i.imgur.com/hzACiml.png", "The logo of jQuery that has three blue sound waves that increase in size with the text \"jQuery write less, do more.\" written on it.", "jQuery is one of the many libraries for JavaScript. It is designed to simplify scripting done on the client side.", "" ], [ - "//i.imgur.com/OHtxVL0.png", + "https://i.imgur.com/OHtxVL0.png", "A screenshot of the general syntax. A dollar sign followed by the selector with a dot and an action.", "jQuery's most recognizable characteristic is the dollar sign syntax. With it, you can easily manipulate elements, create animations and handle input events.", "" diff --git a/challenges/04-data-visualization/claim-your-data-visualization-certificate.json b/challenges/04-data-visualization/claim-your-data-visualization-certificate.json index f4091a0e99..8ad9520289 100644 --- a/challenges/04-data-visualization/claim-your-data-visualization-certificate.json +++ b/challenges/04-data-visualization/claim-your-data-visualization-certificate.json @@ -8,24 +8,24 @@ "title": "Claim Your Data Visualization Certificate", "description": [ [ - "//i.imgur.com/N8drT4I.jpg", + "https://i.imgur.com/N8drT4I.jpg", "An image of our Data Visualization Certificate", "This challenge will give you your verified Data Visualization Certificate. Before we issue your certificate, we must verify that you have completed all of our data visualisation projects. You must also accept our Academic Honesty Pledge. Click the button below to start this process.", "" ], [ - "//i.imgur.com/uLPsUko.jpg", + "https://i.imgur.com/uLPsUko.jpg", "The definition of plagiarism: Plagiarism (noun) - copying someone else’s work and presenting it as your own without crediting them", "By clicking below, you pledge that all of your submitted code A) is code you or your pair personally wrote, or B) comes from open source libraries like jQuery, or C) has been clearly attributed to its original authors. You also give us permission to audit your challenge solutions and revoke your certificate if we discover evidence of plagiarism.", "#" ], [ - "//i.imgur.com/BUaEvDo.jpg", + "https://i.imgur.com/BUaEvDo.jpg", "An image of the text \"Data Visualization Certificate requirements\"", "Let's confirm that you have completed data visualisation projects. Click the button below to verify this.", "#" ], [ - "//i.imgur.com/Q5Za9U6.jpg", + "https://i.imgur.com/Q5Za9U6.jpg", "An image of the word \"Congratulations\"", "Congratulations! We've added your Data Visualization Certificate to your portfolio page. Unless you choose to hide your solutions, this certificate will remain publicly visible and verifiable.", "" @@ -76,24 +76,24 @@ "title": "Reclama tu certificado de Desarrollo de interfaces", "description": [ [ - "//i.imgur.com/N8drT4I.jpg", + "https://i.imgur.com/N8drT4I.jpg", "Una imagen que muestra nuestro certificado de Desarrollo de interfaces", "This challenge will give you your verified Data Visualization Certificate. Before we issue your certificate, we must verify that you have completed all of our data visualisation projects. You must also accept our Academic Honesty Pledge. Click the button below to start this process.", "" ], [ - "//i.imgur.com/HArFfMN.jpg", + "https://i.imgur.com/HArFfMN.jpg", "Plagio (nombre): acción y efecto de plagiar. Plagiar (verbo) - copiar en lo sustancial obras ajenas, dándolas como propias.", "Al pulsar el botón siguiente, juras que todo el código en tus soluciones a los desafíos A) es código que tú o tu compañero escribieron personalmente, o B) proviene de librerías de código abierto como jQuery, o C) ha sido claramente atribuido a sus autores originales. También nos otorgas el permiso para auditar tus soluciones a los desafíos y revocar tu certificado si encontramos evidencia de plagio.", "#" ], [ - "//i.imgur.com/BUaEvDo.jpg", + "https://i.imgur.com/BUaEvDo.jpg", "An image of the text \"Data Visualization Certificate requirements\"", "Let's confirm that you have completed data visualisation projects. Click the button below to verify this.", "Confirmemos que has completado todos nuestros desafíos básicos e intermedios de diseño de algoritmos, y todos nuestros proyectos básicos e intermedios de desarrollo de interfaces. Pulsa el botón siguiente para hacer la verificación.", "#" ], [ - "//i.imgur.com/16SIhHO.jpg", + "https://i.imgur.com/16SIhHO.jpg", "Una imagen de la palabra \"Congratulations\"", "¡Felicitaciones! Hemos agregado tu certificado de Desarrollo de interfaces a tu portafolio. A menos que elijas no mostrar tus soluciones, este certificado será públicamente visible y verificable.", "" diff --git a/challenges/05-apis-and-microservices/claim-your-apis-and-microservices-certificate.json b/challenges/05-apis-and-microservices/claim-your-apis-and-microservices-certificate.json index c43ce58cf3..c9541e727a 100644 --- a/challenges/05-apis-and-microservices/claim-your-apis-and-microservices-certificate.json +++ b/challenges/05-apis-and-microservices/claim-your-apis-and-microservices-certificate.json @@ -8,25 +8,25 @@ "title": "Claim Your APIs and Microservices Certificate", "description": [ [ - "//i.imgur.com/gfH7j5B.jpg", + "https://i.imgur.com/gfH7j5B.jpg", "An image of our APIs and Microservices Certificate", "This challenge will give you your verified APIs and Microservices Certificate. Before we issue your certificate, we must verify that you have completed all of our apis and microservices projects. You must also accept our Academic Honesty Pledge. Click the button below to start this process.", "" ], [ - "//i.imgur.com/uLPsUko.jpg", + "https://i.imgur.com/uLPsUko.jpg", "The definition of plagiarism: Plagiarism (noun) - copying someone else’s work and presenting it as your own without crediting them", "By clicking below, you pledge that all of your submitted code A) is code you or your pair personally wrote, or B) comes from open source libraries like jQuery, or C) has been clearly attributed to its original authors. You also give us permission to audit your challenge solutions and revoke your certificate if we discover evidence of plagiarism.", "#" ], [ - "//i.imgur.com/IBTfUzO.jpg", + "https://i.imgur.com/IBTfUzO.jpg", "An image of the text \"APIs and Microservices Certificate requirements\"", "Let's confirm that you have completed all of our apis and microservices projects. Click the button below to verify this.", "#" ], [ - "//i.imgur.com/Q5Za9U6.jpg", + "https://i.imgur.com/Q5Za9U6.jpg", "An image of the word \"Congratulations\"", "Congratulations! We've added your APIs and Microservices Certificate to your portfolio page. Unless you choose to hide your solutions, this certificate will remain publicly visible and verifiable.", "" @@ -77,25 +77,25 @@ "title": "Reclama tu certificado de Desarrollo de interfaces", "description": [ [ - "//i.imgur.com/gfH7j5B.jpg", + "https://i.imgur.com/gfH7j5B.jpg", "Una imagen que muestra nuestro certificado de Desarrollo de interfaces", "This challenge will give you your verified APIs and Microservices Certificate. Before we issue your certificate, we must verify that you have completed all of our apis and microservices projects. You must also accept our Academic Honesty Pledge. Click the button below to start this process.", "" ], [ - "//i.imgur.com/HArFfMN.jpg", + "https://i.imgur.com/HArFfMN.jpg", "Plagio (nombre): acción y efecto de plagiar. Plagiar (verbo) - copiar en lo sustancial obras ajenas, dándolas como propias.", "Al pulsar el botón siguiente, juras que todo el código en tus soluciones a los desafíos A) es código que tú o tu compañero escribieron personalmente, o B) proviene de librerías de código abierto como jQuery, o C) ha sido claramente atribuido a sus autores originales. También nos otorgas el permiso para auditar tus soluciones a los desafíos y revocar tu certificado si encontramos evidencia de plagio.", "#" ], [ - "//i.imgur.com/IBTfUzO.jpg", + "https://i.imgur.com/IBTfUzO.jpg", "An image of the text \"APIs and Microservices Certificate requirements\"", "Let's confirm that you have completed all of our apis and microservices projects. Click the button below to verify this.", "#" ], [ - "//i.imgur.com/16SIhHO.jpg", + "https://i.imgur.com/16SIhHO.jpg", "Una imagen de la palabra \"Congratulations\"", "¡Felicitaciones! Hemos agregado tu certificado de Desarrollo de interfaces a tu portafolio. A menos que elijas no mostrar tus soluciones, este certificado será públicamente visible y verificable.", "" diff --git a/challenges/05-apis-and-microservices/mongodb-and-mongoose.json b/challenges/05-apis-and-microservices/mongodb-and-mongoose.json index c7fa2c16cf..cd7ca9ff20 100644 --- a/challenges/05-apis-and-microservices/mongodb-and-mongoose.json +++ b/challenges/05-apis-and-microservices/mongodb-and-mongoose.json @@ -34,7 +34,7 @@ "title": "Create an online database using mLab", "description": [ [ - "//i.imgur.com/Ux1CD2f.png", + "https://i.imgur.com/Ux1CD2f.png", "mLab logo.", "For the following challenges, we are going to start using MongoDB to store our data. To simplify the configuration, we are going to use mLab.

mLab is a MongoDB Database-as-a-Service platform, which basically means that they configure and host the database for you, making it so the only responsibility you have is to populate your database with what matters: data!
In the following steps, we are going to show you how to: Let's start by going to mLab by clicking the button below.", "https://mlab.com/" diff --git a/challenges/06-information-security-and-quality-assurance/claim-your-information-security-and-quality-assurance-certificate.json b/challenges/06-information-security-and-quality-assurance/claim-your-information-security-and-quality-assurance-certificate.json index ec0bbb6134..ba3526796c 100644 --- a/challenges/06-information-security-and-quality-assurance/claim-your-information-security-and-quality-assurance-certificate.json +++ b/challenges/06-information-security-and-quality-assurance/claim-your-information-security-and-quality-assurance-certificate.json @@ -8,25 +8,25 @@ "title": "Claim Your Information Security and Quality Assurance Certificate", "description": [ [ - "//i.imgur.com/YhKzGLb.jpg", + "https://i.imgur.com/YhKzGLb.jpg", "An image of our Information Security and Quality Assurance Certificate", "This challenge will give you your verified Information Security and Quality Assurance Certificate. Before we issue your certificate, we must verify that you have completed all of our information security and quality assurance projects. You must also accept our Academic Honesty Pledge. Click the button below to start this process.", "" ], [ - "//i.imgur.com/uLPsUko.jpg", + "https://i.imgur.com/uLPsUko.jpg", "The definition of plagiarism: Plagiarism (noun) - copying someone else’s work and presenting it as your own without crediting them", "By clicking below, you pledge that all of your submitted code A) is code you or your pair personally wrote, or B) comes from open source libraries like jQuery, or C) has been clearly attributed to its original authors. You also give us permission to audit your challenge solutions and revoke your certificate if we discover evidence of plagiarism.", "#" ], [ - "//i.imgur.com/TM4KGfb.jpg", + "https://i.imgur.com/TM4KGfb.jpg", "An image of the text \"Information Security and Quality Assurance Certificate requirements\"", "Let's confirm that you have completed all of our information security and quality assurance projects. Click the button below to verify this.", "#" ], [ - "//i.imgur.com/Q5Za9U6.jpg", + "https://i.imgur.com/Q5Za9U6.jpg", "An image of the word \"Congratulations\"", "Congratulations! We've added your Information Security and Quality Assurance Certificate to your portfolio page. Unless you choose to hide your solutions, this certificate will remain publicly visible and verifiable.", "" @@ -77,25 +77,25 @@ "title": "Reclama tu certificado de Desarrollo de interfaces", "description": [ [ - "//i.imgur.com/YhKzGLb.jpg", + "https://i.imgur.com/YhKzGLb.jpg", "Una imagen que muestra nuestro certificado de Desarrollo de interfaces", "This challenge will give you your verified Information Security and Quality Assurance Certificate. Before we issue your certificate, we must verify that you have completed all of our information security and quality assurance projects. You must also accept our Academic Honesty Pledge. Click the button below to start this process.", "" ], [ - "//i.imgur.com/HArFfMN.jpg", + "https://i.imgur.com/HArFfMN.jpg", "Plagio (nombre): acción y efecto de plagiar. Plagiar (verbo) - copiar en lo sustancial obras ajenas, dándolas como propias.", "Al pulsar el botón siguiente, juras que todo el código en tus soluciones a los desafíos A) es código que tú o tu compañero escribieron personalmente, o B) proviene de librerías de código abierto como jQuery, o C) ha sido claramente atribuido a sus autores originales. También nos otorgas el permiso para auditar tus soluciones a los desafíos y revocar tu certificado si encontramos evidencia de plagio.", "#" ], [ - "//i.imgur.com/TM4KGfb.jpg", + "https://i.imgur.com/TM4KGfb.jpg", "An image of the text \"Information Security and Quality Assurance Certificate requirements\"", "Let's confirm that you have completed all of our information security and quality assurance projects. Click the button below to verify this.", "#" ], [ - "//i.imgur.com/16SIhHO.jpg", + "https://i.imgur.com/16SIhHO.jpg", "Una imagen de la palabra \"Congratulations\"", "¡Felicitaciones! Hemos agregado tu certificado de Desarrollo de interfaces a tu portafolio. A menos que elijas no mostrar tus soluciones, este certificado será públicamente visible y verificable.", "" diff --git a/challenges/07-contribute-to-open-source-and-help-nonprofits/contribute-to-open-source-and-help-nonprofits.json b/challenges/07-contribute-to-open-source-and-help-nonprofits/contribute-to-open-source-and-help-nonprofits.json index e6ef6bfa1d..79312132fa 100644 --- a/challenges/07-contribute-to-open-source-and-help-nonprofits/contribute-to-open-source-and-help-nonprofits.json +++ b/challenges/07-contribute-to-open-source-and-help-nonprofits/contribute-to-open-source-and-help-nonprofits.json @@ -26,7 +26,7 @@ "id": "5a1879f119a2ae635c8afa7b", "description": [ [ - "//i.imgur.com/uBpLxyq.jpg", + "https://i.imgur.com/uBpLxyq.jpg", "A screenshot from Pantry for Good.", "Pantry for Good is an open source food bank logistics and inventory management tool.", "https://github.com/freeCodeCamp/pantry-for-good" @@ -43,7 +43,7 @@ "id": "5a1879f019a2ae635c8afa7a", "description": [ [ - "//i.imgur.com/mKg8plZ.png", + "https://i.imgur.com/mKg8plZ.png", "A screenshot from Meeting for Good.", "Meeting for Good is an open source meeting coordination app for nonprofit teams.", "https://github.com/freeCodeCamp/meeting-for-good" @@ -60,7 +60,7 @@ "id": "5a1879ef19a2ae635c8afa79", "description": [ [ - "//i.imgur.com/2rrSXLx.png", + "https://i.imgur.com/2rrSXLx.png", "A screenshot from League for Good.", "League for Good is an open source sports league management tool.", "https://github.com/freeCodeCamp/league-for-good" @@ -77,7 +77,7 @@ "id": "5a1879ef19a2ae635c8afa78", "description": [ [ - "//i.imgur.com/41K9HQ4.png", + "https://i.imgur.com/41K9HQ4.png", "A screenshot from Conference for Good.", "Conference for Good is an open source conference management tool.", "https://github.com/freeCodeCamp/conference-for-good" @@ -94,7 +94,7 @@ "id": "5a1879ee19a2ae635c8afa77", "description": [ [ - "//i.imgur.com/2wVU4M9.png", + "https://i.imgur.com/2wVU4M9.png", "A screenshot from the freeCodeCamp core platform.", "The freeCodeCamp core platform is the learning resource you are using right now at this exact moment ;)", "https://github.com/freecodecamp/freecodecamp" @@ -111,7 +111,7 @@ "id": "5a187d4019a2ae635c8afa7c", "description": [ [ - "//i.imgur.com/ijMWOAe.png", + "https://i.imgur.com/ijMWOAe.png", "A screenshot from the freeCodeCamp Guide.", "The freeCodeCamp Guide is a collection of easy-to-understand guides to programming tools.", "https://github.com/freeCodeCamp/guides" diff --git a/challenges/08-coding-interview-questions-and-take-home-assignments/coding-interview-data-structure-questions.json b/challenges/08-coding-interview-questions-and-take-home-assignments/coding-interview-data-structure-questions.json index 11525bd810..35a2372674 100644 --- a/challenges/08-coding-interview-questions-and-take-home-assignments/coding-interview-data-structure-questions.json +++ b/challenges/08-coding-interview-questions-and-take-home-assignments/coding-interview-data-structure-questions.json @@ -2568,25 +2568,25 @@ "title": "Introduction to Graphs", "description": [ [ - "//i.stack.imgur.com/XfuFe.gif", + "https://i.stack.imgur.com/XfuFe.gif", "Picture of an X-Y coordinate graph seen in typical math classes", "This challenge starts a series of challenges that will teach graph data structures and some algorithms involving graphs. You may be familiar with graphs with an x- and y-axis found in your math classes. However, here graphs mean a different thing.", "" ], [ - "//upload.wikimedia.org/wikipedia/commons/5/5b/6n-graf.svg", + "https://upload.wikimedia.org/wikipedia/commons/5/5b/6n-graf.svg", "Figure of undirected network with 6 nodes", "The data structure of graphs are collections of things and the relationships or connections among them. Graphs are also known as networks.

When talking about graphs, the precise term for \"objects\" are nodes or vertices. Similarly, the precise term for \"connections\" is edges.", "" ], [ - "//upload.wikimedia.org/wikipedia/commons/b/b6/Moreno_Sociogram_2nd_Grade.png", + "https://upload.wikimedia.org/wikipedia/commons/b/b6/Moreno_Sociogram_2nd_Grade.png", "Figure of psychologist Moreno's social network of a 2nd grade class", "One example of graphs is a social network where the nodes are you and other people, and the edges are whether two people are friends with each other.", "" ], [ - "//i.stack.imgur.com/5xkVt.png", + "https://i.stack.imgur.com/5xkVt.png", "Figures of directed graphs with arrows on edges while undirected graphs do not have directions on edges", "There are two major types of graphs: directed and undirected. Undirected graphs are graphs without any direction on the edges between nodes. Directed graphs, in contrast, are graphs with a direction in its edges.

An example of an undirected graph could be a social network. The nodes are people and the edges are friendship. An example of a directed network could be the internet and web page links. Here, the nodes are web pages and the directed edges are links to other pages, which might not necessarily point the other way.", ""