feat: enable new curriculum (#44183)
* feat: use legacy flag chore: reorder challenges fix: linter revert: server change feat: unblock new editor fix: proper order fix: 0-based order fix: broke the order feat: move tribute certification to its own block feat: split the old projects block into 4 fix: put all blocks in order chore: add intro text refactor: use block, not blockName in query fix: project progress indicator * fix: reorder new challenges/certs * fix: reorder legacy challenges * fix: reintroduce legacy certs * feat: add showNewCurriculum flag to env * chore: forgot sample.env * feat: use feature flag for display * fix: rename meta + dirs to match new blocks * fix: add new blocks to help-category-map * fix: update completion-modal for new GQL schema * test: duplicate title/id errors -> warnings * fix: update completion-modal to new GQL schema Mk2 * chore: re-order metas (again) * fix: revert super-block-intro changes The intro needs to show both legacy and new content. We need to decide which pages are created, rather than than what a page shows when rendered. * feat: move upcoming curriculum into own superblock * fix: handle one certification with two superBlocks * fix: remove duplicated intros * fix: remove duplicate projects from /settings * fix: drop 'two' from Responsive Web Design Two * chore: rename slug suffix from two to v2 * feat: control display of new curriculum * feat: control project paths shown on /settings * fix: use new project order for /settings This does mean that /settings will change before the release, but I don't think it's serious. All the projects are there, just not in the legacy order. * fix: claim/show cert button * chore: remove isLegacy Since we have legacy superblocks, we don't currently need individual blocks to be legacy * test: fix utils.test * fix: verifyCanClaim needs certification If Shaun removes the cert claim cards, maybe we can remove this entirely * fix: add hasEditableBoundaries flags where needed * chore: remove isUpcomingChange * chore: v2 -> 22 Co-authored-by: Oliver Eyton-Williams <ojeytonwilliams@gmail.com>
This commit is contained in:
Nicholas Carrigan (he/him)
committed by
GitHub
GitHub
parent
304773d62b
commit
8614db7a32
@@ -63,47 +63,119 @@
|
||||
"Time to put your newly learnt skills to work. By working on these projects, you will get a chance to apply all of the skills, principles, and concepts you have learned so far: HTML, CSS, Visual Design, Accessibility, and more.",
|
||||
"Complete the five web programming projects below to earn your Responsive Web Design certification."
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
"responsive-web-design-22": {
|
||||
"title": "Responsive Web Design",
|
||||
"intro": [
|
||||
"In this Responsive Web Design Certification, you'll learn the languages that developers use to build webpages: HTML (Hypertext Markup Language) for content, and CSS (Cascading Style Sheets) for design.",
|
||||
"First, you'll build a cat photo app to learn the basics of HTML and CSS. Later, you'll learn modern techniques like CSS variables by building a penguin, and best practices for accessibility by building a web form.",
|
||||
"Finally, you'll learn how to make webpages that respond to different screen sizes by building a Twitter card with Flexbox, and a complex blog layout with CSS Grid."
|
||||
],
|
||||
"note": "Note: Some browser extensions, such as ad-blockers and dark mode extensions can interfere with the tests. If you face issues, we recommend disabling extensions that modify the content or layout of pages, while taking the course.",
|
||||
"blocks": {
|
||||
"build-a-tribute-page-project": {
|
||||
"title": "Build a Tribute Page Project",
|
||||
"intro": ["placeholder", "holder of place"]
|
||||
},
|
||||
"build-a-personal-portfolio-webpage-project": {
|
||||
"title": "Build a Personal Portfolio Webpage Project",
|
||||
"intro": ["placeholder", "holder of place"]
|
||||
},
|
||||
"build-a-product-landing-page-project": {
|
||||
"title": "Build a Product Landing Page Project",
|
||||
"intro": ["placeholder", "holder of place"]
|
||||
},
|
||||
"build-a-survey-form-project": {
|
||||
"title": "Build a Survey Form Project",
|
||||
"intro": ["placeholder", "holder of place"]
|
||||
},
|
||||
"build-a-technical-documentation-page-project": {
|
||||
"title": "Build a Technical Documentation Page Project",
|
||||
"intro": ["placeholder", "holder of place"]
|
||||
},
|
||||
"learn-html-by-building-a-cat-photo-app": {
|
||||
"title": "Learn HTML by Building a Cat Photo App",
|
||||
"intro": ["", ""]
|
||||
"intro": [
|
||||
"HTML tags give a webpage its structure. You can use HTML tags to add photos, buttons, and other elements to your webpage.",
|
||||
"In this course, you'll learn the most common HTML tags by building your own cat photo app."
|
||||
]
|
||||
},
|
||||
"learn-basic-css-by-building-a-cafe-menu": {
|
||||
"title": "Learn Basic CSS by Building a Cafe Menu",
|
||||
"intro": ["", ""]
|
||||
"intro": [
|
||||
"CSS tells the browser how to display your webpage. You can use CSS to set the color, font, size, and other aspects of HTML elements.",
|
||||
"In this course, you'll learn CSS by designing a menu page for a cafe webpage."
|
||||
]
|
||||
},
|
||||
"learn-the-css-box-model-by-building-a-rothko-painting": {
|
||||
"title": "Learn the CSS Box Model by Building a Rothko Painting",
|
||||
"intro": [
|
||||
"Mark Rothko was known for his abstract style of painting. Rothko paintings commonly depicted rectangular regions of color in varying sizes.",
|
||||
"In this lesson, you will be using CSS to create your own painting in Rothko's style. You will use many of the skills you have already been practicing, as well as new CSS tool such as blur and transform."
|
||||
"Every HTML element is its own box – with its own spacing and a border. This is called the Box Model.",
|
||||
"In this course, you'll use CSS and the Box Model to create your own Rothko-style rectangular art pieces."
|
||||
]
|
||||
},
|
||||
"learn-css-variables-by-building-a-city-skyline": {
|
||||
"title": "Learn CSS Variables by Building a City Skyline",
|
||||
"intro": ["", ""]
|
||||
"intro": [
|
||||
"CSS variables help you organize your styles and reuse them.",
|
||||
"In this course, you'll build a city skyline. You'll learn how to configure CSS variables so you can reuse them whenever you want."
|
||||
]
|
||||
},
|
||||
"learn-html-forms-by-building-a-registration-form": {
|
||||
"title": "Learn HTML Forms by Building a Registration Form",
|
||||
"intro": [
|
||||
"You can use HTML forms to collect information from people who visit your webpage.",
|
||||
"In this course, you'll learn HTML forms by building a signup page. You'll learn how to control what types of data people can type into your form, and some new CSS tools for styling your page."
|
||||
]
|
||||
},
|
||||
"learn-html-forms-by-building-a-registration-form": { "title": "Learn HTML Forms by Building a Registration Form", "intro": ["", ""] },
|
||||
"learn-accessibility-by-building-a-quiz": {
|
||||
"title": "Learn Accessibility by Building a Quiz",
|
||||
"intro": ["", ""]
|
||||
"intro": [
|
||||
"Accessibility is making your webpage easy for all people to use – even people with disabilities.",
|
||||
"In this course, you'll build a quiz webpage. You'll learn accessibility tools such as keyboard shortcuts, ARIA attributes, and design best practices."
|
||||
]
|
||||
},
|
||||
"learn-intermediate-css-by-building-a-picasso-painting": {
|
||||
"title": "Learn Intermediate CSS by Building a Picasso Painting",
|
||||
"intro": [
|
||||
"Pablo Picasso was known for his Cubism style of painting, a style recognized by representations of objects broken down and reassembled from multiple perspectives. Picasso's paintings are often highly abstract and thought provoking.",
|
||||
"In this course, you will use CSS to create your own painting in the style of Picasso. You will learn about FontAwesome SVG icons, CSS positioning, and reinforce the skills you have already been learning."
|
||||
"In this course, you'll use learn some intermediate CSS techniques by coding your own Picasso painting webpage. You'll learn about SVG icons, CSS positioning, and review other CSS skills you've learned."
|
||||
]
|
||||
},
|
||||
"learn-responsive-web-design-by-building-a-piano": {
|
||||
"title": "Learn Responsive Web Design by Building a Piano",
|
||||
"intro": [
|
||||
"Responsive Design tells your webpage how it should look on different-sized screens.",
|
||||
"In this course, you'll use CSS and Responsive Design to code a piano. You'll also learn more about media queries and pseudo selectors."
|
||||
]
|
||||
},
|
||||
"learn-css-flexbox-by-building-a-photo-gallery": {
|
||||
"title": "Learn CSS Flexbox by Building a Photo Gallery",
|
||||
"intro": [
|
||||
"Flexbox helps you design your webpage so that it looks good on any screen size.",
|
||||
"In this course, you'll use Flexbox to build a responsive photo gallery webpage."
|
||||
]
|
||||
},
|
||||
"learn-css-grid-by-building-a-magazine": {
|
||||
"title": "Learn CSS Grid by Building a Magazine",
|
||||
"intro": [
|
||||
"CSS Grid gives you control over the rows and columns of your webpage design.",
|
||||
"In this course, you'll build a magazine article. You'll learn how to use CSS Grid, including concepts like grid rows and grid columns."
|
||||
]
|
||||
},
|
||||
"learn-responsive-web-design-by-building-a-piano": { "title": "Learn Responsive Web Design by Building a Piano", "intro": ["", ""] },
|
||||
"learn-css-flexbox-by-building-a-photo-gallery": { "title": "Learn CSS Flexbox by Building a Photo Gallery", "intro": ["", ""] },
|
||||
"learn-css-grid-by-building-a-magazine": { "title": "Learn CSS Grid by Building a Magazine", "intro": ["", ""] },
|
||||
"learn-typography-by-building-a-nutrition-label": {
|
||||
"title": "Learn Typography by Building a Nutrition Label",
|
||||
"intro": ["", ""]
|
||||
"intro": [
|
||||
"Typography is the art of styling your text to be easily readable and suit its purpose.",
|
||||
"In this course, you'll use typography to build a nutrition label webpage. You'll learn how to style text, adjust line height, and position your text using CSS."
|
||||
]
|
||||
},
|
||||
"learn-css-transforms-by-building-a-penguin": { "title": "Learn CSS Transforms by Building a Penguin", "intro": ["", ""] },
|
||||
"learn-css-animation-by-building-a-ferris-wheel": { "title": "Learn CSS Animation by Building a Ferris Wheel", "intro": ["", ""] },
|
||||
"learn-css-animation-by-building-a-ferris-wheel": { "title": "Learn CSS Animation by Building a Ferris Wheel", "intro": [
|
||||
"You can use CSS animation to draw attention to specific sections of your webpage and make it more engaging.",
|
||||
"In this course, you'll build a Ferris wheel. You'll learn how to use CSS to animate elements, transform them, and adjust their speed."
|
||||
] },
|
||||
"learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet": { "title": "Learn More About CSS Pseudo Selectors By Building A Balance Sheet", "intro": ["", ""] }
|
||||
}
|
||||
},
|
||||
@@ -560,7 +632,11 @@
|
||||
"browse-other": "Browse our other free certifications\n(we recommend doing these in order)",
|
||||
"courses": "Courses",
|
||||
"steps": "Steps",
|
||||
"expand": "Expand",
|
||||
"collapse": "Collapse",
|
||||
"expand": "Expand courses",
|
||||
"collapse": "Collapse courses"
|
||||
"collapse": "Collapse courses",
|
||||
"legacy-header": "Legacy Courses",
|
||||
"legacy-desc": "These courses are no longer part of the certification path, but are still available for you to further your learning."
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user