https://prisma-cms.com/learn/exercises/bad87fee1348bd9bedc08826

Уроки. Поправить раздел jQuery. Не выводится превью.

Сейчас вывод console.log() можно видеть только открыв devTools

Уроки. Добавить вывод сообщений из консоли

test data

Сейчас на странице проекта задачи выводятся общим скопом. Надо добавить в любом виде возможность фильтровать по статусу. Главное условие - изменения фильтра должно менять УРЛ страницы, а GraphQL-запрос должен выполняться в соответствии с параметрами УРЛ.

На странице проекта надо добавить фильтры задач по статусу

А описание gnu make, того который в linux'е, занимает вот
тут http://www.stolyarov.info/books/programming_intro/vol2 ровно 6
(прописью: шесть) страниц, включая все примеры, причём, по моим ощущениям,
его возможности, которые в эти шесть страниц не влезли -- почти никогда не
нужны.  Стр. 450, если что.

Изучить make

В случае ошибки 401 должен сбрасываться токен и перезагрузка запросов

Добавить сброс токена, если он не актуальный

Ранее были более мощные фильтры, но сейчас надо добавить хотя бы основные.

Вот здесь прописаны текущие фильтры для топиков: https://github.com/freecode-academy/freecode.academy/blob/818c3b44a3b2d4006889a32b6d1d404930e0b92f/src/pages/Topics/index.tsx#L24-L50

Сюда надо прописать возможность передавать и другие фильтры, как то Название, Содержимое и т.п. (сейчас хотя бы поиск по названию и/или содержимому). 

Пример того, как это работало на старой версии сайта: https://old.prisma-cms.com/topics/?filters=%7B%22contentText_contains%22%3A%22next-js%22%7D

Следует обратить внимание, что изменение значений в фильтре (UI) вызывает изменение УРЛ страницы, а параметры для API-запроса берутся именно из УРЛа страницы. Надо сделать сдесь так же (то есть заюзать useRouter и router.replace(newUri)). 

Добавить в топиках фильтр по названию и/или содержимому

В задачах формы отправляют на главную страницу. Пример: https://freecode.academy/learn/exercises/bad87fee1348bd9aede08830

https://freecode.academy/learn/exercises/bad87fee1348bd9aedd08830/discuss/0fb8da4fc739fd401a51a9650

Поправить формы в задачах

Пример проблемной закадачи: https://freecode.academy/learn/exercises/bad87fee1348bd9aedf08816/discuss/0922feef4127db3ffed3ac122

В исходниках обернуто в ``

Поправить вывод ссылок из тега code

В задачах расширить редактор (сейчас только старый редактор)

RichText

React (иногда React.js или ReactJS) — JavaScript-библиотека с открытым исходным кодом для разработки пользовательских интерфейсов.

React разрабатывается и поддерживается Facebook, Instagram и сообществом отдельных разработчиков и корпораций.

React может использоваться для разработки одностраничных и мобильных приложений. Его цель — предоставить высокую скорость, простоту и масштабируемость. В качестве библиотеки для разработки пользовательских интерфейсов React часто используется с другими библиотеками, такими как MobX, Redux и GraphQL.

React

GraphQL - технология и язык запросов, разработанные компанией Facebook.

Используется в том числе и в библиотеке Apollo-Client.

GraphQL

Apollo-Client - JavaScript-библиотека для GraphQL-запросов. Есть версии как для чистого JavaScript, так и для популярных библиотек, таких как React и Vue.

Apollo-Client

Важное замечание по работе тайпскрипта в vscode.

TypeScript

Next.js — Бесплатный и открытый JavaScript фреймворк, созданный поверх React. для создания SSR приложений, созданный компанией Vercel (ранее ZEIT).

Помогает создавать пользовательский интерфейс приложений (чаще всего, с помощью React, не придерживаясь его принципа — SPA (Single Page Application)).

Next.js

Styled-Components

# Николай Ланец 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.**: Мой опыт — ваш драйвер роста. Хотите в команду? Ищете менторство? Пишите. Растём вместе!