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

Выполнение задания "Finding a Remainder in JavaScript"

Выполнение задания "Subtract One Number from Another with JavaScript"

Выполнение задания "Comment Your JavaScript Code"

Разбираю Editor.js и уперся: как залить картинку, которую добавляем через редактор.

В редакторе есть функция, в которую залетает файл, в ней надо загрузить файл и вернуть полную ссылку на файл.

Ругается на .upload(file): Property 'upload' does not exist on type 'typeof Uploader'.ts(2339)

Понятно ,что куда-то совсем не туда полез ,нео выползти не получается. 

Вопрос: как правильно пристроить Uploader в этом случае? 

import Uploader from '@prisma-cms/uploader'
...

 uploadByFile(file: string | Blob) {
                console.log('file', file)

                //Здесь пытаюсь через Uploader загрузиться и получить url
                return Uploader.upload(file).then(() => {
                  return {
                    success: 1,
                    file: {
                      url: 'http://localhost:3000/uploads/images/1638094124655-Z62_3167.jpg',
                    },
                  }
                })
              },
            },

Загрузка картинок из редактора через @prisma-cms/uploader

Переписать на функциональных компонентах и вынести отдельный хук для загрузки

Выполнение задания "Review Using Props with Stateless Functional Components"

Выполнение задания "Record Collection"

Выполнение задания "Add Flex Superpowers to the Tweet Embed"

Выполнение задания "Find the Length of a String"

Выполнение задания "Link to External Pages with Anchor Elements"

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

# Попов Дмитрий (linklib)
**Frontend-разработчик / Любитель новых фреймворков**

---

## Кратко о себе

За плечами уверенная база по верстке и опыт внедрения современных подходов во Frontend. Люблю исследовать новые технологии, разбираться в реактивности и делать интерфейсы не только быстрыми, но и удобными. Осваиваю не только React и GraphQL, но и Docker, Express.js и прочий профессиональный стек.

---

## Мой стек

- [HTML](/technologies/ck1fasxk228gk0a89k3vnmroa), [CSS](/technologies/ck1fatvnc28jj0a89oymmo65i), [Javascript](/technologies/ck1faudv928l40a89c4u9zxlm), [TypeScript](/technologies/ckcvwwx010kov08009u7y2rav)
- [React](/technologies/ck1fawbdw28v20a891k4wlh27), [Bootstrap](/technologies/ck2tvd5h7jj0g0a89upswbk68), [Material-UI](/technologies/ckljv3jwd7bgf0730huxlko9n)
- [Next.js](/technologies/ckg2jd4ffr9260730aog66dri), [Node.js](/technologies/ckt55wm59272831wo9gg9r8ynx), [Express.js](/technologies/ckt5642ab293031wo9t8wkpj6f)
- [git](/technologies/ck2vblkr8l6x90a89dgkhi2fp), [github.com](/technologies/ck2vbm21fl7240a89djbs77xk), [docker](/technologies/ck2y1x9lho9cy0a8953xzfjr8), [docker-compose](/technologies/ck2y1xqino9g80a89tsftxin2)
- Осваиваю: [Apollo-Client](/technologies/ck2zdcg0vpvc10a89xjmhj1e0), [Prisma-2](/technologies/cklipyix0717l07301c9xenj8), [GraphQL](/technologies/ck1fawhqk28vu0a8995lqvlsj)

...и многое другое!

---

## Кому могу быть полезен?
- В сжатые сроки сверстаю прототип и покажу рабочий результат
- Всем, кто хочет красивый адаптивный интерфейс
- Готов делать всё, кроме скучной рутины (её доверю автоматизации)

**Frontend — моё вдохновение, образование и спортзал мозга! Если хочешь обсудить новую фичу или устроить баттл плагинов — welcome!**

Загрузка картинок из редактора через @prisma-cms/uploaderHelp