From 544f4b5de0b12a8eaad6edaa06ff3832cc45ecf6 Mon Sep 17 00:00:00 2001 From: Quincy Larson Date: Tue, 27 Jun 2017 17:55:50 -0500 Subject: [PATCH] feat: Simplify production's onboarding (#15528) * simplify onboarding * add hint button for all basic and algorithm challenges * update onboarding and settings * add chat room link to settings --- common/app/components/Nav/links.json | 8 +- .../00-getting-started/getting-started.json | 1088 ----------------- .../gear-up-for-success.json | 187 +-- .../html5-and-css.json | 112 +- server/views/account/settings.jade | 23 +- server/views/challenges/showBonfire.jade | 15 +- server/views/challenges/showHTML.jade | 10 +- server/views/challenges/showJS.jade | 13 +- server/views/challenges/showVideo.jade | 4 - .../challenges/showZiplineOrBasejump.jade | 4 - server/views/emails/a-extend-user-welcome.ejs | 5 +- server/views/partials/navbar.jade | 4 +- 12 files changed, 149 insertions(+), 1324 deletions(-) delete mode 100644 seed/challenges/00-getting-started/getting-started.json diff --git a/common/app/components/Nav/links.json b/common/app/components/Nav/links.json index b79ba189ec..8f066eb38c 100644 --- a/common/app/components/Nav/links.json +++ b/common/app/components/Nav/links.json @@ -1,10 +1,6 @@ [{ "content": "Map", "link": "/map" -}, { - "content": "Chat", - "link": "//gitter.im/FreeCodeCamp/FreeCodeCamp", - "target": "_blank" },{ "content": "Forum", "link": "http://forum.freecodecamp.com/", @@ -13,6 +9,6 @@ "content": "About", "link": "/about" },{ - "content": "Shop", - "link": "/shop" + "content": "Donate", + "link": "/donate" }] diff --git a/seed/challenges/00-getting-started/getting-started.json b/seed/challenges/00-getting-started/getting-started.json deleted file mode 100644 index 146b6ef8a7..0000000000 --- a/seed/challenges/00-getting-started/getting-started.json +++ /dev/null @@ -1,1088 +0,0 @@ -{ - "name": "Join the Free Code Camp Community", - "order": 1, - "time": "15 minutes", - "helpRoom": "Help", - "challenges": [ - { - "id": "560add10cb82ac38a17513be", - "title": "Learn how Free Code Camp Works", - "description": [ - [ - "//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", - "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/uejBz2H.jpg", - "An image of our open source projects on GitHub.", - "You'll get experience by contributing to open source projects used by nonprofits. This will help prepare you for a coding job.", - "" - ] - ], - "challengeSeed": [], - "tests": [], - "type": "Waypoint", - "challengeType": 7, - "titleFr": "Apprenez comment FreeCodeCamp fonctionne", - "descriptionFr": [ - [ - "//i.imgur.com/6ibIavQ.jpg", - "Une idée des avantages de Free Code Camp: restez connecté , apprenez le JavaScript , construisez votre portfolio , Aidez les organismes sans but lucratif", - "Bienvenue sur Free Code Camp . Nous sommes une communauté opensource de gens passionnés qui apprend à coder et aide les organisations à but non lucratif.", - "" - ], - [ - "//i.imgur.com/Elb3dfj.jpg", - "Une capture d'écran de certains de nos développeurs réunis à Toronto.", - "Apprendre à code est dur. Pour réussir, vous aurez besoin de beaucoup de pratique et de soutien. Voilà pourquoi nous avons créé un programme rigoureux et une communauté de soutien.", - "" - ], - [ - "//i.imgur.com/D7Y5luw.jpg", - "Un graphique de la vitesse de croissance de l'emploi face à la croissance du nombre de diplômés en études d'informatique . Il y a 1,4 million d'emplois et seulement 400 000 personnes pour les occuper.", - "Il y a des milliers d'emplois de développeurs actuellement vacants, et la demande pour les développeurs augmente chaque année.", - "" - ], - [ - "//i.imgur.com/WD3STY6.jpg", - "Photos de trois développeurs qui ont obtenu un emploi après l'apprentissage de code au Free Code Camp.", - "Free Code Camp est une voie éprouvée pour obtenir votre premier job de développeur. En fait , personne n'a jamais accompli l'ensemble de notre programme , car nos développeurs ont trouvé un emploi avant qu'ils ne soient en mesure de le finir notre parcours.", - "" - ], - [ - "//i.imgur.com/vLNso6h.jpg", - "Une illustration montrant que vous allez apprendre HTML5 , CSS3 , JavaScript , bases de données , Git , Node.js , React et D3.", - "Nous avons des centaines de défis de codage optionnels qui vous apprendront les fondamentaux du développement web comme HTML5 , Node.js et les bases de données.", - "" - ], - [ - "//i.imgur.com/UVB9hxp.jpg", - "Une image d'un développeur dans un café projets sur Camp Code Free.", - "Nous croyons que les êtres humains apprennent mieux par la pratique . De sorte que vous passerez la plupart de votre temps à construire efficacement des projets. Nous allons vous donner une liste de spécifications ( des témoignages d'utilisateurs agiles ) , et vous allez comprendre comment construire des applications qui répondent à ces spécifications.", - "" - ], - [ - "//i.imgur.com/pbW7K5S.jpg", - "Une image pour montrer notre front-end, back end, et data visualisation certificat ( 400 heures chacun) , nos projets à but non lucratif (800 heures) , et l'interview de préparation ( 80 heures ) pour un total de 2080 heures d'expérience de codage.", - "Notre programme est divisé en 4 certifications . Ces certifications sont standardisés , et immédiatement vérifiable par vos clients indépendants et les futurs employeurs . Comme tout le reste au Code Camp gratuit, ces certifications sont gratuits. Nous vous recommandons de les faire dans l'ordre, mais vous êtes libre d'en sauter . Les trois premièrs certifications prennent 400 heures chacune , et la certification finale prend 800 heures , et implique la construction de projets concrets pour les organisations caritatives.", - "" - ], - [ - "//i.imgur.com/akGfLoa.jpg", - "Une capture d'écran de notre certificat développeur Front-End", - "Pour réussir notre certificat Front-End vérifié, vous allez construire 10 projets utilisant HTML , CSS , jQuery et JavaScript.", - "" - ], - [ - "//i.imgur.com/ocEL0D3.jpg", - "Une capture d'écran de notre certificat de visualisation de données", - "Pour gagner notre certification de visualisation de données , vous allez construire 10 projets utilisant Réagir, Sass et D3.js.", - "" - ], - [ - "//i.imgur.com/8HCk1Od.jpg", - "Une capture d'écran de notre certificat Back-End", - "Pour gagner notre certification de développeur Back-End, vous allez construire 10 projets utilisant Node.js , Express, et MongoDB . Vous allez utiliser Git et Heroku de les déployer dans le cloud.", - "" - ], - [ - "//i.imgur.com/yXyxbDd.jpg", - "Une capture d'écran de notre répertoire de projet à but non lucratif.", - "Après avoir effectué tous les trois de ces certificats , vous faites équipe avec un autre développeur et utilisez agiles méthodologies de développement de logiciel pour construire deux projets de la vie réelle pour les organismes sans but lucratif . Vous aurez également d'ajouter des fonctionnalités à deux projets à but non lucratif de code hérité. Au moment où vous avez terminé, vous aurez un portefeuille de véritables applications que les gens utilisent tous les jours.", - "" - ], - [ - "//i.imgur.com/PDGQ9ZM.jpg", - "Une image de campeurs construction des projets ensemble dans un café de Séoul ", - "Si vous finissez les 2.080 heures de défis et projets, vous gagnerez notre certification complète Stack développement . Nous vous offrons gratuitement la pratique d'entrevue de codage . Nous offrons même un accès à notre si d'emploi où les employeurs embauchent spécifiquement les développeurs qui ont obtenu des certificats de Free Code Camp.", - "" - ] - ], - "titleEs": "Aprende como funciona Free Code Camp", - "descriptionEs": [ - [ - "//i.imgur.com/6ibIavQ.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.", - "" - ], - [ - "//i.imgur.com/Elb3dfj.jpg", - "Una imagen de algunos de nuestros campistas programando juntos en Toronto.", - "Aprender a programar es difícil. Para tener éxito, necesitarás mucha práctica y apoyo. Por eso es que hemos creado un riguroso currículo y una comunidad de apoyo.", - "" - ], - [ - "//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.", - "Actualmente, hay miles de trabajos de programación sin ocupar, y la demanda de programadores crece cada año.", - "" - ], - [ - "//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 que obtengas tu primer trabajo de programación. De hecho, nadie actualmente ha completado nuestro programa entero, porque los campistas obtienen trabajos antes de poder hacerlo.", - "" - ], - [ - "//i.imgur.com/vLNso6h.jpg", - "Una ilustración mostrando que aprenderás HTML5, CSS3, JavaScript, Bases de Datos, Git, Node.js, react y D3.", - "Tenemos cientos de desafíos de programación opcionales que te enseñarán las tecnologías fundamentales para el desarrollo web como HTML5, Node.js y bases de datos.", - "" - ], - [ - "//i.imgur.com/UVB9hxp.jpg", - "Una foto de un campista en un café construyendo proyectos con Free Code Camp.", - "Creemos que los humanos aprender mejor haciendo. Así que en realidad emplearás la mayoría de tu tiempo construyendo proyectos. Te daremos una lista de especificaciones (historias de usuario ágiles), y te las ingeniarás para construir aplicaciones que cumplan esas especificaciones.", - "" - ], - [ - "//i.imgur.com/pbW7K5S.jpgk", - "Una imagen de los tiempos de nuestras certificaciones para desarrollo de interfaces, desarrollo al lado del servidor y visualización de datos (400 horas cada uno), para nuestros proyectos sin ánimo de lucro (800 horas) y preparación para entrevistas (80 horas) que dan un total de 2,080 horas e experiencia programando.", - "Nuestro currículo se divide en 4 certificaciones. Estas certificaciones están estandarizadas, y son verificables al instante por sus clientes como trabajador independiente y por sus futuros empleadores. Tal como todo lo demás en Free Code Camp, estas certificaciones son gratuitas. Recomendamos hacerlas en orden, pero usted es libre de saltar de una a otra. Las primeras tres certificaciones requieren 400 horas cada una, y la certificación final requiere 800 horas, e involucra construir proyectos de la vida real para organizaciones sin ánimo de lucro.", - "" - ], - [ - "//i.imgur.com/akGfLoa.jpg", - "Una imagen de nuestro Certificado de Desarrollo de Interfaces", - "Para obtener nuestra certificación verificada de Desarrollo de Interfaces, construirás 10 proyectos usando HTML, CSS, jQuery y JavaScript.", - "" - ], - [ - "//i.imgur.com/ocEL0D3.jpg", - "Una imagen de nuestro Certificado de Visualización de Datos", - "Para obtener nuestra certificación en Visualización de Datos, construirás 10 proyectos usando React, Sass y D3.js.", - "" - ], - [ - "//i.imgur.com/8HCk1Od.jpg", - "Una imagen de nuestro Certificado de Desarrollo al Lado del Servidor", - "Para obtener nuestro Certificado de Desarrollo al Lado del Servidor, construirás 10 proyectos empleando Node.js, Express y MongoDB. Usarás Git y Heroku para desplegarlos en la nube.", - "" - ], - [ - "//i.imgur.com/yXyxbDd.jpg", - "Una imagen de nuestro directorio de organizaciones sin ánimo de lucro.", - "Después de completar todos los tres certificados, harás equipo con otro campista y usarás metodologías de desarrollo ágil para construir dos proyectos de la vida real para organizaciones sin ánimo de lucro. También añadirás funcionalidad a dos proyectos de fuentes legadas de organizaciones sin ánimo de lucro. Cuando termines esto, tendrás un portafolio de aplicaciones reales que la gente usa a diario. ", - "" - ], - [ - "//i.imgur.com/PDGQ9ZM.jpg", - "Una imagen de nuestros campistas construyendo proyectos juntos en un café en Seoul.", - "Si completas todas las 2,080 horas de desafíos y proyectos, obtendrás un Certificado de Desarrollo de Pila Completa. Te ofreceremos gratuitamente una práctica en entrevistas para desarrolladores. Incluso ofrecemos un directorio de trabajos donde los empleadores contratan específicamente campistas que han recibido certificaciones de Free Code Camp.", - "" - ] - ], - "titleDe": "Lerne wie Free Code Camp funktioniert", - "descriptionDe": [ - [ - "//i.imgur.com/6ibIavQ.jpg", - "Ein Bild von den 4 Vorteilen von Free Code Camp: Vernetz Dich, Lerne Javascript, Bau ein Portfolio auf, Hilf Non-Profit-Organisationen", - "Willkommen bei Free Code Camp. Wir sind eine Open Source Gemeinschaft von motivierten Leuten, die programmieren lernen und Non-Profit-Organisationen helfen", - "" - ], - [ - "//i.imgur.com/Elb3dfj.jpg", - "Ein Screenshot von einigen unserer Camper beim gemeinsamen Programmieren in Toronto.", - "Programmieren zu lernen ist hart. Um erfolgreich zu sein brauchst du viel Übung und Unterstützung. Deswegen haben wir ein umfangreiches Curriculum und eine unterstützende Gemeinschaft geschaffen.", - "" - ], - [ - "//i.imgur.com/D7Y5luw.jpg", - "Ein Graph vom Verhältnis der Wachstumsrate von Jobs gegenüber der Abschlüsse von Informatik Studien. Es gibts 1,4 Millionen Jobs aber nur 400.000 Leute um diese zu füllen.", - "Es gibt tausende von unbesetzen Programmierjobs und die Nachfrage wächst jedes Jahr", - "" - ], - [ - "//i.imgur.com/WD3STY6.jpg", - "Foto von drei Campern die einen Job bekommen haben nachdem sie bei Free Code Camp programmieren gelernt haben", - "Free Code Camp ist ein sicherer Weg zu deinem ersten Programmierjob. Tatsächlich hat noch niemand unser komplettes Programm beendet, weil Campers bereits davor Jobs finden.", - "" - ], - [ - "//i.imgur.com/vLNso6h.jpg", - "Eine Illustration die zeigt dass du HTML5, CSS3, JavaScript, Datenbanken, Git, Node.js, React und D3 lernen wirst", - "Wir haben hunderte von optionalen Programmieraufgaben die dir die fundamentalen Webentwicklungstechnologien wie HTML5, Node.js und Datanbanken beibringen werden.", - "" - ], - [ - "//i.imgur.com/UVB9hxp.jpg", - "Ein Foto von einem Camper in einem Cafe der an Free Code Camp Projekten arbeitet.", - "Wir glauben dass Menschen am Besten beim Tun lernen. Deswegen wirst du die meiste Zeit damit beschäftigt sein an tatsächlichen Projekten zu arbeiten. Wir werden dir eine Liste an Anforderungen (agile User Stories) geben und du wirst dich damit auseinander setzen diese zu erfüllen.", - "" - ], - [ - "//i.imgur.com/pbW7K5S.jpg", - "Ein Bild auf dem man unsere Frontend-, Backend- und Daten Visualisierungzertifikate (je 400 Stunden), unsere Non-Profit-Projekte (800 Stunden) und Bewerbungsgesprächsvorbereitung (80 Stunden) sieht mit einer Summe von 2080 Stunden Programmiererfahrung.", - "Unser Curriculum ist in 4 Zertifikate aufgeteilt. Diese Zertifikate sind standardisiert und jederzeit von deinen Kunden oder zukünftigen Arbeitgeber überprüfbar. Wie alles andere auch bei Free Code Camp sind die Zertifikate gratis. Wir empfehlen sie in der vorgesehenen Reihenfolge zu machen, aber es steht dir offen frei zu wählen. Die ersten drei Zertifikate dauern jeweils 400 Stunden. Das letzte Zertifikat dauert 800 Stunden und beinhaltet die Umsetzung eines echten Projektes für eine Non-Profit-Organisation.", - "" - ], - [ - "//i.imgur.com/akGfLoa.jpg", - "Ein Screenshot von unserem Frontendzertifikat", - "Um sich unser geprüftes Frontend-Entwicklungszertifikat zu verdienen, wirst du 10 Projekte mit HTML, CSS, jQuery und Javascript umsetzen.", - "" - ], - [ - "//i.imgur.com/ocEL0D3.jpg", - "Ein Screenshot von unserem Datenvisualisierungszertifikat", - "Für unser Datenvisualisierungszertifikat, wirst du 10 Projekte mit React, Sass und D3.js umsetzen.", - "" - ], - [ - "//i.imgur.com/8HCk1Od.jpg", - "Ein Screenshot von unserem Backend-Entwicklungszertifikat", - "Um unser Backend-Entwicklungszertifikat zu erhalten, wirst du 10 Projekte mit Node.js, Express und MongoDB umsetzen. Du wirst Git und Heroku verwenden um sie in der Cloud zu veröffentlichen.", - "" - ], - [ - "//i.imgur.com/yXyxbDd.jpg", - "Ein Screenshot von unserem Non-Profit-Verzeichnis", - "Nachdem du alle drei von diesen Zertifikaten abgeschlossen hast, wirst du mit einem anderen Camper zusammen Methoden der agilen Softwareentwicklung verwenden und zwei echte Projekte für Non-Profit-Organisationen umsetzen. Außerdem wirst du zwei bereits existierende Non-Profit-Projekte um neue Funktionalität erweitern. Wenn du fertig bist, wirst du ein Portfolio mit zwei echten Apps besitzen, die täglich von Leuten genutzt werden.", - "" - ], - [ - "//i.imgur.com/PDGQ9ZM.jpg", - "Ein Foto von Campern die zusammen in einem Cafe in Seoul an einem Projekt arbeiten.", - "Wenn du alle 2080 Stunden an Aufgaben und Projekten absolviert hast, hast du dir unser Full Stack Development Zertifikat verdient. Wir bieten dir dann ein gratis Bewerbungstraining an. Außerdem haben wir eine Jobbörse, wo Arbeitsgeber Camper einstellen die Free Code Camp Zertifikate erhalten haben.", - "" - ] - ], - "TitleIt": "Impara come funziona Free Code Camp", - "DescriptionIt": [ - [ - "//i.imgur.com/6ibIavQ.jpg", - "Una immagine dei 4 benefici di Free Code Camp: Creare Contatti, Imparare il JavaScript, costruire il proprio portfolio, Aiutare delle organizzazioni no-profit", - "Benvenuto in Free Code Camp. Siamo una comunità open source di persone impegnate che imparano a programmare e aiutano le organizzazioni no-profit.", - "" - ], - [ - "//i.imgur.com/Elb3dfj.jpg", - "Uno screenshot di alcuni dei nostri camper che programmano insieme a Toronto.", - " Imparare a programmare è difficile. Per riuscirci, sono necessari un sacco di pratica e molto sostegno. Per questo motivo abbiamo creato un curriculum rigoroso e una comunità solidale.", - "" - ], - [ - "//i.imgur.com/D7Y5luw.jpg", - "Un grafico del tasso di crescita dei posti di lavoro contro la crescita di laureati in informatica (in USA). Ci sono 1,4 milioni di posti e solo 400 mila persone adatte ad occuparli.", - "Ci sono migliaia di posizioni da Sviluppatore Software attualmente vacanti, e la domanda di programmatori cresce ogni anno.", - "" - ], - [ - "//i.imgur.com/WD3STY6.jpg", - "Foto di tre camper che hanno ottenuto un lavoro dopo aver imparato a programmare con Free Code Camp.", - "Free Code Camp è un modo collaudato per ottenere il primo lavoro da sviluppatore. In effetti, nessuno ha ancora completato tutto il nostro programma, perché i campers trovano lavoro prima di finire il corso.", - "" - ], - [ - "//i.imgur.com/vLNso6h.jpg", - "Un esempio che mostra che qui si imparano HTML5, CSS3, JavaScript, Database, Git, Node.js, React e D3.", - "Abbiamo centinaia di problemi di programmazione opzionali che vi insegneranno tecnologie di sviluppo web fondamentali come HTML5, Node.js e Database.", - "" - ], - [ - "//i.imgur.com/UVB9hxp.jpg", - "Un'immagine di un camper in un bar che lavora ai progetti di Free Code Camp.", - "Crediamo che gli esseri umani imparino meglio facendo. Quindi lavorerai per la maggior parte del tempo a dei progetti pratici. Ti daremo una lista di specifiche (Storie-Utente 'Agili'), e Tu dovrai decidere come sviluppare delle applicazioni che soddisfino queste specifiche.", - "" - ], - [ - "//i.imgur.com/pbW7K5S.jpg", - "Un'immagine che mostra le nostre certificazioni front-end, back-end, e visualizzazione dei dati (400 ore ciascuno), i nostri progetti no-profit (800 ore), e la preparazione ai colloqui (80 ore) per un totale di 2.080 ore di esperienza.", - "Il nostro curriculum è diviso in 4 certificazioni. Queste certificazioni sono standardizzate, e immediatamente verificabili dai tuoi clienti come freelance e dai futuri datori di lavoro. Come tutto il resto di Free Code Camp, queste certificazioni sono gratuite. Ti consigliamo di farle in ordine, ma non è obbligatorio. Per le prime tre certificazioni, ci vogliono 400 ore ciascuna, per la certificazione finale ci vogliono 800 ore, e questa prevede lo sviluppo di progetti reali per delle organizzazioni no-profit. ", - "" - ], - [ - "//i.imgur.com/akGfLoa.jpg", - "Uno screenshot del nostro certificato di sviluppatore Front-End", - "Per ottenere la certificazione verificata di Sviluppatore Front-End, dovrai realizzare 10 progetti utilizzando HTML, CSS, jQuery, e JavaScript.", - "" - ], - [ - "//i.imgur.com/ocEL0D3.jpg", - "Uno screenshot del nostro certificato di Visualizzazione Dati", - "Per ottenere la certificazione di Visualizzazione Dati, dovrai realizzare 10 progetti utilizzando React, Sass e D3.js.", - "" - ], - [ - "//i.imgur.com/8HCk1Od.jpg", - "Uno screenshot del nostro certificato di sviluppatore Back-End", - "Per ottenere la certificazione di Sviluppatore Back-End, dovrai realizzare 10 progetti utilizzando Node.js, Express e MongoDB. Userai Git e Heroku per distribuirli in rete.", - "" - ], - [ - "//i.imgur.com/yXyxbDd.jpg", - "Una schermata della nostra directory dei progetti no-profit.", - "Dopo aver ottenuto tutti e tre i certificati, potrai collaborare con un altro camper e utilizzerai metodologie di sviluppo 'Agili' per sviluppare due progetti reali per delle organizzazioni no-profit. Inoltre dovrai aggiungere funzionalità a due progetti no-profit sviluppati precedentemente. Quando avrai finito, avrai un portafoglio di applicazioni reali utilizzate quotidianamente.", - "" - ], - [ - "//i.imgur.com/PDGQ9ZM.jpg", - "Un'immagine di alcuni campers che lavorano insieme ai progetti in un bar a Seoul.", - "Una volta completati tutti i problemi e i progetti, per l'equivalente di 2080 ore, potrai ottenere la nostra Certificazione di sviluppatore Full-Stack. Offriamo gratuitamente anche delle simulazioni di colloqui di lavoro. Abbiamo anche una Bacheca in cui i datori di lavoro stanno cercando dei campers che abbiano completato le certificazioni di Free Code Camp. ", - "" - ] - ] - }, - { - "id": "560add37cb82ac38a17513bf", - "descriptionJa": [ - [ - "//i.imgur.com/EAR7Lvh.jpg", - "Gitterチャットルームの一場面です。", - "コーディングを始める前に、Free Code Camp のチャットルームに参加してください。いつでも、雑談や質問ができたりペアプログラミングをするための仲間を見つけ流ことができます。最初に GitHub アカウントが必要です。", - "" - ], - [ - "//i.imgur.com/n6GeSEm.gif", - "この gif は GitHub を開始するまでの流れを表しています。必要な欄に情報を入れて登録をしてください。そして GitHub からあなたのメールアドレス宛にメールが届きますのでアカウントを承認してください。", - "\"Open link in new tab\"をクリックして GitHub を開いてください。 必要な欄に情報を入力して GitHub アカウントを作ってください。実際に使われている email アドレスかを確認してください( GitHub にはこの情報が保存されます )。メールアドレス宛に GitHub からメールが来たことを確認してください。 メールにある\"verify email address\"をクリックして開いてください。
注意： もしすでに GitHub アカウントを持っていたら、あなたは \"Open link in new tab\" をクリックすることでこのステップを飛ばすことができます、新しく開かれたタブを閉じて \"go to my next step\" をクリックしてください。私たちはこの大事なステップが飛ばされてしまうのを防ぐために \"このステップを飛ばす\" ボタンは削除してあります。
", - "https://github.com/join" - ], - [ - "//i.imgur.com/hFqAEr8.gif", - "この gif は GitHub の右上にあるプロフィール画像をクリックする方法です。あなたの写真をアップロードするか、自動で生成されるピクセルアートを利用してください。そして、残りの欄に情報を入力し submit ボタンを押してください。", - "GitHub の右上に表示されているピクセルアートをクリックしてください、そして settings を選んでください。あなたの画像をアップロードしてください。画像はあなたの顔が写っていると良いです。他のキャンパーズの仲間たちがチャットルームであなたを見かけるようになります。住んでいる場所や名前を登録することもできます", - "https://github.com/settings/profile" - ], - [ - "//i.imgur.com/pYk0wOk.gif", - "この gif は GitHub のレポジトリへのスターをつける方法です。", - "オープンソースの Free Code Camp のレポジトリを開いてください。これは私たちボランティアチームの協力者が Free Code Camp で作っているものです。", - "https://github.com/freecodecamp/freecodecamp" - ], - [ - "//i.imgur.com/OmRmLB4.gif", - "この git は私たちのチャットルームへのリンクをクリックして、\"sign in with GitHub\" ボタンをクリックしています。そして、テキストを入力してキャンパーズの仲間へメッセージを送る方法を表しています。", - "あなたは GitHub のアカウントを持っているので、私たちのチャットルームへ GitHub を利用してログインできます。\"Hellow world!\" と言って自己紹介をし、あなたがどうやって Free Code Camp を見つけたかや何故プログラミングを学びたいのかを私たちに話してください。", - "https://gitter.im/FreeCodeCamp/FreeCodeCamp" - ], - [ - "//i.imgur.com/Ecs5XAd.gif", - "この gif は右上の settings ボタンを押すことで、通知の設定を変更する方法を表しています。", - "私たちのチャットルームはとても活発です。あなたは誰かがあなたに対してメンションを送った時にだけ通知してもらうように設定を変更した方が良いでしょう。", - "" - ], - [ - "//i.imgur.com/T0bGJPe.gif", - "この gif はどうやって該当するユーザに向けて個人的なメーッセージを送れるようにするかを表しています。", - "私たちのチャットルームは全て公開されているので、もしあなたが個人的な情報(メールアドレスや電話番号)を共有したい場合には、プライベートメッセージを利用してください。", - "" - ], - [ - "//i.imgur.com/vDTMJSh.gif", - "この gif はチャレンジとチャットルームへの行き来がタブを戻すことでできることを表しています。", - "私たちのチャレンジを通して作業をしている間はチャットルームを開いておくと良いでしょう。そうすることで、必要な時に助けを求めることができます。あなたは休憩をしているかのように他のキャンパーズと関わりを持てるでしょう。", - "" - ], - [ - "//i.imgur.com/WvQvNGN.gif", - "この gif は、チャットルームアプリをあなたのコンピュータに直接インストールするためにダウンロードする方法を表しています。", - "チャットルームのアプリをスマホや自分のパソコンにダウンロードして使うことができます。", - "https://gitter.im/apps" - ] - ], - "title": "Create a GitHub Account and Join our Chat Rooms", - "description": [ - [ - "//i.imgur.com/EAR7Lvh.jpg", - "A screenshot of our one of our Gitter chat rooms.", - "Before we start coding, 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.", - "" - ], - [ - "//i.imgur.com/n6GeSEm.gif", - "A gif showing you to click the link below to go to GitHub. Fill in the necessary fields and click submit. Then check your email inbox for an email from GitHub so you can verify your account.", - "Click the \"Open link in new tab\" button below to open up GitHub. Create a GitHub account by filling in the form. Be sure to use your real email address - GitHub will keep this private. Then check your email inbox for an email from GitHub. Open it and click the \"verify email address\" button inside it.
Note: If you already have a GitHub 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://github.com/join" - ], - [ - "//i.imgur.com/hFqAEr8.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. 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 look your best. You can add your city and your name if you want.", - "https://github.com/settings/profile" - ], - [ - "//i.imgur.com/pYk0wOk.gif", - "A gif showing you Free Code Camp's GitHub repo.", - "Open Free Code Camp's open-source repository. This is where our volunteer team collaborates on building Free Code Camp.", - "https://github.com/freecodecamp/freecodecamp" - ], - [ - "//i.imgur.com/OmRmLB4.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!\" 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" - ], - [ - "//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.", - "" - ], - [ - "//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.", - "" - ], - [ - "//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.", - "" - ], - [ - "//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" - ] - ], - "challengeSeed": [], - "tests": [], - "type": "Waypoint", - "titleFr": "Créer un compte GitHub et rejoignez nos Salons de chat", - "descriptionFr": [ - [ - "//i.imgur.com/EAR7Lvh.jpg", - "Une capture d'écran de notre l'un de nos Gitter salles de chat.", - "Avant de commencer à coder, nous allons rejoindre les salles de chat de Camp Code Free . Vous pouvez venir ici tout moment de la journée pour se détendre , poser des questions , ou trouver un autre camping de jumeler programme avec. D'abord, vous aurez besoin d'un compte GitHub.", - "" - ], - [ - "//i.imgur.com/n6GeSEm.gif", - "Un gif vous montrant à cliquer sur le lien ci-dessous pour aller à GitHub . Remplissez les champs nécessaires et cliquez sur soumettre . Ensuite, vérifiez votre boîte de réception pour un courriel de GitHub sorte que vous pouvez vérifier votre compte.", - "Cliquez sur le \"lien Ouvrir dans une nouvelle touche de tabulation\" ci-dessous pour ouvrir GitHub. Créer un compte GitHub en remplissant le formulaire . Assurez-vous d'utiliser votre adresse email réelle - GitHub gardera cette privé. Ensuite, vérifiez votre boîte de réception pour un courriel de GitHub. Ouvrez-le et cliquez sur \"l'adresse email sur vérifier\" l'intérieur.
Remarque: Si vous avez déjà un compte GitHub , vous pouvez sauter cette étape en cliquant sur \"Ouvrir le lien dans un nouvel onglet\", fermeture le nouvel onglet qui ouvre, puis en cliquant \"aller à ma prochaine étape\". Nous avons retiré notre bouton de \"l'étape de saut\" , car beaucoup de gens il suffit de cliquer à plusieurs reprises sans faire ces étapes importantes.
", - "https://github.com/join" - ], - [ - "//i.imgur.com/hFqAEr8.gif", - "Un gif vous montrant comment cliquez sur l' image de profil dans le coin supérieur droit de GitHub. Télécharger une photo de vous-même ou vous allez continuer à utiliser l'art de pixel généré automatiquement . Ensuite, remplissez les champs du formulaire restants et cliquez sur soumettre.", - "Cliquez sur le pixel art dans le coin supérieur droit de GitHub , puis choisissez les paramètres . Télécharger une photo de vous-même. Une photo de votre visage qui fonctionne le mieux . Voici comment les autres campeurs vous voir dans nos salles de chat , donc regarder votre meilleur . Vous pouvez ajouter votre ville et votre nom si vous voulez.", - "https://github.com/settings/profile" - ], - [ - "//i.imgur.com/pYk0wOk.gif", - "Un gif montrant comment vous pouvez activer un repo GitHub.", - "Ouvrez open-source du dépôt central de Camp Code Free . Ceci est où notre équipe de bénévoles collabore à la construction de Camp Code Free.", - "https://github.com/freecodecamp/freecodecamp" - ], - [ - "//i.imgur.com/OmRmLB4.gif", - "Un gif vous montrant comment Cliquez sur le lien ci-dessous pour accéder à notre salle de chat et cliquez sur \"Se connecter avec\" bouton GitHub. Puis vous pouvez cliquer dans le champ de saisie de texte et saisissez un message à vos amis campeurs.", - "Maintenant que vous avez une GitHub compte, vous pouvez vous joindre à notre principale salle de chat en vous connectant à GitHub. Présentez-vous en disant \"Hello World!\" avertissez votre amis campeurs comment vous avez trouvé Libre Code Camp. Aussi nous dire pourquoi vous voulez apprendre à code.", - "https://gitter.im/FreeCodeCamp/FreeCodeCamp" - ], - [ - "//i.imgur.com/Ecs5XAd.gif", - "Un gif vous montrant comment vous pouvez cliquez sur le bouton Réglages dans le coin supérieur droit et modifier vos paramètres de notification.", - "Nos salles de chat sont extrêmement actifs. Vous devez modifier vos paramètres pour vous're notifié que si quelqu'un vous mentionne.", - "" - ], - [ - "//i.imgur.com/T0bGJPe.gif", - "Un gif montrant comment vous pouvez cliquer sur une image de profil utilisateur pour lancer un message privé avec cet utilisateur.", - "Veuillez noter que tous nos salons de chat sont visibles pour le public. Si vous avez besoin de partager des informations sensibles, comme un numéro de téléphone ou l'adresse e-mail, faites-le dans un message privé.", - "" - ], - [ - "//i.imgur.com/vDTMJSh.gif", - "Un gif montrant que vous pouvez Tab et retour entre défis et nos salles de chat.", - "Garder notre salle de discussion ouverte pendant que vous travaillez à travers nos défis. De cette façon, vous pouvez demander de l'aide si vous êtes coincé. Vous pouvez également socialiser avec d'autres campeurs lorsque vous sentez comme prendre une pause.", - "" - ], - [ - "//i.imgur.com/WvQvNGN.gif", - "Un gif montrant comment vous pouvez cliquer sur le lien ci-dessous pour télécharger un natif salle de chat app pour votre ordinateur.", - "Vous pouvez également télécharger la salle de chat app pour votre ordinateur ou votre téléphone.", - "https://gitter.im/apps" - ] - ], - "titleEs": "Crea una Cuenta de GitHub y Únete a nuestras Salas de Chat", - "descriptionEs": [ - [ - "//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 necesitarás una cuenta de GitHub.", - "" - ], - [ - "//i.imgur.com/n6GeSEm.gif", - "Una imagen mostrándote 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" - ], - [ - "//i.imgur.com/hFqAEr8.gif", - "Un gif mostrándote como pulsar en la imagen de perfil en la esquina superior derecha de GitHub. Sube una foto tuya o continuaras usando la imagen de píxeles generada automáticamente. Entonces llena los campos restantes y haz clic en enviar.", - "En la esquina superior derecha pulsa sobre la imagen de píxeles, entonces selecciona configuraciones. 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. Puedes añadir tu ciudad y tu nombre si lo deseas.", - "https://github.com/settings/profile" - ], - [ - "//i.imgur.com/pYk0wOk.gif", - "Un gif mostrándote 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\".", - "Si quieres, ve al repositorio de código libre de Free Code Camp.", - "https://github.com/freecodecamp/freecodecamp" - ], - [ - "//i.imgur.com/OmRmLB4.gif", - "Un gif mostrándote 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. Preséntate diciendo \"Hello world!\" 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" - ], - [ - "//i.imgur.com/Ecs5XAd.gif", - "Un gif mostrándote 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.", - "" - ], - [ - "//i.imgur.com/T0bGJPe.gif", - "Un gif mostrándote 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.", - "" - ], - [ - "//i.imgur.com/vDTMJSh.gif", - "Un gif mostrándote 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.", - "" - ], - [ - "//i.imgur.com/WvQvNGN.gif", - "Un gif mostrándote 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" - ] - ], - "titleJa": "Githubアカウントを作成し、チャットに参加しましょう", - "titleDe": "Erstelle einen GitHub Account und tritt unserem Chat bei", - "descriptionDe": [ - [ - "//i.imgur.com/EAR7Lvh.jpg", - "Ein Screenshot von einem userer Gitter Chats.", - "Bevor wir zu programmieren beginnen, lass uns den Free Code Camp Chats beitreten. Hier kannst du zu jeder Tageszeit kommen, Fragen stellen oder einen anderen Camper suchen um gemeinsam zu programmieren. Doch zuerst benötigst du einen GitHub Account.", - "" - ], - [ - "//i.imgur.com/n6GeSEm.gif", - "Ein GIF das zeigt wie der unten stehenden Link angeklickt wird um auf GitHub zu kommen. Füll die notwendigen Felder aus und bestätige. Dann schau in deine Mails nach einer Nachricht von GitHub um deinen Account zu verifizieren.", - "Klicke unten auf den \"Link in neuem Tab öffnen\" Button um GitHub zu öffnen. Erstelle einen GitHub Account indem du die Felder in dem Formular ausfüllst. Überprüfe ob du deine echte Emailadresse verwendest - GitHub wird sie nicht weitergeben. Dann suche in deinem Posteingang nach einer Nachricht von GitHub. Öffne sie und klicke den darin befindenden \"Emailadresse bestätigen\" Button.
Hinweis: Wenn du bereits einen GitHub Account besitzt, kannst du diesen Schritt überspringen, indem du \"Link in neuem Tab öffnen\" drückst, den neuen Tab schließt und dann auf \"Gehe zu nächstem Schritt\" klickst. Wir haben den \"Schritt überspringen\" Button entfernt weil viele Leute sich einfach durchgeklickt haben ohne diese wichtigen Schritte zu tun
", - "https://github.com/join" - ], - [ - "//i.imgur.com/hFqAEr8.gif", - "Ein GIF das dir zeigt wie man sein Profilebild im rechten oberen Eck von GitHub anklickt. Lade ein Foto von dir hoch oder verwende weiterhin das automatisch generierte Pixelbild. Dann fülle die übrigen Formularfelder aus und klicke auf Bestätigung.", - "Klicke auf das Pixel-Art Bild in der rechten oberen Ecke von GitHub, dann gehe auf Einstellungen (settings). Lade ein Bild von dir hoch. Ein Foto von deinem Gesicht bietet sich am Besten an. So sehen dich die anderen Camper im Chat, also mach dich schick. Du kannst deine Stadt und deinen Namen hinzufügen, falls du willst.", - "https://github.com/settings/profile" - ], - [ - "//i.imgur.com/pYk0wOk.gif", - "Ein GIF das dir zeigt wie man einem GitHub Repository einen Stern gibt", - "Öffne Free Code Camp's open-source Repository. Hier arbeitet das ehrenamtliche Team zusammen an Free Code Camp. Du kannst unserem Repositoy einen Stern geben. Das ist das GitHub Äquivalent für etwas \"liken\"", - "https://github.com/freecodecamp/freecodecamp" - ], - [ - "//i.imgur.com/OmRmLB4.gif", - "Ein GIF das dir zeigt wie der unten stehende Link geklickt, auf den Chat weitergeleitet und mit dem \"Melde dich mit GitHub an\" Button man angemeldet wird. Dann kannst du auf das Textfeld klicken und eine Nachricht an andere Camper schicken", - "Jetzt, da du einen GitHub Account besitzt, kannst du unserem Hauptchat beitreten indem du dich mit GitHub anmeldest. Stell dich vor indem du \"Hello World\" schreibst. Erzähl den anderen Campern wie du Free Code Camp gefunden hast. Außerdem könntest du uns erzählen warum du programmieren lernen willst.", - "https://gitter.im/FreeCodeCamp/FreeCodeCamp" - ], - [ - "//i.imgur.com/Ecs5XAd.gif", - "Ein Gif das dir zeigt wie man den Einstellungsbutton im oberen rechten Eck anklickt und die Benachrichtigungseinstellungen ändert.", - "Unsere Chats sind sehr aktiv. Du solltest die Einstellungen ändern, damit du nur benachrichtigt wirst falls dich jemand erwähnt", - "" - ], - [ - "//i.imgur.com/T0bGJPe.gif", - "Ein GIF das dir zeigt wie man ein Profilbild von einem anderen User anklickt um eine private Nachricht zu versenden.", - "Sei dir bitte bewusst, dass alle unsere Chats komplett öffentlich sind. Falls du also sensible Informationen, wie zum Beispiel Emailadressen oder Telefonnummern, austauschen willst, verwende Privatnachrichten.", - "" - ], - [ - "//i.imgur.com/vDTMJSh.gif", - "Ein GIF das dir zeigt, dass du mithilfe mehrerer Tabs zwischen Aufgaben und dem Chat hin und her wechseln kannst", - "Halte den Chat offen, während du an den Aufgaben arbeitest. So kannst du jederzeit nach Hilfe fragen falls du nicht weiterkommst. Außerdem kannst du dich mit anderen Campern unterhalten falls du eine Pause brauchst.", - "" - ], - [ - "//i.imgur.com/WvQvNGN.gif", - "Ein GIF das dir zeigt wie du den den untenstehenden Link klickst um die native Chatapp für deinen Computer herunterzuladen.", - "Du kannst dir auch die Chatapp für deinen Computer oder dein Smartphone herunterladen.", - "https://gitter.im/apps" - ] - ], - "TitleIt": "Crea un account GitHub e iscriviti alle nostre Chat Rooms", - "DescriptionIt": [ - [ - "//i.imgur.com/EAR7Lvh.jpg", - "Uno screenshot di una delle nostre chat rooms in Gitter.", - "Prima di iniziare a scrivere codice, entra nelle chat di Free Code Camp. Potrai venire qui in ogni momento della giornata per chiacchierare, fare domande, o trovare un altro camper per programmare in coppia. Prima di tutto avrai bisogno di un account GitHub.", - "" - ], - [ - "//i.imgur.com/n6GeSEm.gif", - "Una gif che invita a cliccare sul link qui sotto per andare su GitHub. Compila i campi necessari e fare clic su Invia. Quindi controlla la tua casella di posta elettronica, riceverai una e-mail da GitHub per verificare il tuo account.", - "Clicca sul pulsante \" Apri link in una nuova scheda \" qui sotto per aprire GitHub. Crea un account compilando il modulo. Assicurati di utilizzare un indirizzo email reale - GitHub lo terrà privato. Poi controlla la tua casella di posta, riceverai un'e-mail da GitHub. Aprila e clicca il pulsante \"verificare l'indirizzo e-mail \" al suo interno
. Nota: Se disponi già di un account GitHub, è possibile saltare questo passaggio cliccando \"Apri link in una nuova scheda \", chiudendo poi la scheda appena aperta, quindi facendo clic su \"Vai al mio prossimo passo \". Abbiamo rimosso il pulsante \"Salta il passaggio \" perché molte persone lo premerebbero ripetutamente, saltando questi importanti passaggi. ", - "https://github.com/join" - ], - [ - "//i.imgur.com/hFqAEr8.gif", - "Una gif che mostra come cliccare l'immagine del profilo nell'angolo in alto a destra di GitHub. Carica una foto di te altrimenti continuerai ad utilizzare la pixel art generata automaticamente. Poi, compila gli altri campi del modulo e fai clic su Invia.", - "Clicca sulla pixel art nell'angolo in alto a destra di GitHub, quindi seleziona impostazioni. Carica una foto di te stesso. Una foto del viso è la scelta migliore. Gli altri campers ti vedranno così nelle nostre chat rooms, quindi cerca di apparire al meglio . È anche possibile aggiungere la tua città e il tuo nome.", - "https://github.com/settings/profile" - ], - [ - "//i.imgur.com/pYk0wOk.gif", - "Una gif che mostra la repository GitHub di Free Code Camp.", - "Apri la repository open-source di Free Code Camp. E' qui che il nostro team di volontari collabora allo sviluppo di Free Code Camp.", - "https://github.com/freecodecamp/freecodecamp" - ], - [ - "//i.imgur.com/OmRmLB4.gif", - "Una gif che mostra come cliccare sul link qui sotto per andare alla nostra chat room e fare clic sul pulsante \" accedi con GitHub \". Quindi potrai cliccare nel campo di immissione testo e digitare un messaggio agli altri campers.", - "Ora che disponi di un account GitHub, puoi aggiungerti alla nostra chat principale effettuando il login con GitHub. Presentati dicendo \" Hello World! \"Dì ai campers come hai trovato Free Code Camp. Dicci anche perché vuoi imparare a programmare. ", - "https://gitter.im/FreeCodeCamp/FreeCodeCamp" - ], - [ - "//i.imgur.com/Ecs5XAd.gif", - "Una gif che mostra come cliccare sul pulsante Impostazioni nell'angolo in alto a destra e modificare le impostazioni di notifica.", - "Le nostre chat rooms sono estremamente attive. È preferibile modificare le impostazioni in modo da essere notificati solo se qualcuno ti menziona direttamente.", - "" - ], - [ - "//i.imgur.com/T0bGJPe.gif", - "Una gif che mostra come cliccare sull'immagine di un profilo utente per avviare una conversazione privata con quell'utente.", - "Ti preghiamo di notare che tutte le nostre chat rooms sono visibili al pubblico. Se hai bisogno di condividere le informazioni sensibili, come ad esempio un indirizzo email o il numero di telefono, fallo in un messaggio privato.", - "" - ], - [ - "//i.imgur.com/vDTMJSh.gif", - "Una gif che mostra come passare ripetutamente tra i problemi e le nostre chat rooms.", - "Mantieni aperta la nostra chat mentre lavori ai nostri problemi. In questo modo, potrai chiedere aiuto se ti troverai in ​​difficoltà. Potrai anche socializzare con gli altri campers, quando avrai voglia di prendere una pausa.", - "" - ], - [ - "//i.imgur.com/WvQvNGN.gif", - "Una gif che mostra come è possibile fare clic sul link qui sotto per scaricare applicazione di chat nativa per il computer.", - "È anche possibile scaricare un'applicazione nativa per il computer o il telefono.", - "https://gitter.im/apps" - ] - ], - "challengeType": 7 - }, - { - "id": "560add56cb82ac38a17513c0", - "title": "Configure your Profile", - "description": [ - [ - "//i.imgur.com/tP2ccTE.gif", - "A gif showing how you can click your profile image in your upper right hand corner to your profile and connect GitHub.", - "Check out your profile. Click your picture in your upper right hand corner. To activate your profile, you'll need to link your GitHub account with Free Code Camp. Your profile 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.", - "" - ] - ], - "challengeSeed": [], - "tests": [], - "type": "Waypoint", - "challengeType": 7, - "titleEs": "Configura tu portafolio de código", - "descriptionEs": [ - [ - "//i.imgur.com/tP2ccTE.gif", - "Un gif mostrándote 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. Pulsa 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. Tu portafolio de código muestra tu progreso y cuantos Puntos Cafés tienes. Puedes obtener Puntos Cafés completando desafíos y ayudando a otros campistas en nuestras salas de chat. Si obtienes Puntos Cafés varios días consecutivos, obtendrás una racha.", - "" - ] - ], - "titleDe": "Erstelle dein profile", - "descriptionDe": [ - [ - "//i.imgur.com/tP2ccTE.gif", - "Ein GIF das dir zeigt wie man sein Profilbild in der rechten oberen Ecke anklickt um zu deinem profile zu gelangen und mit GitHub zu verbinden", - "Schau dir dein profile an. Klick auf dein Profilbild in der rechten oberen Ecke. Um dein Portfolio zu aktivieren musst du deinen GitHub Account mit Free Code Camp verbinden. Dein profile zeigt deinen Fortschritt und wieviele Brownie Punkte du hast. Du bekommst Brownie Punkte wenn du Aufgaben löst oder anderen Campern im Chat hilfst. Wenn du an mehreren Tagen in Folge Brownie Punkte erhälst bekommst du einen \"streak\"", - "" - ] - ], - "titleFr": "Configurer votre profile", - "descriptionFr": [ - [ - "//i.imgur.com/tP2ccTE.gif", - "Un gif montrant comment vous pouvez cliquez sur l'image de votre profil dans votre coin supérieur droit à votre profile et connectez GitHub.", - "Vérifiez votre profile. Cliquez sur votre photo dans votre coin supérieur droit. Pour activer votre profile, vous'll nécessité de lier votre compte avec code sans GitHub Camp. Votre profile affiche votre progression et combien de bons points vous avez. Vous pouvez obtenir de bons points par remplir les défis et en aidant d'autres campeurs dans nos salles de chat. Si vous obtenez Brownie Points sur plusieurs jours d'affilée, vous'll obtenez une rayure.", - "" - ] - ], - "TitleIt": "Configura il tuo portfolio codice", - "DescriptionIt": [ - [ - "//i.imgur.com/tP2ccTE.gif", - "Una gif che mostra come cliccare l'immagine del profilo in alto a destra per collegare a GitHub il tuo portfolio codice.", - "Controlla il tuo portfolio codice. Clicca l'immagine in alto a destra. Per attivare il portfolio codice, è necessario collegare il tuo account GitHub con Free Code Camp. Il tuo portfolio codice mostra i tuoi progressi e quanti Brownie Points hai. È possibile ottenere i Brownie Points completando i problemi e aiutando altri campers nelle nostre chat rooms. Se si ricevono Brownie Points per diversi giorni di fila, si otterrà uno \"Streak\". ", - "" - ] - ] - }, - { - "id": "560adf65cb82ac38a17513c2", - "title": "Read Coding News on our Medium Publication", - "description": [ - [ - "//i.imgur.com/AZNLvEC.gif", - "A gif showing how you can click the \"follow\" button to follow Free Code Camp's publication.", - "Our community has a popular Medium publication where we publish tons of helpful articles about coding and technology. Once you open the link, click the \"follow\" button in the upper right hand corner. If you don't have a Medium account, you can create one in seconds.", - "https://medium.freecodecamp.com" - ] - ], - "releasedOn": "February 10, 2016", - "challengeSeed": [], - "tests": [], - "type": "Waypoint", - "challengeType": 7, - "titleEs": "Lee noticias de codificación en nuestros canal de publicaciones Medium", - "descriptionEs": [ - [ - "//i.imgur.com/AZNLvEC.gif", - "Un gif mostrando cómo crear una cuenta en Medium.", - "Nuestra comunidad tiene un canal de publicaciones Medium, donde escribimos un montón de artículos sobre desarrollo de software. Ir al canal de publicaciones de Free Code Camp Medium y pulsar \"follow\". Nuestros campistas publican varios artículos cada semana. Si aún no dispones de una cuenta Medium, puedes seguir el enlace y registrarte usando una red social o ingresando un correo electrónico (enviarán un correo electrónico que debes abrirlo para crear tu cuenta.)", - "https://www.medium.com" - ] - ], - "titleFr": "Lisez les nouvelles de la programmation sur notre Publication Medium", - "descriptionFr": [ - [ - "//i.imgur.com/AZNLvEC.gif", - "Une gif montrant comment tu peux créer un compte sur Medium.", - "Notre communauté a une publication sur Medium où on écrit plusieurs articles sur la programmation. Tu peux visiter la publication de Free Code Camp sur Medium et cliquer sur \"follow\". Nos campers publient plusieurs articles chaque semaine. Si tu n’as pas encore un compte Medium, utilise le lien ci-dessous pour s’inscrire en utilisant un compte sur les médias sociaux ou en utilisant ton email (un email de confirmation sera envoyé à votre email pour terminer l’inscription). Une fois un sujet qui t’intéresse est choisi, tu peux continuer les étapes.", - "https://www.medium.com" - ] - ], - "titleDe": "Lese Programmier-Nachrichten auf unserer Medium Seite", - "descriptionDe": [ - [ - "//i.imgur.com/AZNLvEC.gif", - "Ein GIF, das dir zeigt, wie du einen Medium Account anlegen kannst.", - "Unsere Community hat eine Medium Seite, auf der wir viele Artikel über Software Entwicklung veröffentlichen. Kannst du auf die Medium Seite von Free Code Camp gehen und den \"follow\" Button klicken. Unsere Camper veröffentlichen jede Woche mehrere Artikel. Wenn du noch keinen Medium Account hast, kannst du dem Link folgen und dich entweder mit einem Account aus einem Social Network oder einer E-Mail Adresse (sie senden dir eine E-Mail, die du durchklicken kannst, um dir einen Account anzulegen.). Wenn du ein Thema ausgewählt hast, das dich interessiert, kannst du den weiteren Schritten folgen.", - "https://www.medium.com" - ] - ] - }, - { - "id": "560ade65cb82ac38a17513c2", - "title": "Watch Coding Videos on our YouTube Channel", - "description": [ - [ - "//i.imgur.com/4jUhEsb.jpg", - "An image of Briana at the whiteboard teaching in a YouTube video.", - "Our community's YouTube channel features video tutorials and demos of projects that campers have built for nonprofits. We add new videos every week. The button below will take you to our YouTube channel, where you can subscribe for free.", - "https://www.youtube.com/channel/UC8butISFwT-Wl7EV0hUK0BQ?sub_confirmation=1" - ] - ], - "releasedOn": "April 15, 2016", - "challengeSeed": [], - "tests": [], - "type": "Waypoint", - "challengeType": 7, - "titleEs": "Miranos programar en vivo por YouTube", - "descriptionEs": [ - [ - "//i.imgur.com/4jUhEsb.jpg", - "An image of Briana at the whiteboard teaching in a YouTube video.", - "Our community's YouTube channel features video tutorials and demos of projects that campers have built for nonprofits. We add new videos every week. The button below will take you to our YouTube channel, where you can subscribe for free.", - "https://www.youtube.com/channel/UC8butISFwT-Wl7EV0hUK0BQ?sub_confirmation=1" - ] - ], - "titleFr": "Regarde nous coder en direct sur Twitch.tv", - "descriptionFr": [ - [ - "//i.imgur.com/8rtyRY1.gif", - "Une gif montrant comment tu peux créer un compte sur Twitch.tv et suivre notre chaîne.", - "Nos campers codent fréquemment en direct sur Twitch.tv, un site de streaming populaire. Tu peux créer un compte en moins d’une minute, et suivre la chaîne de Free Code Camp. Une fois suivi, tu auras l’option de recevoir un email à chaque fois qu’un de nos campers est en direct. Et donc tu peux rejoindre plusieurs campers pour regarder et interagir sur le salon de chat. C’est une façon d’apprendre en regardant les autres coder.", - "https://twitch.tv/freecodecamp" - ] - ], - "titleDe": "Schaue uns auf Twitch.tv Live beim Programmieren zu", - "descriptionDe": [ - [ - "//i.imgur.com/8rtyRY1.gif", - "Ein GIF, das dir zeigt, wie du dich bei Twitch.tv anmelden und unserem Kanal folgen kannst.", - "Unsere Camper programmieren oft Live auf Twitch.tv, einer populären Streaming-Website. Du kannst in weniger als einer Minute einen Account anlegen und dann dem Kanal von Free Code Camp folgen. Wenn du dem Kanal folgst, hast du die Option E-Mail Benachrichtigungen zu bekommen, sobald einer unserer Camper live geht. Dann kannst du Dutzenden Campern folgen und ihnen beim Programmieren zusehen sowie in Chats interagieren. Das ist eine lustige und lockere Art und Weise, um von anderen Personen zu lernen, wie sie ihre Projekte umsetzen.", - "https://twitch.tv/freecodecamp" - ] - ] - }, - { - "id": "560add8ccb82ac38a17513c4", - "title": "Learn What to Do If You Get Stuck", - "description": [ - [ - "//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.", - "" - ], - [ - "//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.", - "" - ], - [ - "//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.", - "" - ], - [ - "//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.", - "" - ], - [ - "//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.", - "" - ], - [ - "//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.", - "" - ], - [ - "//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" - ], - [ - "//i.imgur.com/ZRgXraT.gif", - "A gif showing us scrolling through our challenge map.", - "Now you're ready to start coding. The \"Map\" button in your upper right hand corner will show you our challenge map. We recommend that you complete these from top to bottom, at a sustainable pace. 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.", - "" - ] - ], - "challengeSeed": [], - "tests": [], - "type": "Waypoint", - "challengeType": 7, - "titleFr": "Apprenez quoi faire quand vous êtes bloqué ?", - "descriptionFr": [ - [ - "//i.imgur.com/lzKvwU2.jpg", - "Le texte \"Coder est difficile.\"", - "Coder est difficile. Vous serez bloqué un jour ou l'autre. Même les développeurs expérimentés peuvent être bloqués. La solution est de savoir comment se débloquer.", - "" - ], - [ - "//i.imgur.com/sfsidp6.jpg", - "Le texte \"Etre un bon développeur prend du temps.\"", - "Etre un bon développeur prend du temps. Vous ne pouvez pas vous attendre à battre un maitre des echecs aprés 3 mois d'apprentissage. Ne vous attendez pas de construire le prochain Facebook aprés 3 mois de coding.", - "" - ], - [ - "//i.imgur.com/EoTfOyC.jpg", - "Une image de quelques uns de nos développeurs codant ensemble à Montreal.", - "Continuez de développer tous les jours et fréquentez d'autres développeurs et vous deviendrez un développeur prêt à l'emploi.", - "" - ], - [ - "//i.imgur.com/EWWZBag.jpg", - "Une image avec le texte \"1. Lisez l'erreur 2. Cherchez sur Google 3. Demandez de l'aide.", - "Chaque fois que vous êtes bloqué ou que vous ne savez pas quoi faire : Lisez-Cherchez-Demandez.", - "" - ], - [ - "//i.imgur.com/99BfAcK.jpg", - "Une image montrant la document jQuery", - "Lisez d'abord la documentation ou les messages d'erreurs. Le principal atout que les bon développeurs ont est la capacité d'interpréter et ensuite de suivre les instructions.", - "" - ], - [ - "//i.imgur.com/GxvrsFb.gif", - "Une image vous montrant comment fiare des recherches avancées sur Google. On commence par rentrer la requète \"jquery ne fonctionne pas lors du chargement de ma page\". Puis nous cliquons sur la barre de recherche et changeons la case à cocher \"Any time\" cochons la case \"au cours de l'année précédente\". Puis nous cliquons sur le résultat et lisons l'article et trouvons notre réponse.", - "Si cela ne vous aide pas, recherchez sur Google. De bonnes recherches sur Google demande pas mal de pratique. Quand vous recherchez sur Google, vous devez inclure le langage ou le framework que vous utilisez. Vous voulez aussi limiter vos résultats a une période récente.", - "" - ], - [ - "//i.imgur.com/LZYU7p2.gif", - "Une image vous montrant le lien ci-dessous pour rejoindre le char et demander \"jquery ne fonctionne pas lors du chargement de ma page\".", - "Si cela ne vous aide pas, demande à vos amis. Si vous avez des difficultés, vous pouvez demander aux autres développeurs sur le chat.", - "https://gitter.im/FreeCodeCamp/Help" - ], - [ - "//i.imgur.com/ZRgXraT.gif", - "Une image vous montrant le cursus de notre carte des défis.", - "Maintenant vous être prêt pour commencer à coder. Le boutton \"Map\" situé en haut à droite de votre écran vous montrera notre carte des défis. Nous vous recommandons de les completer du début jusqu'à la fin, régulièrement. Notre communauté open source continue de d'améliorer nos défis, ne soyez donc pas surpris si ils changent ou évoluent. Ce n'est pas la peine de revenir en arrière, continuez à progresser. Vous pouvez toujours accéder à nos derniers défis juste en cliquant sur le boutton \"Learn\".", - "" - ] - ], - "titleEs": "Aprende que hacer si te quedas atascado", - "descriptionEs": [ - [ - "//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.", - "" - ], - [ - "//i.imgur.com/sfsidp6.jpg", - "El texto \"Volverse bueno programando requiere tiempo.\"", - "Volverse bueno programando requiere tiempo. 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.", - "" - ], - [ - "//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.", - "" - ], - [ - "//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.", - "" - ], - [ - "//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.", - "" - ], - [ - "//i.imgur.com/GxvrsFb.gif", - "Un gif mostrándote 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. Realizar buenas búsquedas en Google requiere mucha práctica. Cuando buscas en Google, usualmente querrás incluir el lenguaje o entorno (framework) que estás usando. También querrás limitar los resultados a un período reciente.", - "" - ], - [ - "//i.imgur.com/LZYU7p2.gif", - "Un gif mostrándonos 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 ayudó, pregúntale a tus amigos. Si tienes problemas, puedes preguntar a tus compañeros campistas en nuestra sala de chat.", - "https://gitter.im/FreeCodeCamp/Help" - ], - [ - "//i.imgur.com/ZRgXraT.gif", - "Un gif mostrándonos nuestro mapa de desafíos.", - "Ahora estas listo para empezar a programar. El botón de \"Mapa\" en tu esquina superior derecha te mostrará nuestro mapa de desafíos. Te recomendaos que completes los desafíos de arriba hacía abajo, a un ritmo sostenible. 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. Siempre puedes ir a tu desafío más reciente pulsando el botón de \"Aprender\".", - "" - ] - ], - "titleDe": "Lerne was du tun kannst falls du nicht weiterkommst", - "descriptionDe": [ - [ - "//i.imgur.com/lzKvwU2.jpg", - "Der Text \"Coding is hard.\"", - "Programmieren ist hart. Du wirst zeitweise nicht weiterkommen. Sogar erfahrene Programmierer bleiben manchmal hängen. Der Schlüssel zum Erfolg ist zu wissen wie man in so einer Situation weitermacht", - "" - ], - [ - "//i.imgur.com/sfsidp6.jpg", - "Der Text \"It takes time to get good at coding.\"", - "Es dauert seine Zeit bis man gut programmieren kann. Du erwartest auch nicht einen Schachmeister nach 3 Monaten Übung zu schlagen. Erwarte also auch nicht das nächste Facebook nach 3 Monaten zu programmieren", - "" - ], - [ - "//i.imgur.com/EoTfOyC.jpg", - "Ein Foto von einigen Campern die gemeinsam in Montreal programmieren.", - "Übe programmieren jeden Tag und triff dich mit anderen Leuten die programmieren, dann wirst du bereit für einen Programmierjob.", - "" - ], - [ - "//i.imgur.com/EWWZBag.jpg", - "Ein Bild mit dem Text \"1. Read the error 2. Search Google 3. Ask for help.", - "Wann immer du nicht weiterkommst oder nicht weißt was du als nächstes tun sollst: Lesen-Suchen-Fragen", - "" - ], - [ - "//i.imgur.com/99BfAcK.jpg", - "Ein Bild von der jQuery Dokumentation", - "Ließ zuerst die Dokumentation oder Fehlermeldung. Eine Schlüsselfähigkeit von guten Programmierern ist die ist die Fähigkeit zu interpretieren und dann Anweisungen zu folgen", - "" - ], - [ - "//i.imgur.com/GxvrsFb.gif", - "Ein GIF das eine erweiterte Google Suche zeigt. Zuerst wird die Suchanfrage \"jquery doesn't run when my page loads\" eingegeben. Dann wird in den Suchoptionen die Auswahl \"Beliebige Zeit\" zu \"Letztes Jahr\" geändert. Dann wird auf ein Ergebnis geklickt, der Artikel gelesen und die Antwort gefunden", - "Wenn das nicht geholfen hat, durchsuche Google. Gute Google Abfragen brauchen einiges an Übung. Wenn du Google durchsuchst, wirst du normalerweise die Programmiersprache oder das Framework, das du verwendest, inkludieren. Außerdem solltest du die Ergebnisse auf einen aktuellen Zeitraum limitieren.", - "" - ], - [ - "//i.imgur.com/LZYU7p2.gif", - "Ein GIF das zeigt wie der untenstehende Link aufgerufen wird um in den \"Help Chat\" zu kommen um dort zu fragen: \"jquery doesn't run when my page loads\".", - "Falls das nicht geholfen hat, frag deine Freunde. Wenn du Probleme hast kannst du die anderen Camper in unserem Hilfe Chat fragen.", - "https://gitter.im/FreeCodeCamp/Help" - ], - [ - "//i.imgur.com/ZRgXraT.gif", - "Ein GIF das zeigt wie durch die Challenge Übersicht gescrollt wird", - "Jetzt bist du bereit mit Programmieren zu starten. Der \"Map\" Button in der rechten oberen Ecke zeigt dir deine Challenge Übersicht. Wir empfehlen dir diese von Oben nach Unten in einer angemessenen Geschwindikeit durchzuführen. Unsere Open-Source Gemeinschaft ist permanent am Verbessern der Challenges, wundere dich also nicht falls diese sich ändern oder verschieben. Hab keine Angst davor zurück zu gehen - schau nur dass du vorankommst. Du kommst immer zu deiner aktuellsten Aufgabe indem du den \"Learn\" Button drückst.", - "" - ] - ], - "TitleIt": "Impara Cosa fare se ti trovi in ​​difficoltà", - "DescriptionIt": [ - [ - "//i.imgur.com/lzKvwU2.jpg", - "Il testo \" Programmare è difficile. \"", - "Programmare è difficile. Prima o poi rimarrai bloccato. Succede anche ai programmatori esperti. La chiave è sapere come uscirne.", - "" - ], - [ - "//i.imgur.com/sfsidp6.jpg", - "Il testo \" Ci vuole tempo per diventare bravi sviluppatori. \"", - "Ci vuole tempo per diventare bravi sviluppatori. Non ti aspetteresti di battere un campione di scacchi dopo aver giocato per 3 mesi. Non aspettarti di realizzare il prossimo Facebook dopo aver programmato per 3 mesi.", - "" - ], - [ - "//i.imgur.com/EoTfOyC.jpg", - "Un'immagine di alcuni dei nostri campers che programmano insieme a Montreal.", - "Continua ad esercitarti a programmare tutti i giorni e discuti con altre persone che programmano, e potrai diventare uno sviluppatore pronto per il lavoro.", - "" - ], - [ - "//i.imgur.com/EWWZBag.jpg", - "Un'immagine con il testo \" 1. Leggi l'errore 2. Cerca su Google 3. Chiedi aiuto. ", - "Ogni volta che ti trovi in ​​difficoltà o non sai cosa fare. Leggi-Cerca-Chiedi", - "" - ], - [ - "//i.imgur.com/99BfAcK.jpg", - "Un'immagine che mostra la documentazione di jQuery", - "Innanzitutto, leggi la documentazione o il messaggio di errore. Una competenza chiave che i buoni programmatori hanno è la capacità di interpretare e seguire le istruzioni.", - "" - ], - [ - "//i.imgur.com/GxvrsFb.gif", - "Una gif che mostra come fare una ricerca avanzata su Google. Prima di tutto, si inserisce la query \"jquery non viene eseguito quando la mia pagina si carica\". Poi si clicca sul pulsante strumenti di ricerca e si cambia l'opzione \"Qualsiasi data\" selezionando a \"Ultimo Anno\". Poi si clicca su un risultato, si legge l'articolo e troviamo la nostra risposta.", - "Se ciò non è stato d'aiuto, cerca su Google. Ci vuole un sacco di pratica per formulare delle buone query. Quando si esegue una ricerca su Google, di solito si preferisce includere il linguaggio o il framework che si sta utilizzando. Inoltre è meglio limitare i risultati ad un periodo recente.", - "" - ], - [ - "//i.imgur.com/LZYU7p2.gif", - "Una gif che mostra come seguire il link qui sotto per andare alla chat room di supporto e chiedere \"jquery non viene eseguito quando la mia pagina si carica\".", - "Se anche questo non ha aiutato, chiedi ai tuoi amici. In caso di problemi, puoi chiedere ai tuoi amici campers nelle nostre chat rooms di supporto.", - "https://gitter.im/FreeCodeCamp/Help" - ], - [ - "//i.imgur.com/ZRgXraT.gif", - "Una gif che mostra come scorrere la nostra mappa di problemi.", - "Ora sei pronto per iniziare a scrivere codice. Il tasto \"Mappa\" in alto a destra ti mostrerà la nostra mappa dei problemi. Ti consigliamo di completarli dall'alto verso il basso, ad un ritmo sostenibile. La nostra comunità open source sta migliorando costantemente i nostri problemi, quindi non stupirti se cambiano o se vengono spostati. Non preoccuparti di tornare indietro - continua ad andare avanti.", - "" - ] - ] - } - ] -} \ No newline at end of file diff --git a/seed/challenges/01-front-end-development-certification/gear-up-for-success.json b/seed/challenges/01-front-end-development-certification/gear-up-for-success.json index 83804560a7..8a1a6b7020 100644 --- a/seed/challenges/01-front-end-development-certification/gear-up-for-success.json +++ b/seed/challenges/01-front-end-development-certification/gear-up-for-success.json @@ -1,103 +1,11 @@ { "name": "Gear up for Success", "order": 3, - "time": "20 minutes", + "time": "5 minutes", "challenges": [ - { - "id": "573c96eac9a6be092d7830c1", - "title": "Join our Forum", - "description": [ - [ - "//i.imgur.com/y0XxmxQ.gif", - "A gif showing how you can join Free Code Camp's forum by clicking the \"sign up\" button, authenticating using GitHub, and verifying your email address.", - "Our forum is the best place for deep discussions about various programming resources: books, online courses, coding events, and more. You can also get help with these resources from your fellow campers. Click the button below to open up our forum, then click the \"Sign up\" button. Once you've created an account using GitHub, you'll need to confirm your email address. Now you're able to join discussions on our forum!", - "http://forum.freecodecamp.com/" - ], - [ - "//i.imgur.com/GxCpl7x.gif", - "A gif showing how you can upload your profile picture.", - "We recommend that you also add a custom profile picture of your face. You can do this in the settings section of the forum.", - "" - ], - [ - "//i.imgur.com/Gop2PmJ.gif", - "A gif showing how you can introduce yourself on our self introduction forum thread.", - "You can make your first forum post right now by clicking the button below to go to the introduction thread. You can reply to the original post with: who you are, why you're learning to code, and how you've been learning to code so far. Then feel free to explore the various discussions and jump in with your own thoughts.", - "https://forum.freecodecamp.com/t/welcome-to-freecodecamps-forum/92385" - ] - ], - "releasedOn": "May 17, 2016", - "challengeSeed": [], - "tests": [], - "type": "Waypoint", - "challengeType": 7, - "titleEs": "Join our Forum", - "descriptionEs": [ - [ - "//i.imgur.com/y0XxmxQ.gif", - "A gif showing how you can join Free Code Camp's forum by clicking the \"sign up\" button, authenticating using GitHub, and verifying your email address.", - "Our forum is the best place for deep discussions about various programming resources: books, online courses, coding events, and more. You can also get help with these resources from your fellow campers. Click the button below to open up our forum, then click the \"Sign up\" button. Once you've created an account using GitHub, you'll need to confirm your email address. Now you're able to join discussions on our forum!", - "http://forum.freecodecamp.com/" - ], - [ - "//i.imgur.com/GxCpl7x.gif", - "A gif showing how you can upload your profile picture.", - "We recommend that you also add a custom profile picture of your face. You can do this in the settings section of the forum.", - "" - ], - [ - "//i.imgur.com/Gop2PmJ.gif", - "A gif showing how you can introduce yourself on our self introduction forum thread.", - "You can make your first forum post right now by clicking the button below to go to the introduction thread. You can reply to the original post with: who you are, why you're learning to code, and how you've been learning to code so far. Then feel free to explore the various discussions and jump in with your own thoughts.", - "https://forum.freecodecamp.com/t/welcome-to-freecodecamps-forum/92385" - ] - ], - "titleFr": "Join our Forum", - "descriptionFr": [ - [ - "//i.imgur.com/y0XxmxQ.gif", - "A gif showing how you can join Free Code Camp's forum by clicking the \"sign up\" button, authenticating using GitHub, and verifying your email address.", - "Our forum is the best place for deep discussions about various programming resources: books, online courses, coding events, and more. You can also get help with these resources from your fellow campers. Click the button below to open up our forum, then click the \"Sign up\" button. Once you've created an account using GitHub, you'll need to confirm your email address. Now you're able to join discussions on our forum!", - "http://forum.freecodecamp.com/" - ], - [ - "//i.imgur.com/GxCpl7x.gif", - "A gif showing how you can upload your profile picture.", - "We recommend that you also add a custom profile picture of your face. You can do this in the settings section of the forum.", - "" - ], - [ - "//i.imgur.com/Gop2PmJ.gif", - "A gif showing how you can introduce yourself on our self introduction forum thread.", - "You can make your first forum post right now by clicking the button below to go to the introduction thread. You can reply to the original post with: who you are, why you're learning to code, and how you've been learning to code so far. Then feel free to explore the various discussions and jump in with your own thoughts.", - "https://forum.freecodecamp.com/t/welcome-to-freecodecamps-forum/92385" - ] - ], - "titleDe": "Join our Forum", - "descriptionDe": [ - [ - "//i.imgur.com/y0XxmxQ.gif", - "A gif showing how you can join Free Code Camp's forum by clicking the \"sign up\" button, authenticating using GitHub, and verifying your email address.", - "Our forum is the best place for deep discussions about various programming resources: books, online courses, coding events, and more. You can also get help with these resources from your fellow campers. Click the button below to open up our forum, then click the \"Sign up\" button. Once you've created an account using GitHub, you'll need to confirm your email address. Now you're able to join discussions on our forum!", - "http://forum.freecodecamp.com/" - ], - [ - "//i.imgur.com/GxCpl7x.gif", - "A gif showing how you can upload your profile picture.", - "We recommend that you also add a custom profile picture of your face. You can do this in the settings section of the forum.", - "" - ], - [ - "//i.imgur.com/Gop2PmJ.gif", - "A gif showing how you can introduce yourself on our self introduction forum thread.", - "You can make your first forum post right now by clicking the button below to go to the introduction thread. You can reply to the original post with: who you are, why you're learning to code, and how you've been learning to code so far. Then feel free to explore the various discussions and jump in with your own thoughts.", - "https://forum.freecodecamp.com/t/welcome-to-freecodecamps-forum/92385" - ] - ] - }, { "id": "560add71cb82ac38a17513c2", - "title": "Join a Free Code Camp Group in Your City", + "title": "Join a freeCodeCamp Study Group in Your City", "description": [ [ "//i.imgur.com/WBVydfk.jpg", @@ -107,8 +15,8 @@ ], [ "//i.imgur.com/IqBnnuFr.jpg", - "A picture of some of our campers meeting in a local cafe.", - "Find your local study group and click it. This will take you to its Facebook page. Click the \"Join group\" button. Someone from the group should approve you shortly.", + "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.com/study-group-directory/" ] ], @@ -162,6 +70,50 @@ ] ] }, + { + "id": "560ade65cb82ac38a17513c2", + "title": "Watch Coding Videos on the freeCodeCamp YouTube Channel", + "description": [ + [ + "//i.imgur.com/kA6uW8H.gif", + "A gif showing that you should click the \"subscribe\" button on freeCodeCamp YouTube channel, then click the bell icon, the notification confirmation box, then the \"Save\" button.", + "We publish new coding videos on YouTube every day.

Click the button below to open our YouTube channel. Then click the red subscribe button. Then click the bell that appears. Check the box in the message that pops up, then click save.", + "https://www.youtube.com/freecodecamp" + ] + ], + "releasedOn": "April 15, 2016", + "challengeSeed": [], + "tests": [], + "type": "Waypoint", + "challengeType": 7, + "titleEs": "Miranos programar en vivo por YouTube", + "descriptionEs": [ + [ + "//i.imgur.com/4jUhEsb.jpg", + "An image of Briana at the whiteboard teaching in a YouTube video.", + "Our community's YouTube channel features video tutorials and demos of projects that campers have built for nonprofits. We add new videos every week. The button below will take you to our YouTube channel, where you can subscribe for free.", + "https://www.youtube.com/channel/UC8butISFwT-Wl7EV0hUK0BQ?sub_confirmation=1" + ] + ], + "titleFr": "Regarde nous coder en direct sur Twitch.tv", + "descriptionFr": [ + [ + "//i.imgur.com/8rtyRY1.gif", + "Une gif montrant comment tu peux créer un compte sur Twitch.tv et suivre notre chaîne.", + "Nos campers codent fréquemment en direct sur Twitch.tv, un site de streaming populaire. Tu peux créer un compte en moins d’une minute, et suivre la chaîne de Free Code Camp. Une fois suivi, tu auras l’option de recevoir un email à chaque fois qu’un de nos campers est en direct. Et donc tu peux rejoindre plusieurs campers pour regarder et interagir sur le salon de chat. C’est une façon d’apprendre en regardant les autres coder.", + "https://twitch.tv/freecodecamp" + ] + ], + "titleDe": "Schaue uns auf Twitch.tv Live beim Programmieren zu", + "descriptionDe": [ + [ + "//i.imgur.com/8rtyRY1.gif", + "Ein GIF, das dir zeigt, wie du dich bei Twitch.tv anmelden und unserem Kanal folgen kannst.", + "Unsere Camper programmieren oft Live auf Twitch.tv, einer populären Streaming-Website. Du kannst in weniger als einer Minute einen Account anlegen und dann dem Kanal von Free Code Camp folgen. Wenn du dem Kanal folgst, hast du die Option E-Mail Benachrichtigungen zu bekommen, sobald einer unserer Camper live geht. Dann kannst du Dutzenden Campern folgen und ihnen beim Programmieren zusehen sowie in Chats interagieren. Das ist eine lustige und lockere Art und Weise, um von anderen Personen zu lernen, wie sie ihre Projekte umsetzen.", + "https://twitch.tv/freecodecamp" + ] + ] + }, { "id": "58d9cc820ce2197370032a13", "title": "Become a Supporter", @@ -177,49 +129,6 @@ "tests": [], "type": "Waypoint", "challengeType": 7 - }, - { - "id": "570add8ccb82ac38a17513c3", - "title": "Join our LinkedIn Alumni Network", - "description": [ - [ - "//i.imgur.com/vJyiXzU.gif", - "A gif showing how you can click the link below and fill in the necessary fields to add your Free Code Camp studies to your LinkedIn profile.", - "LinkedIn recognizes Free Code Camp as a university. You can gain access to our large alumni network by adding Free Code Camp to your LinkedIn profile's education section. Set your graduation date as next year. For \"Degree\", type \"Full Stack Web Development Certification\". For \"Field of study\", type \"Computer Software Engineering\". Then click \"Save Changes\".", - "https://www.linkedin.com/profile/edit-education?school=Free+Code+Camp" - ] - ], - "challengeSeed": [], - "tests": [], - "type": "Waypoint", - "challengeType": 7, - "titleEs": "Únete a nuestra red de alumnos en LinkedIn", - "descriptionEs": [ - [ - "//i.imgur.com/vJyiXzU.gif", - "Un gif mostrando como puedes pulsar el enlace de abajo y llenar todos los campos necesarios para agregar los estudios de Free Code Camp a tu perfil de LinkedIn", - "LinkedIn reconoce a Free Code Camp como una universidad. Puedes obtener acceso a nuestra larga red de alumnos agregando Free Code Camp a la sección de educación de tu LinkedIn. Define tu fecha de graduación para el siguiente año. En el campo \"Grado\", escribe \"Certificación de Desarrollo Web Full Stack\". En \"Campo de estudio\", escribe \"Ingeniería de Software\". Después pulsa \"Guardar Cambios\".", - "https://www.linkedin.com/profile/edit-education?school=Free+Code+Camp" - ] - ], - "titleFr": "Rejoignez notre réseau de lauréats sur Linkedin", - "descriptionFr": [ - [ - "//i.imgur.com/vJyiXzU.gif", - "Une gif qui montre comment tu peux cliquer sur le lien ci-dessous et remplir les champs nécessaires pour ajouter le certificat de Free Code Camp à votre profil LinkedIn.", - "LinkedIn reconnait Free Code Camp comme une université. Tu peux avoir accès à notre large réseau de lauréats en ajoutant Free Code Camp à la section éducation de ton profil LinkedIn. L’année d’obtention du diplôme est la prochaine année. Pour le \"Degré\", c’est \"Full Stack Web Development Certification\". Pour le \"Domaine d’études\", c’est \"Computer Software Engineering\". Puis sauvegardez les changements.", - "https://www.linkedin.com/profile/edit-education?school=Free+Code+Camp" - ] - ], - "titleDe": "Tritt unserem LinkedIn Alumni Netzwerk bei", - "descriptionDe": [ - [ - "//i.imgur.com/vJyiXzU.gif", - "Ein GIF, das dir zeigt, wie du den unten stehenden Link anklicken kannst und welche Felder du ausfüllen musst, damit du Free Code Camp zu deinem LinkedIn Profil hinzufügst.", - "LinkedIn erkennt Free Code Camp als Universität an. Du bekommst auf unser großes Alumni Netzwerk zugriff, indem du Free Code Camp zum Ausbildungsbereich deines LinkedIn Profils hinzufügst. Setze deinen Abschlusszeitpunkt auf das nächste Jahr. In das Feld \"Abschluss\" schreibe \"Full Stack Web Development Certification\". In das Feld \"Studienfach\" schreibe \"Computer Software Engineering\". Dann klicke auf den \"Speichern\" Button.", - "https://www.linkedin.com/profile/edit-education?school=Free+Code+Camp" - ] - ] } ] } \ No newline at end of file diff --git a/seed/challenges/01-front-end-development-certification/html5-and-css.json b/seed/challenges/01-front-end-development-certification/html5-and-css.json index 30a9bc002e..7db3dadb65 100644 --- a/seed/challenges/01-front-end-development-certification/html5-and-css.json +++ b/seed/challenges/01-front-end-development-certification/html5-and-css.json @@ -1,9 +1,37 @@ { "name": "HTML5 and CSS", - "order": 2, + "order": 1, "time": "5 hours", "helpRoom": "Help", "challenges": [ + { + "id": "560add10cb82ac38a17513be", + "title": "Learn How freeCodeCamp Works", + "description": [ + [ + "//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", + "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", + "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!", + "" + ] + ], + "challengeSeed": [], + "tests": [], + "type": "Waypoint", + "challengeType": 7 + }, { "id": "bd7123c8c441eddfaeb5bdef", "descriptionPtBR": [ @@ -651,7 +679,7 @@ "Remarquez que nous avons créer une classe CSS nommée blue-text à l'intérieur de notre balise <style>.", "Vous pouvez appliquer une classe à un élément HTML comme ceci :", "<h2 class=\"blue-text\">CatPhotoApp</h2>", - "Prenez note que que dans votre élément CSS style, les classes doivent débuter par un point. Dans les déclarations de classes à l'intérieur des éléments HTML, on doit omettre le point du début.", + "Prenez note que que dans votre élément CSS style, les classes doivent débuter par un point. Dans les déclarations de classes à l'intérieur des éléments HTML, on doit omettre le point du début.", "À l'intérieur de votre élément style, changez le sélecteur du h2 pour .red-text et changez la couleur, passant de blue à red.", "Donnez à votre élément h2 l'attribut de classe la valeur de red-text." ], @@ -731,14 +759,14 @@ "Примените класс red-text к вашим элементам h2 и p." ], "titleFR": "Stylez plusieurs éléments avec une classe CSS", - "descriptionFR": [ - "Souvenez-vous que vous pouvez ajouter des classes aux éléments HTML en utilisant class=\"votre-classe-ici\" à l'intérieur de la balise ouvrante correspondante.", + "descriptionFR": [ + "Souvenez-vous que vous pouvez ajouter des classes aux éléments HTML en utilisant class=\"votre-classe-ici\" à l'intérieur de la balise ouvrante correspondante.", "Souvenez-vous que les sélecteurs CSS nécessitent un point au début comme ceci :", - "
.blue-text {
  color: blue;
}
", + "
.blue-text {
  color: blue;
}
", "Rappelez-vous également que les déclarations de classes n'ont pas de point, comme ceci :", - "<h2 class=\"blue-text\">CatPhotoApp</h2>", + "<h2 class=\"blue-text\">CatPhotoApp</h2>", "Appliquez la classe red-text à vos éléments h2 et p." - ], + ], "title": "Style Multiple Elements with a CSS Class", "description": [ "Remember that you can attach classes to HTML elements by using class=\"your-class-here\" within the relevant element's opening tag.", @@ -807,14 +835,14 @@ "Также, пожалуйста, не добавляйте атрибут класс к вашему новому элементу p." ], "titleFR": "Changez la taille de police d'un élément", - "descriptionFR": [ + "descriptionFR": [ "La taille de police est contrôlée par la propriété CSS font-size, comme ceci :", - "
h1 {
  font-size: 30px;
}
", - "Créez un second élément p après l'élément p existant avec le texte kitty ipsum suivant : Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.", - "À l'intérieur de la même balise <style> qui contiens votre classe .red-text, créez une nouvelle entrée pour les éléments p et paramétrer le font-size à 16 pixels (16px).", - "Prenez note
Dû aux différences entre les navigateurs Web, votre niveau de zoom devrait être à 100% pour passer les tests de ce défi.", + "
h1 {
  font-size: 30px;
}
", + "Créez un second élément p après l'élément p existant avec le texte kitty ipsum suivant : Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.", + "À l'intérieur de la même balise <style> qui contiens votre classe .red-text, créez une nouvelle entrée pour les éléments p et paramétrer le font-size à 16 pixels (16px).", + "Prenez note
Dû aux différences entre les navigateurs Web, votre niveau de zoom devrait être à 100% pour passer les tests de ce défi.", "Également, veuillez ne pas ajouter d'attributs de classe à votre nouvel élément p." - ], + ], "title": "Change the Font Size of an Element", "description": [ "Font size is controlled by the font-size CSS property, like this:", @@ -881,12 +909,12 @@ "Присвойте шрифт Monospace всем вашим элементам p." ], "titleFR": "Paramétrer la famille de police d'un élément", - "descriptionFR": [ - "Vous pouvez paramétrer la police d'un élément en utilisant la propriété font-family.", + "descriptionFR": [ + "Vous pouvez paramétrer la police d'un élément en utilisant la propriété font-family.", "Par exemple, si vous voulez paramétrer la police de votre élément h2 à Sans-serif, vous devez utiliser le CSS suivant :", - "
h2 {
  font-family: Sans-serif;
}
", + "
h2 {
  font-family: Sans-serif;
}
", "Faites en sorte que tous vos éléments p aient la police Monospace." - ], + ], "title": "Set the Font Family of an Element", "description": [ "You can set an element's font by using the font-family property.", @@ -952,13 +980,13 @@ "Примените свойство font-family со значением Lobster к вашему элементу h2." ], "titleFR": "Importer une police de Google", - "descriptionFR": [ - "Maintenant, importons et appliquons une police de Google (prenez note que si Google est interdit d'accès dans votre pays, vous devrez omettre ce défi).", - "Premièrement, vous devrez faire un appel vers Google pour prendre la police Lobster et la charger dans votre HTML.", - "Copier l'extrait de code suivant et coller le dans le haut de votre éditeur de code :", - "Maintenant vous pouvez paramétrer Lobster comme valeur de police de votre élément h2.", + "descriptionFR": [ + "Maintenant, importons et appliquons une police de Google (prenez note que si Google est interdit d'accès dans votre pays, vous devrez omettre ce défi).", + "Premièrement, vous devrez faire un appel vers Google pour prendre la police Lobster et la charger dans votre HTML.", + "Copier l'extrait de code suivant et coller le dans le haut de votre éditeur de code :", + "Maintenant vous pouvez paramétrer Lobster comme valeur de police de votre élément h2.", "Appliquer la valeur Lobster à la font-family de votre élément h2." - ], + ], "title": "Import a Google Font", "description": [ "Now, let's import and apply a Google font (note that if Google is blocked in your country, you will need to skip this challenge).", @@ -1031,13 +1059,13 @@ "Теперь закомментируйте ваш запрос к Google Fonts, таким образом шрифт Lobster становится недоступен. Обратите внимание как происходит деградация до шрифта Monospace." ], "titleFR": "Spécifier comment vos polices devraient dégrader", - "descriptionFR": [ - "Il y a plusieurs polices par défaut qui sont disponible dans tous les navigateurs Web. Ceci comprend Monospace, Serif et Sans-Serif.", - "Quand une police n'est pas disponible, vous pouvez demander au navigateur de \"dégrader\" vers une autre police.", + "descriptionFR": [ + "Il y a plusieurs polices par défaut qui sont disponible dans tous les navigateurs Web. Ceci comprend Monospace, Serif et Sans-Serif.", + "Quand une police n'est pas disponible, vous pouvez demander au navigateur de \"dégrader\" vers une autre police.", "Par exemple, si vous voulez qu'un élément utilise la police Helvetica, mais également dégrader vers Sans-Serif lorsque la police Helvetica n'est pas disponible, vous pouvez utiliser le style CSS suivant :", - "
p {
  font-family: Helvetica, Sans-Serif;
}
", + "
p {
  font-family: Helvetica, Sans-Serif;
}
", "Maintenant, commenter votre appel vers les polices de Google, pour que la police Lobster ne soit pas disponible. Regardez comment la police se dégrade vers Monospace." - ], + ], "title": "Specify How Fonts Should Degrade", "description": [ "There are several default fonts that are available in all browsers. These include Monospace, Serif and Sans-Serif", @@ -1115,15 +1143,15 @@ "https://bit.ly/fcc-relaxing-cat" ], "titleFR": "Ajouter des images à votre site Web", - "descriptionFR": [ - "Vous pouvez ajouter des images à votre site Web en utilisant l'élément img et pointer vers une URL d'image spécifique en utilisant l'attribut src.", + "descriptionFR": [ + "Vous pouvez ajouter des images à votre site Web en utilisant l'élément img et pointer vers une URL d'image spécifique en utilisant l'attribut src.", "Un exemple de cette procédure serait :", "<img src=\"https://www.your-image-source.com/your-image.jpg\">", "Note that in most cases, img elements are self-closing.", "Prenez note que dans la plupart des cas, les éléments img sont auto-fermants.", "Essayez avec cette image :", "https://bit.ly/fcc-relaxing-cat" - ], + ], "title": "Add Images to your Website", "description": [ "You can add images to your website by using the img element, and point to a specific image's URL using the src attribute.", @@ -1205,13 +1233,13 @@ "Внимание
По причине разницы в реализации браузеров, вам может понадобиться установить 100% масштаб окна браузера для прохождения этого испытания." ], "titleFR": "Redimensionner vos images", - "descriptionFR": [ - "Le CSS a une propriété nommé width qui contrôle la largeur d'un élément. Comme pour les polices, nous utiliserons px (pixels) pour déterminer la largeur d'une image.", + "descriptionFR": [ + "Le CSS a une propriété nommé width qui contrôle la largeur d'un élément. Comme pour les polices, nous utiliserons px (pixels) pour déterminer la largeur d'une image.", "Par exemple, si nous voulons créer une classe CSS nommée larger-image qui donnne aux éléments une largeur de 500 pixels, nous utilisons :", - "
<style>
  .larger-image {
    width: 500px;
  }
</style>
", + "
<style>
  .larger-image {
    width: 500px;
  }
</style>
", "Créez une classe nommée smaller-image et utilisez la pour redimensionner l'image pour qu'elle ai 100 pixels de large.", - "Prenez note
Dû aux différences entre les navigateurs Web, votre niveau de zoom devrait être à 100% pour passer les tests de ce défi." - ], + "Prenez note
Dû aux différences entre les navigateurs Web, votre niveau de zoom devrait être à 100% pour passer les tests de ce défi." + ], "title": "Size your Images", "description": [ "CSS has a property called width that controls an element's width. Just like with fonts, we'll use px (pixels) to specify the image's width.", @@ -1295,14 +1323,14 @@ "<img class=\"class1 class2\">" ], "titleFR": "Ajouter des bordures autour de vos éléments", - "descriptionFR": [ - "Les bordures CSS ont des propriétés comme style, color et width", + "descriptionFR": [ + "Les bordures CSS ont des propriétés comme style, color et width", "Par exemple, si nous voulons créer une bordure de 5 pixel rouge autour d'un élément HTML, nous pouvons utiliser cette classe :", - "
<style>
  .thin-red-border {
    border-color: red;
    border-width: 5px;
    border-style: solid;
  }
</style>
", - "Créer une classe nommée thick-green-border qui ajoute une bordure verte de 10 pixel avec un style solid autour d'un élément HTML. Appliquez ensuite cette classe sur votre photo de chat.", + "
<style>
  .thin-red-border {
    border-color: red;
    border-width: 5px;
    border-style: solid;
  }
</style>
", + "Créer une classe nommée thick-green-border qui ajoute une bordure verte de 10 pixel avec un style solid autour d'un élément HTML. Appliquez ensuite cette classe sur votre photo de chat.", "Souvenez-vous que vous pouvez appliquer plus d'une classe sur un élément en les séparant par un espace, le tout dans l'attribut class de l'élément. Par exemple :", "<img class=\"class1 class2\">" - ], + ], "title": "Add Borders Around your Elements", "description": [ "CSS borders have properties like style, color and width", @@ -4714,4 +4742,4 @@ ] } ] -} +} \ No newline at end of file diff --git a/server/views/account/settings.jade b/server/views/account/settings.jade index 155366eaea..293281fb25 100644 --- a/server/views/account/settings.jade +++ b/server/views/account/settings.jade @@ -3,33 +3,40 @@ block content h1.text-center Settings for your Account hr h2.text-center Actions - .row - .col-xs-12 - a#night-mode.btn.btn-lg.btn-block.btn-primary.btn-link-social Night Mode .row .col-xs-12 if (!user.isGithubCool) - a.btn.btn-lg.btn-block.btn-github.btn-link-social(href='/link/github') + a.btn.btn-lg.btn-block.btn-github.btn-link-social(href='https://forum.freecodecamp.com/t/how-to-create-a-github-account-and-link-it-with-your-freecodecamp-account/132154' target='_blank') i.fa.fa-github | Link my GitHub to enable my public profile else a.btn.btn-lg.btn-block.btn-github.btn-link-social(href='/link/github') i.fa.fa-github - | Update my portfolio from GitHub + | Update my profile from GitHub if (!user.twitter) a.btn.btn-lg.btn-block.btn-twitter.btn-link-social(href='/link/twitter') i.fa.fa-twitter - | Add my Twitter to my portfolio + | Add my Twitter to my profile if (!user.linkedin) a.btn.btn-lg.btn-block.btn-linkedin.btn-link-social(href='/link/linkedin') i.fa.fa-linkedin - | Add my LinkedIn to my portfolio + | Add my LinkedIn to my profile + a.btn.btn-lg.btn-block.btn-primary.btn-link-social(href='https://forum.freecodecamp.com/t/how-to-add-freecodecamp-to-your-linkedin-profile/132159' target='_blank') + | Read thousands of coding articles + a.btn.btn-lg.btn-block.btn-primary.btn-link-social(href='https://forum.freecodecamp.com/t/how-to-add-freecodecamp-to-your-linkedin-profile/132159' target='_blank') + | Add freeCodeCamp to my LinkedIn + a.btn.btn-lg.btn-block.btn-primary.btn-link-social(href='https://forum.freecodecamp.com/t/how-to-join-freecodecamps-chat-rooms-on-gitter/132177' target='_blank') + | Chat with other campers in real time + .spacer h2.text-center Account Settings + .row + .col-xs-12 + a#night-mode.btn.btn-lg.btn-block.btn-primary.btn-link-social Night Mode .row .col-xs-12 a.btn.btn-lg.btn-block.btn-primary.btn-link-social(href='/commit') - | Edit my pledge + | Edit my commit pledge .spacer h2.text-center Privacy Settings .row diff --git a/server/views/challenges/showBonfire.jade b/server/views/challenges/showBonfire.jade index a95099e53b..2e3579f953 100644 --- a/server/views/challenges/showBonfire.jade +++ b/server/views/challenges/showBonfire.jade @@ -30,19 +30,12 @@ block content ul: li: a(href=""+link, target="_blank") !{MDNkeys[index]} .button-spacer if (user) - button.btn.btn-primary.btn-block.btn-lg#submitButton + button.btn-big.btn.btn-primary.btn-block#submitButton | Run tests (ctrl + enter) .button-spacer - .btn-group.input-group.btn-group-justified - .btn-group - button.btn.btn-primary.btn-primary-ghost.btn-lg#trigger-reset-modal - |   Reset - .btn-group - button.btn.btn-primary.btn-primary-ghost.btn-lg#challenge-help-btn - |   Help - .btn-group - button.btn.btn-primary.btn-primary-ghost.btn-lg#trigger-issue-modal - |   Bug + button.btn-big.btn.btn-primary.btn-block#trigger-reset-modal Reset your code + .button-spacer + a.btn-big.btn.btn-primary.btn-block(href="https://forum.freecodecamp.com/t/freecodecamp-algorithm-challenge-guide-" + dashedName target="_blank") Get a hint if (!user) .button-spacer a.btn.signup-btn.btn-block.btn-block(href='/login') Sign in so you can save your progress diff --git a/server/views/challenges/showHTML.jade b/server/views/challenges/showHTML.jade index 30eb018c6a..fdd600915b 100644 --- a/server/views/challenges/showHTML.jade +++ b/server/views/challenges/showHTML.jade @@ -27,13 +27,9 @@ block content button.btn-big.btn.btn-primary.btn-block#submitButton | Run tests (ctrl + enter) .button-spacer - .btn-group.btn-group-justified - .btn-group - button.btn.btn-primary.btn-primary-ghost.btn-lg#trigger-reset-modal Reset - .btn-group - button.btn.btn-primary.btn-primary-ghost.btn-lg#challenge-help-btn Help - .btn-group - button.btn.btn-primary.btn-primary-ghost.btn-lg#trigger-issue-modal Bug + button.btn-big.btn.btn-primary.btn-block#trigger-reset-modal Reset your code + .button-spacer + a.btn-big.btn.btn-primary.btn-block(href="https://forum.freecodecamp.com/t/freecodecamp-challenge-guide-" + dashedName target="_blank") Get a hint script. var userLoggedIn = true; if (!user) diff --git a/server/views/challenges/showJS.jade b/server/views/challenges/showJS.jade index 40e2753857..57ef048d64 100644 --- a/server/views/challenges/showJS.jade +++ b/server/views/challenges/showJS.jade @@ -35,15 +35,12 @@ block content .form-group.text-center .col-xs-12 // extra field to distract password tools like lastpass from injecting css into our username field - button.btn.btn-primary.btn-big.btn-block#submitButton Run tests (ctrl + enter) + button.btn-big.btn.btn-primary.btn-block#submitButton + | Run tests (ctrl + enter) .button-spacer - .btn-group.input-group.btn-group-justified - .btn-group - button.btn.btn-primary.btn-lg#trigger-reset-modal Reset - .btn-group - button.btn.btn-primary.btn-lg#challenge-help-btn Help - .btn-group - button.btn.btn-primary.btn-lg#trigger-issue-modal Bug + button.btn-big.btn.btn-primary.btn-block#trigger-reset-modal Reset your code + .button-spacer + a.btn-big.btn.btn-primary.btn-block(href="https://forum.freecodecamp.com/t/freecodecamp-challenge-guide-" + dashedName target="_blank") Get a hint if (!user) .button-spacer a.btn.signup-btn.btn-block.btn-block(href='/signin') Sign in so you can save your progress diff --git a/server/views/challenges/showVideo.jade b/server/views/challenges/showVideo.jade index f9049bbe93..d5d45153b3 100644 --- a/server/views/challenges/showVideo.jade +++ b/server/views/challenges/showVideo.jade @@ -25,10 +25,6 @@ block content a.btn.btn-big.btn-primary.btn-block(href='/challenges/next-challenge?id=' + id) I've completed this challenge (ctrl + enter) script. var userLoggedIn = true; - .button-spacer - .btn-group.input-group.btn-group-justified - .btn.btn-primary.btn-big#challenge-help-btn Get help - .btn.btn-primary.btn-big#trigger-issue-modal Report a bug if (!user) .button-spacer a.btn.btn-big.signup-btn.btn-block(href='/signin') Sign in so you can save your progress diff --git a/server/views/challenges/showZiplineOrBasejump.jade b/server/views/challenges/showZiplineOrBasejump.jade index 605d0a9fa4..ac073d61d7 100644 --- a/server/views/challenges/showZiplineOrBasejump.jade +++ b/server/views/challenges/showZiplineOrBasejump.jade @@ -25,10 +25,6 @@ block content var userLoggedIn = true; else a.btn.btn-big.btn-primary.btn-block(href='/challenges/next-challenge?id=' + id) Go to my next challenge (ctrl + enter) - .button-spacer - .btn-group.input-group.btn-group-justified - .btn.btn-primary.btn-primary-ghost.btn-big#challenge-help-btn Help - .btn.btn-primary.btn-primary-ghost.btn-big#trigger-issue-modal Bug if (!user) .button-spacer a.btn.btn-big.signup-btn.btn-block(href='/signin') Sign in so you can save your progress diff --git a/server/views/emails/a-extend-user-welcome.ejs b/server/views/emails/a-extend-user-welcome.ejs index c2ef0ebcbf..94877508f2 100644 --- a/server/views/emails/a-extend-user-welcome.ejs +++ b/server/views/emails/a-extend-user-welcome.ejs @@ -13,10 +13,7 @@ Please verify your email by following the link below: Feel free to email us at this address if you have any questions about freeCodeCamp.

-And if you have a moment, check out our blog: https://medium.freecodecamp.com. -
-
-Good luck with the challenges! +Happy coding!


diff --git a/server/views/partials/navbar.jade b/server/views/partials/navbar.jade index 40be62c9a5..78f4834bef 100644 --- a/server/views/partials/navbar.jade +++ b/server/views/partials/navbar.jade @@ -12,9 +12,7 @@ nav.navbar.navbar-default.navbar-fixed-top.nav-height li.visible-xs a(href='/map') Map li - a(href="//gitter.im/freecodecamp/home" target="_blank") Chat - li - a(href='http://forum.freecodecamp.com', target='_blank') Forum + a(href='https://forum.freecodecamp.com', target='_blank') Forum li a(href='/about', target='_blank') About li