Обсуждение задания "Use export to Reuse a Code Block"

⌛ Создание строк с использованием шаблонных литералов

Обсуждение задания "Roman Numeral Converter"

Обсуждение задания "Use * to Import Everything from a File"

Обсуждение задания "Understand the Differences Between import and require"

Обсуждение задания "Write Concise Declarative Functions with ES6"

Обсуждение задания "Optimize Re-Renders with shouldComponentUpdate"

Уроки

Еще желательно выводить к какой категории, какого курса относится этот топик) Понятно, что на урок можно перейти по вкладке "Задание", но дальше не совсем понятно из какой группы заданий урок и нет возможности перейти посмотреть.

Еще желательно выводить к какой категории, какого

ОК, добавлю. Задачу себе поставил.

Задание выполняемое. Но я чот не там редактировать стал, поэтому, хотя результат и выполнялся, ответ не засчитывался. Надо именно в этом месте редактировать:

Задание выполняемое. Но я чот не там редактировать

Обнови страницу и проверь сейчас. Должно все ОК быть.

Бабель собирался со старым пресетом, он не умел в такое. Поправил.

Обнови страницу и проверь сейчас. Должно все ОК быть. Бабель собирался со старым пресетом, он не умел в такое. Поправил.

Обнови страницу и проверь сейчас. Должно все ОК бы

Нет там задания совершено разные:

Используйте синтаксис литерала шаблона с обратными штрихами для отображения каждой записи массива failure объекта result . Каждая запись должна быть обернута внутрь элемента li с атрибутом класса text-warning и указана в resultDisplayArray .

Use template literal syntax with backticks to create an array of list element (li) strings. Each list element's text should be one of the array elements from the failure property on the result object and have a class attribute with the value text-warning. The makeList function should return the array of list item strings.

Use an iterator method (any kind of loop) to get the desired output (shown below).

[
  '<li class="text-warning">no-var</li>',
  '<li class="text-warning">var-on-top</li>',
  '<li class="text-warning">linebreak</li>'
]


Поэтому помощь не соответсвует.

Нет там задания совершено разные: У тебя: Используйте синтаксис литерала шаблона с обратными штрихами для отображения каждой записи массива failure объекта result . Каждая запись должна быть обернута внутрь элемента li с атрибутом класса text-warning и указана в resultDisplayArray . На fcc: Use template literal syntax with backticks to create an array of list element (li) strings. Each list element's text should be one of the array elements from the failure property on the result object and have a class attribute with the value text-warning. The makeList function should return the array of list item strings. Use an iterator method (any kind of loop) to get the desired output (shown below). [
  '<li class="text-warning">no-var</li>',
  '<li class="text-warning">var-on-top</li>',
  '<li class="text-warning">linebreak</li>'
] Поэтому помощь не соответсвует.

Нет там задания совершено разные: У тебя: Использу

Все прошло, но ты не ответил откуда 48 взялось никаких операций вычеслиний вроде нет. 

Все прошло, но ты не ответил откуда 48 взялось ник

Олег, я описания взял с FFC как есть. Помощь тоже на их стороне прописана, так что я как бы не в ответе за это.

Но вот мое работающее решение:

Я пробовал их Решение №2, оно не работает только потому что там переменная имеет другое название.

Вот их измеененное решение:

Все, что пришлось сделать, это просто у них переименовать переменную failuresList в resultDisplayArray. А так все рабочее. 

Олег, я описания взял с FFC как есть. Помощь тоже на их стороне прописана, так что я как бы не в ответе за это. Но вот мое работающее решение: Я пробовал их Решение №2, оно не работает только потому что там переменная имеет другое название. Вот их измеененное решение: Все, что пришлось сделать, это просто у них переименовать переменную failuresList в resultDisplayArray. А так все рабочее. Перепроверяй.

Олег, я описания взял с FFC как есть. Помощь тоже

48 - это у них в тестах прописано. То есть скрипт, когда проверяет твое решение, передает 48 и проверяет, чтобы 48 и вернулось. Ты сам можешь указать 48 в своем решении и все должно быть ОК.

А вычислений там никаких и нет. Там есть присвоение. Ты же сам по заданию правил эту функцию:

То есть при вызове эта функция присваивает это значение своему объекту.

А в тесте буквально проверяется

  setGear(newGear) {
    "use strict";
    this.gear = newGear;
  }

48 - это у них в тестах прописано. То есть скрипт, когда проверяет твое решение, передает 48 и проверяет, чтобы 48 и вернулось. Ты сам можешь указать 48 в своем решении и все должно быть ОК. А вычислений там никаких и нет. Там есть присвоение. Ты же сам по заданию правил эту функцию: То есть при вызове эта функция присваивает это значение своему объекту. А в тесте буквально проверяется

48 - это у них в тестах прописано. То есть скрипт,

Понял в чем ошибка.

А в чем проблема-то была? Я так же делал и у меня все ОК было.

А в чем проблема-то была? Я так же делал и у меня

Олег, вот здесь проббел важен: import{capitalizeString}

Должно быть import {capitalizeString}

А вообще тест написан очень паршиво, потому что разбор регулярками написан и там важны двойные кавычки, с одинарными будет ошибка.

Олег, вот здесь проббел важен: import{capitalizeString} Должно быть import {capitalizeString} А вообще тест написан очень паршиво, потому что разбор регулярками написан и там важны двойные кавычки, с одинарными будет ошибка.

Олег, вот здесь проббел важен: import{capitalizeSt

Олег, здесь видимо техническая ошибка. Перепроверю, маякну.

Олег, здесь видимо техническая ошибка. Перепроверю

Олег, тут описание ни к черту. Оказывается, решение такое:

import * as stringFunctions from "./string_functions.js";
// add code above this line

Олег, тут описание ни к черту. Оказывается, решени

П.С. Старайся тоже код вставлять в преттиер, а то читать сложно.

class ControlledInput extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      input: ''
    };
    // change code below this line
    this.onChange = this.onChange.bind(this);
    // change code above this line
  }
  // change code below this line

  onChange(event){
    this.setState({
      input: event.target.value,
    });
  }

  // change code above this line
  render() {
    return (
      <div>
        { /* change code below this line */}

        <input value={this.state.input || ""} onChange={this.onChange}/>

        { /* change code above this line */}
        <h4>Controlled Input:</h4>
        <p>{this.state.input}</p>
      </div>
    );
  }
};


Мое решение : П.С. Старайся тоже код вставлять в преттиер, а то читать сложно.

Мое решение : П.С. Старайся тоже код вставлять в п

Слева в редакторе есть три кнопки, в том числе и Помощь. Перешел в подсказки, взял первое же решение предложенное (Solutions)

Чессказать, сам я и не догадался как решить эту задачку, без подсказки оказалось никак. Но именно такой современный мир разработки: умение быстро найти решение в сети, так что это ОК. Но когда нашел и оно работает, очень хорошо попробовать разобраться как именно и почему оно работает. Чтобы прокачать и свои навыки.

Слева в редакторе есть три кнопки, в том числе и Помощь. Перешел в подсказки, взял первое же решение предложенное (Solutions) Работает. Чессказать, сам я и не догадался как решить эту задачку, без подсказки оказалось никак. Но именно такой современный мир разработки: умение быстро найти решение в сети, так что это ОК. Но когда нашел и оно работает, очень хорошо попробовать разобраться как именно и почему оно работает. Чтобы прокачать и свои навыки.

Слева в редакторе есть три кнопки, в том числе и П

Ну я практически сам её решил, но я не понял почему моё решение не прошло ни один тест? оно работало почти для всех случаев из теста

Ну я практически сам её решил, но я не понял почем

А пришли свое решение.

Вот моё решение, оно немного не доделано, но должно работать для большинства случаев из теста, ну хотя бы один проходить точно)

Вот моё решение, оно немного не доделано, но должно работать для большинства случаев из теста, ну хотя бы один проходить точно) https://codepen.io/shelder14/pen/PoGXaEo

Вот моё решение, оно немного не доделано, но должн

В таких случаях жми F12 и смотри что происходит в консоли. Ты просто забыл объявить переменную.

const romanNumbers = [
    {symbol: 'I', number: 1},
    {symbol: 'V', number:5},
    {symbol: 'X', number:10},
    {symbol: 'L', number:50},
    {symbol: 'C', number:100},
    {symbol: 'D', number:500},
    {symbol: 'M', number:1000}
  ];

В таких случаях жми F12 и смотри что происходит в консоли. Ты просто забыл объявить переменную. const забыл. В итоге ошибка

В таких случаях жми F12 и смотри что происходит в

Lol точно, понял, cпасибо. Очень странно что в codepen не было никакой ошибки....

Lol точно, понял, cпасибо. Очень странно что в cod

Особо странного ничего нет. Это зависит от настроек и там специально сделано, чтобы новички меньше спотыкались. Здесь же ближе к боевым реалиям.

Особо странного ничего нет. Это зависит от настрое

Что такое преттиер?

Ну, не совсем корректно я это слово выбрал. В редакторах это плагин, который приводит код в порядок по заданным правилам (отступы, переносы, кавычки и т.п.). Здесь имелось ввиду просто в редактор кода вставить, чтобы подсветка была.

Ну, не совсем корректно я это слово выбрал. В реда

Обсуждение задания "Create a Controlled Input"

# Николай Ланец aka Fi1osof
**Lead Fullstack Developer / Ментор / Евангелист современного JS‑стека**

---

## О себе

Я — не просто Senior Developer с 2007 года. Я — тот, кто строит продукты будущего на базе современных технологий и помогает другим подниматься на новую ступень айти-карьеры. Создатель и идейный вдохновитель freecode.academy — платформы, где обучение перестает быть скучной обязаловкой и становится настоящим технологическим приключением.

---

## Мой стек и философия разработки

Основу моего рабочего арсенала составляют:

- [Javascript](/technologies/ck1faudv928l40a89c4u9zxlm), [TypeScript](/technologies/ckcvwwx010kov08009u7y2rav)
- [React](/technologies/ck1fawbdw28v20a891k4wlh27), [Next.js](/technologies/ckg2jd4ffr9260730aog66dri)
- [Node.js](/technologies/ckt55wm59272831wo9gg9r8ynx), [GraphQL](/technologies/ck1fawhqk28vu0a8995lqvlsj), [Apollo Client](/technologies/ck2zdcg0vpvc10a89xjmhj1e0), [Nexus](/technologies/ckl2pbh0fxew60730ifl3zozp), [Prisma](/technologies/ck2zdbmi7pv8r0a89ntc2r0f1)
- DevOps: [Docker](/technologies/ck2y1x9lho9cy0a8953xzfjr8), [docker-compose](/technologies/ck2y1xqino9g80a89tsftxin2), [Caddy](/technologies/ck2zd8ovqpuyl0a8909748sbu), [Ubuntu](/technologies/cktu8giks3593911vmle30ztqxt)
- UI-инструменты: [Styled-Components](/technologies/ckk8myysio7lw0730csszvrdw), [Material-UI](/technologies/ckljv3jwd7bgf0730huxlko9n), [react-hook-form](/technologies/ckmx8cn9fmwrv073032e67722)
- Всё актуальное для разработки, CI/CD и автоматизации 
- Эксперименты с [WebGL](/technologies/ckan9anntc12f08003saqttrq), [A‑Frame](/technologies/ck2tgoiz8j37y0a89c7gxsrxc), [Three.js](/technologies/ck2tgns1nj32z0a89vmw7xw3f), [Unreal Engine 4](/technologies/ck7puswy6g4yb07004cdp6lbr), [Elixir](/technologies/ckn0olavrnnzi0730xs8rctn8), [C++](/technologies/cknin1y8lu2fr07307mskn2fn)

---

## Разработка и менторство

- Более 15 лет **hands-on** разработки и проджект‑менеджмента
- Главный разработчик и преподаватель платформы [freecode.academy](https://freecode.academy)
- **Ведущий менти-пул на платформе** — лично выращиваю новых звезд отрасли

### Мои менти и их результаты

| Менти (ФИО \| username)                               | Уровень | Рейтинг |
|-------------------------------------------------------|---------|---------|
| [Попов Дмитрий \| linklib](/users/cjoe890c706ji0d962oismzoe)           | 3       | 315     |
| [Сэт \| defk1lla](/users/ckzh1ita312978121imr9hpqfc64)                 | 3       | 670     |
| [Ксения Матвеева \| Ксения Матвеева](/users/ckz4awwlh10627771imr4wvpb7cj) | 2       | 0       |
| [Михаил \| Balamut](/users/cl1npq92z10258261vmbq0w6vfh2)               | 2       | 0       |
| [Ольга Ершова \| angel](/users/cjoe87zhk00250d969arluevk)              | 1       | 0       |
| [Егор \| rogedkone](/users/cksrdp47d3308261ijuq7wfrxdl)                | 3       | 0       |
| [Roman \| Roman43](/users/ckur2qtt64721431xoboyjcte52)                 | 2       | 0       |
| [Бут Игорь \| santiment](/users/ckttd9x20893951vmltb8t7sha)            | 1       | 0       |

**Доношу простую мысль: успех — это не магия, это осознанная системная работа и кайф от роста.**
Мои менти выводят решения в продакшн, пробиваются в лидеры рейтингов — кому не хочется быть в такой команде?

---

## Почему я?

- **Прокачаю проект** — от TDD архитектуры до культурного CI/CD
- **Вдохновлю команду** — и научу мыслить по‑новому, где ИИ — напарник, а не угроза
- **Выращу мидлов и сеньоров** — доказано платформой и рейтингами моих учеников

**Сила — в сообществе, а техника — это просто смазка для ваших побед. Присоединяйтесь!**

---

## Контакты

- 📧 [n.lanets@freecode.academy](mailto:n.lanets@freecode.academy)
- Телеграм: [@freecode_academy](https://t.me/freecode_academy)

---

**P.S.**: Мой опыт — ваш драйвер роста. Хотите в команду? Ищете менторство? Пишите. Растём вместе!