From 2dd0ac46bcec1f8c5b78b93112f038ff0b00ac18 Mon Sep 17 00:00:00 2001 From: Leo McArdle Date: Wed, 25 Sep 2024 12:21:55 +0000 Subject: [PATCH] add inline scrims --- curriculum/2-getting-started/1-soft-skills.md | 6 ++++++ curriculum/3-core/1-web-standards.md | 4 ++++ curriculum/3-core/2-semantic-html.md | 6 ++++++ curriculum/3-core/3-css-fundamentals.md | 6 ++++++ curriculum/3-core/4-css-text-styling.md | 2 ++ curriculum/3-core/5-css-layout.md | 6 ++++++ curriculum/3-core/6-javascript-fundamentals.md | 8 ++++++++ curriculum/3-core/7-accessibility.md | 4 ++++ curriculum/3-core/8-design-for-developers.md | 2 ++ curriculum/3-core/9-version-control.md | 2 ++ curriculum/4-extensions/3-web-apis.md | 2 ++ 11 files changed, 48 insertions(+) diff --git a/curriculum/2-getting-started/1-soft-skills.md b/curriculum/2-getting-started/1-soft-skills.md index 93816f0..953f90d 100644 --- a/curriculum/2-getting-started/1-soft-skills.md +++ b/curriculum/2-getting-started/1-soft-skills.md @@ -154,10 +154,16 @@ Recommendations: - Join an open-source project to practice the skills you learn, engage with folks in the community, and learn from observing others (see [How to Contribute to Open Source Projects – A Beginner's Guide](https://www.freecodecamp.org/news/how-to-contribute-to-open-source-projects-beginners-guide/) for useful information). +Our learning partner, Scrimba, provides a strong community and collaboration experience via their Discord server, intending to help their students gain exactly these kinds of skills. Check out the following embedded content to learn more. + + + ## 1.5 Succeeding in job interviews Technical job interviews can be very demanding, and some have quite specific requirements. + + Recommendations: - Learn effective strategies for job searching. For example: diff --git a/curriculum/3-core/1-web-standards.md b/curriculum/3-core/1-web-standards.md index 5aab0f8..d4ad1d5 100644 --- a/curriculum/3-core/1-web-standards.md +++ b/curriculum/3-core/1-web-standards.md @@ -18,6 +18,8 @@ Learning outcomes: - Clients and servers and their roles in the web. + + - DNS and how it works at a high level. - TCP/IP and HTTP. @@ -65,6 +67,8 @@ Learning outcomes: > - CSS is for styling and layout. > - JavaScript is for controlling dynamic behavior. + + - Their place in the larger ecosystem, and the fact that they are not the only web technologies. - Why separating the layers is a good idea. diff --git a/curriculum/3-core/2-semantic-html.md b/curriculum/3-core/2-semantic-html.md index 3145216..cc2b289 100644 --- a/curriculum/3-core/2-semantic-html.md +++ b/curriculum/3-core/2-semantic-html.md @@ -18,6 +18,8 @@ General resources: - [Learn HTML](https://www.codecademy.com/learn/learn-html), Codecademy + + ## 2.1 Basic HTML syntax Learning outcomes: @@ -170,6 +172,8 @@ Resources: - [Creating hyperlinks](https://developer.mozilla.org/docs/Learn/HTML/Introduction_to_HTML/Creating_hyperlinks) + + ## 2.6 Media Learning outcomes: @@ -224,6 +228,8 @@ Learning outcomes: - Common `` types — `text`, `number`, `file`, `checkbox`, `radio`, `password`, `search`, and `submit`. + + - Common attributes — `name` and `value`. - Client-side validation basics — `required`, `min`, `max`, `minlength`, `maxlength`, and `pattern`. diff --git a/curriculum/3-core/3-css-fundamentals.md b/curriculum/3-core/3-css-fundamentals.md index c03f013..127c62f 100644 --- a/curriculum/3-core/3-css-fundamentals.md +++ b/curriculum/3-core/3-css-fundamentals.md @@ -14,6 +14,8 @@ General resources: - [Write your first lines of CSS!](https://v2.scrimba.com/the-frontend-developer-career-path-c0j/~015?via=mdn), Scrimba _Course Partner_ + + ## 3.1 Basic CSS syntax Learning outcomes: @@ -66,6 +68,8 @@ Learning outcomes: - You can have multiple classes per element, and these can be used to layer on styles as required. + + - IDs and classes should be used sparingly where they make sense for selections, but you shouldn't use them for everything — keep your HTML as clean and uncluttered as possible. - Selector lists. @@ -200,6 +204,8 @@ Learning outcomes: - `border-radius` for rounded corners. + + Resources: - [Border and border-radius](https://v2.scrimba.com/the-frontend-developer-career-path-c0j/~01j?via=mdn), Scrimba _Course Partner_ diff --git a/curriculum/3-core/4-css-text-styling.md b/curriculum/3-core/4-css-text-styling.md index fc36b4e..4353714 100644 --- a/curriculum/3-core/4-css-text-styling.md +++ b/curriculum/3-core/4-css-text-styling.md @@ -36,6 +36,8 @@ Resources: - [Web-safe fonts](https://v2.scrimba.com/the-frontend-developer-career-path-c0j/~02b?via=mdn), Scrimba _Course Partner_ + + ## 4.2 Styling lists and links Learning outcomes: diff --git a/curriculum/3-core/5-css-layout.md b/curriculum/3-core/5-css-layout.md index 5170d85..e31e90e 100644 --- a/curriculum/3-core/5-css-layout.md +++ b/curriculum/3-core/5-css-layout.md @@ -74,6 +74,8 @@ Resources: - [Stacking context](https://developer.mozilla.org/docs/Web/CSS/CSS_positioned_layout/Understanding_z-index/Stacking_context) + + ## 5.4 Modern layout Learning outcomes: @@ -104,6 +106,8 @@ Learning outcomes: - Adjusting flex item ordering. + + - CSS Grid: - Understand the purpose of CSS Grid — flexibly lay out a set of block or inline elements in two dimensions. @@ -155,3 +159,5 @@ Resources: - [Responsive design](https://developer.mozilla.org/docs/Learn/CSS/CSS_layout/Responsive_Design) - [Beginner's guide to media queries](https://developer.mozilla.org/docs/Learn/CSS/CSS_layout/Media_queries) + + diff --git a/curriculum/3-core/6-javascript-fundamentals.md b/curriculum/3-core/6-javascript-fundamentals.md index cbe27fa..a63afee 100644 --- a/curriculum/3-core/6-javascript-fundamentals.md +++ b/curriculum/3-core/6-javascript-fundamentals.md @@ -110,6 +110,8 @@ Learning outcomes: - Understand what an array is — a structure that holds a list of variables. + + - The syntax of arrays — `[a, b, c]` and the accessor syntax, `myArray[x]`. - Modifying array values with `myArray[x] = y`. @@ -180,6 +182,8 @@ Learning outcomes: - Understand the purpose of functions — to enable the creation of reusable blocks of code that can be called wherever needed. + + - Understand that functions are used everywhere in JavaScript and that some are built into the browser and some are user-defined. - Understand the difference between functions and methods. @@ -364,6 +368,8 @@ Resources: - [JSON Review](https://v2.scrimba.com/the-frontend-developer-career-path-c0j/~0lt?via=mdn), Scrimba _Course Partner_ + + ## 6.14 Libraries and frameworks Learning outcomes: @@ -418,6 +424,8 @@ Resources: - [Introduction to React](https://v2.scrimba.com/the-frontend-developer-career-path-c0j/~0q2?via=mdn), Scrimba _Course Partner_ + + ## 6.15 Debugging JavaScript Learning outcomes: diff --git a/curriculum/3-core/7-accessibility.md b/curriculum/3-core/7-accessibility.md index 13cf2e3..784fd46 100644 --- a/curriculum/3-core/7-accessibility.md +++ b/curriculum/3-core/7-accessibility.md @@ -8,6 +8,8 @@ template: module Access to web content such as public services, education, e-commerce sites, and entertainment is a human right. No one should be excluded based on disability, race, geography, or other human characteristics. This module discusses the best practices and techniques you should learn to make your websites as accessible as possible. + + General resources: - [Let's learn to make the web accessible](https://v2.scrimba.com/the-frontend-developer-career-path-c0j/~05tk?via=mdn), Scrimba _Course Partner_ @@ -188,3 +190,5 @@ Resources: - [WAI-ARIA basics](https://developer.mozilla.org/docs/Learn/Accessibility/WAI-ARIA_basics) - [ARIA Authoring Practices Guide (APG)](https://www.w3.org/WAI/ARIA/apg/patterns/). W3C + + diff --git a/curriculum/3-core/8-design-for-developers.md b/curriculum/3-core/8-design-for-developers.md index 10603aa..917404e 100644 --- a/curriculum/3-core/8-design-for-developers.md +++ b/curriculum/3-core/8-design-for-developers.md @@ -56,6 +56,8 @@ Resources: - [Fundamental text and font styling](https://developer.mozilla.org/docs/Learn/CSS/Styling_text/Fundamentals) + + ## 8.2 User-centered design Learning outcomes: diff --git a/curriculum/3-core/9-version-control.md b/curriculum/3-core/9-version-control.md index 99c4cd9..3dbe3fc 100644 --- a/curriculum/3-core/9-version-control.md +++ b/curriculum/3-core/9-version-control.md @@ -19,6 +19,8 @@ Learning outcomes: - Understand the difference between Git, and websites like GitHub and GitLab. + + - Understand that websites such as GitHub and GitLab enable teamwork and collaboration that isn't so easy just with plain Git. - Basic setup — installing git, signing up for an account for your chosen social coding site. diff --git a/curriculum/4-extensions/3-web-apis.md b/curriculum/4-extensions/3-web-apis.md index 2b7c4ec..ee8964b 100644 --- a/curriculum/4-extensions/3-web-apis.md +++ b/curriculum/4-extensions/3-web-apis.md @@ -120,6 +120,8 @@ Learning outcomes: - Using Web Storage for simple key-value pair storage, controlled by JavaScript. + + - Using IndexedDB: - Complete client-side transactional database system.