Самообучение

В топиках используется фронт-редактор @prisma-cms/front-editor. Вот к нему надо дописать новый компонент для загрузки и вывода картинок. 

Есть готовый компонент для загрузки файлов @prisma-cms/uploader. Его вот надо заюзать для загрузки картинок и дописать вывод со всплывашкой.

Решение: https://github.com/freecode-academy/freecode.academy/commit/e11788933d399c06f91602d025d08eecef72b841

Добавить в редактор топика загрузку картинок

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

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

В продолжение этой задачи: https://freecode.academy/tasks/ckka5h1u6pnei0730su77czbc

Скорее всего вот здесь я зря убрал враппер https://youtu.be/-NTRi-NW61s?t=8698

Обсуждение здесь: https://freecode.academy/topics/skrinkast-dobavleniya-komponenta-zagruzki-kartinok-vo-front-redaktor

Решение: https://github.com/freecode-academy/freecode.academy/commit/7612cc81775951e4bc8f38c9971ead588374e052

Поправить пропорции картинок во всплывашке

Изучение NASM

Сейчас в старом редакторе используются теги pre, у которых по умолчанию перенос запрещен.

Надо тегам pre глобально прописать CSS-правило

Файл глобальных стилей: https://github.com/freecode-academy/freecode.academy/blob/master/src/theme/GlobalStyle.ts

Пример проблемной страницы: https://freecode.academy/comments/comment-6415.html

.DraftEditor-root pre {
  white-space: pre-wrap;
}

Поправить переносы строк

Если зайти в любую задачу с пометкой Нужна помощь и нажать Редактировать, в форме редактора у чекбокса Нужна помощь галочка не стоит, то есть не понимает, что должно быть checked.

Чекбокс в коде: https://github.com/freecode-academy/freecode.academy/blob/7612cc81775951e4bc8f38c9971ead588374e052/src/pages/Tasks/Task/View/form/TaskForm/index.tsx#L310-L314

Поправить галочку Нужна помощь на странице редактирования задачи

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

Изучить make

Выполнение задания "Declare JavaScript Variables"

Выполнение задания "Storing Values with the Assignment Operator"

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

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

Каскадные таблицы стилей

RichText

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

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

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

React

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

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

GraphQL

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

TypeScript

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

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

Next.js

WYSIWYG-редактор, основанный на React, разработанный для и используемый на https://freecode.academy

@prisma-cms/front-editor

React-компонент для загрузки файлов на сервер, работающий поверх GraphQL. 

Поддерживает как одиночную, так и множественную загрузку файлов.

@prisma-cms/uploader

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

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

Выполнение задания "Storing Values with the Assignment Operator"

Выполнение задания "Declare JavaScript Variables"

Изучить make

Поправить галочку Нужна помощь на странице редактирования задачиHelp

Поправить переносы строкHelp

Изучение NASM

Поправить пропорции картинок во всплывашкеHelp

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

Добавить в редактор топика загрузку картинокHelp