feat(curriculum): RWD checkpoint certification (freeCodeCamp#62039)

Co-authored-by: moT01 <20648924+moT01@users.noreply.github.com>
Co-authored-by: Huyen Nguyen <25715018+huyenltnguyen@users.noreply.github.com>

Author: 3 people

client/config/cert-and-project-map.ts

@@ -33,6 +33,7 @@ const takeHomeBase = '/learn/coding-interview-prep/take-home-projects';
 const foundationalCSharpBase =
   '/learn/foundational-c-sharp-with-microsoft/foundational-c-sharp-with-microsoft-certification-exam';
 const fullStackDeveloperBase = '/learn/full-stack-developer';
+const respWebV9Base = '/learn/responsive-web-design-v9';
 const jsV9Base = '/learn/javascript-v9';
 const a2EnglishBase = '/learn/a2-english-for-developers';
 const b1EnglishBase = '/learn/b1-english-for-developers';
@@ -814,6 +815,19 @@ const allStandardCerts = [
       }
     ]
   },
+  {
+    id: '68db314d3c11a8bff07c7535',
+    title: 'Responsive Web Design',
+    certSlug: Certification.RespWebDesignV9,
+    projects: [
+      {
+        id: '68db37350b398ecddd1f5dac',
+        title: 'Responsive Web Design Certification Exam',
+        link: `${respWebV9Base}/responsive-web-design-certification-exam/exam-responsive-web-design-certification`,
+        certSlug: Certification.RespWebDesignV9
+      }
+    ]
+  },
   {
     id: '68c4069c1ef859270e17c495',
     title: 'JavaScript',

client/i18n/locales/english/intro.json

@@ -53,6 +53,7 @@ const iconMap = {
   [SuperBlocks.SemanticHtml]: Code,
   [SuperBlocks.FullStackOpen]: Code,
   [SuperBlocks.DevPlayground]: Code,
+  [SuperBlocks.RespWebDesignV9]: ResponsiveDesign,
   [SuperBlocks.JsV9]: JavaScriptIcon
 };
 

client/src/assets/superblock-icon.tsx

@@ -89,6 +89,7 @@ const createCertifiedMap = ({
   // be rendered. The new FullStackDeveloper certification is a normal
   // certification with projects.
   [Certification.FullStackDeveloper]: false,
+  [Certification.RespWebDesignV9]: false,
   [Certification.JsV9]: false,
   [Certification.A2English]: false,
   [Certification.B1English]: false,

client/src/components/settings/certification.tsx

@@ -0,0 +1,14 @@
+---
+title: New Responsive Web Design Certification
+superBlock: responsive-web-design-v9
+certification: responsive-web-design-v9
+---
+
+## New Responsive Web Design Certification
+
+This course teaches you the languages that developers use to build webpages: HTML (Hypertext Markup Language) for content, and CSS (Cascading Style Sheets) for design.
+
+To earn your Responsive Web Design Certification:
+
+- Complete the five required projects to qualify for the certification exam.
+- Pass the Responsive Web Design Certification exam.

client/src/pages/learn/responsive-web-design-v9/index.md

@@ -10,6 +10,7 @@ import DropDown from '../../../assets/icons/dropdown';
 import fullStackCert from '../../../../../curriculum/structure/superblocks/full-stack-developer.json';
 import fullStackOpen from '../../../../../curriculum/structure/superblocks/full-stack-open.json';
 import a1Spanish from '../../../../../curriculum/structure/superblocks/a1-professional-spanish.json';
+import respWebDesignV9 from '../../../../../curriculum/structure/superblocks/responsive-web-design-v9.json';
 import javascriptV9 from '../../../../../curriculum/structure/superblocks/javascript-v9.json';
 
 import { ChapterIcon } from '../../../assets/chapter-icon';
@@ -190,6 +191,8 @@ export const SuperBlockAccordion = ({
         return fullStackCert;
       case SuperBlocks.A1Spanish:
         return a1Spanish;
+      case SuperBlocks.RespWebDesignV9:
+        return respWebDesignV9;
       case SuperBlocks.JsV9:
         return javascriptV9;
       default:
@@ -206,7 +209,7 @@ export const SuperBlockAccordion = ({
   const isLinkModule = (name: string) => {
     const module = modules.find(module => module.dashedName === name);
 
-    return module?.moduleType === 'review';
+    return module?.moduleType === 'review' || module?.moduleType === 'exam';
   };
 
   const getBlockToChapterMap = () => {
@@ -300,7 +303,10 @@ export const SuperBlockAccordion = ({
           >
             {chapter.modules.map(module => {
               if (module.comingSoon && !showUpcomingChanges) {
-                if (module.moduleType === 'review') {
+                if (
+                  module.moduleType === 'review' ||
+                  module.moduleType === 'exam'
+                ) {
                   return null;
                 }
 

client/src/templates/Introduction/components/super-block-accordion.tsx

@@ -17,6 +17,7 @@ const idToPath = new Map(
     '5e44431b903586ffb414c951': Certification.SciCompPy,
     '5e46fc95ac417301a38fb934': Certification.DataAnalysisPy,
     '5e46fc95ac417301a38fb935': Certification.MachineLearningPy,
+    '68db314d3c11a8bff07c7535': Certification.RespWebDesignV9,
     '68c4069c1ef859270e17c495': Certification.JsV9
   })
 );

client/utils/index.ts

@@ -192,6 +192,7 @@ const superBlockNames = {
   'a1-professional-chinese': 'a1-professional-chinese',
   'dev-playground': 'dev-playground',
   'full-stack-open': 'full-stack-open',
+  'responsive-web-design-v9': 'responsive-web-design-v9',
   'javascript-v9': 'javascript-v9'
 };
 

curriculum/build-curriculum.js

@@ -0,0 +1,18 @@
+---
+id: 68db37350b398ecddd1f5dac
+title: Responsive Web Design Certification Exam
+challengeType: 30
+dashedName: exam-javascript-certification
+---
+
+# --description--
+
+Start your exam in the exam environment app.
+
+# --instructions--
+
+# --hints--
+
+# --seed--
+
+# --solutions--

curriculum/challenges/english/blocks/exam-responsive-web-design-certification/68db37350b398ecddd1f5dac.md

@@ -0,0 +1,7 @@
+id: 68db314d3c11a8bff07c7535
+title: Responsive Web Design Certification
+certification: responsive-web-design-v9
+challengeType: 7
+tests:
+  - id: 68db37350b398ecddd1f5dac
+    title: Responsive Web Design Certification Exam