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

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

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

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

https://github.com/johannesjo/super-productivity

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

Прикрутить super-productivity

test data

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

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

https://habr.com/ru/company/docsvision/blog/341562/

Сгенерировать typescript документацию

А описание 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

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

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