diff --git a/curriculum/challenges/arabic/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-25-5-clock.md b/curriculum/challenges/arabic/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-25-5-clock.md index 4f3682503ec..53b184801e3 100644 --- a/curriculum/challenges/arabic/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-25-5-clock.md +++ b/curriculum/challenges/arabic/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-25-5-clock.md @@ -34,7 +34,7 @@ dashedName: build-a-25--5-clock **قصة المستخدم #10:** يمكنني رؤية عنصر قابل للنقر مع `id="reset"`. -**قصة المستخدم #11:** عندما أنقر على العنصر مع معرف `reset`، أي مؤقت قيد التشغيل يجب إيقافه، القيمة ضمن `id="break-length"` يجب أن تنتج `5`، القيمة ضمن `id="session-length"` يجب أن تعود إلى 25، والعنصر مع `id="time-left"` يجب أن يعاد تعيينه إلى حالته الافتراضية. +**قصة المستخدم #11:** عندما أنقر على العنصر مع معرف `reset`، أي مؤقت قيد التشغيل يجب إيقافه، القيمة ضمن `id="break-length"` يجب أن تنتج `5`، القيمة ضمن `id="session-length"` يجب أن تعود إلى 25، والعنصر مع `id="time-left"` يجب أن يعاد تعيينه إلى حالته (state) الافتراضية. **قصة المستخدم #12:** عندما أنقر على العنصر مع معرف `break-decrement`، القيمة ضمن `id="break-length"` مراسيم بقيمة 1، ويمكنني أن أرى القيمة المحدثة. diff --git a/curriculum/challenges/arabic/03-front-end-development-libraries/react-and-redux/connect-redux-to-the-messages-app.md b/curriculum/challenges/arabic/03-front-end-development-libraries/react-and-redux/connect-redux-to-the-messages-app.md index 1f45e1ac74a..fe3c3f66adb 100644 --- a/curriculum/challenges/arabic/03-front-end-development-libraries/react-and-redux/connect-redux-to-the-messages-app.md +++ b/curriculum/challenges/arabic/03-front-end-development-libraries/react-and-redux/connect-redux-to-the-messages-app.md @@ -10,7 +10,7 @@ dashedName: connect-redux-to-the-messages-app الآن بعد أن فهمت كيفية استخدام `connect` لتوصيل React إلى Redux، يمكنك تطبيق ما تعلمته على مكون React الخاص بك الذي يتعامل مع الرسائل. -في الدرس الأخير، المكون الذي يتصل إلى Redux يسما `Presentational`، وهذا لم يكن غير مقصود. هذا المصطلح *عمومًا* يشير إلى مكونات React غير متصلة قاصدًا إلى Redux. وهم ببساطة مسؤولون عن عرض واجهة المستخدم ويفعلون ذلك كوظيفة (function) من الميزات (props) التي يتلقُها. وعلى النقيض من ذلك، فإن مكونات المحتوي موصولة إلى Redux. وعادة ما تكون هذه المؤسسات مسؤولة عن إرسال الإجراءات إلى المتجر (store) وكثيراً ما تنقل إلى مكونات الفرعية كميزات (props). +في الدرس الأخير، المكون الذي يتصل إلى Redux يسما `Presentational`، وهذا لم يكن غير مقصود. هذا المصطلح *عمومًا* يشير إلى مكونات React غير متصلة قاصدًا إلى Redux. وهم ببساطة مسؤولون عن عرض واجهة المستخدم ويفعلون ذلك كوظيفة (function) من الميزات (props) التي يتلقُها. وعلى النقيض من ذلك، فإن مكونات المحتوي موصولة إلى Redux. وعادة ما تكون هذه المؤسسات مسؤولة عن إرسال (dispatching) الإجراءات (actions) إلى المتجر (store) وكثيراً ما تنقل إلى مكونات (components) الفرعية كميزات (props). # --instructions-- diff --git a/curriculum/challenges/arabic/03-front-end-development-libraries/react-and-redux/map-dispatch-to-props.md b/curriculum/challenges/arabic/03-front-end-development-libraries/react-and-redux/map-dispatch-to-props.md index ded9b4c8042..980a1993235 100644 --- a/curriculum/challenges/arabic/03-front-end-development-libraries/react-and-redux/map-dispatch-to-props.md +++ b/curriculum/challenges/arabic/03-front-end-development-libraries/react-and-redux/map-dispatch-to-props.md @@ -8,7 +8,7 @@ dashedName: map-dispatch-to-props # --description-- -تستخدم الوظيفة `mapDispatchToProps()` لتوفير منشئي إجراءات (action creators) محددة لمكونات React الخاصة بك حتى يتمكنوا من إرسال إجراءات (dispatch actions) ضد متجر Redux. إنها مشابهة في التركيب الوظيفة `mapStateToProps()` التي كتبتها في التحدي الأخير. إنها ترسل كائنا يركّب إجراءات الإرسال (dispatch) إلى أسماء الخواص، التي تصبح مكونا `props`. مع ذلك، بدلاً من إعادة قطعة من `state`، ترجع كل خاصية وظيفة تستدعي `dispatch` مع منشئ العمل وأي بيانات عمل ذات صلة. لديك حق الوصول إلى هذا `dispatch` لأنه يُمرر إلى `mapDispatchToProps()` كحجة عند تعريف الوظيفة، تماما كما مررت `state` إلى `mapStateToProps()`. خلف المشاهد, React المرتبط إلى Redux يستخدم `store.dispatch()` في Redux لإجراء هذه الرسائل مع `mapDispatchToProps()`. يشبه هذه كيفية أستخدام `store.subscribe()` إلى المكونات التي تركب في `state`. +تستخدم الوظيفة `mapDispatchToProps()` لتوفير منشئي إجراءات (action creators) محددة لمكونات React الخاصة بك حتى يتمكنوا من إرسال إجراءات (dispatch actions) ضد متجر Redux. إنها مشابهة في التركيب الوظيفة `mapStateToProps()` التي كتبتها في التحدي الأخير. إنها ترسل كائنا يركّب إجراءات الإرسال (dispatch) إلى أسماء الخواص، التي تصبح مكونا `props`. مع ذلك، بدلاً من إعادة قطعة من `state`، ترجع كل خاصية وظيفة (function) تستدعي `dispatch` مع منشئ (action creator) العمل وأي بيانات عمل ذات صلة. لديك حق الوصول إلى هذا `dispatch` لأنه يُمرر إلى `mapDispatchToProps()` كحجة عند تعريف الوظيفة، تماما كما مررت `state` إلى `mapStateToProps()`. خلف المشاهد, React المرتبط إلى Redux يستخدم `store.dispatch()` في Redux لإجراء هذه الرسائل مع `mapDispatchToProps()`. يشبه هذه كيفية أستخدام `store.subscribe()` إلى المكونات (components) التي تركب في `state`. على سبيل المثال، لديك منشئ إجراء `loginUser()` يأخذ `username` كحمولة للإجراء. هذا الكائن ينتج من `mapDispatchToProps()` لمنشئ هذا الإجراء سيبدو شيئا مثل: diff --git a/curriculum/challenges/arabic/03-front-end-development-libraries/react/bind-this-to-a-class-method.md b/curriculum/challenges/arabic/03-front-end-development-libraries/react/bind-this-to-a-class-method.md index fa7ea043478..99d5acc79c8 100644 --- a/curriculum/challenges/arabic/03-front-end-development-libraries/react/bind-this-to-a-class-method.md +++ b/curriculum/challenges/arabic/03-front-end-development-libraries/react/bind-this-to-a-class-method.md @@ -10,13 +10,13 @@ dashedName: bind-this-to-a-class-method بالإضافة إلى إعداد وتحديث `state`، يمكنك أيضًا تحديد طرق (methods) لفئة مكوناتك (component class). عادة ما تحتاج طريقة الفئة (class method) إلى استخدام مصطلح `this` حتى تتمكن من الوصول إلى الخصائص في الفئة (class) (مثل `state` و `props`) داخل نطاق الطريقة (method). هناك بعض الطرق للسماح لطرقية الفئة الخاص بك بالوصول إلى `this`. -إحدى الطرق الشائعة هي ربط `this` صراحة في الإنشاء لذلك يصبح `this` مرتبطاً بأساليب الفئة (class method) عندما يتم تهيئة المكون. ربما لاحظت التحدي الأخير المستخدم `this.handleClick = this.handleClick.bind(this)` لطريقة `handleClick` في البناء. بعد ذلك، عندما تتصل بالوظيفة مثل `this.setState()` ضمن طريقة الفئة الخاص بك، `this` يشير إلى الفئة ولن يكون `undefined`. +إحدى الطرق الشائعة هي ربط `this` صراحة في الإنشاء لذلك يصبح `this` مرتبطاً بأساليب الفئة (class method) عندما يتم تهيئة المكون. ربما لاحظت التحدي الأخير المستخدم `this.handleClick = this.handleClick.bind(this)` لطريقة `handleClick` في البناء. بعد ذلك، عندما تتصل بالوظيفة (function) مثل `this.setState()` ضمن طريقتك لفئة (class method)، يشير `this` إلى الفئة (class) ولن يكون `undefined`. **ملاحظة:** الكلمة المفتاحية `this` هي واحدة من أكثر الجوانب ارتباكاً في JavaScript ولكنها تؤدي دوراً هاماً في React. مع أنّ أن سلوكها هنا طبيعي تماما، هذه الدروس ليست المكان المناسب لإجراء استعراض متعمق لكلمة `this` لذا يرجى الرجوع إلى الدروس الأخرى إذا كان ما ورد أعلا مثيرا للارتباك! # --instructions-- -يحتوي محرر التعليمات البرمجية على مكون مع `state` التي تتابع حالة النص. ثم أن لديها طريقة تسمح لك بتعيين النص إلى `You clicked!`. ومع ذلك، فإن الطريقة لا تعمل لأنها تستخدم الكلمة المفتاحية `this` التي لم يتم تعريفها. أصلحة بواسطة ربط `this` بشكل معتمد للطريقة `handleClick()` في بناء المكوّن. +يحتوي محرر كود على مكون (component) مع `state` التي تتابع حالة النص. ثم أن لديها طريقة تسمح لك بتعيين النص إلى `You clicked!`. ومع ذلك، فإن الطريقة لا تعمل لأنها تستخدم الكلمة المفتاحية `this` التي لم يتم تعريفها. أصلحة بواسطة ربط `this` بشكل معتمد للطريقة `handleClick()` في بناء المكوّن. بعد ذلك، أضف معالج النقر (click handler) إلى عنصر `button` في طريقة التقديم. يجب أن تشغل طريقة `handleClick()` عندما يتلقى الزر حدثا بالنقر عليه. تذكر أن الطريقة التي تمررها إلى معالج `onClick` تحتاج إلى أقواس غريبة لأنه يجب أن تفسر قاصدًا على أنها JavaScript. @@ -40,7 +40,7 @@ assert( ); ``` -حالة `MyComponent` يجب أن تهيئ مع زوج القيمة الرئيسة `{ text: "Hello" }`. +يجب أن تهيئ حالة (state) تسمى `MyComponent` مع هُوِيَّة (key) القيمة الرئيسة `{ text: "Hello" }`. ```js assert( @@ -48,7 +48,7 @@ assert( ); ``` -النقر على `button` يجب تشغيل طريقة `handleClick` وتعيين `text` إلى `You clicked!`. +النقر على `button` يجب تشغيل طريقة (method) تسمى `handleClick` وتعيين حالة (state) تسمى `text` بقيمة `You clicked!`. ```js async () => { diff --git a/curriculum/challenges/arabic/03-front-end-development-libraries/react/render-conditionally-from-props.md b/curriculum/challenges/arabic/03-front-end-development-libraries/react/render-conditionally-from-props.md index 8345c1775db..dde0ad358cb 100644 --- a/curriculum/challenges/arabic/03-front-end-development-libraries/react/render-conditionally-from-props.md +++ b/curriculum/challenges/arabic/03-front-end-development-libraries/react/render-conditionally-from-props.md @@ -53,7 +53,7 @@ assert( ); ``` -`GameOfChance` يجب تبدئ حالة تحتوي على خاصية `counter` بقيمة `1`. +`GameOfChance` يجب تبدئ حالة (state) تحتوي على خاصية `counter` بقيمة `1`. ```js assert.strictEqual( @@ -71,7 +71,7 @@ assert.strictEqual( ); ``` -في كل مرة يتم النقر على الزر، يجب زيادة حالة counter بقيمة 1، وينبغي تقديم عنصر واحد `p` إلى DOM الذي يحتوي على نص `Turn: N`، حيث `N` هي قيمة الحالة counter. +في كل مرة يتم النقر على الزر، يجب زيادة حالة (state) برنامَج counter بقيمة 1، وينبغي تقديم عنصر واحد `p` إلى DOM الذي يحتوي على نص `Turn: N`، حيث `N` هي قيمة حالة (state) برنامَج counter. ```js (() => { diff --git a/curriculum/challenges/arabic/03-front-end-development-libraries/react/use-a-ternary-expression-for-conditional-rendering.md b/curriculum/challenges/arabic/03-front-end-development-libraries/react/use-a-ternary-expression-for-conditional-rendering.md index 8ec54c08b56..f6665144df0 100644 --- a/curriculum/challenges/arabic/03-front-end-development-libraries/react/use-a-ternary-expression-for-conditional-rendering.md +++ b/curriculum/challenges/arabic/03-front-end-development-libraries/react/use-a-ternary-expression-for-conditional-rendering.md @@ -8,7 +8,7 @@ dashedName: use-a-ternary-expression-for-conditional-rendering # --description-- -قبل الانتقال إلى تقنيات العرض الديناميكي، هناك طريقة أخيرة لاستخدام اشتراطات JavaScript المدمجة لتقديم ما تريده, تسمى: ternary operator. غالباً ما يستخدم ternary operator كاختصار لتعبيرات `if/else` في JavaScript. إنها ليست قوية تماما مثل تعبيرات `if/else` التقليدية، لكنها تحظى بشعبية كبيرة بين مطوري React. أحد أسباب هذا هو بسبب كيفية تجميع JSX، أن `if/else` البيانات لا يمكن إدراجها قاصدًا في تعليمات البرمجية JSX. ربما كنت قد لاحظت هذا في تحديين السابقين - عندما يكون تعبير `if/else` مطلوب، كان دائماً *خارج* كلمة `return`. Ternary expressions يمكن أن تكون بديلا ممتازا إذا كنت تريد تنفيذ المنطق الشرط (conditional logic) داخل JSX. تذكر أن ternary operator له ثلاث أجزاء، ولكن يمكنك الجمع بين عدة ternary expressions. إليك الجملة الأساسية: +قبل الانتقال إلى تقنيات العرض الديناميكي، هناك طريقة أخيرة لاستخدام اشتراطات JavaScript المدمجة لتقديم ما تريده, تسمى: ternary operator. غالباً ما يستخدم ternary operator كاختصار لتعبيرات `if/else` في JavaScript. إنها ليست قوية تماما مثل تعبيرات `if/else` التقليدية، لكنها تحظى بشعبية كبيرة بين مطوري React. أحد أسباب هذا هو بسبب كيفية تجميع JSX، أن تعبيرات `if/else` لا يمكن إدراجها في كود JSX مباشرة. ربما كنت قد لاحظت هذا في تحديين السابقين - عندما يكون تعبير `if/else` مطلوب، كان دائماً *خارج* كلمة `return`. Ternary expressions يمكن أن تكون بديلا ممتازا إذا كنت تريد تنفيذ المنطق الشرط (conditional logic) داخل JSX. تذكر أن ternary operator له ثلاث أجزاء، ولكن يمكنك الجمع بين عدة ternary expressions. إليك الجملة الأساسية: ```jsx condition ? expressionIfTrue : expressionIfFalse; @@ -16,7 +16,7 @@ condition ? expressionIfTrue : expressionIfFalse; # --instructions-- -يحتوي محرر التعليمات البرمجية على ثلاث ثوابت تُعرف في مكون `CheckUserAge` داخل طريقة `render()`. يطلق عليهم `buttonOne`, و `buttonTwo`, و `buttonThree`. يتم تعيين كل من هذه عبارة JSX بسيطة تمثل عنصر الزر (button). أولا، تهيئة حالة `CheckUserAge` مع `input` و `userAge` وكلاهما مجموعة string بقيم فارغة. +يحتوي محرر التعليمات البرمجية على ثلاث ثوابت تُعرف في مكون `CheckUserAge` داخل طريقة `render()`. يطلق عليهم `buttonOne`, و `buttonTwo`, و `buttonThree`. يتم تعيين كل من هذه عبارة JSX بسيطة تمثل عنصر الزر (button). أولا، هيّئ حالة (state) بقيمة `CheckUserAge` مع `input` و `userAge` وكلاهما مجموعة مقطع نصي (string) فارغة. وبمجرد أن يقدم المكون المعلومات إلى الصفحة، ينبغي أن يكون لدى المستخدمين طريقة للتفاعل معها. ضمن تعبير `return` للمكون، أنشئ ternary expression يطبق المنطق التالي: عند تحميل الصفحة أول مرة، يعرض زر الإرسال (submit button)، باسم `buttonOne`، إلى الصفحة. بعد ذلك، عندما يدخل المستخدم عمره وينقر على الزر، ينتج زر مختلف تبعاً لعمره. إذا دخل المستخدم رقماً أقل من `18`، أنشئ `buttonThree`. إذا دخل المستخدم رقما أكبر من أو يساوي `18`، أنشئ `buttonTwo`. @@ -33,7 +33,7 @@ assert( ); ``` -يجب تهيئة حالة المكون `CheckUserAge` بخاصية `userAge` وخاصية `input`، كل منما يحمل string بقيمة فارغة. +يجب تهيئة حالة (state) المكون (component) مسمى `CheckUserAge` بخاصية `userAge` وخاصية `input`، كل منهما يحمل مقطع نصي (string) فارغ. ```js assert( @@ -156,7 +156,7 @@ assert( })(); ``` -يجب ألا يحتوي تعليماتك البرمجية على أي تعبيرات `if/else`. +يجب ألا يحتوي كودك على أي تعبيرات `if/else`. ```js assert( diff --git a/curriculum/challenges/arabic/03-front-end-development-libraries/react/use-state-to-toggle-an-element.md b/curriculum/challenges/arabic/03-front-end-development-libraries/react/use-state-to-toggle-an-element.md index 7f5c1ccb069..9082d7336c2 100644 --- a/curriculum/challenges/arabic/03-front-end-development-libraries/react/use-state-to-toggle-an-element.md +++ b/curriculum/challenges/arabic/03-front-end-development-libraries/react/use-state-to-toggle-an-element.md @@ -8,7 +8,7 @@ dashedName: use-state-to-toggle-an-element # --description-- -في بعض الأحيان قد تحتاج إلى معرفة الحالة السابقة عند تحديث الحالة (state). ومع ذلك، قد تكون تعديلات الحالة غير متزامنة - وهذا يعني أن React قد إجراء مكالمات متعددة `setState()` في تحديث واحد. وهذا يعني أنه لا يمكنك الاعتماد على القيمة السابقة في `this.state` أو `this.props` عند حساب القيمة التالية. لذلك يجب ألا تستخدم التعليمات البرمجية مثل: +في بعض الأحيان قد تحتاج إلى معرفة الحالة (state) السابقة عند تحديث الحالة (state). ومع ذلك، قد تكون تعديلات الحالة (state) غير متزامنة - وهذا يعني أن React قد إجراء مكالمات متعددة `setState()` في تحديث واحد. وهذا يعني أنه لا يمكنك الاعتماد على القيمة السابقة في `this.state` أو `this.props` عند حساب القيمة التالية. لذلك يجب ألا تستخدم التعليمات البرمجية مثل: ```jsx this.setState({ @@ -16,7 +16,7 @@ this.setState({ }); ``` -بدلاً من ذلك، يجب عليك تمرير وظيفة `setState` تسمح لك بالوصول إلى الحالة ومِيزات. استخدام الحالة مع `setState` يضمن لك العمل مع أكثر القيم حداثة من الحالة والمِيزات. وهذا يعني أنه ينبغي إعادة كتابة ما ورد أعلاه على النحو التالي: +بدلاً من ذلك، يجب عليك تمرير وظيفة `setState` تسمح لك بالوصول إلى الحالة (state) ومِيزات (props). استخدام وظيفة (function) مع `setState` يضمن لك العمل مع أكثر القيم حداثة من الحالة (state) والمِيزات (props). وهذا يعني أنه ينبغي إعادة كتابة ما ورد أعلاه على النحو التالي: ```jsx this.setState((state, props) => ({ @@ -24,7 +24,7 @@ this.setState((state, props) => ({ })); ``` -يمكنك أيضًا استخدام نموذج دون `props` إذا كنت بحاجة فقط إلى `state`: +يمكنك أيضًا استخدام نموذج (form) دون `props` إذا كنت بحاجة فقط إلى `state`: ```jsx this.setState(state => ({ @@ -38,7 +38,7 @@ this.setState(state => ({ `MyComponent` لها خاصية `visibility` التي تم تهيئتها إلى `false`. تنتج طريقة العرض طريقة عرض واحدة إذا كانت قيمة `visibility` صحيحة، وعرضًا مختلفًا إذا كانت خاطئة (false). -حاليا، لا توجد طريقة لتحديث خاصية `visibility` في المكون `state`. يجب أن تبديل القيمة ذهابا وإيابا بين الحقيقة (true) والخاطئة (false). هناك معالج ضغط على الزر الذي يشغل طريقة فئة تسمى `toggleVisibility()`. مرر الوظيفة إلى `setState` لتعريف هذه الطريقة بحيث تبديل `state` بقيمة `visibility` إلى القيمة المضادة عند تشغيل الطريقة. إذا كان `visibility` يكون `false`، فالطريقة تغيره إلى `true`، والعكس كذلك. +حاليا، لا توجد طريقة لتحديث خاصية `visibility` في `state` المكون (component). يجب أن تبديل القيمة ذهابا وإيابا بين الحقيقة (true) والخاطئة (false). هناك معالج ضغط على الزر الذي يشغل طريقة فئة تسمى `toggleVisibility()`. مرر الوظيفة (function) إلى `setState` لتعريف هذه الطريقة (method) بحيث تبديل `state` بقيمة `visibility` إلى القيمة المضادة عند تشغيل الطريقة (method). إذا كان `visibility` يكون `false`، فالطريقة تغيره إلى `true`، والعكس كذلك. وأخيراً، انقر على الزر لرؤية العرض المشروط (conditional rendering) للمكون استناداً إلى `state`. @@ -56,7 +56,7 @@ assert.strictEqual( ); ``` -حالة `MyComponent` يجب أن تَبدء بخاصية `visibility` محددة إلى سلسلة `false`. +يجب أن تَبدء حالة (state) في `MyComponent` بخاصية `visibility` يرجع حالة `false`. ```js assert.strictEqual( @@ -65,7 +65,7 @@ assert.strictEqual( ); ``` -النقر على عنصر الزر يجب أن يغير خاصية `visibility` في الحالة بين `true` و `false`. +النقر على عنصر الزر يجب أن يغير خاصية `visibility` في الحالة (state) بين `true` و `false`. ```js (() => { @@ -104,7 +104,7 @@ assert( ); ``` -`this` يجب عدم استخدامه داخل `setState` +يجب عدم استخدام `this` داخل `setState` ```js assert(!/this\.setState\([^}]*this/.test(code)); diff --git a/curriculum/challenges/arabic/03-front-end-development-libraries/redux/use-a-switch-statement-to-handle-multiple-actions.md b/curriculum/challenges/arabic/03-front-end-development-libraries/redux/use-a-switch-statement-to-handle-multiple-actions.md index 8360c7d5570..90b4d3af500 100644 --- a/curriculum/challenges/arabic/03-front-end-development-libraries/redux/use-a-switch-statement-to-handle-multiple-actions.md +++ b/curriculum/challenges/arabic/03-front-end-development-libraries/redux/use-a-switch-statement-to-handle-multiple-actions.md @@ -8,13 +8,13 @@ dashedName: use-a-switch-statement-to-handle-multiple-actions # --description-- -يمكنك إخبار متجر Redux كيفية التعامل مع أنواع متعددة من الإجراءات. قل أنك إدارة توثيق المستخدم (user authentication) في متجرك Redux. تريد أن يكون لديك تمثيل للحالة عندما يتم تسجيل دخول المستخدمين وعندما يتم تسجيل خروجهم. أنت تمثل هذا مع كائن حالة (state) واحد مع الخاصية `authenticated`. تحتاج أيضًا إلى منشئي الإجراءات الذين ينشئ إجراءات مناظرة لتسجيل دخول المستخدم وتسجيل خروجه، إلى جانب كائنات الإجراء نفسها. +يمكنك إخبار متجر Redux كيفية التعامل مع أنواع متعددة من الإجراءات. قل أنك إدارة توثيق المستخدم (user authentication) في متجرك Redux. تريد أن يكون لديك تمثيل للحالة (state) عندما يتم تسجيل دخول المستخدمين وعندما يتم تسجيل خروجهم. أنت تمثل هذا مع كائن (object) حالة (state) واحد مع الخاصية `authenticated`. تحتاج أيضًا إلى منشئي الإجراءات الذين ينشئ إجراءات مناظرة لتسجيل دخول المستخدم وتسجيل خروجه، إلى جانب كائنات الإجراء نفسها. # --instructions-- -يحتوي محرر التعليمات البرمجية على متجر، وإجراءات، وناشئ إجراءات تم إعدادهم لك. املأ الوظيفة `reducer` للتعامل مع إجراءات الموثقة المتعددة. استخدم تعبير `switch` من JavaScript في `reducer` للرد على أحداث الإجراء مختلفة. هذا نمط قياسي في كتابة reducers في Redux. يجب أن يبدل تعبير التبديل إلى `action.type` وأن يعيد حالة التوثيق المناسبة. +يحتوي محرر التعليمات البرمجية على متجر، وإجراءات، وناشئ إجراءات تم إعدادهم لك. املأ الوظيفة `reducer` للتعامل مع إجراءات الموثقة المتعددة. استخدم تعبير `switch` من JavaScript في `reducer` للرد على أحداث الإجراء (action events) مختلفة. هذا نمط قياسي في كتابة reducers في Redux. يجب أن يبدل تعبير التبديل (switch) إلى `action.type` وأن يعيد حالة التوثيق (state authentication) المناسبة. -**ملاحظة:** في هذه المرحلة، لا تقلق حول عدم قدرة الحالة على التغيير، لأنها صغيرة وبسيطة في هذا المثال. لكل إجراء، يمكنك إعادة كائن جديد - على سبيل المثال `{authenticated: true}`. كما لا تنس كتابة قاعدة (case) باسم `default` في تعبير التبديل الخاص بك الذي يعيد الحالة `state`. هذا مهم لأنه بمجرد أن يكون التطبيق الخاص بك يحتوي على reducers متعددة، يتم تشغيلها جميعا في أي وقت يتم فيه إرسال إجراء، حتى عندما لا يكون الإجراء متصلا بذلك reducer. في مثل هذه الحالة، تريد التأكد من إعادة `state` الحالية. +**ملاحظة:** في هذه المرحلة، لا تقلق حول عدم قدرة الحالة (state) على التغيير، لأنها صغيرة وبسيطة في هذا المثال. لكل إجراء، يمكنك إعادة كائن جديد - على سبيل المثال `{authenticated: true}`. كما لا تنس كتابة قاعدة (case) باسم `default` في تعبيرك لتبديل الذي ينتج `state`. هذا مهم لأنه بمجرد أن يكون التطبيق الخاص بك يحتوي على reducers متعددة، يتم تشغيلها جميعا في أي وقت يتم فيه إرسال إجراء، حتى عندما لا يكون الإجراء متصلا بذلك reducer. في هذا الإطار، تريد التأكد من أنشاء `state` الحالية. # --hints-- @@ -36,7 +36,7 @@ assert(logoutUser().type === 'LOGOUT'); assert(store.getState().authenticated === false); ``` -إرسال `loginUser` يجب أن تحديث خاصية `authenticated` في حالة المتجر إلى `true`. +إرسال `loginUser` يجب أن تحديث خاصية `authenticated` في حالة (state) المتجر (store) إلى `true`. ```js assert( @@ -51,7 +51,7 @@ assert( ); ``` -إرسال `logoutUser` يجب أن تحديث خاصية `authenticated` في حالة المتجر إلى `false`. +إرسال `logoutUser` يجب أن تحديث خاصية `authenticated` في حالة (state) المتجر (store) إلى `false`. ```js assert( diff --git a/curriculum/challenges/arabic/03-front-end-development-libraries/redux/use-const-for-action-types.md b/curriculum/challenges/arabic/03-front-end-development-libraries/redux/use-const-for-action-types.md index 44cdef98d41..b7563872def 100644 --- a/curriculum/challenges/arabic/03-front-end-development-libraries/redux/use-const-for-action-types.md +++ b/curriculum/challenges/arabic/03-front-end-development-libraries/redux/use-const-for-action-types.md @@ -36,7 +36,7 @@ assert(logoutUser().type === 'LOGOUT'); assert(store.getState().authenticated === false); ``` -إرسال `loginUser` يجب أن تحديث خاصية `login` في حالة المتجر إلى `true`. +إرسال `loginUser` يجب أن تحديث خاصية `login` في حالة (state) المتجر (store) إلى `true`. ```js assert( @@ -51,7 +51,7 @@ assert( ); ``` -إرسال `logoutUser` يجب أن تحديث خاصية `login` في حالة المتجر إلى `false`. +إرسال `logoutUser` يجب أن تحديث خاصية `login` في حالة (state) المتجر (store) إلى `false`. ```js assert( @@ -67,7 +67,7 @@ assert( ); ``` -يجب أن تتعامل وظيفة `authReducer` مع أنواع متعددة من الإجراءات مع تعبير switch. +يجب أن تتعامل وظيفة `authReducer` مع أنواع متعددة من الإجراءات (actions) مع تعبير switch. ```js (getUserInput) => diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/619be8ce4ea49008c5bfbc30.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/619be8ce4ea49008c5bfbc30.md index 28e5bad9d6f..9d8cb9c7e38 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/619be8ce4ea49008c5bfbc30.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/619be8ce4ea49008c5bfbc30.md @@ -7,7 +7,7 @@ dashedName: step-43 # --description-- -Increase the pseudo-element's transparency by `30%`. +Aumenta la trasparenza dello pseudo-elemento del `30%`. # --hints-- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/613297a923965e0703b64796.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/613297a923965e0703b64796.md index 75e67f1ce13..dbe7746a364 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/613297a923965e0703b64796.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/613297a923965e0703b64796.md @@ -11,7 +11,7 @@ dashedName: step-2 適切な `charset` の値を持つ `meta` 要素を 1 つ、ページに加えてください。 -`charset` 属性はページの文字エンコーディングを指定します。現状、ほとんどのブラウザーでサポートされている唯一のエンコーディングは `UTF-8` です。 +`charset` 属性はページの文字エンコーディングを指定します。今日では `UTF-8` が、大半のブラウザーでサポートされている唯一のエンコーディングとなっています。 # --hints-- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/613e275749ebd008e74bb62e.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/613e275749ebd008e74bb62e.md index c38a0ea567f..98cf8f5c860 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/613e275749ebd008e74bb62e.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/613e275749ebd008e74bb62e.md @@ -9,7 +9,7 @@ dashedName: step-8 _SVG_ (scalable vector graphics) の便利な特徴として、SVG は、画像の解像度に影響を与えずに拡大縮小することを可能にする `path` 属性を含みます。 -Currently, the `img` is assuming its default size, which is too large. 正しく表示するため、`id` をセレクターとして使用し、`width` の値を `max(100px, 18vw)` に設定して画像を縮小してください。 +今、`img` 要素はデフォルトのサイズが使われていますが、大きすぎるようです。 正しく表示するため、`id` をセレクターとして使用し、`width` の値を `max(100px, 18vw)` に設定して画像を縮小してください。 # --hints-- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6140883f74224508174794c0.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6140883f74224508174794c0.md index 4bfd9d6bf6a..f99693d44cd 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6140883f74224508174794c0.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6140883f74224508174794c0.md @@ -7,7 +7,7 @@ dashedName: step-10 # --description-- -Make the `header` take up the full width of its parent container, set its `height` to `50px`, and set the `background-color` to `#1b1b32`. 次に、`display` の設定で_フレックスボックス_が使われるようにします。 +`header` 要素について、幅が親コンテナーの幅全体に広がるよう設定し、`height` は `50px`、`background-color` は `#1b1b32` に設定してください。 次に、`display` の設定で_フレックスボックス_が使われるようにします。 # --hints-- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145e6eeaa66c605eb087fe9.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145e6eeaa66c605eb087fe9.md index 33e0c92d9dc..1e6b6a5621d 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145e6eeaa66c605eb087fe9.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145e6eeaa66c605eb087fe9.md @@ -7,29 +7,29 @@ dashedName: step-30 # --description-- -Add an `id` to all of your radio `input`s so you can link your labels to them. Give the first one an `id` of `q1-a1`. Give the rest of them `id`s of `q1-a2`, `q2-a1`, and `q2-a2`, respectively. +ラベルを関連付けられるように、ラジオボタンの `input` 要素すべてに `id` を追加しましょう。 1 つ目の `id` は `q1-a1` としてください。 残りの `id` は順に `q1-a2`、`q2-a1`、`q2-a2` としてください。 # --hints-- -You should give the first `input` element an `id` of `q1-a1`. +1 番目の `input` 要素の `id` を `q1-a1` に設定する必要があります。 ```js assert.equal(document.querySelectorAll('ul.answers-list > li > label > input')?.[0]?.id, "q1-a1"); ``` -You should give the second `input` element an `id` of `q1-a2`. +2 番目の `input` 要素の `id` を `q1-a2` に設定する必要があります。 ```js assert.equal(document.querySelectorAll('ul.answers-list > li > label > input')?.[1]?.id, "q1-a2"); ``` -You should give the third `input` element an `id` of `q2-a1`. +3 番目の `input` 要素の `id` を `q2-a1` に設定する必要があります。 ```js assert.equal(document.querySelectorAll('ul.answers-list > li > label > input')?.[2]?.id, "q2-a1"); ``` -You should give the fourth `input` element an `id` of `q2-a2`. +4 番目の `input` 要素の `id` を `q2-a2` に設定する必要があります。 ```js assert.equal(document.querySelectorAll('ul.answers-list > li > label > input')?.[3]?.id, "q2-a2"); diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145e8b5080a5f06bb0223d0.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145e8b5080a5f06bb0223d0.md index d4f056c7426..8a5800f060f 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145e8b5080a5f06bb0223d0.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145e8b5080a5f06bb0223d0.md @@ -1,6 +1,6 @@ --- id: 6145e8b5080a5f06bb0223d0 -title: Step 32 +title: ステップ 32 challengeType: 0 dashedName: step-32 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145eb5f08a38a0786c7a80c.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145eb5f08a38a0786c7a80c.md index 2ae2ff0271c..cc2726b62ef 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145eb5f08a38a0786c7a80c.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145eb5f08a38a0786c7a80c.md @@ -1,6 +1,6 @@ --- id: 6145eb5f08a38a0786c7a80c -title: Step 33 +title: ステップ 33 challengeType: 0 dashedName: step-33 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145ed1f22caab087630aaad.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145ed1f22caab087630aaad.md index 7e5249ea93c..28df15ae20a 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145ed1f22caab087630aaad.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145ed1f22caab087630aaad.md @@ -1,6 +1,6 @@ --- id: 6145ed1f22caab087630aaad -title: Step 34 +title: ステップ 34 challengeType: 0 dashedName: step-34 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145ee65e2e1530938cb594d.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145ee65e2e1530938cb594d.md index 964c29a6cfd..84190729ec7 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145ee65e2e1530938cb594d.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145ee65e2e1530938cb594d.md @@ -1,6 +1,6 @@ --- id: 6145ee65e2e1530938cb594d -title: Step 35 +title: ステップ 35 challengeType: 0 dashedName: step-35 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145f02240ff8f09f7ec913c.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145f02240ff8f09f7ec913c.md index 738127d7885..f1f23d7a948 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145f02240ff8f09f7ec913c.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145f02240ff8f09f7ec913c.md @@ -1,6 +1,6 @@ --- id: 6145f02240ff8f09f7ec913c -title: Step 36 +title: ステップ 36 challengeType: 0 dashedName: step-36 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145f14f019a4b0adb94b051.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145f14f019a4b0adb94b051.md index e08cf7fb909..f186c1428b4 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145f14f019a4b0adb94b051.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145f14f019a4b0adb94b051.md @@ -1,6 +1,6 @@ --- id: 6145f14f019a4b0adb94b051 -title: Step 37 +title: ステップ 37 challengeType: 0 dashedName: step-37 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145f3a5cd9be60b9459cdd6.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145f3a5cd9be60b9459cdd6.md index bdd0c20e874..2472ab863cf 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145f3a5cd9be60b9459cdd6.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145f3a5cd9be60b9459cdd6.md @@ -1,6 +1,6 @@ --- id: 6145f3a5cd9be60b9459cdd6 -title: Step 38 +title: ステップ 38 challengeType: 0 dashedName: step-38 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145f47393fbe70c4d885f9c.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145f47393fbe70c4d885f9c.md index 6c6e09ddcf1..4ef43f3248f 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145f47393fbe70c4d885f9c.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145f47393fbe70c4d885f9c.md @@ -1,6 +1,6 @@ --- id: 6145f47393fbe70c4d885f9c -title: Step 39 +title: ステップ 39 challengeType: 0 dashedName: step-39 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145f59029474c0d3dc1c8b8.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145f59029474c0d3dc1c8b8.md index 50e982803f5..a4ed7ad2272 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145f59029474c0d3dc1c8b8.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145f59029474c0d3dc1c8b8.md @@ -1,6 +1,6 @@ --- id: 6145f59029474c0d3dc1c8b8 -title: Step 40 +title: ステップ 40 challengeType: 0 dashedName: step-40 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145f685797bd30df9784e8c.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145f685797bd30df9784e8c.md index f7941175ca6..bec92d566ee 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145f685797bd30df9784e8c.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145f685797bd30df9784e8c.md @@ -1,6 +1,6 @@ --- id: 6145f685797bd30df9784e8c -title: Step 41 +title: ステップ 41 challengeType: 0 dashedName: step-41 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145f829ac6a920ebf5797d7.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145f829ac6a920ebf5797d7.md index 175998aef44..8924ac5779f 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145f829ac6a920ebf5797d7.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145f829ac6a920ebf5797d7.md @@ -1,6 +1,6 @@ --- id: 6145f829ac6a920ebf5797d7 -title: Step 42 +title: ステップ 42 challengeType: 0 dashedName: step-42 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145f8f8bcd4370f6509078e.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145f8f8bcd4370f6509078e.md index 716d05e1b6a..41f6b2c04e0 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145f8f8bcd4370f6509078e.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145f8f8bcd4370f6509078e.md @@ -1,6 +1,6 @@ --- id: 6145f8f8bcd4370f6509078e -title: Step 43 +title: ステップ 43 challengeType: 0 dashedName: step-43 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145fb5018cb5b100cb2a88c.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145fb5018cb5b100cb2a88c.md index 8b80f118a4b..3e7fce1a35f 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145fb5018cb5b100cb2a88c.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145fb5018cb5b100cb2a88c.md @@ -1,6 +1,6 @@ --- id: 6145fb5018cb5b100cb2a88c -title: Step 44 +title: ステップ 44 challengeType: 0 dashedName: step-44 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145fc3707fc3310c277f5c8.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145fc3707fc3310c277f5c8.md index 02cc50b208b..f21eff6bf3d 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145fc3707fc3310c277f5c8.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145fc3707fc3310c277f5c8.md @@ -1,6 +1,6 @@ --- id: 6145fc3707fc3310c277f5c8 -title: Step 45 +title: ステップ 45 challengeType: 0 dashedName: step-45 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/614796cb8086be482d60e0ac.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/614796cb8086be482d60e0ac.md index c7be266a1c7..511748ad601 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/614796cb8086be482d60e0ac.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/614796cb8086be482d60e0ac.md @@ -1,6 +1,6 @@ --- id: 614796cb8086be482d60e0ac -title: Step 46 +title: ステップ 46 challengeType: 0 dashedName: step-46 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6147a14ef5668b5881ef2297.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6147a14ef5668b5881ef2297.md index 693ca949d02..65a825bbcaf 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6147a14ef5668b5881ef2297.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6147a14ef5668b5881ef2297.md @@ -1,6 +1,6 @@ --- id: 6147a14ef5668b5881ef2297 -title: Step 47 +title: ステップ 47 challengeType: 0 dashedName: step-47 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/614878f7a412310647873015.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/614878f7a412310647873015.md index 69382687ddb..8fc88e03c3d 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/614878f7a412310647873015.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/614878f7a412310647873015.md @@ -1,6 +1,6 @@ --- id: 614878f7a412310647873015 -title: Step 48 +title: ステップ 48 challengeType: 0 dashedName: step-48 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/61487b77d4a37707073a64e5.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/61487b77d4a37707073a64e5.md index c8b5aa9d56d..da68cfd1e83 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/61487b77d4a37707073a64e5.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/61487b77d4a37707073a64e5.md @@ -1,6 +1,6 @@ --- id: 61487b77d4a37707073a64e5 -title: Step 49 +title: ステップ 49 challengeType: 0 dashedName: step-49 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/61487da611a65307e78d2c20.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/61487da611a65307e78d2c20.md index 3104a786c8f..451692cc418 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/61487da611a65307e78d2c20.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/61487da611a65307e78d2c20.md @@ -1,6 +1,6 @@ --- id: 61487da611a65307e78d2c20 -title: Step 50 +title: ステップ 50 challengeType: 0 dashedName: step-50 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/61487f703571b60899055cf9.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/61487f703571b60899055cf9.md index 1ca7e08bc8d..5af281d1ef8 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/61487f703571b60899055cf9.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/61487f703571b60899055cf9.md @@ -1,6 +1,6 @@ --- id: 61487f703571b60899055cf9 -title: Step 51 +title: ステップ 51 challengeType: 0 dashedName: step-51 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/614880dc16070e093e29bc56.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/614880dc16070e093e29bc56.md index 649a6247000..df7fe8e1dc8 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/614880dc16070e093e29bc56.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/614880dc16070e093e29bc56.md @@ -1,6 +1,6 @@ --- id: 614880dc16070e093e29bc56 -title: Step 52 +title: ステップ 52 challengeType: 0 dashedName: step-52 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/614883b6fa720e09fb167de9.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/614883b6fa720e09fb167de9.md index 08784882f83..57433d0dba4 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/614883b6fa720e09fb167de9.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/614883b6fa720e09fb167de9.md @@ -1,6 +1,6 @@ --- id: 614883b6fa720e09fb167de9 -title: Step 53 +title: ステップ 53 challengeType: 0 dashedName: step-53 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/614884c1f5d6f30ab3d78cde.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/614884c1f5d6f30ab3d78cde.md index e74814090fd..5ef4c2a0fc0 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/614884c1f5d6f30ab3d78cde.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/614884c1f5d6f30ab3d78cde.md @@ -1,6 +1,6 @@ --- id: 614884c1f5d6f30ab3d78cde -title: Step 54 +title: ステップ 54 challengeType: 0 dashedName: step-54 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/61488ecfd05e290b5712e6da.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/61488ecfd05e290b5712e6da.md index a73a5266f30..7a70a140992 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/61488ecfd05e290b5712e6da.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/61488ecfd05e290b5712e6da.md @@ -1,6 +1,6 @@ --- id: 61488ecfd05e290b5712e6da -title: Step 55 +title: ステップ 55 challengeType: 0 dashedName: step-55 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6148d99cdc7acd0c519862cb.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6148d99cdc7acd0c519862cb.md index 32d611efdbe..090865e4aaf 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6148d99cdc7acd0c519862cb.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6148d99cdc7acd0c519862cb.md @@ -1,6 +1,6 @@ --- id: 6148d99cdc7acd0c519862cb -title: Step 56 +title: ステップ 56 challengeType: 0 dashedName: step-56 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6148da157cc0bd0d06df5c0a.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6148da157cc0bd0d06df5c0a.md index 05240475697..26c574f69b6 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6148da157cc0bd0d06df5c0a.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6148da157cc0bd0d06df5c0a.md @@ -1,6 +1,6 @@ --- id: 6148da157cc0bd0d06df5c0a -title: Step 57 +title: ステップ 57 challengeType: 0 dashedName: step-57 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6148dc095264000dce348bf5.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6148dc095264000dce348bf5.md index 481b77ece98..b16b5ac6c4c 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6148dc095264000dce348bf5.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6148dc095264000dce348bf5.md @@ -1,6 +1,6 @@ --- id: 6148dc095264000dce348bf5 -title: Step 58 +title: ステップ 58 challengeType: 0 dashedName: step-58 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6148dcaaf2e8750e6cb4501a.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6148dcaaf2e8750e6cb4501a.md index 73414423187..0931c2f9e2a 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6148dcaaf2e8750e6cb4501a.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6148dcaaf2e8750e6cb4501a.md @@ -1,6 +1,6 @@ --- id: 6148dcaaf2e8750e6cb4501a -title: Step 59 +title: ステップ 59 challengeType: 0 dashedName: step-59 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6148dd31d210990f0fb140f8.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6148dd31d210990f0fb140f8.md index e8a096004bc..e99044298a4 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6148dd31d210990f0fb140f8.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6148dd31d210990f0fb140f8.md @@ -1,6 +1,6 @@ --- id: 6148dd31d210990f0fb140f8 -title: Step 60 +title: ステップ 60 challengeType: 0 dashedName: step-60 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6148defa9c01520fb9d178a0.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6148defa9c01520fb9d178a0.md index 5d5c5f6d9af..5e0ea84dead 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6148defa9c01520fb9d178a0.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6148defa9c01520fb9d178a0.md @@ -1,6 +1,6 @@ --- id: 6148defa9c01520fb9d178a0 -title: Step 61 +title: ステップ 61 challengeType: 0 dashedName: step-61 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6148dfab9b54c110577de165.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6148dfab9b54c110577de165.md index 857bb876998..102bceb7678 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6148dfab9b54c110577de165.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6148dfab9b54c110577de165.md @@ -1,6 +1,6 @@ --- id: 6148dfab9b54c110577de165 -title: Step 62 +title: ステップ 62 challengeType: 0 dashedName: step-62 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6148e0bcc13efd10f7d7a6a9.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6148e0bcc13efd10f7d7a6a9.md index 1a2b79f23c4..b9579bbb93b 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6148e0bcc13efd10f7d7a6a9.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6148e0bcc13efd10f7d7a6a9.md @@ -1,6 +1,6 @@ --- id: 6148e0bcc13efd10f7d7a6a9 -title: Step 63 +title: ステップ 63 challengeType: 0 dashedName: step-63 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6148e161ecec9511941f8833.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6148e161ecec9511941f8833.md index 117badf79f8..5a2dcd705a6 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6148e161ecec9511941f8833.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6148e161ecec9511941f8833.md @@ -1,6 +1,6 @@ --- id: 6148e161ecec9511941f8833 -title: Step 64 +title: ステップ 64 challengeType: 0 dashedName: step-64 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6148e28706b34912340fd042.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6148e28706b34912340fd042.md index 7f50158be98..39d0400c498 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6148e28706b34912340fd042.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6148e28706b34912340fd042.md @@ -1,6 +1,6 @@ --- id: 6148e28706b34912340fd042 -title: Step 65 +title: ステップ 65 challengeType: 0 dashedName: step-65 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6148e335c1edd512d00e4691.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6148e335c1edd512d00e4691.md index 2e6716060a6..4496cbe248a 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6148e335c1edd512d00e4691.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6148e335c1edd512d00e4691.md @@ -1,6 +1,6 @@ --- id: 6148e335c1edd512d00e4691 -title: Step 66 +title: ステップ 66 challengeType: 0 dashedName: step-66 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6148e41c728f65138addf9cc.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6148e41c728f65138addf9cc.md index 0b8dbd34209..1cfc117aa70 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6148e41c728f65138addf9cc.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6148e41c728f65138addf9cc.md @@ -1,6 +1,6 @@ --- id: 6148e41c728f65138addf9cc -title: Step 67 +title: ステップ 67 challengeType: 0 dashedName: step-67 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6148e5aeb102e3142de026a2.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6148e5aeb102e3142de026a2.md index a6f48ba4cb7..e65997689b2 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6148e5aeb102e3142de026a2.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6148e5aeb102e3142de026a2.md @@ -1,6 +1,6 @@ --- id: 6148e5aeb102e3142de026a2 -title: Step 68 +title: ステップ 68 challengeType: 0 dashedName: step-68 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6351e7a8684bf5377c4ee7f7.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6351e7a8684bf5377c4ee7f7.md index 92d1c5cd3e4..ea909be8144 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6351e7a8684bf5377c4ee7f7.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6351e7a8684bf5377c4ee7f7.md @@ -1,64 +1,64 @@ --- id: 6351e7a8684bf5377c4ee7f7 -title: Step 31 +title: ステップ 31 challengeType: 0 dashedName: step-31 --- # --description-- -Although not required for `label` elements with a nested `input`, it is still best-practice to explicitly link a `label` with its corresponding `input` element. +`input` 要素がネストされている `label` 要素の場合は必須ではないものの、`label` は対応する `input` 要素と明示的に関連付けることがベストプラクティスです。 -Now, add a `for` attribute to each of your four `label`s that links the `label` to its corresponding radio `input`. +4 つの `label` 要素にそれぞれ `for` 属性を追加して、`label` を 対応するラジオボタンの `input` 要素に関連付けてください。 # --hints-- -You should give the first `label` a `for` attribute. +1 つ目の `label` に `for` 属性を追加してください。 ```js assert.notEmpty(document.querySelectorAll('ul.answers-list > li > label')?.[0]?.htmlFor); ``` -You should give the first `label` a `for` attribute matching the `id` of its `input` element. +1 つ目の `label` に、対応する `input` 要素の `id` と一致する `for` 属性を設定してください。 ```js const htmlFor = document.querySelectorAll('ul.answers-list > li > label')?.[0]?.htmlFor; assert.equal(htmlFor, document.querySelectorAll('ul.answers-list > li > label > input')?.[0]?.id); ``` -You should give the second `label` a `for` attribute. +2 つ目の `label` に `for` 属性を追加してください。 ```js assert.notEmpty(document.querySelectorAll('ul.answers-list > li > label')?.[1]?.htmlFor); ``` -You should give the second `label` a `for` attribute matching the `id` of its `input` element. +2 つ目の `label` に、対応する `input` 要素の `id` と一致する `for` 属性を設定してください。 ```js const htmlFor = document.querySelectorAll('ul.answers-list > li > label')?.[1]?.htmlFor; assert.equal(htmlFor, document.querySelectorAll('ul.answers-list > li > label > input')?.[1]?.id); ``` -You should give the third `label` a `for` attribute. +3 つ目の `label` に `for` 属性を追加してください。 ```js assert.notEmpty(document.querySelectorAll('ul.answers-list > li > label')?.[2]?.htmlFor); ``` -You should give the third `label` a `for` attribute matching the `id` of its `input` element. +3 つ目の `label` に、対応する `input` 要素の `id` と一致する `for` 属性を設定してください。 ```js const htmlFor = document.querySelectorAll('ul.answers-list > li > label')?.[2]?.htmlFor; assert.equal(htmlFor, document.querySelectorAll('ul.answers-list > li > label > input')?.[2]?.id); ``` -You should give the fourth `label` a `for` attribute. +4 つ目の `label` に `for` 属性を追加してください。 ```js assert.notEmpty(document.querySelectorAll('ul.answers-list > li > label')?.[3]?.htmlFor); ``` -You should give the fourth `label` a `for` attribute matching the `id` of its `input` element. +4 つ目の `label` に、対応する `input` 要素の `id` と一致する `for` 属性を設定してください。 ```js const htmlFor = document.querySelectorAll('ul.answers-list > li > label')?.[3]?.htmlFor; diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f33294a6af5e9188dbdb8f3.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f33294a6af5e9188dbdb8f3.md index 8abbb93c52c..109831639ae 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f33294a6af5e9188dbdb8f3.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f33294a6af5e9188dbdb8f3.md @@ -7,29 +7,29 @@ dashedName: step-5 # --description-- -It's time to add some menu content. Add a `main` element within the existing `body` element. It will eventually contain pricing information about coffee and desserts offered by the cafe. +メニューの中身を追加しましょう。 `main` 要素を、既存の `body` 要素の中に追加してください。 後ほど、カフェが提供するコーヒーとデザートの値段をここに入れます。 # --hints-- -Your code should have an opening `
` tag. +`
` の開始タグが 1 つ必要です。 ```js assert(code.match(/
/i)); ``` -Your code should have a closing `
` tag. +終了タグ `
` が 1 つ必要です。 ```js assert(code.match(/<\/main>/i)); ``` -You should not change your `body` element. Make sure you don't accidentally delete your closing tag. +`body` 要素を変更しないでください。 誤って終了タグを削除していないか確認してください。 ```js assert($('body').length === 1); ``` -Your `main` tag should be within your `body` tag. +`main` タグは `body` タグの中に置く必要があります。 ```js const main = document.querySelector('main'); diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f332a88dc25a0fd25c7687a.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f332a88dc25a0fd25c7687a.md index 644db7f0fb1..8eb7ede2e6c 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f332a88dc25a0fd25c7687a.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f332a88dc25a0fd25c7687a.md @@ -7,35 +7,35 @@ dashedName: step-6 # --description-- -The name of the cafe is `CAMPER CAFE`. Add an `h1` element within your `main` element. Give it the name of the cafe in capitalized letters to make it stand out. +カフェの名前は `CAMPER CAFE` です。 `h1` 要素を `main` 要素内に 1 つ追加してください。 そこにカフェの名前を、目立つように大文字で入れてください。 # --hints-- -You should have an opening `

` tag. +`

` の開始タグが 1 つ必要です。 ```js assert(code.match(/

/i)); ``` -You should have a closing `

` tag. +終了タグ `` が 1 つ必要です。 ```js assert(code.match(/<\/h1>/i)); ``` -You should not change your existing `main` element. +既存の `main` 要素を変更しないでください。 ```js assert($('main').length === 1); ``` -Your `h1` element should be nested in your `main` element. +`h1` 要素は `main` 要素の中にネストされている必要があります。 ```js assert($('h1')[0].parentElement.tagName === "MAIN"); ``` -Your `h1` element should have the text `CAMPER CAFE`. +`h1` 要素は `CAMPER CAFE` というテキストをもつ必要があります。 ```js assert(code.match(/

CAMPER CAFE<\/h1>/)); diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f332b23c2045fb843337579.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f332b23c2045fb843337579.md index 14c01f586e2..552d57cf4b7 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f332b23c2045fb843337579.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f332b23c2045fb843337579.md @@ -7,35 +7,35 @@ dashedName: step-7 # --description-- -To let visitors know the cafe was founded in 2020, add a `p` element below the `h1` element with the text `Est. 2020`. +カフェが 2020 年にオープンしたということを訪問者に知らせるために、`p` 要素を `h1` 要素の下に追加して、そのテキストを `Est. 2020` にしてください。 # --hints-- -You should have an opening `

` tag. +`

` の開始タグが 1 つ必要です。 ```js assert(code.match(/

/i)); ``` -You should have a closing `

` tag. +終了タグ `

` が 1 つ必要です。 ```js assert(code.match(/<\/p>/i)); ``` -You should not change your existing `h1` element. Make sure you did not delete the closing tag. +既存の `h1` 要素を変更しないでください。 終了タグを削除していないか確認してください。 ```js assert($('h1').length === 1); ``` -Your `p` element should be below your `h1` element. +`p` 要素は `h1` 要素の下に置く必要があります。 ```js assert($('p')[0].previousElementSibling.tagName === 'H1'); ``` -Your `p` element should have the text `Est. 2020`. +`p` 要素は `Est. 2020` というテキストをもつ必要があります。 ```js assert(document.querySelector("p").innerText === "Est. 2020"); diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f344f9c805cd193c33d829c.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f344f9c805cd193c33d829c.md index e4af7ac7331..4c9483510a4 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f344f9c805cd193c33d829c.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f344f9c805cd193c33d829c.md @@ -1,6 +1,6 @@ --- id: 5f344f9c805cd193c33d829c -title: Step 11 +title: ステップ 11 challengeType: 0 dashedName: step-11 --- @@ -15,7 +15,7 @@ element { } ``` -`h1` 要素の `text-align` プロパティを `center` に設定して、中央に配置してください。 +`h1` 要素の `text-align` プロパティを `center` に設定して、中央揃えにしてください。 # --hints-- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f344fad8bf01691e71a30eb.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f344fad8bf01691e71a30eb.md index 08a260600a1..d09879b73f9 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f344fad8bf01691e71a30eb.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f344fad8bf01691e71a30eb.md @@ -1,6 +1,6 @@ --- id: 5f344fad8bf01691e71a30eb -title: Step 10 +title: ステップ 10 challengeType: 0 dashedName: step-10 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f344fbc22624a2976425065.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f344fbc22624a2976425065.md index f6a0b7678c5..c5e203316da 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f344fbc22624a2976425065.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f344fbc22624a2976425065.md @@ -1,6 +1,6 @@ --- id: 5f344fbc22624a2976425065 -title: Step 9 +title: ステップ 9 challengeType: 0 dashedName: step-9 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f344fc1520b6719f2e35605.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f344fc1520b6719f2e35605.md index 34fc67a1bff..9b66aa7a4dd 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f344fc1520b6719f2e35605.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f344fc1520b6719f2e35605.md @@ -1,6 +1,6 @@ --- id: 5f344fc1520b6719f2e35605 -title: Step 8 +title: ステップ 8 challengeType: 0 dashedName: step-8 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3477ae34c1239cafe128be.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3477ae34c1239cafe128be.md index 47dad4f9884..a39c5e76ec4 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3477ae34c1239cafe128be.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3477ae34c1239cafe128be.md @@ -1,6 +1,6 @@ --- id: 5f3477ae34c1239cafe128be -title: Step 13 +title: ステップ 13 challengeType: 0 dashedName: step-13 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3477ae8466a9a3d2cc953c.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3477ae8466a9a3d2cc953c.md index b981df3fa45..bb6161c7a17 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3477ae8466a9a3d2cc953c.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3477ae8466a9a3d2cc953c.md @@ -1,6 +1,6 @@ --- id: 5f3477ae8466a9a3d2cc953c -title: Step 15 +title: ステップ 15 challengeType: 0 dashedName: step-15 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3477ae9675db8bb7655b30.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3477ae9675db8bb7655b30.md index 863ce6e9151..f388fbf1684 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3477ae9675db8bb7655b30.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3477ae9675db8bb7655b30.md @@ -1,13 +1,13 @@ --- id: 5f3477ae9675db8bb7655b30 -title: Step 12 +title: ステップ 12 challengeType: 0 dashedName: step-12 --- # --description-- -前のステップで、要素型セレクターを使用して `h1` 要素にスタイルを適用しました。 Center the `h2` and `p` elements by adding a new type selector for each one to the existing `style` element. +前のステップで、要素型セレクターを使用して `h1` 要素にスタイルを適用しました。 同じ `style` 要素内に、今度は `h2` 要素と `p` 要素にそれぞれ対応する要素型セレクターを新しく追加して、中央揃えにしてください。 # --hints-- @@ -18,42 +18,42 @@ const hasH1 = new __helpers.CSSHelp(document).getStyle('h1'); assert(hasH1); ``` -You should not add a new `style` tag. Add the new CSS rules to the existing `style` tag. +`style` タグは新しく追加しないでください。 既存の `style` タグの中に、新しい CSS ルールを追加してください。 ```js const hasManyStyleTags = document.querySelectorAll('style').length > 1; assert(!hasManyStyleTags); ``` -You should add a new `h2` selector. +`h2` セレクターを新しく追加してください。 ```js const hasH2 = new __helpers.CSSHelp(document).getStyle('h2'); assert(hasH2); ``` -You should add a new `p` selector. +`p` セレクターを新しく追加してください。 ```js const hasP = new __helpers.CSSHelp(document).getStyle('p'); assert(hasP); ``` -Your `h1` element should have a `text-align` of `center`. +`h1` 要素の `text-align` を `center` に設定する必要があります。 ```js const h1TextAlign = new __helpers.CSSHelp(document).getStyle('h1')?.getPropertyValue('text-align'); assert(h1TextAlign === 'center'); ``` -Your `h2` element should have a `text-align` of `center`. +`h2` 要素の `text-align` を `center` に設定する必要があります。 ```js const h2TextAlign = new __helpers.CSSHelp(document).getStyle('h2')?.getPropertyValue('text-align'); assert(h2TextAlign === 'center'); ``` -Your `p` element should have a `text-align` of `center`. +`p` 要素の `text-align` を `center` に設定する必要があります。 ```js const pTextAlign = new __helpers.CSSHelp(document).getStyle('p')?.getPropertyValue('text-align'); diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3477aefa51bfc29327200b.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3477aefa51bfc29327200b.md index 5afdb0d24ff..5c1b032b8ac 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3477aefa51bfc29327200b.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3477aefa51bfc29327200b.md @@ -1,6 +1,6 @@ --- id: 5f3477aefa51bfc29327200b -title: Step 14 +title: ステップ 14 challengeType: 0 dashedName: step-14 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3477cb2e27333b1ab2b955.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3477cb2e27333b1ab2b955.md index 96dbe5a5a9d..cf28d3091ca 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3477cb2e27333b1ab2b955.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3477cb2e27333b1ab2b955.md @@ -1,6 +1,6 @@ --- id: 5f3477cb2e27333b1ab2b955 -title: Step 16 +title: ステップ 16 challengeType: 0 dashedName: step-16 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3477cb303c5cb61b43aa9b.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3477cb303c5cb61b43aa9b.md index 3245a48876e..767231ba75f 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3477cb303c5cb61b43aa9b.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3477cb303c5cb61b43aa9b.md @@ -1,6 +1,6 @@ --- id: 5f3477cb303c5cb61b43aa9b -title: Step 18 +title: ステップ 18 challengeType: 0 dashedName: step-18 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3477cbcb6ba47918c1da92.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3477cbcb6ba47918c1da92.md index 18d3c043f8e..ada076db776 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3477cbcb6ba47918c1da92.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3477cbcb6ba47918c1da92.md @@ -1,6 +1,6 @@ --- id: 5f3477cbcb6ba47918c1da92 -title: Step 17 +title: ステップ 17 challengeType: 0 dashedName: step-17 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f34a1fd611d003edeafd681.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f34a1fd611d003edeafd681.md index 9c58f80dab3..42339e5f2d3 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f34a1fd611d003edeafd681.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f34a1fd611d003edeafd681.md @@ -1,6 +1,6 @@ --- id: 5f34a1fd611d003edeafd681 -title: Step 19 +title: ステップ 19 challengeType: 0 dashedName: step-19 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f356ed60785e1f3e9850b6e.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f356ed60785e1f3e9850b6e.md index d5eb7fcf462..624d5d64f35 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f356ed60785e1f3e9850b6e.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f356ed60785e1f3e9850b6e.md @@ -1,6 +1,6 @@ --- id: 5f356ed60785e1f3e9850b6e -title: Step 24 +title: ステップ 24 challengeType: 0 dashedName: step-24 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f356ed60a5decd94ab66986.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f356ed60a5decd94ab66986.md index 48e5b0d86e1..3da84385ddf 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f356ed60a5decd94ab66986.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f356ed60a5decd94ab66986.md @@ -1,6 +1,6 @@ --- id: 5f356ed60a5decd94ab66986 -title: Step 22 +title: ステップ 22 challengeType: 0 removeComments: false dashedName: step-22 diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f356ed6199b0cdef1d2be8f.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f356ed6199b0cdef1d2be8f.md index e1d6d4d1cea..3486cf98d09 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f356ed6199b0cdef1d2be8f.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f356ed6199b0cdef1d2be8f.md @@ -1,6 +1,6 @@ --- id: 5f356ed6199b0cdef1d2be8f -title: Step 26 +title: ステップ 26 challengeType: 0 dashedName: step-26 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f356ed63c7807a4f1e6d054.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f356ed63c7807a4f1e6d054.md index 647bcbe7eff..c4ce0bb496e 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f356ed63c7807a4f1e6d054.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f356ed63c7807a4f1e6d054.md @@ -1,6 +1,6 @@ --- id: 5f356ed63c7807a4f1e6d054 -title: Step 21 +title: ステップ 21 challengeType: 0 dashedName: step-21 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f356ed63e0fa262326eef05.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f356ed63e0fa262326eef05.md index b07532ddadf..6fc408df64b 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f356ed63e0fa262326eef05.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f356ed63e0fa262326eef05.md @@ -1,6 +1,6 @@ --- id: 5f356ed63e0fa262326eef05 -title: Step 23 +title: ステップ 23 challengeType: 0 dashedName: step-23 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f356ed656a336993abd9f7c.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f356ed656a336993abd9f7c.md index dbe18943a58..2255988b8ce 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f356ed656a336993abd9f7c.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f356ed656a336993abd9f7c.md @@ -1,6 +1,6 @@ --- id: 5f356ed656a336993abd9f7c -title: Step 25 +title: ステップ 25 challengeType: 0 dashedName: step-25 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f356ed69db0a491745e2bb6.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f356ed69db0a491745e2bb6.md index 898e0a1b5de..36e6a501bd9 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f356ed69db0a491745e2bb6.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f356ed69db0a491745e2bb6.md @@ -1,6 +1,6 @@ --- id: 5f356ed69db0a491745e2bb6 -title: Step 27 +title: ステップ 27 challengeType: 0 dashedName: step-27 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f356ed6cf6eab5f15f5cfe6.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f356ed6cf6eab5f15f5cfe6.md index bfc9821d5d6..ea9e069dc3e 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f356ed6cf6eab5f15f5cfe6.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f356ed6cf6eab5f15f5cfe6.md @@ -1,6 +1,6 @@ --- id: 5f356ed6cf6eab5f15f5cfe6 -title: Step 20 +title: ステップ 20 challengeType: 0 dashedName: step-20 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f35e5c4321f818cdc4bed30.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f35e5c4321f818cdc4bed30.md index a9ffef88c8b..8e6e2be0c05 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f35e5c4321f818cdc4bed30.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f35e5c4321f818cdc4bed30.md @@ -1,6 +1,6 @@ --- id: 5f35e5c4321f818cdc4bed30 -title: Step 29 +title: ステップ 29 challengeType: 0 dashedName: step-29 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f35e5c44359872a137bd98f.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f35e5c44359872a137bd98f.md index 8984fef938e..770b10cb2bd 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f35e5c44359872a137bd98f.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f35e5c44359872a137bd98f.md @@ -1,6 +1,6 @@ --- id: 5f35e5c44359872a137bd98f -title: Step 28 +title: ステップ 28 challengeType: 0 dashedName: step-28 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3c866d0fc037f7311b4ac8.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3c866d0fc037f7311b4ac8.md index ac9310fce97..5b1e6acd0e1 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3c866d0fc037f7311b4ac8.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3c866d0fc037f7311b4ac8.md @@ -1,6 +1,6 @@ --- id: 5f3c866d0fc037f7311b4ac8 -title: Step 38 +title: ステップ 38 challengeType: 0 dashedName: step-38 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3c866d28d7ad0de6470505.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3c866d28d7ad0de6470505.md index 22d61e5835a..b9e05d4e9ae 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3c866d28d7ad0de6470505.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3c866d28d7ad0de6470505.md @@ -1,6 +1,6 @@ --- id: 5f3c866d28d7ad0de6470505 -title: Step 32 +title: ステップ 32 challengeType: 0 dashedName: step-32 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3c866d5414453fc2d7b480.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3c866d5414453fc2d7b480.md index 0eb8974b042..1fd9588feb6 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3c866d5414453fc2d7b480.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3c866d5414453fc2d7b480.md @@ -1,6 +1,6 @@ --- id: 5f3c866d5414453fc2d7b480 -title: Step 31 +title: ステップ 31 challengeType: 0 dashedName: step-31 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3c866daec9a49519871816.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3c866daec9a49519871816.md index 6129e03c7bb..cff94c06e88 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3c866daec9a49519871816.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3c866daec9a49519871816.md @@ -1,6 +1,6 @@ --- id: 5f3c866daec9a49519871816 -title: Step 30 +title: ステップ 30 challengeType: 0 dashedName: step-30 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3c866dbf362f99b9a0c6d0.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3c866dbf362f99b9a0c6d0.md index 60bbc1ae43f..a02a482f1b2 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3c866dbf362f99b9a0c6d0.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3c866dbf362f99b9a0c6d0.md @@ -1,6 +1,6 @@ --- id: 5f3c866dbf362f99b9a0c6d0 -title: Step 37 +title: ステップ 37 challengeType: 0 dashedName: step-37 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3c866dd0d0275f01d4d847.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3c866dd0d0275f01d4d847.md index 24630af7203..7d0d58f63f6 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3c866dd0d0275f01d4d847.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3c866dd0d0275f01d4d847.md @@ -1,6 +1,6 @@ --- id: 5f3c866dd0d0275f01d4d847 -title: Step 39 +title: ステップ 39 challengeType: 0 dashedName: step-39 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3c866de7a5b784048f94b1.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3c866de7a5b784048f94b1.md index 6997ae20f1c..6b5f6a0231b 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3c866de7a5b784048f94b1.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3c866de7a5b784048f94b1.md @@ -1,6 +1,6 @@ --- id: 5f3c866de7a5b784048f94b1 -title: Step 36 +title: ステップ 36 challengeType: 0 dashedName: step-36 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3cade94c6576e7f7b7953f.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3cade94c6576e7f7b7953f.md index e07d630e1c8..dbd02d1f9ba 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3cade94c6576e7f7b7953f.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3cade94c6576e7f7b7953f.md @@ -1,6 +1,6 @@ --- id: 5f3cade94c6576e7f7b7953f -title: Step 41 +title: ステップ 41 challengeType: 0 dashedName: step-41 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3cade9993019e26313fa8e.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3cade9993019e26313fa8e.md index 00ceb6ae5dd..8687d113fba 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3cade9993019e26313fa8e.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3cade9993019e26313fa8e.md @@ -1,6 +1,6 @@ --- id: 5f3cade9993019e26313fa8e -title: Step 42 +title: ステップ 42 challengeType: 0 dashedName: step-42 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3cade99dda4e6071a85dfd.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3cade99dda4e6071a85dfd.md index 688e87ef70d..506cc3ea61e 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3cade99dda4e6071a85dfd.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3cade99dda4e6071a85dfd.md @@ -1,6 +1,6 @@ --- id: 5f3cade99dda4e6071a85dfd -title: Step 46 +title: ステップ 46 challengeType: 0 dashedName: step-46 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3cade9fa77275d9f4efe62.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3cade9fa77275d9f4efe62.md index 9d025c60308..37a5d1aaab0 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3cade9fa77275d9f4efe62.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3cade9fa77275d9f4efe62.md @@ -1,6 +1,6 @@ --- id: 5f3cade9fa77275d9f4efe62 -title: Step 40 +title: ステップ 40 challengeType: 0 dashedName: step-40 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e01f288a026d709587.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e01f288a026d709587.md index d9ee8f05341..b09f494f802 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e01f288a026d709587.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e01f288a026d709587.md @@ -1,6 +1,6 @@ --- id: 5f3ef6e01f288a026d709587 -title: Step 66 +title: ステップ 66 challengeType: 0 dashedName: step-66 --- @@ -9,7 +9,7 @@ dashedName: step-66 `hr` 要素を使用して、コンテンツが異なるセクション間に区切り線を表示できます。 -First, add an `hr` element between the `p` element with the class `established` and the first `section` element. `hr` 要素は自己終了要素であることに注意してください。 +まずは `hr` 要素を 1 つ、`established` というクラスの `p` 要素と最初の `section` 要素の間に追加してください。 `hr` 要素は自己終了要素であることに注意してください。 # --hints-- @@ -20,7 +20,7 @@ assert(code.match(//i)); assert(!code.match(/<\/hr>/i)); ``` -You should not change your existing `p` element with the class `established`. +既存の、`established` というクラスの `p` 要素は変更しないでください。 ```js assert($('p.established').length === 1); @@ -32,7 +32,7 @@ assert($('p.established').length === 1); assert($('main').length === 1); ``` -Your `hr` element should be between your `p` element and your `section` element. +`hr` 要素は `p` 要素と `section` 要素の間にある必要があります。 ```js assert($('hr')[0].previousElementSibling.tagName === 'P'); diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e03d719d5ac4738993.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e03d719d5ac4738993.md index a1fea2f7e71..280c2d4c949 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e03d719d5ac4738993.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e03d719d5ac4738993.md @@ -1,6 +1,6 @@ --- id: 5f3ef6e03d719d5ac4738993 -title: Step 56 +title: ステップ 56 challengeType: 0 dashedName: step-56 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e04559b939080db057.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e04559b939080db057.md index 139c2df0674..17c32a0e4ac 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e04559b939080db057.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e04559b939080db057.md @@ -1,6 +1,6 @@ --- id: 5f3ef6e04559b939080db057 -title: Step 55 +title: ステップ 55 challengeType: 0 dashedName: step-55 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e050279c7a4a7101d3.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e050279c7a4a7101d3.md index 66ba04db483..e3f497d902c 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e050279c7a4a7101d3.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e050279c7a4a7101d3.md @@ -1,6 +1,6 @@ --- id: 5f3ef6e050279c7a4a7101d3 -title: Step 54 +title: ステップ 54 challengeType: 0 dashedName: step-54 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e05473f91f948724ab.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e05473f91f948724ab.md index 1870ac32cd3..6b0b3d60cb1 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e05473f91f948724ab.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e05473f91f948724ab.md @@ -1,6 +1,6 @@ --- id: 5f3ef6e05473f91f948724ab -title: Step 57 +title: ステップ 57 challengeType: 0 dashedName: step-57 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e056bdde6ae6892ba2.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e056bdde6ae6892ba2.md index 655f7d3faa5..d8a94a6e2c1 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e056bdde6ae6892ba2.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e056bdde6ae6892ba2.md @@ -1,6 +1,6 @@ --- id: 5f3ef6e056bdde6ae6892ba2 -title: Step 58 +title: ステップ 58 challengeType: 0 dashedName: step-58 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e06d34faac0447fc44.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e06d34faac0447fc44.md index 70631a81394..4ff30fe0851 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e06d34faac0447fc44.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e06d34faac0447fc44.md @@ -1,6 +1,6 @@ --- id: 5f3ef6e06d34faac0447fc44 -title: Step 60 +title: ステップ 60 challengeType: 0 dashedName: step-60 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e07276f782bb46b93d.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e07276f782bb46b93d.md index 07e5fc5d26e..44181d95936 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e07276f782bb46b93d.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e07276f782bb46b93d.md @@ -1,6 +1,6 @@ --- id: 5f3ef6e07276f782bb46b93d -title: Step 63 +title: ステップ 63 challengeType: 0 dashedName: step-63 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e0819d4f23ca7285e6.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e0819d4f23ca7285e6.md index 6d3dd77ccc3..14b8cb99116 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e0819d4f23ca7285e6.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e0819d4f23ca7285e6.md @@ -1,6 +1,6 @@ --- id: 5f3ef6e0819d4f23ca7285e6 -title: Step 48 +title: ステップ 48 challengeType: 0 dashedName: step-48 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e087d56ed3ffdc36be.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e087d56ed3ffdc36be.md index b25a0d6ae91..a03240d7cbf 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e087d56ed3ffdc36be.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e087d56ed3ffdc36be.md @@ -1,6 +1,6 @@ --- id: 5f3ef6e087d56ed3ffdc36be -title: Step 61 +title: ステップ 61 challengeType: 0 dashedName: step-61 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e0a81099d9a697b550.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e0a81099d9a697b550.md index 34ff1390932..163d37a75e5 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e0a81099d9a697b550.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e0a81099d9a697b550.md @@ -1,6 +1,6 @@ --- id: 5f3ef6e0a81099d9a697b550 -title: Step 64 +title: ステップ 64 challengeType: 0 dashedName: step-64 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e0b431cc215bb16f55.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e0b431cc215bb16f55.md index dd673c1bcab..ea47e9e461c 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e0b431cc215bb16f55.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e0b431cc215bb16f55.md @@ -1,6 +1,6 @@ --- id: 5f3ef6e0b431cc215bb16f55 -title: Step 65 +title: ステップ 65 challengeType: 0 dashedName: step-65 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e0e0c3feaebcf647ad.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e0e0c3feaebcf647ad.md index b490e0bc295..c63dc8ab991 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e0e0c3feaebcf647ad.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e0e0c3feaebcf647ad.md @@ -1,6 +1,6 @@ --- id: 5f3ef6e0e0c3feaebcf647ad -title: Step 47 +title: ステップ 47 challengeType: 0 dashedName: step-47 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e0e9629bad967cd71e.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e0e9629bad967cd71e.md index 16ed4ab6688..8ce2621c036 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e0e9629bad967cd71e.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e0e9629bad967cd71e.md @@ -1,6 +1,6 @@ --- id: 5f3ef6e0e9629bad967cd71e -title: Step 59 +title: ステップ 59 challengeType: 0 dashedName: step-59 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e0eaa7da26e3d34d78.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e0eaa7da26e3d34d78.md index dd9dc8f5550..85a3252ddb9 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e0eaa7da26e3d34d78.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e0eaa7da26e3d34d78.md @@ -1,6 +1,6 @@ --- id: 5f3ef6e0eaa7da26e3d34d78 -title: Step 53 +title: ステップ 53 challengeType: 0 dashedName: step-53 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e0f8c230bdd2349716.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e0f8c230bdd2349716.md index 36d76471f53..dcd3118c408 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e0f8c230bdd2349716.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e0f8c230bdd2349716.md @@ -1,6 +1,6 @@ --- id: 5f3ef6e0f8c230bdd2349716 -title: Step 62 +title: ステップ 62 challengeType: 0 dashedName: step-62 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3f26fa39591db45e5cd7a0.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3f26fa39591db45e5cd7a0.md index 3d59cc49059..ff9cc8a8957 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3f26fa39591db45e5cd7a0.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3f26fa39591db45e5cd7a0.md @@ -1,6 +1,6 @@ --- id: 5f3f26fa39591db45e5cd7a0 -title: Step 67 +title: ステップ 67 challengeType: 0 dashedName: step-67 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f459225127805351a6ad057.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f459225127805351a6ad057.md index 8e46f4b0b14..173dc8e32e5 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f459225127805351a6ad057.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f459225127805351a6ad057.md @@ -1,6 +1,6 @@ --- id: 5f459225127805351a6ad057 -title: Step 68 +title: ステップ 68 challengeType: 0 dashedName: step-68 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f459a7ceb8b5c446656d88b.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f459a7ceb8b5c446656d88b.md index e0006f91649..3a8d39dd671 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f459a7ceb8b5c446656d88b.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f459a7ceb8b5c446656d88b.md @@ -1,6 +1,6 @@ --- id: 5f459a7ceb8b5c446656d88b -title: Step 69 +title: ステップ 69 challengeType: 0 dashedName: step-69 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f459cf202c2a3472fae6a9f.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f459cf202c2a3472fae6a9f.md index 259953d495f..4b489e23e92 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f459cf202c2a3472fae6a9f.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f459cf202c2a3472fae6a9f.md @@ -1,6 +1,6 @@ --- id: 5f459cf202c2a3472fae6a9f -title: Step 70 +title: ステップ 70 challengeType: 0 dashedName: step-70 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f459fd48bdc98491ca6d1a3.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f459fd48bdc98491ca6d1a3.md index f4d86ecbbc3..d9b6b8ccd38 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f459fd48bdc98491ca6d1a3.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f459fd48bdc98491ca6d1a3.md @@ -1,6 +1,6 @@ --- id: 5f459fd48bdc98491ca6d1a3 -title: Step 71 +title: ステップ 71 challengeType: 0 dashedName: step-71 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f45a05977e2fa49d9119437.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f45a05977e2fa49d9119437.md index 301a8b7d1be..fa3ce6e5019 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f45a05977e2fa49d9119437.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f45a05977e2fa49d9119437.md @@ -1,6 +1,6 @@ --- id: 5f45a05977e2fa49d9119437 -title: Step 72 +title: ステップ 72 challengeType: 0 dashedName: step-72 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f45a276c093334f0f6e9df4.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f45a276c093334f0f6e9df4.md index 8cceb474022..c0789dce095 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f45a276c093334f0f6e9df4.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f45a276c093334f0f6e9df4.md @@ -1,6 +1,6 @@ --- id: 5f45a276c093334f0f6e9df4 -title: Step 73 +title: ステップ 73 challengeType: 0 dashedName: step-73 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f45a5a7c49a8251f0bdb527.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f45a5a7c49a8251f0bdb527.md index c73a269d954..6a0c14a7a8a 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f45a5a7c49a8251f0bdb527.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f45a5a7c49a8251f0bdb527.md @@ -1,6 +1,6 @@ --- id: 5f45a5a7c49a8251f0bdb527 -title: Step 74 +title: ステップ 74 challengeType: 0 dashedName: step-74 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f45a66d4a2b0453301e5a26.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f45a66d4a2b0453301e5a26.md index 66472229260..5f4b964b46f 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f45a66d4a2b0453301e5a26.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f45a66d4a2b0453301e5a26.md @@ -1,6 +1,6 @@ --- id: 5f45a66d4a2b0453301e5a26 -title: Step 78 +title: ステップ 78 challengeType: 0 dashedName: step-78 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f45b0731d39e15d54df4dfc.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f45b0731d39e15d54df4dfc.md index 8b051f5694b..60001468c37 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f45b0731d39e15d54df4dfc.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f45b0731d39e15d54df4dfc.md @@ -1,6 +1,6 @@ --- id: 5f45b0731d39e15d54df4dfc -title: Step 79 +title: ステップ 79 challengeType: 0 dashedName: step-79 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f45b25e7ec2405f166b9de1.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f45b25e7ec2405f166b9de1.md index 156df67b998..e3d64e0ac59 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f45b25e7ec2405f166b9de1.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f45b25e7ec2405f166b9de1.md @@ -1,6 +1,6 @@ --- id: 5f45b25e7ec2405f166b9de1 -title: Step 80 +title: ステップ 80 challengeType: 0 dashedName: step-80 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f45b3c93c027860d9298dbd.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f45b3c93c027860d9298dbd.md index a3642247945..0addb7cd5a3 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f45b3c93c027860d9298dbd.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f45b3c93c027860d9298dbd.md @@ -1,6 +1,6 @@ --- id: 5f45b3c93c027860d9298dbd -title: Step 81 +title: ステップ 81 challengeType: 0 dashedName: step-81 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f45b45d099f3e621fbbb256.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f45b45d099f3e621fbbb256.md index 327d567ad23..a722821319c 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f45b45d099f3e621fbbb256.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f45b45d099f3e621fbbb256.md @@ -1,6 +1,6 @@ --- id: 5f45b45d099f3e621fbbb256 -title: Step 82 +title: ステップ 82 challengeType: 0 dashedName: step-82 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f45b4c81cea7763550e40df.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f45b4c81cea7763550e40df.md index 59f1f2ddcf0..ff4a8ab8a73 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f45b4c81cea7763550e40df.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f45b4c81cea7763550e40df.md @@ -1,6 +1,6 @@ --- id: 5f45b4c81cea7763550e40df -title: Step 83 +title: ステップ 83 challengeType: 0 dashedName: step-83 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f45b715301bbf667badc04a.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f45b715301bbf667badc04a.md index 90ec6d8d056..c242636a8a8 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f45b715301bbf667badc04a.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f45b715301bbf667badc04a.md @@ -1,6 +1,6 @@ --- id: 5f45b715301bbf667badc04a -title: Step 84 +title: ステップ 84 challengeType: 0 dashedName: step-84 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f46e270702a8456a664f0df.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f46e270702a8456a664f0df.md index 136b07c3823..be0448d6d07 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f46e270702a8456a664f0df.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f46e270702a8456a664f0df.md @@ -1,6 +1,6 @@ --- id: 5f46e270702a8456a664f0df -title: Step 85 +title: ステップ 85 challengeType: 0 dashedName: step-85 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f46e36e745ead58487aabf2.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f46e36e745ead58487aabf2.md index 0e780de877a..7a92404532c 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f46e36e745ead58487aabf2.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f46e36e745ead58487aabf2.md @@ -1,6 +1,6 @@ --- id: 5f46e36e745ead58487aabf2 -title: Step 86 +title: ステップ 86 challengeType: 0 dashedName: step-86 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f46e7a4750dd05b5a673920.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f46e7a4750dd05b5a673920.md index 738bdf9bf3a..737748fce24 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f46e7a4750dd05b5a673920.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f46e7a4750dd05b5a673920.md @@ -1,6 +1,6 @@ --- id: 5f46e7a4750dd05b5a673920 -title: Step 87 +title: ステップ 87 challengeType: 0 dashedName: step-87 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f46e8284aae155c83015dee.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f46e8284aae155c83015dee.md index 7a717ef15ee..6d371f0ad44 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f46e8284aae155c83015dee.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f46e8284aae155c83015dee.md @@ -1,6 +1,6 @@ --- id: 5f46e8284aae155c83015dee -title: Step 88 +title: ステップ 88 challengeType: 0 dashedName: step-88 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f46ede1ff8fec5ba656b44c.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f46ede1ff8fec5ba656b44c.md index b5c612d3e45..8d9bc11a280 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f46ede1ff8fec5ba656b44c.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f46ede1ff8fec5ba656b44c.md @@ -1,6 +1,6 @@ --- id: 5f46ede1ff8fec5ba656b44c -title: Step 77 +title: ステップ 77 challengeType: 0 dashedName: step-77 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f46fc57528aa1c4b5ea7c2e.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f46fc57528aa1c4b5ea7c2e.md index 964e74a304a..8df6b806eba 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f46fc57528aa1c4b5ea7c2e.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f46fc57528aa1c4b5ea7c2e.md @@ -1,6 +1,6 @@ --- id: 5f46fc57528aa1c4b5ea7c2e -title: Step 75 +title: ステップ 75 challengeType: 0 dashedName: step-75 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f4701b942c824109626c3d8.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f4701b942c824109626c3d8.md index f63d9669670..59d2488be78 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f4701b942c824109626c3d8.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f4701b942c824109626c3d8.md @@ -1,6 +1,6 @@ --- id: 5f4701b942c824109626c3d8 -title: Step 76 +title: ステップ 76 challengeType: 0 dashedName: step-76 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f475bb508746c16c9431d42.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f475bb508746c16c9431d42.md index f9e9d3ca5a4..0e690cc5ee2 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f475bb508746c16c9431d42.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f475bb508746c16c9431d42.md @@ -1,6 +1,6 @@ --- id: 5f475bb508746c16c9431d42 -title: Step 89 +title: ステップ 89 challengeType: 0 dashedName: step-89 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f475e1c7f71a61d913836c6.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f475e1c7f71a61d913836c6.md index 009f0f66391..896343f8384 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f475e1c7f71a61d913836c6.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f475e1c7f71a61d913836c6.md @@ -1,6 +1,6 @@ --- id: 5f475e1c7f71a61d913836c6 -title: Step 90 +title: ステップ 90 challengeType: 0 dashedName: step-90 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f47633757ae3469f2d33d2e.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f47633757ae3469f2d33d2e.md index 65e13be9991..1a0fc4d2f79 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f47633757ae3469f2d33d2e.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f47633757ae3469f2d33d2e.md @@ -1,6 +1,6 @@ --- id: 5f47633757ae3469f2d33d2e -title: Step 45 +title: ステップ 45 challengeType: 0 dashedName: step-45 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f47fe7e31980053a8d4403b.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f47fe7e31980053a8d4403b.md index 4b271b1da39..e7155cce6a9 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f47fe7e31980053a8d4403b.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f47fe7e31980053a8d4403b.md @@ -1,6 +1,6 @@ --- id: 5f47fe7e31980053a8d4403b -title: Step 91 +title: ステップ 91 challengeType: 0 dashedName: step-91 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f716ad029ee4053c7027a7a.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f716ad029ee4053c7027a7a.md index 665e8b84057..d5bb7d86d26 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f716ad029ee4053c7027a7a.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f716ad029ee4053c7027a7a.md @@ -1,6 +1,6 @@ --- id: 5f716ad029ee4053c7027a7a -title: Step 49 +title: ステップ 49 challengeType: 0 dashedName: step-49 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f716bee5838c354c728a7c5.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f716bee5838c354c728a7c5.md index 2793701aaac..2802b42fc4a 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f716bee5838c354c728a7c5.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f716bee5838c354c728a7c5.md @@ -1,6 +1,6 @@ --- id: 5f716bee5838c354c728a7c5 -title: Step 52 +title: ステップ 52 challengeType: 0 dashedName: step-52 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f7691dafd882520797cd2f0.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f7691dafd882520797cd2f0.md index 85c6b8b8a21..ee19e17ff78 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f7691dafd882520797cd2f0.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f7691dafd882520797cd2f0.md @@ -1,6 +1,6 @@ --- id: 5f7691dafd882520797cd2f0 -title: Step 43 +title: ステップ 43 challengeType: 0 dashedName: step-43 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f7692f7c5b3ce22a57788b6.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f7692f7c5b3ce22a57788b6.md index e139bb73cb9..bdba7b0c2d1 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f7692f7c5b3ce22a57788b6.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f7692f7c5b3ce22a57788b6.md @@ -1,6 +1,6 @@ --- id: 5f7692f7c5b3ce22a57788b6 -title: Step 44 +title: ステップ 44 challengeType: 0 dashedName: step-44 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f769541be494f25449b292f.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f769541be494f25449b292f.md index 91ea2192fdb..eb87764dbe5 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f769541be494f25449b292f.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f769541be494f25449b292f.md @@ -1,6 +1,6 @@ --- id: 5f769541be494f25449b292f -title: Step 33 +title: ステップ 33 challengeType: 0 dashedName: step-33 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f76967fad478126d6552b0d.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f76967fad478126d6552b0d.md index 2f2e6475ee5..63e248ef6c3 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f76967fad478126d6552b0d.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f76967fad478126d6552b0d.md @@ -1,6 +1,6 @@ --- id: 5f76967fad478126d6552b0d -title: Step 34 +title: ステップ 34 challengeType: 0 dashedName: step-34 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f769702e6e33127d14aa120.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f769702e6e33127d14aa120.md index 2fa697814eb..ff7d6eb518f 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f769702e6e33127d14aa120.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f769702e6e33127d14aa120.md @@ -1,6 +1,6 @@ --- id: 5f769702e6e33127d14aa120 -title: Step 35 +title: ステップ 35 challengeType: 0 dashedName: step-35 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f7b87422a560036fd03ccff.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f7b87422a560036fd03ccff.md index f4e42cabe18..c498f22ed11 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f7b87422a560036fd03ccff.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f7b87422a560036fd03ccff.md @@ -1,6 +1,6 @@ --- id: 5f7b87422a560036fd03ccff -title: Step 50 +title: ステップ 50 challengeType: 0 dashedName: step-50 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f7b88d37b1f98386f04edc0.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f7b88d37b1f98386f04edc0.md index ac638369c3e..6da6be7b014 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f7b88d37b1f98386f04edc0.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f7b88d37b1f98386f04edc0.md @@ -1,6 +1,6 @@ --- id: 5f7b88d37b1f98386f04edc0 -title: Step 51 +title: ステップ 51 challengeType: 0 dashedName: step-51 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/616965351e74d4689eb6de30.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/616965351e74d4689eb6de30.md index 59316b5e280..f221c980479 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/616965351e74d4689eb6de30.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/616965351e74d4689eb6de30.md @@ -7,24 +7,24 @@ dashedName: step-5 # --description-- -Add another self-closing `meta` element within the `head`. Give it a `name` attribute set to `viewport` and a `content` attribute set to `width=device-width, initial-scale=1.0` so your page looks the same on all devices. +自己終了要素である `meta` 要素をもう 1 つ、`head` 要素内に追加してください。 `name` 属性を `viewport` に、`content` 属性を `width=device-width, initial-scale=1.0` に設定してください。これにより、あらゆるデバイスでページが同じように表示されます。 # --hints-- -You should have two `meta` elements. +`meta` 要素が 2 つ必要です。 ```js const meta = document.querySelectorAll('meta'); assert(meta?.length === 2); ``` -Your new `meta` element should be a self-closing element. +新しい `meta` 要素は自己終了要素である必要があります。 ```js assert(code.match(/<\/meta>/i) === null); ``` -Your new `meta` element should have a `name` attribute set to `viewport`, and a `content` attribute set to `width=device-width, initial-scale=1.0`. +新しい `meta` 要素の `name` 属性には `viewport` を、`content` 属性には `width=device-width, initial-scale=1.0` を設定する必要があります。 ```js const meta = [...document.querySelectorAll('meta')]; diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/616d4a84b756d9c4b8255093.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/616d4a84b756d9c4b8255093.md index 772b65d5862..1983d07327c 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/616d4a84b756d9c4b8255093.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/616d4a84b756d9c4b8255093.md @@ -7,7 +7,7 @@ dashedName: step-11 # --description-- -It's time to add some color to the marker. 要素に色をつける方法の 1 つに、`black` や `cyan`、`yellow` のような色キーワードを使う方法があることを思い出してください。 +ではマーカーに色を追加しましょう。 要素に色をつける方法の 1 つに、`black` や `cyan`、`yellow` のような色キーワードを使う方法があることを思い出してください。 ヒントとして、クラス `freecodecamp` を選択する方法は次の通りです: @@ -19,17 +19,17 @@ It's time to add some color to the marker. 要素に色をつける方法の 1 クラス `marker` を選択する新しい CSS ルールを作成し、`background-color` プロパティを `red` に設定してください。 -**Note:** You will not see any changes after adding the CSS. +**注:** この CSS を追加しても、まだ目に見える変化はありません。 # --hints-- -You should create a class selector to target the `marker` class. +クラス `marker` を選択するクラスセレクターを作成する必要があります。 ```js assert(new __helpers.CSSHelp(document).getStyle('.marker')); ``` -Your `.marker` CSS rule should have a `background-color` property set to `red`. +`.marker` 用の CSS ルールの `background-color` プロパティを `red` に設定する必要があります。 ```js assert(new __helpers.CSSHelp(document).getStyle('.marker')?.backgroundColor === 'red'); diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/616d50b93ba424d6282c99cf.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/616d50b93ba424d6282c99cf.md index b0a4624f9b0..af078a41803 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/616d50b93ba424d6282c99cf.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/616d50b93ba424d6282c99cf.md @@ -7,9 +7,9 @@ dashedName: step-12 # --description-- -The background color was applied, but since the marker `div` element is empty, it doesn't have any height by default. +背景色は適用されていますが、マーカーの `div` 要素が空なので、デフォルトの状態では高さがゼロになっています。 -In your `.marker` CSS rule, set the `height` property to `25px` and the `width` property to `200px` +`.marker` の CSS ルール内で、`height` プロパティを `25px` に、`width` プロパティを `200px` に設定してください。 # --hints-- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-flexbox-by-building-a-photo-gallery/6153a3952facd25a83fe8083.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-flexbox-by-building-a-photo-gallery/6153a3952facd25a83fe8083.md index cf3c29826c9..62a4136c5f8 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-flexbox-by-building-a-photo-gallery/6153a3952facd25a83fe8083.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-flexbox-by-building-a-photo-gallery/6153a3952facd25a83fe8083.md @@ -7,9 +7,9 @@ dashedName: step-20 # --description-- -疑似要素 `::after` は、選択された要素の最後の子要素にあたる要素を作成します。 この擬似要素を使って、最後の画像の後に空の要素を追加することができます。 疑似要素に画像と同じ `width` を設定すれば、ギャラリーが 2 列レイアウトの時、最後の画像を左に押しやることができます。 Right now, it is in the center because you set `justify-content: center` on the flex container. +疑似要素 `::after` は、選択された要素の最後の子要素にあたる要素を作成します。 この擬似要素を使って、最後の画像の後に空の要素を追加することができます。 疑似要素に画像と同じ `width` を設定すれば、ギャラリーが 2 列レイアウトの時、最後の画像を左に押しやることができます。 この時点では、フレックスコンテナに `justify-content: center` が設定されているので、最後の画像は中央に表示されています。 -Example: +例: ```CSS .container::after { @@ -18,17 +18,17 @@ Example: } ``` -Create a new selector using an `::after` pseudo-element on the `.gallery` element. Add a `content` property set to an empty string `""` and `350px` set for the `width` property. +`.gallery` 要素に疑似要素 `::after` を使用して、新しいセレクターを作成してください。 `content` プロパティに空文字列 `""` と、`width` プロパティに `350px` を設定してください。 # --hints-- -Your `.gallery::after` selector should have an empty string `""` set for the `content` property. +`.gallery::after` セレクターの `content` プロパティを、空文字列 `""` に設定する必要があります。 ```js assert(new __helpers.CSSHelp(document).getStyle('.gallery::after')?.content === "\"\""); ``` -Your `.gallery::after` selector should have `350px` set for the `width` property. +`.gallery::after` セレクターの `width` プロパティを `350px` に設定する必要があります。 ```js assert(new __helpers.CSSHelp(document).getStyle('.gallery::after')?.width === "350px"); diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-flexbox-by-building-a-photo-gallery/6153a3ebb4f7f05b8401b716.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-flexbox-by-building-a-photo-gallery/6153a3ebb4f7f05b8401b716.md index e48cb252fba..993ab656172 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-flexbox-by-building-a-photo-gallery/6153a3ebb4f7f05b8401b716.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-flexbox-by-building-a-photo-gallery/6153a3ebb4f7f05b8401b716.md @@ -8,14 +8,14 @@ dashedName: step-21 # --description-- -The `alt` image attribute should describe the image content. Screen readers announce the alternative text in place of images. If the image can't be loaded, this text is presented in place of the image. +画像の `alt` 属性で画像の内容を説明する必要があります。 スクリーンリーダーは画像の代わりに代替テキストを読み上げます。 画像が読み込めない場合にも、画像の代わりにこのテキストが表示されます。 -To complete the project, add an `alt` attribute to all nine of your cat images to describe them. Use a value at least five characters long for each. +9 枚の猫の画像すべてに `alt` 属性で説明を追加して、このプロジェクトを完成させましょう。 それぞれ最低 5 文字以上の値を使用してください。 # --hints-- -All nine of your `img` elements should have a `alt` attribute with text describing each image, with each description using at least `5` letters. +9 つの `img` 要素すべてが `alt` 属性と各画像を説明するテキストを持ち、それぞれの説明が最低 `5` 文字以上である必要があります。 ```js const images = [...document.querySelectorAll('img')]; diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/619be8ce4ea49008c5bfbc30.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/619be8ce4ea49008c5bfbc30.md index 0e4d112af37..f949f7705cf 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/619be8ce4ea49008c5bfbc30.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/619be8ce4ea49008c5bfbc30.md @@ -7,7 +7,7 @@ dashedName: step-43 # --description-- -Increase the pseudo-element's transparency by `30%`. +疑似要素の透明度を `30%` 増やしてください。 # --hints-- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/619d30350883802921bfcccc.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/619d30350883802921bfcccc.md index 4c7cd0c8940..a8bd5475c77 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/619d30350883802921bfcccc.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/619d30350883802921bfcccc.md @@ -19,7 +19,7 @@ dashedName: step-95 assert.notEmpty(new __helpers.CSSHelp(document).getCSSRules('keyframes')); ``` -You should give the `@keyframes` rule a name of `--fcc-expected--`, but found `--fcc-actual--`. +`@keyframes` ルールの名前を `--fcc-expected--` に設定する必要がありますが、`--fcc-actual--` が設定されています。 ```js assert.equal(new __helpers.CSSHelp(document).getCSSRules('keyframes')?.[0]?.name, 'wave'); diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98dc.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98dc.md index dae1ca10880..2900249b23d 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98dc.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98dc.md @@ -7,7 +7,7 @@ dashedName: step-20 # --description-- -現状、各ビルが縦に積み重なってしまっています。 Align the buildings by turning the `background-buildings` element into a flexbox parent. Use the `align-items` and `justify-content` properties to evenly space the buildings across the bottom of the element. +現状、各ビルが縦に積み重なってしまっています。 `background-buildings` の要素をフレックスボックスの親にして、ビルを整列させましょう。 `align-items` プロパティと `justify-content` プロパティを使用して、ビルを要素の下部に、等間隔で配置してください。 # --hints-- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98de.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98de.md index 8f01578420d..0cee3aa84ad 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98de.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98de.md @@ -7,7 +7,7 @@ dashedName: step-22 # --description-- -Create a new variable below your `--building-color1` variable. Name your new variable `--building-color2` and give it a value of `#66cc99`. Then set it as the `background-color` of `.bb2`. +`--building-color1` 変数の下に、新しい変数を作成してください。 新しい変数の名前は `--building-color2`、値は `#66cc99` としてください。 次にその変数を `.bb2` の `background-color` として設定してください。 # --hints-- @@ -17,7 +17,7 @@ Create a new variable below your `--building-color1` variable. Name your new var assert.exists(new __helpers.CSSHelp(document).isPropertyUsed('--building-color2')); ``` -You should give `--building-color2` a value of `#66cc99` within the `.bb1` class. +`.bb1` クラス内で、`--building-color2` に値 `#66cc99` を代入してください。 ```js assert.equal(new __helpers.CSSHelp(document).getStyle('.bb1')?.getPropertyValue('--building-color2').trim(), '#66cc99'); diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e990f.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e990f.md index 407f4284815..4ddf33b54bc 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e990f.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e990f.md @@ -8,29 +8,29 @@ dashedName: step-71 # --description-- -窓がセクションの左端、紫色のビルの後ろで互いに積み重なっています。 Add a new class below `.building-wrap` called `window-wrap`. Make `.window-wrap` a flexbox container, and use the `align-items` and `justify-content` properties to center its child elements vertically and evenly space them in their parent, respectively. +窓がセクションの左端、紫色のビルの後ろで互いに積み重なっています。 `.building-wrap` の下に `window-wrap` という名前の新しいクラスを追加してください. `.window-wrap` をフレックスボックスのコンテナーにして、`align-items` プロパティと `justify-content` プロパティを使って、子要素を垂直方向の中央に、等間隔で配置してください。 # --hints-- -You should create a `.window-wrap` selector. +`.window-wrap` セレクターを作成する必要があります。 ```js assert.exists(new __helpers.CSSHelp(document).getStyle(".window-wrap")); ``` -You should give `.window-wrap` a `display` of `flex`. +`.window-wrap` の `display` を `flex` に設定する必要があります。 ```js assert.equal(new __helpers.CSSHelp(document).getStyle(".window-wrap")?.display, "flex"); ``` -You should give `.window-wrap` an `align-items` of `center`. +`.window-wrap` の `align-items` を `center` に設定する必要があります。 ```js assert.equal(new __helpers.CSSHelp(document).getStyle(".window-wrap")?.alignItems, "center"); ``` -You should give `.window-wrap` a `justify-content` of `space-evenly`. +`.window-wrap` の `justify-content` を `space-evenly` に設定する必要があります。 ```js assert.equal(new __helpers.CSSHelp(document).getStyle(".window-wrap")?.justifyContent, "space-evenly"); diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e992f.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e992f.md index 7a38ddd8035..6683f13638b 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e992f.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e992f.md @@ -7,7 +7,7 @@ dashedName: step-102 # --description-- -The windows are stacked on top of each other on the rightmost purple building. Turn the building into a flexbox parent, and use the `flex-wrap` property to put the windows side by side, and push them down to a new row when they don't fit. +右側の紫のビルの窓が、縦に積み重なっています。 このビルをフレックスボックスの親にして `flex-wrap` プロパティを使用し、窓が横方向に並び、収まりきらない場合新しい行に押し下げられるよう設定してください。 # --hints-- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dc2385ff86c76b9248c6eb7.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dc2385ff86c76b9248c6eb7.md index 575fe3ad786..ba8a7683ec6 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dc2385ff86c76b9248c6eb7.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dc2385ff86c76b9248c6eb7.md @@ -25,7 +25,7 @@ assert(document.querySelector('main')); assert(code.match(/<\/main\>/)); ``` -Your `main` element's opening tag should be below the `body` element's opening tag. 順番が誤っているようです。 +`main` 要素の開始タグは `body` 要素の開始タグの下に置く必要があります。 順番が誤っているようです。 ```js const main = document.querySelector('main'); diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dc23991f86c76b9248c6eb8.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dc23991f86c76b9248c6eb8.md index 3b1e32c8128..4e1fb43702f 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dc23991f86c76b9248c6eb8.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dc23991f86c76b9248c6eb8.md @@ -7,9 +7,9 @@ dashedName: step-6 # --description-- -In the previous step, you put the `h1`, `h2`, comment, and `p` elements inside the `main` element. This is called *nesting*. Nested elements should be placed two spaces further to the right of the element they are nested in. This spacing is called indentation and it is used to make HTML easier to read. +前のステップで、 `h1` 要素、`h2` 要素、コメント、`p` 要素を `main` 要素の中に入れました。 これを「*ネストする*」といいます。 ネストされた要素は、外側の要素よりもスペース 2 つ分右に配置するようにしましょう。 このスペースはインデント (字下げ) と呼ばれ、HTML を読みやすくする目的で使われます。 -The `h1` element, `h2` element and the comment are indented two spaces more than the `main` element in the code below. Use the space bar on your keyboard to add two more spaces in front of the `p` element so that it is indented properly as well. +以下のコードでは、`h1` 要素、`h2` 要素およびコメントは、`main` 要素よりもスペース 2 つ分インデントされています。 同様に、`p` 要素の前にもキーボードのスペースキーを使ってスペースを 2 つ追加して、適切にインデントしてください。 # --hints-- @@ -31,7 +31,7 @@ assert( ); ``` -`h2` 要素の行のインデントは変更しないでください。 Its opening tag should start 6 spaces over from the start of the line. ステップをやり直すと元のインデントを復元することができます。 +`h2` 要素の行のインデントは変更しないでください。 その行の開始タグは行頭から 6 つのスペースを空けて書き始める必要があります。 ステップをリセットすると元のインデントを復元することができます。 ```js assert(code.toLowerCase().match(/<\/h1\>\s*\n\s{6}

/)); @@ -49,7 +49,7 @@ assert(code.match(//)); assert(code.match(//i)); ``` -コメント要素の行のインデントは変更しないでください。 Its opening tag should start 6 spaces over from the start of the line. ステップをやり直すと元のインデントを復元することができます。 +コメント要素の行のインデントは変更しないでください。 その行の開始タグは行頭から 6 つのスペースを空けて書き始める必要があります。 ステップをリセットすると元のインデントを復元することができます。 ```js assert( @@ -76,7 +76,7 @@ assert( ); ``` -The opening `p` tag should have indentation that matches your `h2` and comment elements. Its opening tag should start 6 spaces over from the start of the line. +`p` の開始タグには、`h2` 要素とコメント要素と同じインデントを設定する必要があります。 この開始タグは行頭から 6 つのスペースを空けて書き始める必要があります。 ```js assert(code.toLowerCase().match(/-->\s*\n\s{6}

/)); diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804dc.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804dc.md index f9bc1db22e3..85e019f14c2 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804dc.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804dc.md @@ -51,7 +51,7 @@ assert( assert($('input')[0].hasAttribute('type')); ``` -Your new `input` element should have only one `type` attribute. Remove any extras. +新しい `input` 要素には `type` 属性が 1 つだけ必要です。 余分なものは削除してください。 ```js assert($('input')[0] @@ -61,7 +61,7 @@ assert($('input')[0] ); ``` -Your new `input` element should have a `type` attribute with the value `radio`. You have either omitted the value or have a typo. Remember that attribute values should be surrounded with quotation marks. +新しい `input` 要素には `type` 属性があり、値が `radio` に設定されている必要があります。 値が設定されていないか、誤字脱字があります。 属性値は引用符で囲むことを忘れないでください。 ```js assert( @@ -71,20 +71,20 @@ assert( ); ``` -Although you have set the new `input` element's `type` attribute to `radio`, it is recommended to always surround the value of an attribute with quotation marks. +新しい `input` 要素の `type` 属性は `radio` に設定されていますが、属性の値は常に引用符で囲むことが推奨されています。 ```js assert(!/\<\s*input\s+type\s*=\s*radio/i.test(code)); ``` -The `radio` button's `Indoor` text should be located after it instead of before it. +`radio` ボタンのテキスト `Indoor` は、ラジオボタンの前ではなく、後に配置してください。 ```js const radioInputElem = $('input')[0]; assert(!radioInputElem.previousSibling.nodeValue.match(/Indoor/i)); ``` -The text `Indoor` should be located directly to the right of your `radio` button. You have either omitted the text or have a typo. +`Indoor` というテキストは `radio` ボタンの右側に配置してください。 テキストが設定されていないか、誤字脱字があります。 ```js const radioInputElem = $('input')[0]; diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804ea.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804ea.md index 07ad8b1eab5..978956c9dd0 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804ea.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804ea.md @@ -9,7 +9,7 @@ dashedName: step-65 ここまでページに追加してきた物がすべて `body` 要素内にあることに注目しましょう。 ページ上に表示されるべきコンテンツの要素は、すべて `body` 要素の中に入れます。 ですが、その他の重要な情報を `head` 要素に入れます。 -Add a `head` element above the `body` element. +`body` 要素の上に `head` 要素を追加してください。 # --hints-- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5efae0543cbd2bbdab94e333.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5efae0543cbd2bbdab94e333.md index 907534e6750..329d9dd8298 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5efae0543cbd2bbdab94e333.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5efae0543cbd2bbdab94e333.md @@ -7,7 +7,7 @@ dashedName: step-30 # --description-- -To improve accessibility of the image you added, add an `alt` attribute with the text: +先ほど追加した画像のアクセシビリティを向上させるために、`alt` 属性に下記テキストを追加してください: `Five cats looking around a field.` diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/62bb4009e3458a128ff57d5d.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/62bb4009e3458a128ff57d5d.md index 18e887a1505..98f6a5c99e8 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/62bb4009e3458a128ff57d5d.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/62bb4009e3458a128ff57d5d.md @@ -7,17 +7,17 @@ dashedName: step-69 # --description-- -You can set browser behavior by adding self-closing `meta` elements in the `head`. Here's an example: +`head` 要素内に自己終了要素である `meta` 要素を追加することで、ブラウザーのふるまいを設定できます。 こちらがその例です。 ```html ``` -Tell the browser to parse the markup into multiple languages by creating a `meta` element as a child of the `head` element. meta 要素の `charset` 属性を `UTF-8` に設定してください。 +`head` 要素の子要素として `meta` 要素を追加して、マークアップをさまざまな言語 (の文字) で表示できるようブラウザーに指示しましょう。 meta 要素の `charset` 属性を `UTF-8` に設定してください。 # --hints-- -You should create a self-closing `meta` element within the `head` element. +`head` 要素の中に自己終了要素である `meta` 要素を作成する必要があります。 ```js assert.exists(document.querySelector('head > meta')); @@ -29,7 +29,7 @@ assert.exists(document.querySelector('head > meta')); assert.equal(document.querySelector('head > meta')?.getAttribute('charset')?.toLowerCase(), 'utf-8'); ``` -Your `meta` element should be a self-closing tag, you don't need to add ``. +`meta` 要素は自己終了タグなので、`` は必要ありません。 ```js assert.notMatch(code, /<\/meta\s*>?/i); diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f0286404aefb0562a4fdf9.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f0286404aefb0562a4fdf9.md index 97a88965b02..f5d3f53e8b6 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f0286404aefb0562a4fdf9.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f0286404aefb0562a4fdf9.md @@ -7,7 +7,7 @@ dashedName: step-4 # --description-- -Add a `title` and a `meta` element to the `head`. プロジェクトのタイトルは `Registration Form` とし、`meta` 要素には `charset` 属性と値 `UTF-8` を設定してください。 +`head` 内に、`title` 要素と `meta` 要素を追加してください。 プロジェクトのタイトルは `Registration Form` とし、`meta` 要素には `charset` 属性と値 `UTF-8` を設定してください。 # --hints-- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1922fcbd2410527b3bd89.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1922fcbd2410527b3bd89.md index fce08709258..707dde5da04 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1922fcbd2410527b3bd89.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1922fcbd2410527b3bd89.md @@ -6,25 +6,25 @@ dashedName: step-8 --- # --description-- -The `vh` unit stands for viewport height, and is relative to 1% of the `height` of the viewport. +`vh` という単位はビューポートの高さ (viewport height) を表し、ビューポートの `height` の 1% に相当します。 -It is time to spruce the project up with some CSS. Begin by giving the `body` a `width` of `100%`, and a `height` of `100vh`. +では CSS を追加して、プロジェクトの見た目を整えましょう。 まず、`body` の `width` を `100%` に、`height` を `100vh` に設定してください。 # --hints-- -You should use the `body` element selector. +`body` 要素セレクターを使用する必要があります。 ```js assert.exists(new __helpers.CSSHelp(document).getStyle('body')); ``` -You should give the `body` a `width` of `100%`. +`body` の `width` を `100%` に設定する必要があります。 ```js assert.equal(new __helpers.CSSHelp(document).getStyle('body')?.width, '100%'); ``` -You should give the `body` a `height` of `100vh`. +`body` の `height` を `100vh` に設定する必要があります。 ```js assert.equal(new __helpers.CSSHelp(document).getStyle('body')?.height, '100vh'); diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5cb8875ab6a0610f05071.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5cb8875ab6a0610f05071.md index cf48af792d2..c02c26b4685 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5cb8875ab6a0610f05071.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5cb8875ab6a0610f05071.md @@ -1,13 +1,13 @@ --- id: 60f5cb8875ab6a0610f05071 -title: Step 13 +title: ステップ 13 challengeType: 0 dashedName: step-13 --- # --description-- -As the form will have three distinct sections, add three `fieldset` elements within the `form` element. +フォームを 3 つのセクションに分けるため、`form` 要素内に `fieldset` を 3 つ追加してください。 # --hints-- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5d2776c854e069560fbe6.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5d2776c854e069560fbe6.md index 0f0ffd1c7cd..cf0669596da 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5d2776c854e069560fbe6.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5d2776c854e069560fbe6.md @@ -1,6 +1,6 @@ --- id: 60f5d2776c854e069560fbe6 -title: Step 14 +title: ステップ 14 challengeType: 0 dashedName: step-14 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5dc35c07ac1078f140916.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5dc35c07ac1078f140916.md index de6d576784d..f8c2da64403 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5dc35c07ac1078f140916.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5dc35c07ac1078f140916.md @@ -1,6 +1,6 @@ --- id: 60f5dc35c07ac1078f140916 -title: Step 15 +title: ステップ 15 challengeType: 0 dashedName: step-15 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f803d5241e6a0433a523a1.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f803d5241e6a0433a523a1.md index e0b52bc66d2..c8e32f661d8 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f803d5241e6a0433a523a1.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f803d5241e6a0433a523a1.md @@ -1,30 +1,30 @@ --- id: 60f803d5241e6a0433a523a1 -title: Step 16 +title: ステップ 16 challengeType: 0 dashedName: step-16 --- # --description-- -The `rem` unit stands for root `em`, and is relative to the font size of the `html` element. +`rem` という単位は「root (ルート要素) の `em`」を表し、`html` 要素のフォントサイズに比例します。 -As `label` elements are inline by default, they are all displayed side by side on the same line, making their text hard to read. To make them appear on separate lines, add `display: block` to the `label` element, and add a `margin` of `0.5rem 0`, to separate them from each other. +`label` 要素はデフォルトではインラインなので、すべて同じ行に並んで表示されてテキストが読み辛くなります。 別の行に表示させるには、`label` 要素に `display: block` を追加してください。また、それぞれ離れて表示させるために、`margin` を `0.5rem 0` に設定してください。 # --hints-- -You should use the `label` selector. +`label` セレクターを使用する必要があります。 ```js assert.exists(new __helpers.CSSHelp(document).getStyle('label')); ``` -You should add a `display` property of value `block`. +`display` プロパティの値を `block` に設定してください。 ```js assert.equal(new __helpers.CSSHelp(document).getStyle('label')?.display, 'block'); ``` -You should add a `margin` property of value `0.5rem 0`. +`margin` プロパティの値を `0.5rem 0` に設定してください。 ```js assert.equal(new __helpers.CSSHelp(document).getStyle('label')?.margin, '0.5rem 0px'); diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f805f813eaf2049bc2ceea.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f805f813eaf2049bc2ceea.md index ef27c68a326..4124f433fce 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f805f813eaf2049bc2ceea.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f805f813eaf2049bc2ceea.md @@ -1,6 +1,6 @@ --- id: 60f805f813eaf2049bc2ceea -title: Step 17 +title: ステップ 17 challengeType: 0 dashedName: step-17 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f80e0081e0f2052ae5b505.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f80e0081e0f2052ae5b505.md index 0dacab198ca..84010d81a3e 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f80e0081e0f2052ae5b505.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f80e0081e0f2052ae5b505.md @@ -1,6 +1,6 @@ --- id: 60f80e0081e0f2052ae5b505 -title: Step 19 +title: ステップ 19 challengeType: 0 dashedName: step-19 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f81167d0d4910809f88945.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f81167d0d4910809f88945.md index 0d7daeebca0..631ce9d46ba 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f81167d0d4910809f88945.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f81167d0d4910809f88945.md @@ -1,6 +1,6 @@ --- id: 60f81167d0d4910809f88945 -title: Step 20 +title: ステップ 20 challengeType: 0 dashedName: step-20 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f81616cff80508badf9ad5.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f81616cff80508badf9ad5.md index 7288faf07da..fff2c9aa376 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f81616cff80508badf9ad5.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f81616cff80508badf9ad5.md @@ -1,6 +1,6 @@ --- id: 60f81616cff80508badf9ad5 -title: Step 21 +title: ステップ 21 challengeType: 0 dashedName: step-21 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f83e7bfc09900959f41e20.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f83e7bfc09900959f41e20.md index a7090c47950..f0299e11ee1 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f83e7bfc09900959f41e20.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f83e7bfc09900959f41e20.md @@ -1,6 +1,6 @@ --- id: 60f83e7bfc09900959f41e20 -title: Step 22 +title: ステップ 22 challengeType: 0 dashedName: step-22 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f84ec41116b209c280ba91.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f84ec41116b209c280ba91.md index 30b38c3792b..cb29a441adc 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f84ec41116b209c280ba91.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f84ec41116b209c280ba91.md @@ -1,6 +1,6 @@ --- id: 60f84ec41116b209c280ba91 -title: Step 23 +title: ステップ 23 challengeType: 0 dashedName: step-23 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f852f645b5310a8264f555.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f852f645b5310a8264f555.md index 429ffd52270..b52719dfe00 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f852f645b5310a8264f555.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f852f645b5310a8264f555.md @@ -1,6 +1,6 @@ --- id: 60f852f645b5310a8264f555 -title: Step 24 +title: ステップ 24 challengeType: 0 dashedName: step-24 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f85a62fb30c80bcea0cedb.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f85a62fb30c80bcea0cedb.md index 59994bd4cde..2ae90172cf3 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f85a62fb30c80bcea0cedb.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f85a62fb30c80bcea0cedb.md @@ -1,6 +1,6 @@ --- id: 60f85a62fb30c80bcea0cedb -title: Step 25 +title: ステップ 25 challengeType: 0 dashedName: step-25 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8604682407e0d017bbf7f.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8604682407e0d017bbf7f.md index 83a58aa4ee4..50713581ba6 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8604682407e0d017bbf7f.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8604682407e0d017bbf7f.md @@ -1,13 +1,13 @@ --- id: 60f8604682407e0d017bbf7f -title: Step 26 +title: ステップ 26 challengeType: 0 dashedName: step-26 --- # --description-- -利用規約用に、3 つ目の `label` 要素内に `type` が `checkbox` の `input` を追加してください。 Make this `input` element `required` because users should not sign up without reading the terms and conditions. +利用規約用に、3 つ目の `label` 要素内に `type` が `checkbox` の `input` を追加してください。 ユーザーが利用規約を読まずにサインアップすることがないように、この `input` 要素を `required` にしてください。 # --hints-- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8618d191b940d62038513.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8618d191b940d62038513.md index 5b894cc5e56..05bded91f20 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8618d191b940d62038513.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8618d191b940d62038513.md @@ -1,6 +1,6 @@ --- id: 60f8618d191b940d62038513 -title: Step 27 +title: ステップ 27 challengeType: 0 dashedName: step-27 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab4a123ce4b04526b082b.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab4a123ce4b04526b082b.md index a1e08e97770..2f20319f8db 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab4a123ce4b04526b082b.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab4a123ce4b04526b082b.md @@ -1,6 +1,6 @@ --- id: 60fab4a123ce4b04526b082b -title: Step 28 +title: ステップ 28 challengeType: 0 dashedName: step-28 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab8367d35de04e5cb7929.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab8367d35de04e5cb7929.md index c27ef0f5264..e06f4776a13 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab8367d35de04e5cb7929.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab8367d35de04e5cb7929.md @@ -1,6 +1,6 @@ --- id: 60fab8367d35de04e5cb7929 -title: Step 30 +title: ステップ 30 challengeType: 0 dashedName: step-30 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab9f17fa294054b74228c.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab9f17fa294054b74228c.md index 7d887fdfe3a..11183cd54e8 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab9f17fa294054b74228c.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab9f17fa294054b74228c.md @@ -1,6 +1,6 @@ --- id: 60fab9f17fa294054b74228c -title: Step 31 +title: ステップ 31 challengeType: 0 dashedName: step-31 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fabf0dd4959805dbae09e6.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fabf0dd4959805dbae09e6.md index f3927579e28..6932729caab 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fabf0dd4959805dbae09e6.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fabf0dd4959805dbae09e6.md @@ -1,6 +1,6 @@ --- id: 60fabf0dd4959805dbae09e6 -title: Step 32 +title: ステップ 32 challengeType: 0 dashedName: step-32 --- @@ -9,7 +9,7 @@ dashedName: step-32 1 つ目の後にもう 1 つの `label` を追加し、テキストは `Input your age (years):` としてください。 次に、`type` が `number` の `input` をネストしてください。 -Next, add a `min` attribute to the `input` with a value of `13` because users under the age of 13 should not register. Also, users probably will not be over the age of 120; add a `max` attribute with a value of `120`. +次に、13 歳未満のユーザーが登録できないように、`input` に `min` 属性を追加して値を `13` に設定してください。 また、120 歳より年上のユーザーが登録することはおそらくないでしょう。`max` 属性を追加して、値を `120` に設定してください。 これで、範囲外の値でフォームを送信しようとすると警告が表示され、フォームが送信されないようになりました。 試してみてください。 diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac4095512d3066053d73c.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac4095512d3066053d73c.md index e15d7928a00..70fbe646b1f 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac4095512d3066053d73c.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac4095512d3066053d73c.md @@ -1,6 +1,6 @@ --- id: 60fac4095512d3066053d73c -title: Step 33 +title: ステップ 33 challengeType: 0 dashedName: step-33 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac56271087806def55b33.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac56271087806def55b33.md index e229629249c..d4b402b695b 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac56271087806def55b33.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac56271087806def55b33.md @@ -1,6 +1,6 @@ --- id: 60fac56271087806def55b33 -title: Step 34 +title: ステップ 34 challengeType: 0 dashedName: step-34 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac8d7fdfaee0796934f20.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac8d7fdfaee0796934f20.md index c9bcac13722..312ad06be40 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac8d7fdfaee0796934f20.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac8d7fdfaee0796934f20.md @@ -1,6 +1,6 @@ --- id: 60fac8d7fdfaee0796934f20 -title: Step 35 +title: ステップ 35 challengeType: 0 dashedName: step-35 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60faca286cb48b07f6482970.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60faca286cb48b07f6482970.md index 99070a986b2..f0f3e303fbe 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60faca286cb48b07f6482970.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60faca286cb48b07f6482970.md @@ -1,6 +1,6 @@ --- id: 60faca286cb48b07f6482970 -title: Step 36 +title: ステップ 36 challengeType: 0 dashedName: step-36 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facde2d0dc61085b41063f.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facde2d0dc61085b41063f.md index e70046aeeab..480cce58744 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facde2d0dc61085b41063f.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facde2d0dc61085b41063f.md @@ -1,6 +1,6 @@ --- id: 60facde2d0dc61085b41063f -title: Step 37 +title: ステップ 37 challengeType: 0 dashedName: step-37 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facf914c7b9b08d7510c2c.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facf914c7b9b08d7510c2c.md index 1fd5ecd0053..c9cbc95b4e6 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facf914c7b9b08d7510c2c.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facf914c7b9b08d7510c2c.md @@ -1,6 +1,6 @@ --- id: 60facf914c7b9b08d7510c2c -title: Step 39 +title: ステップ 39 challengeType: 0 dashedName: step-39 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad0a812d9890938524f50.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad0a812d9890938524f50.md index 47240c9d61d..111f13315b8 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad0a812d9890938524f50.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad0a812d9890938524f50.md @@ -1,6 +1,6 @@ --- id: 60fad0a812d9890938524f50 -title: Step 40 +title: ステップ 40 challengeType: 0 dashedName: step-40 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad1cafcde010995e15306.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad1cafcde010995e15306.md index 06a9ce6170e..cadb6bd66a5 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad1cafcde010995e15306.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad1cafcde010995e15306.md @@ -1,6 +1,6 @@ --- id: 60fad1cafcde010995e15306 -title: Step 41 +title: ステップ 41 challengeType: 0 dashedName: step-41 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad6dfcc0d930a59becf12.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad6dfcc0d930a59becf12.md index 3a12b8b6fc3..a29854e9382 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad6dfcc0d930a59becf12.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad6dfcc0d930a59becf12.md @@ -1,6 +1,6 @@ --- id: 60fad6dfcc0d930a59becf12 -title: Step 42 +title: ステップ 42 challengeType: 0 dashedName: step-42 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad8e6148f310bba7890b1.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad8e6148f310bba7890b1.md index 624236ab257..b1eac9f1e84 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad8e6148f310bba7890b1.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad8e6148f310bba7890b1.md @@ -1,6 +1,6 @@ --- id: 60fad8e6148f310bba7890b1 -title: Step 43 +title: ステップ 43 challengeType: 0 dashedName: step-43 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad99e09f9d30c1657e790.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad99e09f9d30c1657e790.md index b6dfc519ccb..97698047e1c 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad99e09f9d30c1657e790.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad99e09f9d30c1657e790.md @@ -1,6 +1,6 @@ --- id: 60fad99e09f9d30c1657e790 -title: Step 44 +title: ステップ 44 challengeType: 0 dashedName: step-44 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadb18058e950c73925279.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadb18058e950c73925279.md index 07d603a41f5..4a38eabfb0b 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadb18058e950c73925279.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadb18058e950c73925279.md @@ -1,6 +1,6 @@ --- id: 60fadb18058e950c73925279 -title: Step 45 +title: ステップ 45 challengeType: 0 dashedName: step-45 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadce90f85c50d0bb0dd4f.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadce90f85c50d0bb0dd4f.md index 14f20a4a4df..6d34c5129c0 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadce90f85c50d0bb0dd4f.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadce90f85c50d0bb0dd4f.md @@ -1,6 +1,6 @@ --- id: 60fadce90f85c50d0bb0dd4f -title: Step 46 +title: ステップ 46 challengeType: 0 dashedName: step-46 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadd972e6ffe0d6858fa2d.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadd972e6ffe0d6858fa2d.md index 9950f3014bd..d84504bd577 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadd972e6ffe0d6858fa2d.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadd972e6ffe0d6858fa2d.md @@ -1,6 +1,6 @@ --- id: 60fadd972e6ffe0d6858fa2d -title: Step 48 +title: ステップ 48 challengeType: 0 dashedName: step-48 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadfa2b540b70dcfa8b771.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadfa2b540b70dcfa8b771.md index 48788f632f6..ea910c9323f 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadfa2b540b70dcfa8b771.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadfa2b540b70dcfa8b771.md @@ -1,6 +1,6 @@ --- id: 60fadfa2b540b70dcfa8b771 -title: Step 49 +title: ステップ 49 challengeType: 0 dashedName: step-49 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc219d333e37046f474a6e.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc219d333e37046f474a6e.md index b24aaafdfc5..ddbc7747682 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc219d333e37046f474a6e.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc219d333e37046f474a6e.md @@ -1,6 +1,6 @@ --- id: 60fc219d333e37046f474a6e -title: Step 50 +title: ステップ 50 challengeType: 0 dashedName: step-50 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc22d1e64d1b04cdd4e602.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc22d1e64d1b04cdd4e602.md index 3cb35dc3091..73b7b062ab4 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc22d1e64d1b04cdd4e602.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc22d1e64d1b04cdd4e602.md @@ -1,6 +1,6 @@ --- id: 60fc22d1e64d1b04cdd4e602 -title: Step 51 +title: ステップ 51 challengeType: 0 dashedName: step-51 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc236dc04532052926fdac.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc236dc04532052926fdac.md index 8a607440ae7..324d9aea99d 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc236dc04532052926fdac.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc236dc04532052926fdac.md @@ -1,6 +1,6 @@ --- id: 60fc236dc04532052926fdac -title: Step 52 +title: ステップ 52 challengeType: 0 dashedName: step-52 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe1bc30415f042faea936.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe1bc30415f042faea936.md index 70b342d9234..d6b5173e9a2 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe1bc30415f042faea936.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe1bc30415f042faea936.md @@ -1,31 +1,31 @@ --- id: 60ffe1bc30415f042faea936 -title: Step 53 +title: ステップ 53 challengeType: 0 dashedName: step-53 --- # --description-- -To make the `input` and `textarea` elements blend in with the background theme, set their `background-color` to `#0a0a23`. Then, give them a `1px`, `solid` border with a color of `#0a0a23`. +`input` 要素と `textarea` 要素が背景のテーマと馴染むように、`background-color` を `#0a0a23` に設定してください。 そして、`1px`、`solid`、色が `#0a0a23` の境界線を設定してください。 # --hints-- -You should use a comma separated element selector to select the `input` and `textarea` elements. +`input` および `textarea` の要素を選択するため、カンマ区切りの要素セレクターを使用してください。 ```js const selFunc = selector => new __helpers.CSSHelp(document).getStyle(selector); assert.isTrue(['input, textarea', 'textarea, input'].some(selFunc)); ``` -You should give the `input` and `textarea` elements a `background-color` of `#0a0a23`. +`input` 要素と `textarea` 要素の `background-color` を `#0a0a23` に設定する必要があります。 ```js const selFunc = selector => new __helpers.CSSHelp(document).getStyle(selector); assert.equal(selFunc(['input, textarea', 'textarea, input'].find(selFunc))?.backgroundColor, 'rgb(10, 10, 35)'); ``` -You should give the `input` and `textarea` elements a `1px`, `solid` border with a color of `#0a0a23`. +`input` 要素と `textarea` 要素の境界線を、`1px`、`solid`、境界線の色は `#0a0a23` に設定する必要があります。 ```js const selFunc = selector => new __helpers.CSSHelp(document).getStyle(selector); diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe3936796ac04959285a9.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe3936796ac04959285a9.md index 518710ba48a..07bbabb0544 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe3936796ac04959285a9.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe3936796ac04959285a9.md @@ -1,26 +1,26 @@ --- id: 60ffe3936796ac04959285a9 -title: Step 54 +title: ステップ 54 challengeType: 0 dashedName: step-54 --- # --description-- -Currently, if you type in the `input` or `textarea` elements, you will not be able to see the text. Also, their height is too small to be easy to use. +現状、`input` または `textarea` 要素内に入力した際、テキストが見えなくなってしまっています。 また、高さが足りず使いづらくなっています。 -Fix this, by setting the `color` to `#ffffff`, and setting their `min-height` to `2em`. +これを修正するため、`color` を `#ffffff`に、`min-height` を `2em` に設定しましょう。 # --hints-- -You should set the `color` to `#ffffff`. +`color` を `#ffffff` に設定する必要があります。 ```js const selFunc = selector => new __helpers.CSSHelp(document).getStyle(selector); assert.equal(selFunc(['input, textarea', 'textarea, input'].find(selFunc))?.color, 'rgb(255, 255, 255)'); ``` -You should set the `min-height` to `2em`. +`min-height` を `2em` に設定する必要があります。 ```js const selFunc = selector => new __helpers.CSSHelp(document).getStyle(selector); diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe4f4ec18cd04dc470c56.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe4f4ec18cd04dc470c56.md index 3e6bd130cd3..5338dd13625 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe4f4ec18cd04dc470c56.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe4f4ec18cd04dc470c56.md @@ -1,6 +1,6 @@ --- id: 60ffe4f4ec18cd04dc470c56 -title: Step 55 +title: ステップ 55 challengeType: 0 dashedName: step-55 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe69ee377c6055e192a46.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe69ee377c6055e192a46.md index 4daddf99730..a59cf715841 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe69ee377c6055e192a46.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe69ee377c6055e192a46.md @@ -1,6 +1,6 @@ --- id: 60ffe69ee377c6055e192a46 -title: Step 56 +title: ステップ 56 challengeType: 0 dashedName: step-56 --- @@ -15,7 +15,7 @@ input[name="password"] 上の例は、`name` 属性の値が `password` である `input` 要素を選択します。 -Now, use the attribute selector to style the submit button with a `display` of `block`, and a `width` of `60%`. +では属性セレクターを使用して、送信ボタンのスタイルを `display` が `block`、 `width` が `60%` に設定してください。 # --hints-- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe7d8aae62c05bcc9e7eb.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe7d8aae62c05bcc9e7eb.md index 4a60e968713..b6e28c64aad 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe7d8aae62c05bcc9e7eb.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe7d8aae62c05bcc9e7eb.md @@ -1,13 +1,13 @@ --- id: 60ffe7d8aae62c05bcc9e7eb -title: Step 57 +title: ステップ 57 challengeType: 0 dashedName: step-57 --- # --description-- -With a `display` of `block` the submit button sits flush against the left edge of its parent. +`display` を `block` に設定すると、送信ボタンは親要素の左端に表示されます。 `form` を中央揃えにする際に使ったのとテクニックを使って、送信ボタンを中央揃えにしてください。 diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe8a5ceb0e90618db06d9.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe8a5ceb0e90618db06d9.md index 5bf7824a6f2..2905b8e6c61 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe8a5ceb0e90618db06d9.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe8a5ceb0e90618db06d9.md @@ -1,6 +1,6 @@ --- id: 60ffe8a5ceb0e90618db06d9 -title: Step 58 +title: ステップ 58 challengeType: 0 dashedName: step-58 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe947a868ec068f7850f6.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe947a868ec068f7850f6.md index f528d96be33..e47b4d0a8af 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe947a868ec068f7850f6.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe947a868ec068f7850f6.md @@ -1,6 +1,6 @@ --- id: 60ffe947a868ec068f7850f6 -title: Step 59 +title: ステップ 59 challengeType: 0 dashedName: step-59 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe9cb47809106eda2f2c9.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe9cb47809106eda2f2c9.md index 6544c1de9ad..2fb46449d8e 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe9cb47809106eda2f2c9.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe9cb47809106eda2f2c9.md @@ -1,6 +1,6 @@ --- id: 60ffe9cb47809106eda2f2c9 -title: Step 60 +title: ステップ 60 challengeType: 0 dashedName: step-60 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffec2825da1007509ddd06.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffec2825da1007509ddd06.md index bcfce161ccf..e676a8f3cbd 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffec2825da1007509ddd06.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffec2825da1007509ddd06.md @@ -1,25 +1,25 @@ --- id: 60ffec2825da1007509ddd06 -title: Step 61 +title: ステップ 61 challengeType: 0 dashedName: step-61 --- # --description-- -Most browsers inject their own default CSS properties and values for different elements. If you look closely, you might be able to notice the file `input` is smaller than the other text `input` elements. By default, a `padding` of `1px 2px` is given to `input` elements you can type in. +多くのブラウザーは、さまざまな要素に対して独自にデフォルトの CSS プロパティと値を挿入します。 注意して見ると、ファイルの `input` 要素が他のテキストの `input` 要素よりも小さいことが分かるかもしれません。 文字を入力できる `input` 要素の `padding` は、デフォルトで `1px 2px` に設定されています。 -Using another attribute selector, style the `input` with a `type` of `file` to be the same padding as the other `input` elements. +属性セレクターをもう 1 つ使用して、`type` が `file` の `input` 要素のパディングを、他の `input` 要素と同じにしてください。 # --hints-- -You should use an attribute selector to style the `input` element. +属性セレクターを使用して `input` 要素のスタイルを指定する必要があります。 ```js assert.exists(new __helpers.CSSHelp(document).getStyle('input[type="file"]')); ``` -You should give the `input[type="file"]` a `padding` of `1px 2px`. +`input[type="file"]` の `padding` を `1px 2px` に設定する必要があります。 ```js assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="file"]')?.padding, '1px 2px'); diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffecefac971607ae73c60f.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffecefac971607ae73c60f.md index b904f1d4491..263af80996c 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffecefac971607ae73c60f.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffecefac971607ae73c60f.md @@ -1,6 +1,6 @@ --- id: 60ffecefac971607ae73c60f -title: Step 62 +title: ステップ 62 challengeType: 0 dashedName: step-62 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffefd6479a3d084fb77cbc.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffefd6479a3d084fb77cbc.md index 77cf9b81c11..f681ad1bf74 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffefd6479a3d084fb77cbc.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffefd6479a3d084fb77cbc.md @@ -1,6 +1,6 @@ --- id: 60ffefd6479a3d084fb77cbc -title: Step 63 +title: ステップ 63 challengeType: 0 dashedName: step-63 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62b30924c5e4ef0daba23b5e.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62b30924c5e4ef0daba23b5e.md index ea4a6e4204e..e21a1a2c7ec 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62b30924c5e4ef0daba23b5e.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62b30924c5e4ef0daba23b5e.md @@ -1,29 +1,29 @@ --- id: 62b30924c5e4ef0daba23b5e -title: Step 47 +title: ステップ 47 challengeType: 0 dashedName: step-47 --- # --description-- -The border of the last `fieldset` element looks a little out of place. You can select the last element of a specific type using the `last-of-type` CSS pseudo-class, like this: +最後の `fieldset` 要素の境界線が少しずれているように見えます。 次のように、`last-of-type` CSS 疑似クラスを使うと、特定の種類の中で最後の要素を選択できます: ```css p:last-of-type { } ``` -That will select the last `p` element. Create a new selector that targets the last `fieldset` element and set its `border-bottom` to `none`. +上記は最後の `p` 要素を選択します。 最後の `fieldset` 要素を選択する新しいセレクターを作成して、その `border-bottom` を `none` に設定してください。 # --hints-- -You can use the `:last-of-type` pseudo-class to select only the last element of a certain type. +特定の種類の中で最後の要素だけを選択するには、`:last-of-type` 疑似クラスが使用できます。 ```js assert.exists(new __helpers.CSSHelp(document).getStyle('fieldset:last-of-type')); ``` -Your `fieldset:last-of-type` should have `border-bottom` set as `none`. +`fieldset:last-of-type` の `border-bottom` は `none` に設定される必要があります。 ```js const borderBottom = new __helpers.CSSHelp(document).getStyle('fieldset:last-of-type')?.borderBottom; diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62cc5b1779e4d313466f73c5.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62cc5b1779e4d313466f73c5.md index f74bbb26ef3..3267eabec15 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62cc5b1779e4d313466f73c5.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62cc5b1779e4d313466f73c5.md @@ -7,36 +7,36 @@ dashedName: step-5 # --description-- -Nest a self-closing `link` element within the `head` element. Give it a `rel` attribute with value of `stylesheet` and an `href` attribute with a value of `styles.css`. +`head` 要素内に、自己終了要素の `link` 要素を追加しましょう。 `rel` 属性の値は `stylesheet`、`href` 属性の値は `styles.css` に設定してください。 # --hints-- -Your code should have a `link` element. +コード内に `link` 要素が 1 つ必要です。 ```js assert.exists(document.querySelector('link')); ``` -You should not change your existing `head` tags. Make sure you did not delete the closing tag. +既存の `head` タグを変更しないでください。 終了タグを削除していないか確認してください。 ```js const heads = document.querySelectorAll('head'); assert.equal(heads?.length, 1); ``` -You should have one self-closing `link` element. +自己終了要素 `link` が 1 つ必要です。 ```js assert(document.querySelectorAll('link').length === 1); ``` -Your `link` element should be within your `head` element. +`link` 要素は `head` 要素の中にある必要があります。 ```js assert.exists(document.querySelector('head > link')); ``` -Your `link` element should have a `rel` attribute with the value `stylesheet`. +`link` 要素には `rel` 属性があり、値が `stylesheet` に設定されている必要があります。 ```js const link_element = document.querySelector('link'); @@ -44,7 +44,7 @@ const rel = link_element.getAttribute("rel"); assert.equal(rel, "stylesheet"); ``` -Your `link` element should have an `href` attribute with the value `styles.css`. +`link` 要素は値が `styles.css` に設定されている `href` 属性を持つ必要があります。 ```js const link = document.querySelector('link'); diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8b9dab5ac88e4d3d43a3.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8b9dab5ac88e4d3d43a3.md index 1b7474c540f..ee9b8f9af94 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8b9dab5ac88e4d3d43a3.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8b9dab5ac88e4d3d43a3.md @@ -1,61 +1,61 @@ --- id: 62ff8b9dab5ac88e4d3d43a3 -title: Step 18 +title: ステップ 18 challengeType: 0 dashedName: step-18 --- # --description-- -Following accessibility best practices, link the `input` elements and the `label` elements together using the `for` attribute. +アクセシビリティのベストプラクティスに従って、`for` 属性を使用して `input` 要素と `label` 要素を関連付けてください。 -Use `first-name`, `last-name`, `email`, and `new-password` as values for the respective `id` attributes. +それぞれの `id` 属性の値には `first-name`、`last-name`、`email`、および `new-password` を使用してください。 # --hints-- -The first `input` element should have an `id` of `first-name`. +1 つ目の `input` 要素の `id` を `first-name` に設定する必要があります。 ```js assert(document.querySelectorAll('input')?.[0]?.matches('#first-name')) ``` -The second `input` element should have an `id` of `last-name`. +2 つ目の `input` 要素の `id` を `last-name` に設定する必要があります。 ```js assert(document.querySelectorAll('input')?.[1]?.matches('#last-name')) ``` -The third `input` element should have an `id` of `email`. +3 つ目の `input` 要素の `id` を `email` に設定する必要があります。 ```js assert(document.querySelectorAll('input')?.[2]?.matches('#email')) ``` -The fourth `input` element should have an `id` of `new-password`. +4 つ目の `input` 要素の `id` を `new-password` に設定する必要があります。 ```js assert(document.querySelectorAll('input')?.[3]?.matches('#new-password')) ``` -The first `label` element should have a `for` attribute with a value of `first-name`. +1 つ目の `label` 要素には `first-name` という値の `for` 属性が必要です。 ```js assert(document.querySelectorAll('label')?.[0]?.matches('label[for="first-name"]')) ``` -The second `label` element should have a `for` attribute with a value of `last-name`. +2 つ目の `label` 要素には `last-name` という値の `for` 属性が必要です。 ```js assert(document.querySelectorAll('label')?.[1]?.matches('label[for="last-name"]')) ``` -The third `label` element should have a `for` attribute with a value of `email`. +3 つ目の `label` 要素には `email` という値の `for` 属性が必要です。 ```js assert(document.querySelectorAll('label')?.[2]?.matches('label[for="email"]')) ``` -The fourth `label` element should have a `for` attribute with a value of `new-password`. +4 つ目の `label` 要素には `new-password` という値の `for` 属性が必要です。 ```js assert(document.querySelectorAll('label')?.[3]?.matches('label[for="new-password"]')) diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8e998d3e7eae14d6ae3b.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8e998d3e7eae14d6ae3b.md index a53965694f0..5d8d941b811 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8e998d3e7eae14d6ae3b.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8e998d3e7eae14d6ae3b.md @@ -1,49 +1,49 @@ --- id: 62ff8e998d3e7eae14d6ae3b -title: Step 29 +title: ステップ 29 challengeType: 0 dashedName: step-29 --- # --description-- -Follow accessibility best practices by linking the `input` elements and the `label` elements in the second `fieldset`. +アクセシビリティのベストプラクティスに従って、2 つ目の `fieldset` 内の `input` 要素と `label` 要素を関連付けてください。 -Use `personal-account`, `business-account`, and `terms-and-conditions` as values for the respective `id` attributes. +それぞれの `id` 属性の値には `personal-account`、`business-account`、および `terms-and-conditions` を使用してください。 # --hints-- -The first `input` element should have an `id` of `personal-account`. +1 つ目の `input` 要素の `id` を `personal-account` に設定する必要があります。 ```js assert(document.querySelectorAll('fieldset:nth-of-type(2) input')?.[0]?.matches('#personal-account')) ``` -The second `input` element should have an `id` of `business-account`. +2 つ目の `input` 要素の `id` を `business-account` に設定する必要があります。 ```js assert(document.querySelectorAll('fieldset:nth-of-type(2) input')?.[1]?.matches('#business-account')) ``` -The third `input` element should have an `id` of `terms-and-conditions`. +3 つ目の `input` 要素の `id` を `terms-and-conditions` に設定する必要があります。 ```js assert(document.querySelectorAll('fieldset:nth-of-type(2) input')?.[2]?.matches('#terms-and-conditions')) ``` -The first `label` element should have a `for` attribute with a value of `personal-account`. +1 つ目の `label` 要素には `personal-account` という値の `for` 属性が必要です。 ```js assert(document.querySelectorAll('fieldset:nth-of-type(2) label')?.[0]?.matches('label[for="personal-account"]')) ``` -The second `label` element should have a `for` attribute with a value of `business-account`. +2 つ目の `label` 要素には `business-account` という値の `for` 属性が必要です。 ```js assert(document.querySelectorAll('fieldset:nth-of-type(2) label')?.[1]?.matches('label[for="business-account"]')) ``` -The third `label` element should have a `for` attribute with a value of `terms-and-conditions`. +3 つ目の `label` 要素には `terms-and-conditions` という値の `for` 属性が必要です。 ```js assert(document.querySelectorAll('fieldset:nth-of-type(2) label')?.[2]?.matches('label[for="terms-and-conditions"]')) diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff919a7b5612c0670923a5.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff919a7b5612c0670923a5.md index 4aa11332017..13ea1077a66 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff919a7b5612c0670923a5.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff919a7b5612c0670923a5.md @@ -1,61 +1,61 @@ --- id: 62ff919a7b5612c0670923a5 -title: Step 38 +title: ステップ 38 challengeType: 0 dashedName: step-38 --- # --description-- -Link the applicable form elements and their `label` elements together. +適切なフォーム要素とその `label` 要素を紐づけてください。 -Use `profile-picture`, `age`, `referrer`, and `bio` as values for the respective `id` attributes. +それぞれの `id` 属性の値には `profile-picture`、`age`、`referrer`、および `bio` を使用してください。 # --hints-- -The first `input` element should have an `id` of `profile-picture`. +1 つ目の `input` 要素の `id` を `profile-picture` に設定する必要があります。 ```js assert(document.querySelectorAll('fieldset:nth-of-type(3) input')?.[0]?.matches('#profile-picture')) ``` -The second `input` element should have an `id` of `age`. +2 つ目の `input` 要素の `id` を `age` に設定する必要があります。 ```js assert(document.querySelectorAll('fieldset:nth-of-type(3) input')?.[1]?.matches('#age')) ``` -The `select` element should have an `id` of `referrer`. +`select` 要素の `id` を `referrer` に設定する必要があります。 ```js assert(document.querySelector('fieldset:nth-of-type(3) select')?.matches('#referrer')) ``` -The `textarea` element should have an `id` of `bio`. +`textarea` 要素の `id` を `bio` に設定する必要があります。 ```js assert(document.querySelector('fieldset:nth-of-type(3) textarea')?.matches('#bio')) ``` -The first `label` element should have a `for` attribute with a value of `profile-picture`. +1 つ目の `label` 要素には `profile-picture` という値の `for` 属性が必要です。 ```js assert(document.querySelectorAll('fieldset:nth-of-type(3) label')?.[0]?.matches('label[for="profile-picture"]')) ``` -The second `label` element should have a `for` attribute with a value of `age`. +2 つ目の `label` 要素には `age` という値の `for` 属性が必要です。 ```js assert(document.querySelectorAll('fieldset:nth-of-type(3) label')?.[1]?.matches('label[for="age"]')) ``` -The third `label` element should have a `for` attribute with a value of `referrer`. +3 つ目の `label` 要素には `referrer` という値の `for` 属性が必要です。 ```js assert(document.querySelectorAll('fieldset:nth-of-type(3) label')?.[2]?.matches('label[for="referrer"]')) ``` -The fourth `label` element should have a `for` attribute with a value of `bio`. +4 つ目の `label` 要素には `bio` という値の `for` 属性が必要です。 ```js assert(document.querySelectorAll('fieldset:nth-of-type(3) label')?.[3]?.matches('label[for="bio"]')) diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/63541ef4f96cd82e8e6c788a.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/63541ef4f96cd82e8e6c788a.md index 973feafdabb..31ae0fbd240 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/63541ef4f96cd82e8e6c788a.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/63541ef4f96cd82e8e6c788a.md @@ -1,31 +1,31 @@ --- id: 63541ef4f96cd82e8e6c788a -title: Step 12 +title: ステップ 12 challengeType: 0 dashedName: step-12 --- # --description-- -The `method` attribute specifies how to send form-data to the URL specified in the `action` attribute. The form-data can be sent via a `GET` request as URL parameters (with `method="get"`) or via a `POST` request as data in the request body (with `method="post"`). +`method` 属性は、フォームのデータを `action` 属性で指定された URL へ「どうやって」送信するかを指定します。 フォームのデータは、`GET` リクエストで URL パラメーターとして送信したり (`method="get"` を指定した場合)、`POST` リクエストでリクエストボディのデータとして送信したり (`method="post"` を指定した場合) できます。 -Set the `method` attribute to send your form data via a `POST` request. +フォームのデータを `POST` リクエストで送信するように `method` 属性を設定してください。 # --hints-- -You shouldn't add a new `form` element. +新しい `form` 要素は追加しないでください。 ```js assert.equal(document.querySelectorAll('form').length, 1 ) ``` -Your `form` element should have a `method` attribute. +`form` 要素には `method` 属性が必要です。 ```js assert.exists(document.querySelector('form')?.getAttribute('method')); ``` -Your `method` attribute should be set to `post`. +`method` 属性は `post` に設定してください。 ```js assert.equal(document.querySelector('form')?.getAttribute('method'), 'post'); diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51581.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51581.md index de36d5c7ea4..21ce16eb037 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51581.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51581.md @@ -23,7 +23,7 @@ assert(document.querySelectorAll('div').length === 2); assert(document.querySelector('#back-wall')?.nextElementSibling?.localName === 'div'); ``` -Your new `div` element should have the `class` set to `characters`. +新しい `div` 要素の `class` を `characters` に設定する必要があります。 ```js assert(document.querySelectorAll('div')?.[1]?.classList?.contains('characters')); diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51583.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51583.md index d99af589ca8..50cd0cd056c 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51583.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51583.md @@ -35,7 +35,7 @@ assert(document.querySelectorAll('#offwhite-character div')[1]?.getAttribute('id assert(document.querySelectorAll('#offwhite-character div')[2]?.getAttribute('id') === 'gray-instrument'); ``` -Your fourth new `div` element should have the `id` of `tan-table`. +4 つ目の新しい `div` 要素の `id` は `tan-table` に設定する必要があります。 ```js assert(document.querySelectorAll('#offwhite-character div')[3]?.getAttribute('id') === 'tan-table'); diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c4.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c4.md index 1822ab4480b..8b43934bf6a 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c4.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c4.md @@ -35,7 +35,7 @@ assert(new __helpers.CSSHelp(document).getStyle('.eyes')?.height === '20px'); assert(new __helpers.CSSHelp(document).getStyle('.eyes')?.backgroundColor === 'rgb(139, 69, 19)'); ``` -Your `.eyes` selector should have a `border-radius` property set to `20px 50%`. +`.eyes` セレクターの `border-radius` プロパティを `20px 50%` に設定する必要があります。 ```js assert(new __helpers.CSSHelp(document).getStyle('.eyes')?.borderRadius === '20px 50%'); diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba89123a445e0f5c9e4022.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba89123a445e0f5c9e4022.md index 490d5f84654..e84507fc079 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba89123a445e0f5c9e4022.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba89123a445e0f5c9e4022.md @@ -29,7 +29,7 @@ assert(new __helpers.CSSHelp(document).getStyle('.triangle')?.borderBottomColor assert(new __helpers.CSSHelp(document).getStyle('.triangle')?.borderLeftColor === 'transparent'); ``` -Your `.triangle` selector should have a `border-right-color` property set to `Gold`. +`.triangle` セレクターの `border-right-color` プロパティを `Gold` に設定する必要があります。 ```js assert(new __helpers.CSSHelp(document).getStyle('.triangle')?.borderRightColor === 'gold'); diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-responsive-web-design-by-building-a-piano/612e6afc009b450a437940a1.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-responsive-web-design-by-building-a-piano/612e6afc009b450a437940a1.md index d02a3a803c8..c9259e245fd 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-responsive-web-design-by-building-a-piano/612e6afc009b450a437940a1.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-responsive-web-design-by-building-a-piano/612e6afc009b450a437940a1.md @@ -9,7 +9,7 @@ dashedName: step-1 HTML の基本的な構造から始めましょう。 `DOCTYPE` 宣言と、`html`、`head`、`body`、`title` 要素を追加してください。 -Set the language of this page to English. Set the `title` to `Piano`. +このページの言語は英語に設定してください。 `title` は `Piano` に設定してください。 # --hints-- @@ -111,7 +111,7 @@ const title = document.querySelector('title'); assert.equal(title?.text?.trim()?.toLowerCase(), 'piano') ``` -Remember, the casing and spelling matter for the title. +タイトルについて、大文字小文字の区別とスペルに気をつけましょう。 ```js const title = document.querySelector('title'); diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-responsive-web-design-by-building-a-piano/612e83ec2eca1e370f830511.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-responsive-web-design-by-building-a-piano/612e83ec2eca1e370f830511.md index dc9bb1fd5f4..b134dc073f9 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-responsive-web-design-by-building-a-piano/612e83ec2eca1e370f830511.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-responsive-web-design-by-building-a-piano/612e83ec2eca1e370f830511.md @@ -24,7 +24,7 @@ const heads = document.querySelectorAll('head'); assert.equal(heads?.length, 1); ``` -You should have one self-closing `link` element. +自己終了要素 `link` が 1 つ必要です。 ```js assert(document.querySelectorAll('link').length === 1); diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-responsive-web-design-by-building-a-piano/612eaf56b7ba3257fdbfb0db.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-responsive-web-design-by-building-a-piano/612eaf56b7ba3257fdbfb0db.md index 521a8ddb3a3..d69139e45d2 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-responsive-web-design-by-building-a-piano/612eaf56b7ba3257fdbfb0db.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-responsive-web-design-by-building-a-piano/612eaf56b7ba3257fdbfb0db.md @@ -27,7 +27,7 @@ assert(img?.nextElementSibling?.className === 'keys'); assert(img?.previousElementSibling === null); ``` -Your `img` element should have a `class` set to `logo`. +`img` 要素には値が `logo` に設定されている `class` が必要です。 ```js const img = document.querySelector('img'); diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-responsive-web-design-by-building-a-piano/612ebcba99bfa46a15370b11.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-responsive-web-design-by-building-a-piano/612ebcba99bfa46a15370b11.md index 4892bf5af6d..e5df3f7bf70 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-responsive-web-design-by-building-a-piano/612ebcba99bfa46a15370b11.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-responsive-web-design-by-building-a-piano/612ebcba99bfa46a15370b11.md @@ -7,9 +7,9 @@ dashedName: step-27 # --description-- -The `@media` at-rule, also known as a media query, is used to conditionally apply CSS. Media queries are commonly used to apply CSS based on the viewport width using the `max-width` and `min-width` properties. +`@media` アットルールはメディアクエリとも呼ばれ、条件付きで CSS を適用する場合に使用します。 メディアクエリはよく、`max-width` および `min-width` プロパティを使用して、ビューポートの幅に基づいて CSS を適用するために使われます。 -In the below example the padding is applied to the `.card` class when the viewport is `960px` wide and below. +次の例では、ビューポートの幅が `960px` 以下の場合に、パディングが `.card` クラスに適用されます。 ```css @media (max-width: 960px) { @@ -19,17 +19,17 @@ In the below example the padding is applied to the `.card` class when the viewpo } ``` -Add a media query that will be applied when the viewport is `768px` wide and below. +ビューポートの幅が `768px` 以下の場合に適用されるメディアクエリを追加してください。 # --hints-- -You should add a new `@media` query. +新しい `@media` クエリを追加する必要があります。 ```js assert(new __helpers.CSSHelp(document).getCSSRules('media')?.length === 1); ``` -Your `@media` query should have a `max-width` of `768px`. +`@media` クエリには `max-width` が `768px` という条件が必要です。 ```js assert(new __helpers.CSSHelp(document).getCSSRules('media')[0]?.media?.mediaText === '(max-width: 768px)'); diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-responsive-web-design-by-building-a-piano/612ec19d5268da7074941f84.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-responsive-web-design-by-building-a-piano/612ec19d5268da7074941f84.md index 48c1cfe5cce..aeae7c98e27 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-responsive-web-design-by-building-a-piano/612ec19d5268da7074941f84.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-responsive-web-design-by-building-a-piano/612ec19d5268da7074941f84.md @@ -7,9 +7,9 @@ dashedName: step-32 # --description-- -Logical operators can be used to construct more complex media queries. The `and` logical operator is used to query two media conditions. +論理演算子を使用すると、もっと複雑なメディアクエリを作ることができます。 `and` 論理演算子は、2 つのメディア条件を指定する場合に使用します。 -For example, a media query that targets a display width between 500px and 1000px would be: +たとえば、500px ~1000px の間の表示幅をターゲットとするメディアクエリは次のようになります: ```css @media (min-width: 500px) and (max-width: 1000px){ @@ -17,17 +17,17 @@ For example, a media query that targets a display width between 500px and 1000px } ``` -Add another `@media` rule to apply if the browser window is wider than `769px` but smaller than `1199px`. +ブラウザーのウインドウの幅が `769px` 以上 `1199px` 以下である場合に適用される `@media` ルールを追加してください。 # --hints-- -You should add a new `@media` query. +新しい `@media` クエリを追加する必要があります。 ```js assert(new __helpers.CSSHelp(document).getCSSRules('media')?.length === 2); ``` -Your `@media` query should have a `min-width` of `769px` and a `max-width` of `1199px`. +`@media` クエリには、`min-width` が `769px`、`max-width` が `1199px` という条件が必要です。 ```js const mediaText = new __helpers.CSSHelp(document).getCSSRules('media')[1]?.media?.mediaText; diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/build-your-own-functions.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/build-your-own-functions.md index 407c59b80f0..21aec42d6a5 100644 --- a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/build-your-own-functions.md +++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/build-your-own-functions.md @@ -1,6 +1,6 @@ --- id: 5e7b9f060b6c005b0e76f05b -title: Створіть свої власні функції +title: Побудова власних функцій challengeType: 11 videoId: nLDychdBwUg bilibiliIds: @@ -14,7 +14,7 @@ dashedName: build-your-own-functions Додаткові ресурси: -\- Exercise +\- Вправа # --question-- diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/comparing-and-sorting-tuples.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/comparing-and-sorting-tuples.md index dac38e4549d..f38f39b61db 100644 --- a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/comparing-and-sorting-tuples.md +++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/comparing-and-sorting-tuples.md @@ -1,6 +1,6 @@ --- id: 5e7b9f0b0b6c005b0e76f06d -title: Порівняння та сортування масивів +title: Порівняння та сортування кортежів challengeType: 11 videoId: dZXzBXUxxCs bilibiliIds: @@ -14,7 +14,7 @@ dashedName: comparing-and-sorting-tuples Додаткові ресурси: -\- Exercise +\- Вправа # --question-- diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/dictionaries-common-applications.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/dictionaries-common-applications.md index 7bb7d80dbcd..2e4020dcd4d 100644 --- a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/dictionaries-common-applications.md +++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/dictionaries-common-applications.md @@ -1,6 +1,6 @@ --- id: 5e7b9f090b6c005b0e76f068 -title: 'Словники: загального використання' +title: 'Словники: загальне використання' challengeType: 11 videoId: f17xPfIXct0 bilibiliIds: @@ -39,7 +39,7 @@ quincy --- -помилка +[помилка] ## --video-solution-- diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/files-as-a-sequence.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/files-as-a-sequence.md index 12319090650..bb7d0418405 100644 --- a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/files-as-a-sequence.md +++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/files-as-a-sequence.md @@ -14,25 +14,25 @@ dashedName: files-as-a-sequence Додаткові ресурси: -\- Exercise +\- Вправа # --question-- ## --text-- -Що команда "continue" робить, якщо вона розташована всередині циклу? +Що робить команда «continue», якщо вона розташована всередині циклу? ## --answers-- -Перехід до коду одразу після циклу. +Переходить до коду одразу після циклу. --- -Перехід до наступного рядка коду. +Переходить до наступного рядка коду. --- -Перехід до наступної ітерації циклу. +Переходить до наступної ітерації циклу. --- diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/intermediate-expressions.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/intermediate-expressions.md index 07e0a579dbf..31953ac67fb 100644 --- a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/intermediate-expressions.md +++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/intermediate-expressions.md @@ -14,9 +14,9 @@ dashedName: intermediate-expressions Додаткові ресурси: -\- Exercise 1 +\- Вправа 1 -\- Exercise 2 +\- Вправа 2 # --question-- diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/introduction-elements-of-python.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/introduction-elements-of-python.md index a550b25560c..c8a348a3c7d 100644 --- a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/introduction-elements-of-python.md +++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/introduction-elements-of-python.md @@ -1,6 +1,6 @@ --- id: 5e6a54c358d3af90110a60a3 -title: 'Вступ: Елементи мови Python' +title: 'Вступ: елементи мови Python' challengeType: 11 videoId: aRY_xjL35v0 bilibiliIds: diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/introduction-hardware-achitecture.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/introduction-hardware-achitecture.md index eef59b106ab..3102e51480c 100644 --- a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/introduction-hardware-achitecture.md +++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/introduction-hardware-achitecture.md @@ -1,6 +1,6 @@ --- id: 5e6a54af58d3af90110a60a1 -title: 'Вступ: Архітектура обладнання' +title: 'Вступ: архітектура обладнання' challengeType: 11 videoId: H6qtjRTfSog bilibiliIds: @@ -14,7 +14,7 @@ dashedName: introduction-hardware-architecture ## --text-- -Де програми зберігаються під час роботи? +Де зберігаються програми під час виконання? ## --answers-- diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/introduction-why-program.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/introduction-why-program.md index 349b8b9fb00..1d28d3402f7 100644 --- a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/introduction-why-program.md +++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/introduction-why-program.md @@ -18,15 +18,15 @@ dashedName: introduction-why-program Додаткові ресурси: -\- Install Python on Windows +\- Встановити Python на Windows -\- Install Python on MacOS +\- Встановити Python на MacOS # --question-- ## --text-- -Кому варто навчатися програмуванню? +Кому варто навчатися програмування? ## --answers-- diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/iterations-loop-idioms.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/iterations-loop-idioms.md index b73b5999900..a961010cf68 100644 --- a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/iterations-loop-idioms.md +++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/iterations-loop-idioms.md @@ -14,7 +14,7 @@ dashedName: iterations-loop-idioms ## --text-- -Нижче наведено код який знаходить найменше значення у списку. Один з рядків коду містить помилку яка не буде дозволяти коду працювати правильно. Який це рядок?: +Нижче наведено код, який знаходить найменше значення у списку. Один з рядків коду містить помилку, яка не буде дозволяти коду працювати правильно. Який це рядок?: ```python smallest = None diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/iterations-more-patterns.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/iterations-more-patterns.md index 3ee55ac1c88..fcab0fd0a96 100644 --- a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/iterations-more-patterns.md +++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/iterations-more-patterns.md @@ -1,6 +1,6 @@ --- id: 5e7b9f070b6c005b0e76f05f -title: 'Ітерації: Додаткові шаблони' +title: 'Ітерації: додаткові шаблони' challengeType: 11 videoId: 9Wtqo6vha1M bilibiliIds: @@ -14,7 +14,7 @@ dashedName: iterations-more-patterns Додаткові ресурси: -\- Exercise +\- Вправа # --question-- diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/loops-and-iterations.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/loops-and-iterations.md index 64cd354414a..539b3060493 100644 --- a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/loops-and-iterations.md +++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/loops-and-iterations.md @@ -14,7 +14,7 @@ dashedName: loops-and-iterations ## --text-- -Що буде виведено на екран після виконання наведеного нижче коду?: +Який результат буде виведено на екран після виконання наведеного нижче коду?: ```python n = 0 diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/more-conditional-structures.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/more-conditional-structures.md index b6ba16afced..f52ee3c8c91 100644 --- a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/more-conditional-structures.md +++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/more-conditional-structures.md @@ -14,9 +14,9 @@ dashedName: more-conditional-structures Додаткові ресурси: -\- Exercise 1 +\- Вправа 1 -\- Exercise 2 +\- Вправа 2 # --question-- @@ -32,7 +32,7 @@ cel = (fahr - 32.0) * 5.0 / 9.0 print(cel) ``` -Який рядок/рядки мають бути всередині `try` блоку? +Який рядок/рядки мають бути всередині блоку `try`? ## --answers-- @@ -52,7 +52,7 @@ print(cel) --- -Жодна +Жоден ## --video-solution-- diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/networking-protocol.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/networking-protocol.md index 86c5a844584..76dcf64bd2e 100644 --- a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/networking-protocol.md +++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/networking-protocol.md @@ -14,7 +14,7 @@ dashedName: networking-protocol ## --text-- -Який тип HTTP запиту зазвичай використовується для доступу до веб-сайту? +Який тип HTTP запиту зазвичай використовується для доступу до вебсайту? ## --answers-- diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/networking-text-processing.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/networking-text-processing.md index 53feac3ec50..15cb35ea72d 100644 --- a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/networking-text-processing.md +++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/networking-text-processing.md @@ -1,6 +1,6 @@ --- id: 5e7b9f0c0b6c005b0e76f074 -title: 'Мережа: Обробка тексту' +title: 'Мережа: обробка тексту' challengeType: 11 videoId: Pv_pJgVu8WI bilibiliIds: diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/networking-using-urllib-in-python.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/networking-using-urllib-in-python.md index 0758aa91f42..ff448f1682e 100644 --- a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/networking-using-urllib-in-python.md +++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/networking-using-urllib-in-python.md @@ -1,6 +1,6 @@ --- id: 5e7b9f0d0b6c005b0e76f075 -title: 'Мережа: Використання urllib в Python' +title: 'Мережа: використання urllib у Python' challengeType: 11 videoId: 7lFM1T_CxBs bilibiliIds: diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/networking-web-scraping-with-python.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/networking-web-scraping-with-python.md index f93674d1dc2..c727187f17e 100644 --- a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/networking-web-scraping-with-python.md +++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/networking-web-scraping-with-python.md @@ -1,6 +1,6 @@ --- id: 5e7b9f0d0b6c005b0e76f076 -title: 'Мережа: Веб-скрапінг з Python' +title: 'Мережа: вебскрапінг з Python' challengeType: 11 videoId: Uyioq2q4cEg bilibiliIds: @@ -14,17 +14,17 @@ dashedName: networking-web-scraping-with-python Додаткові ресурси: -\- Exercise: socket1 +\- Вправа: socket1 -\- Exercise: urllib +\- Вправа: urllib -\- Exercise: urllinks +\- Вправа: urllinks # --question-- ## --text-- -Яку Python бібліотеку використовують для парсингу HTML документів та отримання даних з них? +Яку бібліотеку Python використовують для парсингу HTML-документів та отримання даних з них? ## --answers-- diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/networking-with-python.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/networking-with-python.md index a21dbb0cea9..b693b16b570 100644 --- a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/networking-with-python.md +++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/networking-with-python.md @@ -14,7 +14,7 @@ dashedName: networking-with-python ## --text-- -Яка бібліотека дає доступ до TCP сокетів? +Яка бібліотека дає доступ до сокетів TCP? ## --answers-- diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/networking-write-a-web-browser.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/networking-write-a-web-browser.md index b14d7992943..ad447d801aa 100644 --- a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/networking-write-a-web-browser.md +++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/networking-write-a-web-browser.md @@ -1,6 +1,6 @@ --- id: 5e7b9f0c0b6c005b0e76f073 -title: 'Мережа: Напишіть веб-браузер' +title: 'Мережа: написання веббраузера' challengeType: 11 videoId: zjyT9DaAjx4 bilibiliIds: @@ -34,7 +34,7 @@ mysock.close() ## --answers-- -Простий веб-сервер. +Простий вебсервер. --- @@ -46,7 +46,7 @@ mysock.close() --- -Простий веб-браузер. +Простий веббраузер. ## --video-solution-- diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/objects-a-sample-class.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/objects-a-sample-class.md index e8eb8386589..db70a195a18 100644 --- a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/objects-a-sample-class.md +++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/objects-a-sample-class.md @@ -1,6 +1,6 @@ --- id: 5e7b9f160b6c005b0e76f086 -title: 'Об''єкти: Приклад класу' +title: 'Об''єкти: приклад класу' challengeType: 11 videoId: FiABKEuaSJ8 bilibiliIds: @@ -14,7 +14,7 @@ dashedName: objects-a-sample-class ## --text-- -Що виведе дана програма на екран?: +Що виведе на екран дана програма?: ```python class PartyAnimal: diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/objects-inheritance.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/objects-inheritance.md index 3d95141dfa0..fb86a476217 100644 --- a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/objects-inheritance.md +++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/objects-inheritance.md @@ -1,6 +1,6 @@ --- id: 5e7b9f170b6c005b0e76f088 -title: 'Об''єкти: Успадкування' +title: 'Об''єкти: успадкування' challengeType: 11 videoId: FBL3alYrxRM bilibiliIds: @@ -30,7 +30,7 @@ dashedName: objects-inheritance --- -В той час метод, який називається в той момент, коли клас використовується для побудови об'єкта. +Метод, який викликається в момент, коли клас використано для побудови об'єкту. ## --video-solution-- diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/python-dictionaries.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/python-dictionaries.md index a302a495387..57af6b72568 100644 --- a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/python-dictionaries.md +++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/python-dictionaries.md @@ -14,7 +14,7 @@ dashedName: python-dictionaries ## --text-- -Чому даний словник буде еквівалентним після виконання наведеного нижче коду?: +Яким буде значення словника після виконання цього коду?: ```python dict = {"Fri": 20, "Thu": 6, "Sat": 1} diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/python-functions.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/python-functions.md index a6d85abbc68..07984c52969 100644 --- a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/python-functions.md +++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/python-functions.md @@ -14,11 +14,11 @@ dashedName: python-functions ## --text-- -Яке призначення має ключове слово "def" в Python? +Яке призначення має ключове слово «def» у Python? ## --answers-- -Це сленг, що означає "Даний код дуже крутий." +Це сленг, що означає «даний код дуже крутий». --- @@ -34,7 +34,7 @@ dashedName: python-functions --- -Жоден з перерахованих вище. +Жодне із перерахованого вище. ## --video-solution-- diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/python-objects.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/python-objects.md index a9f4349159c..e38aa46e6c9 100644 --- a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/python-objects.md +++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/python-objects.md @@ -14,7 +14,7 @@ dashedName: python-objects ## --text-- -Що з приведених тверджень не є правильним для об'єктів у Python? +Яке з наведених тверджень НЕ є правильним для об'єктів у Python? ## --answers-- @@ -22,7 +22,7 @@ dashedName: python-objects --- -Об'єкти - це біти коду та дані. +Об'єкти – це біти коду та дані. --- @@ -30,7 +30,7 @@ dashedName: python-objects --- -Об'єкти — це один з п"яти стандартних типів даних. +Об'єкти – це один з п'яти стандартних типів даних. ## --video-solution-- diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/reading-files.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/reading-files.md index b75eba367f7..cd14a8da63e 100644 --- a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/reading-files.md +++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/reading-files.md @@ -14,7 +14,7 @@ dashedName: reading-files ## --text-- -Що використовується для ініціалізації переходу на новий рядок в типі даних string? +Що використовується для того, щоб позначити новий рядок у рядку? ## --answers-- diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/regular-expressions-matching-and-extracting-data.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/regular-expressions-matching-and-extracting-data.md index 83eeb4692c3..33670e1029e 100644 --- a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/regular-expressions-matching-and-extracting-data.md +++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/regular-expressions-matching-and-extracting-data.md @@ -14,7 +14,7 @@ dashedName: regular-expressions-matching-and-extracting-data ## --text-- -Що виведе дана програма на екран?: +Що виведе на екран дана програма?: ```python import re diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/regular-expressions-practical-applications.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/regular-expressions-practical-applications.md index 005c12a3b9b..661b30ba807 100644 --- a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/regular-expressions-practical-applications.md +++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/regular-expressions-practical-applications.md @@ -1,6 +1,6 @@ --- id: 5e7b9f0b0b6c005b0e76f070 -title: 'Регулярні вирази: Практичні програми' +title: 'Регулярні вирази: практичні програми' challengeType: 11 videoId: xCjFU9G6x48 bilibiliIds: @@ -14,7 +14,7 @@ dashedName: regular-expressions-practical-applications ## --text-- -Який з приведених варіантів можна використати для пошуку "$" у регулярному виразі? +Що з наведеного шукатиме «$» у регулярному виразі? ## --answers-- diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/relational-database-design.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/relational-database-design.md index 3d2816d6503..b24a7f39e43 100644 --- a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/relational-database-design.md +++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/relational-database-design.md @@ -14,7 +14,7 @@ dashedName: relational-database-design ## --text-- -Якою є оптимальна кількість зберігань для даних в типі string в базі даних? +Скільки разів можна зберегти рядкові дані у базі даних в найкращому випадку? ## --answers-- diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/relational-databases-and-sqlite.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/relational-databases-and-sqlite.md index 552c52dab6e..a478971ca29 100644 --- a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/relational-databases-and-sqlite.md +++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/relational-databases-and-sqlite.md @@ -12,15 +12,15 @@ dashedName: relational-databases-and-sqlite # --description-- -Download SQLite -Download DB Browser for SQLite -SQLite usage +Завантажити SQLite +Завантажити DB Browser для SQLite +Використання SQLite # --question-- ## --text-- -Which is NOT a primary data structure in a database? +Що НЕ є первинною структурою даних в базі даних? ## --answers-- diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/relational-databases-join-operation.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/relational-databases-join-operation.md index 732c182fad5..31c15f599e0 100644 --- a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/relational-databases-join-operation.md +++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/relational-databases-join-operation.md @@ -1,6 +1,6 @@ --- id: 5e7b9f180b6c005b0e76f08f -title: 'Реляційні бази даних: Операції приєднання' +title: 'Реляційні бази даних: операції приєднання' challengeType: 11 videoId: jvDw3D9GKac bilibiliIds: @@ -14,7 +14,7 @@ dashedName: relational-databases-join-operation ## --text-- -Під час використання JOIN у SQL-операторі, що робить ON? +Що робіть ON під час використання умови JOIN в інструкції SQL? ## --answers-- diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/relational-databases-many-to-many-relationships.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/relational-databases-many-to-many-relationships.md index 14e669d88e6..fa3d94b61c8 100644 --- a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/relational-databases-many-to-many-relationships.md +++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/relational-databases-many-to-many-relationships.md @@ -14,21 +14,21 @@ dashedName: relational-databases-many-to-many-relationships Додаткові ресурси: -\- Exercise: Email +\- Вправа: Email -\- Exercise: Roster +\- Вправа: Roster -\- Exercise: Tracks +\- Вправа: Tracks -\- Exercise: Twfriends +\- Вправа: Twfriends -\- Exercise: Twspider +\- Вправа: Twspider # --question-- ## --text-- -Що є прикладом зв'язку типу багато-багато? +Що є прикладом відношення типу багато-багато? ## --answers-- diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/relational-databases-relationship-building.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/relational-databases-relationship-building.md index a517ee62951..3985bf0d637 100644 --- a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/relational-databases-relationship-building.md +++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/relational-databases-relationship-building.md @@ -1,6 +1,6 @@ --- id: 5e7b9f180b6c005b0e76f08e -title: 'Реляційні бази даних: побудова відносин' +title: 'Реляційні бази даних: побудова відношень' challengeType: 11 videoId: CSbqczsHVnc bilibiliIds: diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/representing-relationships-in-a-relational-database.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/representing-relationships-in-a-relational-database.md index 3955763f5d5..3ff23a3280a 100644 --- a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/representing-relationships-in-a-relational-database.md +++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/representing-relationships-in-a-relational-database.md @@ -1,6 +1,6 @@ --- id: 5e7b9f180b6c005b0e76f08d -title: Представлення відносин у реляційній базі даних +title: Представлення відношень у реляційній базі даних challengeType: 11 videoId: '-orenCNdC2Q' bilibiliIds: @@ -30,7 +30,7 @@ dashedName: representing-relationships-in-a-relational-database --- -Ключ, який "реальний світ" може використовувати для пошуку необхідного рядка. +Ключ, який «реальний світ» може використовувати для пошуку необхідного рядка. ## --video-solution-- diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/strings-and-lists.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/strings-and-lists.md index 274d91818f5..3e5979a54a7 100644 --- a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/strings-and-lists.md +++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/strings-and-lists.md @@ -14,7 +14,7 @@ dashedName: strings-and-lists Додаткові ресурси: -\- Exercise +\- Вправа # --question-- diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/using-web-services.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/using-web-services.md index d258fbae64c..24ba8619dd1 100644 --- a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/using-web-services.md +++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/using-web-services.md @@ -1,6 +1,6 @@ --- id: 5e7b9f0e0b6c005b0e76f07a -title: Використання Web Services +title: Використання вебсервісів challengeType: 11 videoId: oNl1OVDPGKE bilibiliIds: @@ -14,7 +14,7 @@ dashedName: using-web-services ## --text-- -Які два найпоширеніші способи відправлення даних через Інтернет? +Які два найпоширеніші способи надсилання даних через інтернет? ## --answers-- diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/variables-expressions-and-statements.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/variables-expressions-and-statements.md index fc60b9647a3..38095b050ee 100644 --- a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/variables-expressions-and-statements.md +++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/variables-expressions-and-statements.md @@ -1,6 +1,6 @@ --- id: 5e7b9f050b6c005b0e76f056 -title: 'Змінні та вирази' +title: 'Змінні, вирази та інструкції' challengeType: 11 videoId: nELR-uyyrok bilibiliIds: @@ -14,7 +14,7 @@ dashedName: variables-expressions-and-statements ## --text-- -Який символ використовується під час визначення(змінної)? +Який символ використовується при інструкції присвоювання? ## --answers-- diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/visualizing-data-with-python.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/visualizing-data-with-python.md index b989e79b1ee..b4a6bea4941 100644 --- a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/visualizing-data-with-python.md +++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/visualizing-data-with-python.md @@ -14,27 +14,27 @@ dashedName: visualizing-data-with-python ## --text-- -Більшість даних має бути \_\_\_\_\__ перед використанням. +Більшість даних повинні бути \_\_\_\_\__ перед використанням. ## --answers-- -конвертована в формат JSON +конвертовані в формат JSON --- -зображена +зображені --- -очищена +очищені --- -записана до пам'яті +запам'ятовані --- -перетворена в пісню +перетворені в пісню ## --video-solution-- diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/web-services-api-rate-limiting-and-security.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/web-services-api-rate-limiting-and-security.md index 0e893b48bee..0630ca85ceb 100644 --- a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/web-services-api-rate-limiting-and-security.md +++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/web-services-api-rate-limiting-and-security.md @@ -1,6 +1,6 @@ --- id: 5e7b9f150b6c005b0e76f080 -title: 'Веб-сервіси: Обмеження частоти API і безпека' +title: 'Вебсервіси: обмеження частоти API і безпека' challengeType: 11 videoId: pI-g0lI8ngs bilibiliIds: @@ -26,23 +26,23 @@ dashedName: web-services-api-rate-limiting-and-security ## --text-- -При створенні запиту з Twitter API яку інформацію необхідно завжди надсилати з запитом? +Яку інформацію необхідно завжди надсилати з запитом при створенні запиту з твіттерського API? ## --answers-- -Twitter username +ім'я користувача --- -date range +датовані межі --- -search term +пошуковий термін --- -key +ключ ## --video-solution-- diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/web-services-json.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/web-services-json.md index 9ca2b7aace1..a8258e3bcb8 100644 --- a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/web-services-json.md +++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/web-services-json.md @@ -1,6 +1,6 @@ --- id: 5e7b9f140b6c005b0e76f07d -title: 'Веб-сервіси: JSON' +title: 'Вебсервіси: JSON' challengeType: 11 videoId: ZJE-U56BppM bilibiliIds: diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/web-services-service-oriented-approach.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/web-services-service-oriented-approach.md index 9843e617ebd..248542f491c 100644 --- a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/web-services-service-oriented-approach.md +++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/web-services-service-oriented-approach.md @@ -1,6 +1,6 @@ --- id: 5e7b9f140b6c005b0e76f07e -title: 'Веб-сервіси: Сервісно-орієнтовний підхід' +title: 'Вебсервіси: сервісно-орієнтовний підхід' challengeType: 11 videoId: muerlsCHExI bilibiliIds: @@ -14,7 +14,7 @@ dashedName: web-services-service-oriented-approach ## --text-- -Згідно сервісно-орієнтовного підходу до розробки web-додатків, де розташовані дані? +Де розташовані дані згідно сервісно-орієнтовного підходу до розробки вебдодатків? ## --answers-- @@ -22,7 +22,7 @@ dashedName: web-services-service-oriented-approach --- -В межах різних служб на головному веб-сервері. +В межах різних служб на головному вебсервері. --- diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/web-services-xml-schema.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/web-services-xml-schema.md index a3f18af20cd..7c73b4bbd90 100644 --- a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/web-services-xml-schema.md +++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/web-services-xml-schema.md @@ -1,6 +1,6 @@ --- id: 5e7b9f0e0b6c005b0e76f07c -title: 'Веб-сервіси: Схема XML' +title: 'Вебсервіси: схема XML' challengeType: 11 videoId: yWU9kTxW-nc bilibiliIds: diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/web-services-xml.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/web-services-xml.md index e040a49514a..cc17824fe75 100644 --- a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/web-services-xml.md +++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/web-services-xml.md @@ -27,7 +27,7 @@ dashedName: web-services-xml ## --answers-- -Тег закриття відсутній в email. +В email немає кінцевого тегу. --- @@ -35,7 +35,7 @@ dashedName: web-services-xml --- -Тег закриття відсутній в phone. +У phone немає кінцевого тегу. --- diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/working-with-lists.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/working-with-lists.md index 507869ec9e6..e4e1291903e 100644 --- a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/working-with-lists.md +++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/working-with-lists.md @@ -14,7 +14,7 @@ dashedName: working-with-lists ## --text-- -Який метод використовується, щоб додати елемент в кінці списку? +Який метод використовується, щоб додати елемент в кінець списку? ## --answers-- diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/scientific-computing-with-python-projects/arithmetic-formatter.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/scientific-computing-with-python-projects/arithmetic-formatter.md index 64c85c091d6..5e658befec3 100644 --- a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/scientific-computing-with-python-projects/arithmetic-formatter.md +++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/scientific-computing-with-python-projects/arithmetic-formatter.md @@ -12,7 +12,7 @@ dashedName: arithmetic-formatter # --instructions-- -Students in primary school often arrange arithmetic problems vertically to make them easier to solve. For example, "235 + 52" becomes: +У початковій школі вчать вирішувати математичні приклади вертикально, аби було простіше. Наприклад, «235 + 52» перетворюється на: ```py 235 @@ -20,17 +20,17 @@ Students in primary school often arrange arithmetic problems vertically to make ----- ``` -Create a function that receives a list of strings that are arithmetic problems and returns the problems arranged vertically and side-by-side. The function should optionally take a second argument. When the second argument is set to `True`, the answers should be displayed. +Створіть функцію, яка отримує список рядків з математичними прикладами та послідовно повертає їх у вертикальному вигляді. В разі потреби функція повинна брати другий аргумент. Коли другий аргумент встановлено на `True`, відповіді повинні відображатися. -## Приклад +## Наприклад -Function Call: +Виклик функції: ```py arithmetic_arranger(["32 + 698", "3801 - 2", "45 + 43", "123 + 49"]) ``` -Output: +Вивід: ```py 32 3801 45 123 @@ -38,13 +38,13 @@ Output: ----- ------ ---- ----- ``` -Function Call: +Виклик функції: ```py arithmetic_arranger(["32 + 8", "1 - 3801", "9999 + 9999", "523 - 49"], True) ``` -Output: +Вивід: ```py 32 1 9999 523 @@ -55,35 +55,35 @@ Output: ## Правила -The function will return the correct conversion if the supplied problems are properly formatted, otherwise, it will **return** a **string** that describes an error that is meaningful to the user. +Функція поверне правильне перетворення, якщо надані приклади відформатовані правильно. В іншому випадку буде **повернений** **рядок**, який описує помилку, важливу для користувача. -- Situations that will return an error: - - If there are **too many problems** supplied to the function. The limit is **five**, anything more will return: `Error: Too many problems.` - - The appropriate operators the function will accept are **addition** and **subtraction**. Multiplication and division will return an error. Other operators not mentioned in this bullet point will not need to be tested. The error returned will be: `Error: Operator must be '+' or '-'.` - - Each number (operand) should only contain digits. Otherwise, the function will return: `Error: Numbers must only contain digits.` - - Each operand (aka number on each side of the operator) has a max of four digits in width. Otherwise, the error string returned will be: `Error: Numbers cannot be more than four digits.` -- If the user supplied the correct format of problems, the conversion you return will follow these rules: - - There should be a single space between the operator and the longest of the two operands, the operator will be on the same line as the second operand, both operands will be in the same order as provided (the first will be the top one and the second will be the bottom). - - Numbers should be right-aligned. - - There should be four spaces between each problem. - - There should be dashes at the bottom of each problem. The dashes should run along the entire length of each problem individually. (The example above shows what this should look like.) +- Ситуації, які повернуть помилку: + - Функції надано **забагато прикладів**. Ліміт складає **5 прикладів**. Якщо їх більше, то повернеться `Error: Too many problems.` + - Функція приймає відповідні оператори: **додавання** та **віднімання**. Множення та ділення поверне помилку. Інші оператори, які не згадані тут, тестовані не будуть. Повернеться помилка `Error: Operator must be '+' or '-'.` + - Кожне число (операнд) повинне містити лише цифри. В іншому випадку функція поверне `Error: Numbers must only contain digits.` + - Кожен операнд (тобто число з кожної сторони оператора) може мати максимум чотири цифри по ширині. В іншому випадку помилковий рядок видасть `Error: Numbers cannot be more than four digits.` +- Якщо користувач надав правильний формат прикладу, то перетворення буде слідувати наступним правилам: + - Повинен бути лише один пробіл між оператором і найдовшим із двох операндів, оператор буде на тому ж рядку, що й другий операнд, обоє операндів будуть в однаковому порядку, як і надано (перший буде зверху, а другий буде знизу). + - Числа повинні бути вирівняні за правим краєм. + - Між кожним прикладом повинно бути чотири пробіли. + - Знизу кожного прикладу повинна бути риска. Риска повинна йти по всій довжині прикладу індивідуально. (На прикладі вище видно, як це повинно виглядати.) ## Розробка -Write your code in `arithmetic_arranger.py`. For development, you can use `main.py` to test your `arithmetic_arranger()` function. Натисніть кнопку «запустити» і `main.py` запуститься. +Запишіть свій код у `arithmetic_arranger.py`. Для розробки ви можете використати `main.py`, щоб протестувати свою функцію `arithmetic_arranger()`. Натисніть кнопку «run» і `main.py` запуститься. ## Тестування -The unit tests for this project are in `test_module.py`. We are running the tests from `test_module.py` in `main.py` for your convenience. Тести запустяться автоматично, коли ви натиснете на кнопку «запустити». Alternatively you may run the tests by inputting `pytest` in the console. +Модульні тести для цього проєкту знаходяться в `test_module.py`. Ми запускаємо тести з `test_module.py` в `main.py` для вашої зручності. Тести запустяться автоматично, коли ви натиснете на кнопку «run». Як варіант, ви можете запустити тести, ввівши у консоль `pytest`. -## Надіслати +## Надсилання -Copy your project's URL and submit it below. +Скопіюйте URL-адресу свого проєкту та відправте її. # --hints-- -It should correctly format an arithmetic problem and pass all tests. +Проєкт повинен правильно відформатувати математичний приклад та пройти тестування. ```js diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/scientific-computing-with-python-projects/budget-app.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/scientific-computing-with-python-projects/budget-app.md index 4daeb40b76c..70bde6df589 100644 --- a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/scientific-computing-with-python-projects/budget-app.md +++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/scientific-computing-with-python-projects/budget-app.md @@ -12,21 +12,21 @@ dashedName: budget-app # --instructions-- -Complete the `Category` class in `budget.py`. It should be able to instantiate objects based on different budget categories like *food*, *clothing*, and *entertainment*. When objects are created, they are passed in the name of the category. The class should have an instance variable called `ledger` that is a list. The class should also contain the following methods: +Завершіть клас `Category` у `budget.py`. Він повинен опрацьовувати об'єкти, базуючись на різних категоріях, наприклад *їжа*, *одяг* та *розваги*. Коли об'єкти створені, вони передаються в назву категорії. Клас повинен мати поле класу під назвою `ledger`, яке є списком. Клас також повинен містити наступні методи: -- A `deposit` method that accepts an amount and description. If no description is given, it should default to an empty string. The method should append an object to the ledger list in the form of `{"amount": amount, "description": description}`. -- A `withdraw` method that is similar to the `deposit` method, but the amount passed in should be stored in the ledger as a negative number. If there are not enough funds, nothing should be added to the ledger. This method should return `True` if the withdrawal took place, and `False` otherwise. -- A `get_balance` method that returns the current balance of the budget category based on the deposits and withdrawals that have occurred. -- A `transfer` method that accepts an amount and another budget category as arguments. The method should add a withdrawal with the amount and the description "Transfer to [Destination Budget Category]". The method should then add a deposit to the other budget category with the amount and the description "Transfer from [Source Budget Category]". If there are not enough funds, nothing should be added to either ledgers. This method should return `True` if the transfer took place, and `False` otherwise. -- A `check_funds` method that accepts an amount as an argument. It returns `False` if the amount is greater than the balance of the budget category and returns `True` otherwise. This method should be used by both the `withdraw` method and `transfer` method. +- Метод `deposit`, що приймає суму та опис. Якщо жодного опису не дано, то воно автоматично переходить до порожнього рядка. Цей метод повинен додавати об'єкти до списку ledger у вигляді `{"amount": amount, "description": description}`. +- Метод `withdraw` схожий до методу `deposit`, але сума, яку він передає, повинна зберігатися у списку як від'ємне число. Якщо недостатньо коштів, то нічого додавати не потрібно. Цей метод повинен повертати `True`, якщо зняття дійсне, а в іншому випадку повертати `False`. +- Метод `get_balance`, що повертає поточний баланс категорії бюджету на основі депозитів і зняття. +- Метод `transfer`, що приймає суму або іншу бюджетну категорію як аргументи. Цей метод повинен додавати виведення суми та опис "Transfer to [Destination Budget Category]" (перенести до [категорія]). Потім він повинен додати депозит до іншої категорії, що містить суму та опис "Transfer from [Source Budget Category]" (передача з [категорія]). Якщо недостатньо коштів, то нічого додавати не потрібно. Цей метод повинен повертати `True`, якщо переказ дійсний, а в іншому випадку повертати `False`. +- Метод `check_funds`, що приймає суму як аргумент. Він повертає `False`, якщо сума більша за баланс бюджетної категорії, а в іншому випадку повертає `True`. Цей метод варто використовувати обом методам `withdraw` та `transfer`. -When the budget object is printed it should display: +Якщо бюджетний об'єкт надрукований, він повинен відображатися: -- A title line of 30 characters where the name of the category is centered in a line of `*` characters. -- A list of the items in the ledger. Each line should show the description and amount. The first 23 characters of the description should be displayed, then the amount. The amount should be right aligned, contain two decimal places, and display a maximum of 7 characters. -- A line displaying the category total. +- Рядок заголовка із 30 символів, де назва категорії знаходиться у центрі рядка символів `*`. +- Список елементів у записі. Кожен рядок повинен показувати опис і суму. Перші 23 символи опису повинні відображатися, а далі вже сума. Сума повинна бути вирівняною за правим краєм, містити два десяткові знаки та відображати максимум 7 символів. +- Рядок, що показує загальну категорію. -Here is an example of the output: +Ось приклад виводу: ```bash *************Food************* @@ -37,13 +37,13 @@ Transfer to Clothing -50.00 Total: 923.96 ``` -Besides the `Category` class, create a function (outside of the class) called `create_spend_chart` that takes a list of categories as an argument. It should return a string that is a bar chart. +Окрім класу `Category` створіть функцію під назвою `create_spend_chart` (за межами класу), яка приймає список категорій як аргумент. Вона повинна повертати рядок зі стовпчиковою діаграмою. -The chart should show the percentage spent in each category passed in to the function. The percentage spent should be calculated only with withdrawals and not with deposits. Down the left side of the chart should be labels 0 - 100. The "bars" in the bar chart should be made out of the "o" character. The height of each bar should be rounded down to the nearest 10. The horizontal line below the bars should go two spaces past the final bar. Each category name should be written vertically below the bar. There should be a title at the top that says "Percentage spent by category". +Діаграма повинна показувати відсотки, витрачені в кожній категорії, переданій до функції. Відсоток витраченого повинен бути розрахований лише за рахунок зняття, але не з депозитів. Внизу лівої частини графіку повинні бути мітки 0 - 100. Стовпчики у стовпчиковій діаграмі повинні бути створені із символу «o». Висота кожного стовпчика повинна бути округлена до найближчого 10. Горизонтальна лінія під стовпчиками повинна розташовуватись в двох пробілах від кінцевого стовпчика. Назва кожної категорії повинна бути написана вертикально під стовпчиком. Вгорі повинен бути заголовок "Percentage spent by category" (відсоток, витрачений у категорії). -This function will be tested with up to four categories. +Ця функція буде тестуватися чотирма категоріями. -Look at the example output below very closely and make sure the spacing of the output matches the example exactly. +Уважно розгляньте приклад виводу нижче і переконайтеся, що інтервал виводу повністю відповідає прикладу. ```bash Percentage spent by category @@ -69,23 +69,23 @@ Percentage spent by category g ``` -The unit tests for this project are in `test_module.py`. +Модульні тести для цього проєкту знаходяться в `test_module.py`. ## Розробка -Write your code in `budget.py`. For development, you can use `main.py` to test your `Category` class. Натисніть кнопку «запустити» і `main.py` запуститься. +Запишіть свій код у `budget.py`. Для розробки ви можете використати `main.py`, щоб протестувати свій клас `Category`. Натисніть кнопку «run» і `main.py` запуститься. ## Тестування -We imported the tests from `test_module.py` to `main.py` for your convenience. Тести запустяться автоматично, коли ви натиснете на кнопку «запустити». +Ми імпортували тести з `test_module.py` до `main.py` для вашої зручності. Тести запустяться автоматично, коли ви натиснете на кнопку «run». ## Надсилання -Copy your project's URL and submit it to freeCodeCamp. +Скопіюйте URL-адресу свого проєкту та відправте її до freeCodeCamp. # --hints-- -It should create a Category class and pass all tests. +Проєкт повинен створити клас Category та пройти тестування. ```js diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/scientific-computing-with-python-projects/polygon-area-calculator.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/scientific-computing-with-python-projects/polygon-area-calculator.md index 1f4cc5b3e77..0d5fea0dd95 100644 --- a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/scientific-computing-with-python-projects/polygon-area-calculator.md +++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/scientific-computing-with-python-projects/polygon-area-calculator.md @@ -12,29 +12,29 @@ dashedName: polygon-area-calculator # --instructions-- -In this project you will use object oriented programming to create a Rectangle class and a Square class. The Square class should be a subclass of Rectangle and inherit methods and attributes. +У цьому проєкті ви будете використовувати об'єктно-орієнтоване програмування, щоб створити класи Rectangle (прямокутник) та Square (квадрат). Клас Square повинен бути підкласом до Rectangle і наслідувати його методи та атрибути. -## Клас "Rectangle" +## Клас Rectangle -When a Rectangle object is created, it should be initialized with `width` and `height` attributes. The class should also contain the following methods: +При створенні об'єкту Rectangle ви повинні ініціалізувати його, використовуючи атрибути `width` та `height`. Клас також повинен містити наступні методи: - `set_width` - `set_height` -- `get_area`: Returns area (`width * height`) -- `get_perimeter`: Returns perimeter (`2 * width + 2 * height`) -- `get_diagonal`: Returns diagonal (`(width ** 2 + height ** 2) ** .5`) -- `get_picture`: Returns a string that represents the shape using lines of "\*". The number of lines should be equal to the height and the number of "\*" in each line should be equal to the width. There should be a new line (`\n`) at the end of each line. If the width or height is larger than 50, this should return the string: "Too big for picture.". -- `get_amount_inside`: Takes another shape (square or rectangle) as an argument. Returns the number of times the passed in shape could fit inside the shape (with no rotations). For instance, a rectangle with a width of 4 and a height of 8 could fit in two squares with sides of 4. +- `get_area`: повертає площу (`width * height`) +- `get_perimeter`: повертає периметр (`2 * width + 2 * height`) +- `get_diagonal`: повертає діагональ (`(width ** 2 + height ** 2) ** .5`) +- `get_picture`: повертає рядок, який представляє фігуру лініями "\*". Кількість ліній повинна дорівнювати висоті, а кількість "\*" у кожному рядку повинна дорівнювати ширині. Наприкінці кожного рядка має бути новий рядок (`\n`). Якщо ширина або висота більші за 50, то повинен повернутись рядок "Too big for picture." (завеликий для зображення). +- `get_amount_inside`: приймає іншу фігуру (квадрат чи трикутник) як аргумент. Повертає ту кількість разів, скільки передана фігура може поміститися у фігурі (без обертання). Наприклад, прямокутник з шириною 4 і висотою 8 може вмістити два квадрати зі сторонами 4. -Additionally, if an instance of a Rectangle is represented as a string, it should look like: `Rectangle(width=5, height=10)` +Додатково, якщо екземпляр Rectangle представлений як рядок, він має виглядати так: `Rectangle(width=5, height=10)` ## Клас Square -The Square class should be a subclass of Rectangle. When a Square object is created, a single side length is passed in. The `__init__` method should store the side length in both the `width` and `height` attributes from the Rectangle class. +Клас Square має бути підкласом Rectangle. Коли ви створюєте об'єкт Square, передається довжина однієї сторони. Метод `__init__` має зберігати довжину сторони в атрибутах `width` та `height` з класу Rectangle. -The Square class should be able to access the Rectangle class methods but should also contain a `set_side` method. If an instance of a Square is represented as a string, it should look like: `Square(side=9)` +Клас Square повинен мати доступ до методів класу Rectange, але також повинен містити метод `set_side`. Якщо екземпляр Square представлений у вигляді рядка, то це має виглядати так: `Square(side=9)` -Additionally, the `set_width` and `set_height` methods on the Square class should set both the width and height. +Додатково, методи `set_width` та `set_height` у класі Square повинні встановити як ширину, так і висоту. ## Приклад використання @@ -79,23 +79,23 @@ Square(side=4) 8 ``` -The unit tests for this project are in `test_module.py`. +Модульні тести для цього проєкту знаходяться в `test_module.py`. ## Розробка -Write your code in `shape_calculator.py`. For development, you can use `main.py` to test your `shape_calculator()` function. Натисніть кнопку «запустити» і `main.py` запуститься. +Запишіть свій код у `shape_calculator.py`. Для розробки ви можете використати `main.py`, щоб протестувати свою функцію `shape_calculator()`. Натисніть кнопку «run» і `main.py` запуститься. ## Тестування -We imported the tests from `test_module.py` to `main.py` for your convenience. Тести запустяться автоматично, коли ви натиснете на кнопку «запустити». +Ми імпортували тести з `test_module.py` до `main.py` для вашої зручності. Тести запустяться автоматично, коли ви натиснете на кнопку «run». ## Надсилання -Copy your project's URL and submit it to freeCodeCamp. +Скопіюйте URL-адресу свого проєкту та відправте її до freeCodeCamp. # --hints-- -It should create a Rectangle class and Square class and pass all tests. +Проєкт повинен створити класи Rectangle і Square та пройти тестування. ```js diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/scientific-computing-with-python-projects/probability-calculator.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/scientific-computing-with-python-projects/probability-calculator.md index db135f8b2a1..8e5b3415549 100644 --- a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/scientific-computing-with-python-projects/probability-calculator.md +++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/scientific-computing-with-python-projects/probability-calculator.md @@ -12,11 +12,11 @@ dashedName: probability-calculator # --instructions-- -Suppose there is a hat containing 5 blue balls, 4 red balls, and 2 green balls. What is the probability that a random draw of 4 balls will contain at least 1 red ball and 2 green balls? While it would be possible to calculate the probability using advanced mathematics, an easier way is to write a program to perform a large number of experiments to estimate an approximate probability. +Уявімо, що у капелюсі лежить 5 синіх, 4 червоні та 2 зелені кульки. Яка ймовірність того, що з 4 кульок, які ви витягнете, принаймні 1 буде червоною та 2 зеленими? І хоча можливо прорахувати вірогідність за допомогою вищої математики, легше буде написати програму для виконання великої кількості експериментів для оцінки приблизної вірогідності. -For this project, you will write a program to determine the approximate probability of drawing certain balls randomly from a hat. +У цьому проєкті напишіть програму, яка визначатиме вірогідність випадкового діставання певних кульок із капелюха. -First, create a `Hat` class in `prob_calculator.py`. The class should take a variable number of arguments that specify the number of balls of each color that are in the hat. For example, a class object could be created in any of these ways: +Спершу створіть клас `Hat` в `prob_calculator.py`. Клас має взяти змінну кількість аргументів, яка вточнюватиме кількість кульок усіх кольорів із капелюха. Наприклад, об'єкт класу можна створити такими способами: ```py hat1 = Hat(yellow=3, blue=2, green=6) @@ -24,22 +24,22 @@ hat2 = Hat(red=5, orange=4) hat3 = Hat(red=5, orange=4, black=1, blue=0, pink=2, striped=9) ``` -A hat will always be created with at least one ball. The arguments passed into the hat object upon creation should be converted to a `contents` instance variable. `contents` should be a list of strings containing one item for each ball in the hat. Each item in the list should be a color name representing a single ball of that color. For example, if your hat is `{"red": 2, "blue": 1}`, `contents` should be `["red", "red", "blue"]`. +Капелюх завжди створюється з принаймні однією кулькою. Аргументи, які передаються в об'єкт-капелюх, під час створення мають конвертуватися в поле класу `contents`. `contents` має бути списком рядків, де один елемент дорівнює кожній кульці у капелюсі. Кожний елемент списку має бути назвою кольору, яка позначає кульку певного кольору. Наприклад, якщо ваш капелюх `{"red": 2, "blue": 1}`, то `contents` має бути `["red", "red", "blue"]`. -The `Hat` class should have a `draw` method that accepts an argument indicating the number of balls to draw from the hat. This method should remove balls at random from `contents` and return those balls as a list of strings. The balls should not go back into the hat during the draw, similar to an urn experiment without replacement. If the number of balls to draw exceeds the available quantity, return all the balls. +Клас `Hat` повинен мати метод `draw`, який приймає аргумент з позначенням кількості кульок, які можна витягти з капелюха. Цей метод має випадково витягати кульки з `contents` та повертати ці кульки списком рядків. Кульки не повинні повертатися до капелюха після того, як їх витягли (як в експерименті з урною без заміни). Якщо кількість кульок, яку треба витягти, перевищує доступну кількість, поверніть усі кульки. -Next, create an `experiment` function in `prob_calculator.py` (not inside the `Hat` class). Ця функція повинна приймати наступні аргументи: +Потім створіть функцію `experiment` в `prob_calculator.py` (не в класі `Hat`). Ця функція повинна приймати наступні аргументи: -- `hat`: A hat object containing balls that should be copied inside the function. -- `expected_balls`: An object indicating the exact group of balls to attempt to draw from the hat for the experiment. For example, to determine the probability of drawing 2 blue balls and 1 red ball from the hat, set `expected_balls` to `{"blue":2, "red":1}`. -- `num_balls_drawn`: The number of balls to draw out of the hat in each experiment. -- `num_experiments`: The number of experiments to perform. (The more experiments performed, the more accurate the approximate probability will be.) +- `hat`: об'єкт-капелюх з кульками, який має бути скопійований у функцію. +- `expected_balls`: об'єкт, який вказує на точну кількість кульок, котру треба вийняти з капелюха для експерименту. Наприклад, щоб визначити вірогідність того, що ви витягнете 2 сині та 1 червону кульки з капелюха, встановіть `expected_balls` на `{"blue":2, "red":1}`. +- `num_balls_drawn`: кількість кульок, які треба витягти з капелюха в кожному експерименті. +- `num_experiments`: кількість експериментів, які треба провести. (Чим більше експериментів було проведено, тим точнішою буде вірогідність.) -The `experiment` function should return a probability. +Функція `experiment` повинна повертати вірогідність. -For example, if you want to determine the probability of getting at least two red balls and one green ball when you draw five balls from a hat containing six black, four red, and three green. To do this, you will perform `N` experiments, count how many times `M` you get at least two red balls and one green ball, and estimate the probability as `M/N`. Each experiment consists of starting with a hat containing the specified balls, drawing several balls, and checking if you got the balls you were attempting to draw. +Допустимо, якщо ви хочете визначити вірогідність витягти щонайменше 2 червоні кульки та одну зелену, коли витягаєте п'ять кульок з капелюха, де лежить шість чорних, чотири червоні та три зелені кульки. Для цього вам треба виконати `N` експериментів, порахувати скільки `M` разів ви можете витягти принаймні дві червоні кульки та одну зелену кульку та вирахувати вірогідність як `M/N`. Кожен експеримент складається з капелюха (з певними кульками), витягування декількох кульок та перевірки, чи ви витягли необхідні кульки. -Here is how you would call the `experiment` function based on the example above with 2000 experiments: +Ось так ви можете викликати функцію `experiment`, базуючись на прикладі зверху з 2000 експериментами: ```py hat = Hat(black=6, red=4, green=3) @@ -49,27 +49,27 @@ probability = experiment(hat=hat, num_experiments=2000) ``` -Since this is based on random draws, the probability will be slightly different each time the code is run. +Оскільки все базується на випадкових витяганнях, то вірогідність буде злегка відрізнятися з кожним новим запуском коду. -*Hint: Consider using the modules that are already imported at the top of `prob_calculator.py`. Do not initialize random seed within `prob_calculator.py`.* +*Підказка: спробуйте використати вже імпортовані модулі зверху `prob_calculator.py`. Не ініціалізуйте випадкове початкове значення в `prob_calculator.py`.* ## Розробка -Write your code in `prob_calculator.py`. For development, you can use `main.py` to test your code. Натисніть кнопку «запустити» і `main.py` запуститься. +Запишіть свій код у `prob_calculator.py`. Для розробки ви можете використати `main.py`, щоб протестувати свій код. Натисніть кнопку «run» і `main.py` запуститься. -The boilerplate includes `import` statements for the `copy` and `random` modules. Consider using those in your project. +Шаблонний код містить інструкції `import` для модулів `copy` та `random`. Спробуйте використати їх у своєму проєкті. ## Тестування -The unit tests for this project are in `test_module.py`. We imported the tests from `test_module.py` to `main.py` for your convenience. Тести запустяться автоматично, коли ви натиснете на кнопку «запустити». +Модульні тести для цього проєкту знаходяться в `test_module.py`. Ми імпортували тести з `test_module.py` до `main.py` для вашої зручності. Тести запустяться автоматично, коли ви натиснете на кнопку «run». ## Надсилання -Copy your project's URL and submit it to freeCodeCamp. +Скопіюйте URL-адресу свого проєкту та відправте її до freeCodeCamp. # --hints-- -It should correctly calculate probabilities and pass all tests. +Проєкт повинен правильно вираховувати ймовірність та пройти тестування. ```js diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/scientific-computing-with-python-projects/time-calculator.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/scientific-computing-with-python-projects/time-calculator.md index f232d1ba063..2359b4c648c 100644 --- a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/scientific-computing-with-python-projects/time-calculator.md +++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/scientific-computing-with-python-projects/time-calculator.md @@ -12,19 +12,19 @@ dashedName: time-calculator # --instructions-- -Write a function named `add_time` that takes in two required parameters and one optional parameter: +Напишіть функцію під назвою `add_time`, яка приймає два обов'язкових параметри та один необов'язковий параметр: -- a start time in the 12-hour clock format (ending in AM or PM) -- a duration time that indicates the number of hours and minutes -- (optional) a starting day of the week, case insensitive +- початковий час в 12-годинному форматі (закінчується на AM чи PM) +- проміжок часу, який позначає кількість годин та хвилин +- (необов'язково) перший день тижня, байдуже на регістр -The function should add the duration time to the start time and return the result. +Функція повинна додати проміжок часу до початкового часу та повернути результат. -If the result will be the next day, it should show `(next day)` after the time. If the result will be more than one day later, it should show `(n days later)` after the time, where "n" is the number of days later. +Якщо результатом буде наступний день, то повинне бути `(next day)` після часу. Якщо результат буде за декілька днів, то повинне бути `(n days later)` після часу, де n – це кількість днів. -If the function is given the optional starting day of the week parameter, then the output should display the day of the week of the result. The day of the week in the output should appear after the time and before the number of days later. +Якщо функції задано довільний параметр першого дня тижня, то вивід має показувати день тижня у результаті. День тижня у виводі повинен бути після часу та перед кількістю днів. -Below are some examples of different cases the function should handle. Pay close attention to the spacing and punctuation of the results. +Нижче наведені приклади різних випадків, які має опрацьовувати функція. Слідкуйте за інтервалами та пунктуацією в результатах. ```py add_time("3:00 PM", "3:10") @@ -46,23 +46,23 @@ add_time("6:30 PM", "205:12") # Returns: 7:42 AM (9 days later) ``` -Do not import any Python libraries. Assume that the start times are valid times. The minutes in the duration time will be a whole number less than 60, but the hour can be any whole number. +Не імпортуйте бібліотеки Python. Припустимо, що початковий час є дійсним часом. Хвилини у проміжку часу будуть цілим числом меншим за 60, але години можуть бути будь-яким числом. ## Розробка -Write your code in `time_calculator.py`. For development, you can use `main.py` to test your `time_calculator()` function. Натисніть кнопку «запустити» і `main.py` запуститься. +Запишіть свій код у `time_calculator.py`. Для розробки ви можете використати `main.py`, щоб протестувати свою функцію `time_calculator()`. Натисніть кнопку «run» і `main.py` запуститься. ## Тестування -The unit tests for this project are in `test_module.py`. We imported the tests from `test_module.py` to `main.py` for your convenience. Тести запустяться автоматично, коли ви натиснете на кнопку «запустити». +Модульні тести для цього проєкту знаходяться в `test_module.py`. Ми імпортували тести з `test_module.py` до `main.py` для вашої зручності. Тести запустяться автоматично, коли ви натиснете на кнопку «run». ## Надсилання -Copy your project's URL and submit it to freeCodeCamp. +Скопіюйте URL-адресу свого проєкту та відправте її до freeCodeCamp. # --hints-- -It should correctly add times and pass all tests. +Проєкт повинен правильно додавати час та пройти тестування. ```js diff --git a/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/introduction-to-data-analysis.md b/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/introduction-to-data-analysis.md index 432fe3230c4..864e1eab643 100644 --- a/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/introduction-to-data-analysis.md +++ b/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/introduction-to-data-analysis.md @@ -13,7 +13,7 @@ dashedName: introduction-to-data-analysis # --description-- Data analysis is the act of turning raw, messy data into useful insights by cleaning the data up, transforming it, manipulating it, and inspecting it. -More resources: +Додаткові ресурси: \- News article diff --git a/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-projects/demographic-data-analyzer.md b/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-projects/demographic-data-analyzer.md index fd60e63f7b7..53d5a3d4693 100644 --- a/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-projects/demographic-data-analyzer.md +++ b/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-projects/demographic-data-analyzer.md @@ -46,17 +46,17 @@ Use the starter code in the file `demographic_data_analyzer`. Update the code so Unit tests are written for you under `test_module.py`. -## Development +## Розробка -For development, you can use `main.py` to test your functions. Натисніть кнопку «запустити» і `main.py` запуститься. +Для розробки ви можете використати `main.py`, щоб протестувати свій код. Натисніть кнопку «run» і `main.py` запуститься. -## Testing +## Тестування -We imported the tests from `test_module.py` to `main.py` for your convenience. Тести запустяться автоматично, коли ви натиснете на кнопку «запустити». +Ми імпортували тести з `test_module.py` до `main.py` для вашої зручності. Тести запустяться автоматично, коли ви натиснете на кнопку «run». -## Submitting +## Надсилання -Copy your project's URL and submit it to freeCodeCamp. +Скопіюйте URL-адресу свого проєкту та відправте її до freeCodeCamp. ## Dataset Source diff --git a/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-projects/mean-variance-standard-deviation-calculator.md b/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-projects/mean-variance-standard-deviation-calculator.md index bfe3385b8ab..76e7fad4ee7 100644 --- a/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-projects/mean-variance-standard-deviation-calculator.md +++ b/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-projects/mean-variance-standard-deviation-calculator.md @@ -50,19 +50,19 @@ For example, `calculate([0,1,2,3,4,5,6,7,8])` should return: } ``` -The unit tests for this project are in `test_module.py`. +Модульні тести для цього проєкту знаходяться в `test_module.py`. -## Development +## Розробка -For development, you can use `main.py` to test your `calculate()` function. Натисніть кнопку «запустити» і `main.py` запуститься. +Для розробки ви можете використати `main.py`, щоб протестувати свою функцію `calculate()`. Натисніть кнопку «run» і `main.py` запуститься. -## Testing +## Тестування -We imported the tests from `test_module.py` to `main.py` for your convenience. Тести запустяться автоматично, коли ви натиснете на кнопку «запустити». +Ми імпортували тести з `test_module.py` до `main.py` для вашої зручності. Тести запустяться автоматично, коли ви натиснете на кнопку «run». -## Submitting +## Надсилання -Copy your project's URL and submit it to freeCodeCamp. +Скопіюйте URL-адресу свого проєкту та відправте її до freeCodeCamp. # --hints-- diff --git a/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-projects/medical-data-visualizer.md b/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-projects/medical-data-visualizer.md index 1068fc22b47..7d4e206b3b9 100644 --- a/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-projects/medical-data-visualizer.md +++ b/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-projects/medical-data-visualizer.md @@ -62,17 +62,17 @@ Any time a variable is set to `None`, make sure to set it to the correct code. Unit tests are written for you under `test_module.py`. -## Development +## Розробка -For development, you can use `main.py` to test your functions. Натисніть кнопку «запустити» і `main.py` запуститься. +Для розробки ви можете використати `main.py`, щоб протестувати свої функції. Натисніть кнопку "run" і `main.py` запуститься. -## Testing +## Тестування -We imported the tests from `test_module.py` to `main.py` for your convenience. Тести запустяться автоматично, коли ви натиснете на кнопку «запустити». +Ми імпортували тести з `test_module.py` до `main.py` для вашої зручності. Тести запустяться автоматично, коли ви натиснете на кнопку «run». -## Submitting +## Надсилання -Copy your project's URL and submit it to freeCodeCamp. +Скопіюйте URL-адресу свого проєкту та відправте її до freeCodeCamp. # --hints-- diff --git a/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-projects/page-view-time-series-visualizer.md b/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-projects/page-view-time-series-visualizer.md index d55101a9565..822d0cdf0d7 100644 --- a/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-projects/page-view-time-series-visualizer.md +++ b/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-projects/page-view-time-series-visualizer.md @@ -32,17 +32,17 @@ For each chart, make sure to use a copy of the data frame. Unit tests are writte The boilerplate also includes commands to save and return the image. -## Development +## Розробка -For development, you can use `main.py` to test your functions. Натисніть кнопку «запустити» і `main.py` запуститься. +Для розробки ви можете використати `main.py`, щоб протестувати свої функції. Натисніть кнопку «run» і `main.py` запуститься. -## Testing +## Тестування -We imported the tests from `test_module.py` to `main.py` for your convenience. Тести запустяться автоматично, коли ви натиснете на кнопку «запустити». +Ми імпортували тести з `test_module.py` до `main.py` для вашої зручності. Тести запустяться автоматично, коли ви натиснете на кнопку «run». -## Submitting +## Надсилання -Copy your project's URL and submit it to freeCodeCamp. +Скопіюйте URL-адресу свого проєкту та відправте її до freeCodeCamp. # --hints-- diff --git a/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-projects/sea-level-predictor.md b/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-projects/sea-level-predictor.md index 96ba925b940..454a69cdaf3 100644 --- a/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-projects/sea-level-predictor.md +++ b/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-projects/sea-level-predictor.md @@ -32,17 +32,17 @@ Unit tests are written for you under `test_module.py`. The boilerplate also includes commands to save and return the image. -## Development +## Розробка -For development, you can use `main.py` to test your functions. Натисніть кнопку «запустити» і `main.py` запуститься. +Для розробки ви можете використати `main.py`, щоб протестувати свої функції. Натисніть кнопку «run» і `main.py` запуститься. -## Testing +## Тестування -We imported the tests from `test_module.py` to `main.py` for your convenience. Тести запустяться автоматично, коли ви натиснете на кнопку «запустити». +Ми перенесли тести з `test_module.py` в `main.py` для вашої зручності. Тести запустяться автоматично, коли ви натиснете на кнопку «run». -## Submitting +## Надсилання -Copy your project's URL and submit it to freeCodeCamp. +Скопіюйте URL-адресу свого проєкту та відправте її до freeCodeCamp. ## Data Source diff --git a/curriculum/challenges/ukrainian/09-information-security/information-security-projects/port-scanner.md b/curriculum/challenges/ukrainian/09-information-security/information-security-projects/port-scanner.md index 99fd3594871..360d354868a 100644 --- a/curriculum/challenges/ukrainian/09-information-security/information-security-projects/port-scanner.md +++ b/curriculum/challenges/ukrainian/09-information-security/information-security-projects/port-scanner.md @@ -70,15 +70,15 @@ If the IP address passed into the `get_open_ports` function is invalid, the func ## Розробка -Write your code in `port_scanner.py`. For development, you can use `main.py` to test your code. Натисніть кнопку "run" і `main.py` запуститься. +Запишіть свій код у `port_scanner.py`. Для розробки ви можете використати `main.py`, щоб протестувати свій код. Натисніть кнопку «run» і `main.py` запуститься. ## Тестування -Розділи з тестами для цього проєкту знаходяться в `test_module.py`. Ми імпортували тести з `test_module.py` до `main.py` для вашої зручності. Тести запустяться автоматично кожного разу, коли ви натиснете клавішу "run". +Модульні тести для цього проєкту знаходяться в `test_module.py`. Ми імпортували тести з `test_module.py` до `main.py` для вашої зручності. Тести запустяться автоматично, коли ви натиснете на кнопку «run». -## Надіслати +## Надсилання -Скопіюйте URL-адресу вашого проєкту і відправте його до freeCodeCamp. +Скопіюйте URL-адресу свого проєкту та відправте її до freeCodeCamp. # --hints-- diff --git a/curriculum/challenges/ukrainian/09-information-security/information-security-projects/sha-1-password-cracker.md b/curriculum/challenges/ukrainian/09-information-security/information-security-projects/sha-1-password-cracker.md index 1559f377023..44a0d58b7d6 100644 --- a/curriculum/challenges/ukrainian/09-information-security/information-security-projects/sha-1-password-cracker.md +++ b/curriculum/challenges/ukrainian/09-information-security/information-security-projects/sha-1-password-cracker.md @@ -47,15 +47,15 @@ The `hashlib` library has been imported for you. You should consider using it in ## Розробка -Запишіть свій код в `password_cracker.py`. Для розробки, ви можете використати `main.py` для перевірки вашого коду. Натисніть клавішу "run" і `main.py` запуститься. +Запишіть свій код у `password_cracker.py`. Для розробки ви можете використати `main.py`, щоб протестувати свій код. Натисніть кнопку «run» і `main.py` запуститься. ## Тестування -Розділи з тестами для цього проєкту знаходяться в `test_module.py`. Ми імпортували тести з `test_module.py` до `main.py` для вашої зручності. Тести запустяться автоматично кожен раз, коли ви натиснете клавішу "run". +Модульні тести для цього проєкту знаходяться в `test_module.py`. Ми імпортували тести з `test_module.py` до `main.py` для вашої зручності. Тести запустяться автоматично, коли ви натиснете на кнопку «run». -## Надіслати +## Надсилання -Скопіюйте URL-адресу вашого проєкту і відправте його до freeCodeCamp. +Скопіюйте URL-адресу свого проєкту та відправте її до freeCodeCamp. # --hints-- diff --git a/curriculum/challenges/ukrainian/11-machine-learning-with-python/machine-learning-with-python-projects/rock-paper-scissors.md b/curriculum/challenges/ukrainian/11-machine-learning-with-python/machine-learning-with-python-projects/rock-paper-scissors.md index 91e72a24845..ae7d1ddc6aa 100644 --- a/curriculum/challenges/ukrainian/11-machine-learning-with-python/machine-learning-with-python-projects/rock-paper-scissors.md +++ b/curriculum/challenges/ukrainian/11-machine-learning-with-python/machine-learning-with-python-projects/rock-paper-scissors.md @@ -24,9 +24,9 @@ The file `RPS.py` shows an example function that you will need to update. The ex *Hint: To defeat all four opponents, your program may need to have multiple strategies that change depending on the plays of the opponent.* -## Development +## Розробка -Do not modify `RPS_game.py`. Write all your code in `RPS.py`. For development, you can use `main.py` to test your code. +Do not modify `RPS_game.py`. Запишіть весь свій код у `RPS.py`. Для розробки ви можете використати `main.py`, щоб протестувати свій код. `main.py` imports the game function and bots from `RPS_game.py`. @@ -46,15 +46,15 @@ For example, here is how you would call the function if you want `player` and `q play(player, quincy, 1000, verbose=True) ``` -Натисніть кнопку «запустити» і `main.py` запуститься. +Натисніть кнопку «run» і `main.py` запуститься. -## Testing +## Тестування -The unit tests for this project are in `test_module.py`. We imported the tests from `test_module.py` to `main.py` for your convenience. Якщо ви видалите коментар в останньому рядку у `main.py`, тести запустяться автоматично, коли ви натиснете кнопку «запустити». +Модульні тести для цього проєкту знаходяться в `test_module.py`. Ми імпортували тести з `test_module.py` до `main.py` для вашої зручності. Якщо ви видалите коментар в останньому рядку в `main.py`, тести запустяться автоматично, коли ви натиснете кнопку «run». -## Submitting +## Надсилання -Copy your project's URL and submit it below. +Скопіюйте URL-адресу свого проєкту та відправте її. # --hints-- diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/619be8ce4ea49008c5bfbc30.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/619be8ce4ea49008c5bfbc30.md index 511269fe85f..f3bb3fe9a48 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/619be8ce4ea49008c5bfbc30.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/619be8ce4ea49008c5bfbc30.md @@ -7,7 +7,7 @@ dashedName: step-43 # --description-- -Increase the pseudo-element's transparency by `30%`. +Збільште прозорість псевдоелементів на `30%`. # --hints--