From d21bbf3b2d8f89da41479df08e6d5bae71146559 Mon Sep 17 00:00:00 2001 From: Huyen Nguyen <25715018+huyenltnguyen@users.noreply.github.com> Date: Wed, 11 Sep 2024 06:05:01 -0700 Subject: [PATCH] chore(curriculum, tools): move assignment headings out of question (#56060) --- .../introduction-flexbox-lesson-j.md | 6 +++--- .../introduction-flexbox-lesson-k.md | 6 +++--- .../learn-block-and-inline-lesson-b.md | 6 +++--- ...rn-to-solve-problems-and-understand-errors-lesson-a.md | 6 +++--- ...rn-to-solve-problems-and-understand-errors-lesson-b.md | 6 +++--- ...rn-to-solve-problems-and-understand-errors-lesson-c.md | 6 +++--- .../helpers/get-challenge-template.ts | 8 ++++---- 7 files changed, 22 insertions(+), 22 deletions(-) diff --git a/curriculum/challenges/english/16-the-odin-project/top-introduction-to-flexbox/introduction-flexbox-lesson-j.md b/curriculum/challenges/english/16-the-odin-project/top-introduction-to-flexbox/introduction-flexbox-lesson-j.md index 6f4d303a259..f5bb06357c4 100644 --- a/curriculum/challenges/english/16-the-odin-project/top-introduction-to-flexbox/introduction-flexbox-lesson-j.md +++ b/curriculum/challenges/english/16-the-odin-project/top-introduction-to-flexbox/introduction-flexbox-lesson-j.md @@ -20,12 +20,12 @@ Remove `flex: 1` from `.item` and add `justify-content: space-between` to `.cont `justify-content` aligns items across the **main axis**. There are a few values that you can use here. You'll learn the rest of them in the reading assignments, but for now try changing it to center, which should center the boxes along the main axis. -# --question-- - -## --assignment-- +# --assignment-- Before moving on to the next lesson, see what is possible with the `justify-content` property. Read this [interactive article on MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content) and play around with the different values of `justify-content` on the example. +# --question-- + ## --text-- How does applying `justify-content: space-between` to a flex container affect the positioning of its items? diff --git a/curriculum/challenges/english/16-the-odin-project/top-introduction-to-flexbox/introduction-flexbox-lesson-k.md b/curriculum/challenges/english/16-the-odin-project/top-introduction-to-flexbox/introduction-flexbox-lesson-k.md index db9efbe0270..e197fbcef08 100644 --- a/curriculum/challenges/english/16-the-odin-project/top-introduction-to-flexbox/introduction-flexbox-lesson-k.md +++ b/curriculum/challenges/english/16-the-odin-project/top-introduction-to-flexbox/introduction-flexbox-lesson-k.md @@ -16,12 +16,12 @@ To change the placement of items along the cross axis use `align-items`. Try get Because `justify-content` and `align-items` are based on the main and cross axis of your container, their behavior changes when you change the flex-direction of a flex-container. For example, when you change `flex-direction` to `column`, `justify-content` aligns vertically and `align-items` aligns horizontally. The most common behavior, however, is the default, i.e. `justify-content` aligns items horizontally (because the main axis defaults to horizontal), and `align-items` aligns them vertically. One of the biggest sticking points that beginners have with flexbox is confusion when this behavior changes. -# --question-- - -## --assignment-- +# --assignment-- Before moving on to the next lesson, see if you can figure out how `align-items` behaves when you change the `flex-direction` property to `column`. +# --question-- + ## --text-- When changing the `flex-direction` property to `column` in a flex container, how does `align-items` behave in relation to the flex items? diff --git a/curriculum/challenges/english/16-the-odin-project/top-learn-block-and-inline/learn-block-and-inline-lesson-b.md b/curriculum/challenges/english/16-the-odin-project/top-learn-block-and-inline/learn-block-and-inline-lesson-b.md index 2b7afcf9557..fc019dd1fe3 100644 --- a/curriculum/challenges/english/16-the-odin-project/top-learn-block-and-inline/learn-block-and-inline-lesson-b.md +++ b/curriculum/challenges/english/16-the-odin-project/top-learn-block-and-inline/learn-block-and-inline-lesson-b.md @@ -8,12 +8,12 @@ dashedName: learn-block-and-inline-lesson-b Inline elements, however, do not start on a new line. They appear in line with whatever elements they are placed beside. A clear example of an inline element is a link, or `` tag. If you stick one of these in the middle of a paragraph of text, it will behave like a part of the paragraph. (Like this) The link’s text will sit alongside other words in that paragraph. Additionally, padding and margin behave differently on inline elements. In general, you do not want to try to put extra padding or margin on inline elements. -# --question-- - -## --assignment-- +# --assignment-- Search the web for a list of `block` elements and a list of `inline` elements. +# --question-- + ## --text-- What is the difference between a `block` element and an `inline` element? diff --git a/curriculum/challenges/english/16-the-odin-project/top-learn-to-solve-problems-and-understand-errors/learn-to-solve-problems-and-understand-errors-lesson-a.md b/curriculum/challenges/english/16-the-odin-project/top-learn-to-solve-problems-and-understand-errors/learn-to-solve-problems-and-understand-errors-lesson-a.md index ecc9fa09257..82e83c91854 100644 --- a/curriculum/challenges/english/16-the-odin-project/top-learn-to-solve-problems-and-understand-errors/learn-to-solve-problems-and-understand-errors-lesson-a.md +++ b/curriculum/challenges/english/16-the-odin-project/top-learn-to-solve-problems-and-understand-errors/learn-to-solve-problems-and-understand-errors-lesson-a.md @@ -21,12 +21,12 @@ New programmers often find problem solving the hardest skill to build. It's not The best way to improve your problem solving ability is by building experience by making lots and lots of programs. The more practice you have the better you'll be prepared to solve real world problems. -# --question-- - -## --assignment-- +# --assignment-- Read How to Think Like a Programmer - Lessons in Problem Solving by Richard Reis. +# --question-- + ## --text-- According to V. Anton Spraul in "Think Like a Programmer," what is problem solving in programming? diff --git a/curriculum/challenges/english/16-the-odin-project/top-learn-to-solve-problems-and-understand-errors/learn-to-solve-problems-and-understand-errors-lesson-b.md b/curriculum/challenges/english/16-the-odin-project/top-learn-to-solve-problems-and-understand-errors/learn-to-solve-problems-and-understand-errors-lesson-b.md index a82f26ae880..78f81a2f475 100644 --- a/curriculum/challenges/english/16-the-odin-project/top-learn-to-solve-problems-and-understand-errors/learn-to-solve-problems-and-understand-errors-lesson-b.md +++ b/curriculum/challenges/english/16-the-odin-project/top-learn-to-solve-problems-and-understand-errors/learn-to-solve-problems-and-understand-errors-lesson-b.md @@ -25,11 +25,11 @@ Now that you know what you’re aiming to solve, don’t jump into coding just y The last question is where you will write out an algorithm to solve the problem. You can think of an algorithm as a recipe for solving a particular problem. It defines the steps that need to be taken by the computer to solve a problem in pseudocode. -# --question-- - -## --assignment-- +# --assignment-- Watch How to Begin Thinking Like a Programmer by Coding Tech. It’s an hour long but packed full of information and definitely worth your time watching. +# --question-- + ## --text-- What should you do before starting to code according to the provided text? diff --git a/curriculum/challenges/english/16-the-odin-project/top-learn-to-solve-problems-and-understand-errors/learn-to-solve-problems-and-understand-errors-lesson-c.md b/curriculum/challenges/english/16-the-odin-project/top-learn-to-solve-problems-and-understand-errors/learn-to-solve-problems-and-understand-errors-lesson-c.md index 7519d69488d..1cecb69ff0a 100644 --- a/curriculum/challenges/english/16-the-odin-project/top-learn-to-solve-problems-and-understand-errors/learn-to-solve-problems-and-understand-errors-lesson-c.md +++ b/curriculum/challenges/english/16-the-odin-project/top-learn-to-solve-problems-and-understand-errors/learn-to-solve-problems-and-understand-errors-lesson-c.md @@ -22,12 +22,12 @@ Print the value of the counter variable This is a basic program to demonstrate how pseudocode looks. There will be more examples of pseudocode included in the assignments. +# --assignment-- + +Read this Pseudocode: What It Is and How to Write It article from Built In. # --question-- -## --assignment-- -Read this Pseudocode: What It Is and How to Write It article from Built In. - ## --text-- What are the benefits of using pseudocode according to the linked article? diff --git a/tools/challenge-helper-scripts/helpers/get-challenge-template.ts b/tools/challenge-helper-scripts/helpers/get-challenge-template.ts index cf8e175c027..8d377b9dc52 100644 --- a/tools/challenge-helper-scripts/helpers/get-challenge-template.ts +++ b/tools/challenge-helper-scripts/helpers/get-challenge-template.ts @@ -140,12 +140,12 @@ export const getAssignmentChallengeTemplate = ( ${options.title} description. -# --question-- - -## --assignment-- +# --assignment-- ${options.title} assignment! +# --question-- + ## --text-- ${options.title} question? @@ -233,7 +233,7 @@ export const getDialogueChallengeTemplate = ( Watch the video below to understand the context of the upcoming lessons. -## --assignment-- +# --assignment-- Watch the video. `;