From b14cad2604dfcec6f73b6b0df3f91e9fdc3a8e0b Mon Sep 17 00:00:00 2001 From: Chris Mills Date: Tue, 3 Sep 2024 09:01:11 +0100 Subject: [PATCH 1/8] Add resources for educators page --- curriculum/1-about-curriculum.md | 7 +--- curriculum/6-resources-for-educators.md | 44 +++++++++++++++++++++++++ 2 files changed, 45 insertions(+), 6 deletions(-) create mode 100644 curriculum/6-resources-for-educators.md diff --git a/curriculum/1-about-curriculum.md b/curriculum/1-about-curriculum.md index 63e0c9d..347d77a 100644 --- a/curriculum/1-about-curriculum.md +++ b/curriculum/1-about-curriculum.md @@ -39,12 +39,7 @@ Once a student has the list of topics they are going to learn, they should go fo Educators can use the curriculum as a guide when creating programs, units, and assessment specifications for a web-related university degree, college course, coding school course, or similar. Conforming to the curriculum will help ensure that courses teach current techniques and best practices, and avoid bad practices and out-of-date information. -> **Note**: Any course based on the MDN curriculum should conform to the [Core](./3-core/), but could also optionally include one or more [Extensions](./4-extensions/). - -We recommend that any course conforming to the MDN curriculum should: - -- Assess students via a combination of exam-based theory testing, and practical real-world projects to get students to put their knowledge into action. -- Provide students with a repository containing their project work that can be published as a portfolio to demonstrate proof of their skills to prospective employers. +To find out more, consult our [Resources for Educators](./6-resources-for-educators.md) page. ## Scope diff --git a/curriculum/6-resources-for-educators.md b/curriculum/6-resources-for-educators.md new file mode 100644 index 0000000..6daba7d --- /dev/null +++ b/curriculum/6-resources-for-educators.md @@ -0,0 +1,44 @@ +--- +template: about +--- + +# Resources for Educators + +Educators can use the MDN Curriculum as a guide when creating programs, units, and assessment specifications for a web-related university degree, college course, coding school course, or similar. + +The MDN team is committed to reviewing the information included in the curriculum on an annual basis to make sure that it remains current with front-end development best practices. By basing their courses on the MDN Curriculum, educators can ensure their teaching is up-to-date. + +This page provides guidance and resources to make it as easy as possible to adapt the MDN Curriculum for your teaching. + +## Choosing an appropriate scope + +The MDN Curriculum [Core](./3-core/) includes fundamental web standards concepts, HTML, CSS, JavaScript, accessibility, design theory, and version control. We believe the contained topics are the minimum that every new web developer should know before starting in the industry. + +However, you may have additional topic requirements for your course, in which case you could: + +- Consider including some of the learning objectives from the curriculum’s [Getting started](./2-getting-started/) modules, such as soft skills like teamwork, research, and job interview techniques, and gaining familiarity with a typical web development toolset. +- Extend the technology coverage in the curriculum Core with some [Extensions](./4-extensions/). We will aim to publish more extensions as time goes on. You could consider writing your own extensions and contributing them to the curriculum so that others can benefit. [Contact us](/docs/MDN/Community/Communication_channels) if you have an extension to submit! + +## Using an effective learning pathway + +When teaching students, it is vital to provide them with a clear progression through the topics they are required to learn, with clear learning objectives and regular assessments to make sure they are on the right path. + +The MDN Curriculum provides a pathway to follow through the essentials of front-end web development and points to resources that teach each set of learning objectives, which contain "Test your skills" sections and assessment articles. + +You could take your students through the curriculum-provided resources as is, but bear in mind that the curriculum is written in a fairly open, lightly-structured way, to make it usable by as wide a group of educators as possible. You may wish to customize it for your needs by: + +- Adding in your own skill tests/assessments at appropriate places. We recommend assessing students via a combination of exam-based theory testing, and practical real-world projects to get students to put their knowledge into action. +- Grouping the learning outcomes differently. For example, you may wish to start with the very basics of HTML document structure, then follow up quickly with some CSS fundamentals such as box model and text styling. In the next step, you might introduce some more complex HTML features such as images and form fields, ramp up the CSS with some flexbox and media queries, and introduce some rudimentary DOM scripting. +- Providing students with a repository containing their project work that can be published as a portfolio to demonstrate proof of their skills to prospective employers. + +You could also consider using an advanced turnkey solution such as an interactive video course. We would recommend [The Frontend Developer Career Path](https://v2.scrimba.com/the-frontend-developer-career-path-c0j?via=mdn) from our learning partner, [Scrimba](https://scrimba.com?via=mdn), which teaches all of the learning outcomes in the MDN Curriculum Core and more. + +> **Note**: Scrimba offers multiple license deals — see [Scrimba for Teams](https://v2.scrimba.com/teams?via=mdn). + +The Front Developer Career Path features fun interactive lessons and challenges, knowledgeable teachers, and a supportive community, and aims to give students all they need to land their first junior developer job. Many of the course components are available as standalone free versions. + +## Resources + +[Complete MDN Curriculum download](#) (PDF) + + From aa42b809aa5641145376abf9bc8798b3b767cce7 Mon Sep 17 00:00:00 2001 From: Chris Mills Date: Tue, 3 Sep 2024 09:10:31 +0100 Subject: [PATCH 2/8] Prettier to fix linter error --- curriculum/6-resources-for-educators.md | 2 -- 1 file changed, 2 deletions(-) diff --git a/curriculum/6-resources-for-educators.md b/curriculum/6-resources-for-educators.md index 6daba7d..5ca15de 100644 --- a/curriculum/6-resources-for-educators.md +++ b/curriculum/6-resources-for-educators.md @@ -40,5 +40,3 @@ The Front Developer Career Path features fun interactive lessons and challenges, ## Resources [Complete MDN Curriculum download](#) (PDF) - - From 373e3e1a8e0e2168a838c90efc20fd0f2941df58 Mon Sep 17 00:00:00 2001 From: Chris Mills Date: Tue, 3 Sep 2024 09:12:40 +0100 Subject: [PATCH 3/8] remove curly quote and empty link --- curriculum/6-resources-for-educators.md | 6 +----- 1 file changed, 1 insertion(+), 5 deletions(-) diff --git a/curriculum/6-resources-for-educators.md b/curriculum/6-resources-for-educators.md index 5ca15de..a36f89b 100644 --- a/curriculum/6-resources-for-educators.md +++ b/curriculum/6-resources-for-educators.md @@ -16,7 +16,7 @@ The MDN Curriculum [Core](./3-core/) includes fundamental web standards concepts However, you may have additional topic requirements for your course, in which case you could: -- Consider including some of the learning objectives from the curriculum’s [Getting started](./2-getting-started/) modules, such as soft skills like teamwork, research, and job interview techniques, and gaining familiarity with a typical web development toolset. +- Consider including some of the learning objectives from the curriculum's [Getting started](./2-getting-started/) modules, such as soft skills like teamwork, research, and job interview techniques, and gaining familiarity with a typical web development toolset. - Extend the technology coverage in the curriculum Core with some [Extensions](./4-extensions/). We will aim to publish more extensions as time goes on. You could consider writing your own extensions and contributing them to the curriculum so that others can benefit. [Contact us](/docs/MDN/Community/Communication_channels) if you have an extension to submit! ## Using an effective learning pathway @@ -36,7 +36,3 @@ You could also consider using an advanced turnkey solution such as an interactiv > **Note**: Scrimba offers multiple license deals — see [Scrimba for Teams](https://v2.scrimba.com/teams?via=mdn). The Front Developer Career Path features fun interactive lessons and challenges, knowledgeable teachers, and a supportive community, and aims to give students all they need to land their first junior developer job. Many of the course components are available as standalone free versions. - -## Resources - -[Complete MDN Curriculum download](#) (PDF) From 23fa7d8f48e6f527be1c14a957f88a0cde05ff73 Mon Sep 17 00:00:00 2001 From: Chris Mills Date: Tue, 17 Sep 2024 16:27:53 +0100 Subject: [PATCH 4/8] fix typos and improve grammar --- curriculum/6-resources-for-educators.md | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/curriculum/6-resources-for-educators.md b/curriculum/6-resources-for-educators.md index a36f89b..ed628ef 100644 --- a/curriculum/6-resources-for-educators.md +++ b/curriculum/6-resources-for-educators.md @@ -6,9 +6,9 @@ template: about Educators can use the MDN Curriculum as a guide when creating programs, units, and assessment specifications for a web-related university degree, college course, coding school course, or similar. -The MDN team is committed to reviewing the information included in the curriculum on an annual basis to make sure that it remains current with front-end development best practices. By basing their courses on the MDN Curriculum, educators can ensure their teaching is up-to-date. +The MDN team is committed to reviewing the information in the curriculum annually to ensure it remains current with front-end development best practices. By basing their courses on the MDN Curriculum, educators can ensure their teaching is up-to-date. -This page provides guidance and resources to make it as easy as possible to adapt the MDN Curriculum for your teaching. +This page provides guidance and resources to make it easy to adapt the MDN Curriculum for your teaching. ## Choosing an appropriate scope @@ -17,22 +17,22 @@ The MDN Curriculum [Core](./3-core/) includes fundamental web standards concepts However, you may have additional topic requirements for your course, in which case you could: - Consider including some of the learning objectives from the curriculum's [Getting started](./2-getting-started/) modules, such as soft skills like teamwork, research, and job interview techniques, and gaining familiarity with a typical web development toolset. -- Extend the technology coverage in the curriculum Core with some [Extensions](./4-extensions/). We will aim to publish more extensions as time goes on. You could consider writing your own extensions and contributing them to the curriculum so that others can benefit. [Contact us](/docs/MDN/Community/Communication_channels) if you have an extension to submit! +- Extend the technology coverage in the curriculum Core with some [Extensions](./4-extensions/). We will aim to publish more extensions as time goes on. You could consider writing your own extensions and contributing them to the curriculum so others can benefit. [Contact us](/docs/MDN/Community/Communication_channels) if you have an extension to submit! ## Using an effective learning pathway -When teaching students, it is vital to provide them with a clear progression through the topics they are required to learn, with clear learning objectives and regular assessments to make sure they are on the right path. +When teaching students, it is vital to provide them with a clear progression through the topics they are required to learn, with clear learning objectives and regular assessments to ensure they are on the right path. The MDN Curriculum provides a pathway to follow through the essentials of front-end web development and points to resources that teach each set of learning objectives, which contain "Test your skills" sections and assessment articles. You could take your students through the curriculum-provided resources as is, but bear in mind that the curriculum is written in a fairly open, lightly-structured way, to make it usable by as wide a group of educators as possible. You may wish to customize it for your needs by: -- Adding in your own skill tests/assessments at appropriate places. We recommend assessing students via a combination of exam-based theory testing, and practical real-world projects to get students to put their knowledge into action. -- Grouping the learning outcomes differently. For example, you may wish to start with the very basics of HTML document structure, then follow up quickly with some CSS fundamentals such as box model and text styling. In the next step, you might introduce some more complex HTML features such as images and form fields, ramp up the CSS with some flexbox and media queries, and introduce some rudimentary DOM scripting. +- Adding in your own skill tests/assessments at appropriate places. We recommend assessing students using a combination of exam-based theory testing, and practical real-world projects to get students to put their knowledge into action. +- Grouping the learning outcomes differently. For example, you may wish to start with the basics of HTML document structure, then follow up quickly with some CSS fundamentals such as box model and text styling. In the next step, you might introduce more complex HTML features such as images and form fields, ramp up the CSS with some flexbox and media queries, and introduce some rudimentary DOM scripting. - Providing students with a repository containing their project work that can be published as a portfolio to demonstrate proof of their skills to prospective employers. You could also consider using an advanced turnkey solution such as an interactive video course. We would recommend [The Frontend Developer Career Path](https://v2.scrimba.com/the-frontend-developer-career-path-c0j?via=mdn) from our learning partner, [Scrimba](https://scrimba.com?via=mdn), which teaches all of the learning outcomes in the MDN Curriculum Core and more. > **Note**: Scrimba offers multiple license deals — see [Scrimba for Teams](https://v2.scrimba.com/teams?via=mdn). -The Front Developer Career Path features fun interactive lessons and challenges, knowledgeable teachers, and a supportive community, and aims to give students all they need to land their first junior developer job. Many of the course components are available as standalone free versions. +The Frontend Developer Career Path features fun interactive lessons and challenges, knowledgeable teachers, and a supportive community; it aims to give students all they need to land their first junior developer job. Many of the course components are available as standalone free versions. From 6c81d3114193a0f5781f8a6752ce6185878581bb Mon Sep 17 00:00:00 2001 From: Leo McArdle Date: Thu, 19 Sep 2024 10:12:08 +0000 Subject: [PATCH 5/8] add pdf banner with temporary link --- curriculum/1-about-curriculum.md | 4 ++++ curriculum/6-resources-for-educators.md | 4 ++++ 2 files changed, 8 insertions(+) diff --git a/curriculum/1-about-curriculum.md b/curriculum/1-about-curriculum.md index 347d77a..0f2568a 100644 --- a/curriculum/1-about-curriculum.md +++ b/curriculum/1-about-curriculum.md @@ -41,6 +41,10 @@ Educators can use the curriculum as a guide when creating programs, units, and a To find out more, consult our [Resources for Educators](./6-resources-for-educators.md) page. +> **Educator's launchpad**: Easily download the MDN curriculum and share it with your students, hassle free. +> +> [Download](https://github.com/user-attachments/files/17043814/MDN-Curriculum-2024-09.pdf) + ## Scope The term _front-end developer_ can be ambiguous; it can mean different things to different people, and folks working on the front end can be expected to do a wide variety of different tasks. diff --git a/curriculum/6-resources-for-educators.md b/curriculum/6-resources-for-educators.md index ed628ef..e87616b 100644 --- a/curriculum/6-resources-for-educators.md +++ b/curriculum/6-resources-for-educators.md @@ -36,3 +36,7 @@ You could also consider using an advanced turnkey solution such as an interactiv > **Note**: Scrimba offers multiple license deals — see [Scrimba for Teams](https://v2.scrimba.com/teams?via=mdn). The Frontend Developer Career Path features fun interactive lessons and challenges, knowledgeable teachers, and a supportive community; it aims to give students all they need to land their first junior developer job. Many of the course components are available as standalone free versions. + +## Resources + +[Complete MDN Curriculum download](https://github.com/user-attachments/files/17043814/MDN-Curriculum-2024-09.pdf) (PDF) From bc0824fad5d59631f8a9d4b30065181b46ecb583 Mon Sep 17 00:00:00 2001 From: Chris Mills Date: Thu, 19 Sep 2024 11:33:17 +0100 Subject: [PATCH 6/8] Tweak download banner wording --- curriculum/1-about-curriculum.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/curriculum/1-about-curriculum.md b/curriculum/1-about-curriculum.md index 0f2568a..7dd898b 100644 --- a/curriculum/1-about-curriculum.md +++ b/curriculum/1-about-curriculum.md @@ -41,9 +41,9 @@ Educators can use the curriculum as a guide when creating programs, units, and a To find out more, consult our [Resources for Educators](./6-resources-for-educators.md) page. -> **Educator's launchpad**: Easily download the MDN curriculum and share it with your students, hassle free. +> **Hassle-free PDF download**: The complete MDN Curriculum is available as a convenient PDF to share with your students and colleagues. > -> [Download](https://github.com/user-attachments/files/17043814/MDN-Curriculum-2024-09.pdf) +> [Download the Curriculum](https://github.com/user-attachments/files/17043814/MDN-Curriculum-2024-09.pdf) ## Scope From 131f2e423660d72af77a6e2b58d10ac1b41618d1 Mon Sep 17 00:00:00 2001 From: Leo McArdle Date: Thu, 26 Sep 2024 17:11:24 +0000 Subject: [PATCH 7/8] update pdf link to future permalink --- curriculum/1-about-curriculum.md | 2 +- curriculum/6-resources-for-educators.md | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/curriculum/1-about-curriculum.md b/curriculum/1-about-curriculum.md index 7dd898b..edd4228 100644 --- a/curriculum/1-about-curriculum.md +++ b/curriculum/1-about-curriculum.md @@ -43,7 +43,7 @@ To find out more, consult our [Resources for Educators](./6-resources-for-educat > **Hassle-free PDF download**: The complete MDN Curriculum is available as a convenient PDF to share with your students and colleagues. > -> [Download the Curriculum](https://github.com/user-attachments/files/17043814/MDN-Curriculum-2024-09.pdf) +> [Download the Curriculum](https://github.com/mdn/curriculum/releases/latest/download/MDN-Curriculum.pdf) ## Scope diff --git a/curriculum/6-resources-for-educators.md b/curriculum/6-resources-for-educators.md index e87616b..1d087fc 100644 --- a/curriculum/6-resources-for-educators.md +++ b/curriculum/6-resources-for-educators.md @@ -39,4 +39,4 @@ The Frontend Developer Career Path features fun interactive lessons and challeng ## Resources -[Complete MDN Curriculum download](https://github.com/user-attachments/files/17043814/MDN-Curriculum-2024-09.pdf) (PDF) +[Complete MDN Curriculum download](https://github.com/mdn/curriculum/releases/latest/download/MDN-Curriculum.pdf) (PDF) From a8b26181c4d9ac2cff92db7397bce77adb47129b Mon Sep 17 00:00:00 2001 From: Leo McArdle Date: Mon, 30 Sep 2024 12:56:59 +0000 Subject: [PATCH 8/8] update scrimba link --- curriculum/6-resources-for-educators.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/curriculum/6-resources-for-educators.md b/curriculum/6-resources-for-educators.md index 1d087fc..faed51b 100644 --- a/curriculum/6-resources-for-educators.md +++ b/curriculum/6-resources-for-educators.md @@ -33,7 +33,7 @@ You could take your students through the curriculum-provided resources as is, bu You could also consider using an advanced turnkey solution such as an interactive video course. We would recommend [The Frontend Developer Career Path](https://v2.scrimba.com/the-frontend-developer-career-path-c0j?via=mdn) from our learning partner, [Scrimba](https://scrimba.com?via=mdn), which teaches all of the learning outcomes in the MDN Curriculum Core and more. -> **Note**: Scrimba offers multiple license deals — see [Scrimba for Teams](https://v2.scrimba.com/teams?via=mdn). +> **Note**: Scrimba offers multiple license deals — see [Scrimba for Teams](https://v2.scrimba.com/teams?via=mdn-edu). The Frontend Developer Career Path features fun interactive lessons and challenges, knowledgeable teachers, and a supportive community; it aims to give students all they need to land their first junior developer job. Many of the course components are available as standalone free versions.