RichText

Я задание выполнил, то есть оно рабочее.

Кстати, во многих задачах есть еще кнопка Помощь. Там тоже могут быть подсказки по сути.

Я задание выполнил, то есть оно рабочее. Кстати, во многих задачах есть еще кнопка Помощь. Там тоже могут быть подсказки по сути.

Я задание выполнил, то есть оно рабочее. Кстати, в

Сейчас посмотрю.

Магаз не запускается нужен ключ.

Copy the contents of .env.local.sample into a new file called .env.local

Put Your Stripe public api key in the /packages/shop/.env.local file's NEXT_PUBLIC_STRIPE_PUBLIC_KEY key.

Прочекал все открытые репо у всех .env.local в gitignore. Только покупать значит.

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

Image

Админка запускается. Магаз не запускается нужен ключ. Go to /packages/shop folder. Copy the contents of .env.local.sample into a new file called .env.local Put Your Stripe public api key in the /packages/shop/.env.local file's NEXT_PUBLIC_STRIPE_PUBLIC_KEY key. Прочекал все открытые репо у всех .env.local в gitignore. Только покупать значит. Но хотя бы код посмотрели, видно, что нормальный магаз.

Админка запускается. Магаз не запускается нужен кл

>> Насколько я понимаю там и фронт и бек вместе, так как это же сделано на nextJs и сделана связка с graphQl в том числе я так понял есть конектор для rest api и даже используетсяTypeScript

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

GraphQL - это всего-лишь язык запросов (по большей степени). Он тоже про базу данных ничего не знает.

Rest API к GraphQL никакого отношения не имеет. То есть или одно или другое. Это они тебе такой маркетинговый ход дают: "юзай что хочешь!:)" (читай "***сь как хочешь и с чем хочешь"). 

А TypeScript - так вообще просто обертка поверх языка, помощник в IDE. Никакого участия в транспортировке данных не принимает.

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

В общем да, считаю, что эта идея мертвая, потому что это не формочку слепить, а интернет-магазин сделать. И даже если я сделаю, это все равно не будет проще, чем сейчас сделано здесь (а наверняка будет еще сложнее). Если бы все так просто было, то движком интернет-магазинов на JS было бы полно. А ты попробуй хоть пяток их найти... Их отсутствие как бы намекает...

>> Насколько я понимаю там и фронт и бек вместе, так как это же сделано на nextJs и сделана связка с graphQl в том числе я так понял есть конектор для rest api и даже используетсяTypeScript NextJS - это только движок веб-сервера. Он в базу данных никак не лезет. А как ты наверно понимаешь, данные должны храниться в базе данных. GraphQL - это всего-лишь язык запросов (по большей степени). Он тоже про базу данных ничего не знает. Rest API к GraphQL никакого отношения не имеет. То есть или одно или другое. Это они тебе такой маркетинговый ход дают: "юзай что хочешь!:)" (читай "***сь как хочешь и с чем хочешь"). А TypeScript - так вообще просто обертка поверх языка, помощник в IDE. Никакого участия в транспортировке данных не принимает. А то, что ты что-то видишь в демке, какие-то там запросы, так знай, что есть такие вещи, как mock-сервера, как тот же msw. Если его заюзать, так ты в браузере даже в мониторе сети будешь видеть запросы, как настоящие, а на самом деле окажется, что это все имитация. В общем да, считаю, что эта идея мертвая, потому что это не формочку слепить, а интернет-магазин сделать. И даже если я сделаю, это все равно не будет проще, чем сейчас сделано здесь (а наверняка будет еще сложнее). Если бы все так просто было, то движком интернет-магазинов на JS было бы полно. А ты попробуй хоть пяток их найти... Их отсутствие как бы намекает...

>> Насколько я понимаю там и фронт и бек вместе, т

Обсуждение задания "Add a Submit Button to a Form"

На всем сайте частенько встречается слово "Гнездо":) На самом деле это "Вложенность/Вложенный". Nested.

На всем сайте частенько встречается слово "Гнездо"

Поставил задачу.

Обсуждение задания "Link to Internal Sections of a Page with Anchor Elements"

Ок. Проверим

Надо было юзать document.write(). Вот подробная статья на тему: http://alljs.ru/articles/document-write

В этой статье проблема данная не описывается, но природа ее мне ясна: ссылки, вписанные динамически, являются все еще частью родительского документа, потому и ссылка идет на саму страницу, а не внутри фрейма. А через frame.document.write() создается именно новый контент самого фрейма. 

Надо будет еще причесать и оттестировать и вылью коммит.

Победил :) Надо было юзать document.write(). Вот подробная статья на тему: http://alljs.ru/articles/document-write В этой статье проблема данная не описывается, но природа ее мне ясна: ссылки, вписанные динамически, являются все еще частью родительского документа, потому и ссылка идет на саму страницу, а не внутри фрейма. А через frame.document.write() создается именно новый контент самого фрейма. Надо будет еще причесать и оттестировать и вылью коммит. Спасибо за фидбэк!

Победил :) Надо было юзать document.write(). Вот п

Обсуждение задания "Nest an Anchor Element within a Paragraph"

Думаю, во фрейм добавить тег <base href="..." /> Поможет. Поставил себе задачу https://freecode.academy/tasks/ckl9ymsho4b750730enpe6h46

На выходных внимательно изучу вопрос.

Думаю, во фрейм добавить тег <base href="..." /> Поможет. Поставил себе задачу https://freecode.academy/tasks/ckl9ymsho4b750730enpe6h46 На выходных внимательно изучу вопрос.

Думаю, во фрейм добавить тег <base href="..." /> П

Да, работает. Возможно ошибся)

Can I use this template For Next Js learning or GraphQL learning ? 

Yes,  You can use this template for your Learning process. The coding  structure is made easy for our customers. We also provided some built in  components to our customers for easy understanding

В их FAQ написано: Can I use this template For Next Js learning or GraphQL learning ? Yes,  You can use this template for your Learning process. The coding  structure is made easy for our customers. We also provided some built in  components to our customers for easy understanding

В их FAQ написано: Can I use this template For Nex

непонятный перевод задания с английского

HtmlTag

Олег, на будущее: не присылай в предложения ничего, на что нет исходников :)

ContentEditor

Комментарий к топику Практическое обучение на основе интернет-магазина

Не за что!

А теперь просто попробуй все это запустить локально.

А теперь просто попробуй все это запустить локальн

Добрый день, как отписаться от рассылки на почту? Нигде нет ссылки Отписаться

Добрый день, как отписаться от рассылки на почту?

Стоит он не так много можно и купить. Вопрос не в этом, вопрос в предложеном формате обучения. Насколько я понимаю там и фронт и бек вместе, так как это же сделано на nextJs и сделана связка с graphQl в том числе я так понял есть конектор для rest api и даже используетсяTypeScript, как ты любишьi.

Даже если он в поряде и в целом годится, для полноценной реализации придется дописывать бэк.

Что там нужно дописывать? Мы с тобой, как раз и обсуждали, что nextJs - это фраймворк, который позволяет работать в том числе и с беком из фронта. Плюс если ты посмотришь внимательно там есть админка на тех же технологиях, плюс чекаут, каталог, верстка, авторизация и все остальное получается это по сути готовый магазин на nextJs насколько я понимаю. Вопрос не в том, чтобы взять его и полностью переписать, а в том чтобы взять простую болванку и понять, как она работает.

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

Стоит он не так много можно и купить. Вопрос не в этом, вопрос в предложеном формате обучения. Насколько я понимаю там и фронт и бек вместе, так как это же сделано на nextJs и сделана связка с graphQl в том числе я так понял есть конектор для rest api и даже используетсяTypeScript, как ты любишьi. Даже если он в поряде и в целом годится, для полноценной реализации придется дописывать бэк. Что там нужно дописывать? Мы с тобой, как раз и обсуждали, что nextJs - это фраймворк, который позволяет работать в том числе и с беком из фронта. Плюс если ты посмотришь внимательно там есть админка на тех же технологиях, плюс чекаут, каталог, верстка, авторизация и все остальное получается это по сути готовый магазин на nextJs насколько я понимаю. Вопрос не в том, чтобы взять его и полностью переписать, а в том чтобы взять простую болванку и понять, как она работает. Короче я предложил ты думай интересно или нет, если считаешь, что идея мертвая значит забыли.

Стоит он не так много можно и купить. Вопрос не в

Бывает. Видимо просто вкладка была ранее открыта. Без перезагрузки страницы у нас тут пока нет хотзамены скриптов

Бывает. Видимо просто вкладка была ранее открыта.

Обсуждение задания "Store Data with Sass Variables"

Это не существенно, но в задании не обязательно переводить  с английского «Фотографии кошки» на «Перейти к нижнему» , иначе при запуске тестов идет поиск  "Jump to Bottom" и получается ошибка. В принципе во всех заданиях так. 

Это не существенно, но в задании не обязательно пе

В этом репо есть папка server, если правильно понимаю конектор к MySql https://github.com/happyfisherod/pickbazar

https://github.com/samakovuluk/pickbazar https://github.com/offsecdev/PickBazar https://github.com/prettydev/pickbazar В этом репо есть папка server, если правильно понимаю конектор к MySql https://github.com/happyfisherod/pickbazar

https://github.com/samakovuluk/pickbazar https://g

Обсуждение задания "Say Hello to HTML Elements"

Проверил, да работает. Большое спасибо) и спасибо за подробное пояснение сути проблемы. Это очень важно в начале.

Проверил, да работает. Большое спасибо)

Нужно просто создать текст + ссылка. По типа   "cat photos" - это ссылка, а текст рядом  "View more"  "Смотри больше". В задании надо писать все на английском, иначе тесты не пройдут.  Вот так нужно сделать View more cat photos 

Нужно просто создать текст + ссылка. По типа   "ca

Обсуждение задания "Turn an Image into a Link"

Поставил задачу,  сделаю переключатель языков в задачах.

Поставил задачу,  сделаю переключатель языков в за

Уроки

Вопрос про раздел ЗАДАЧИ

Дима, как раз этим занимаюсь. Часть функционала уже вылил, но еще часть доделываю. Выкачу, будет анонс.

Дима, как раз этим занимаюсь. Часть функционала уж

Кирилл, этот раздел скорее всего еще не рабочий. Надо саасовский препроцессор сюда подключать. 

Как я и писал ранее, пока 3 раздела основных: HTML+CSS, JS и React.

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

Кирилл, этот раздел скорее всего еще не рабочий. Надо саасовский препроцессор сюда подключать. Как я и писал ранее, пока 3 раздела основных: HTML+CSS, JS и React. По мере того, как буду подправлять другие разделы, буду писать анонсы.

Кирилл, этот раздел скорее всего еще не рабочий. Н

Понял, спасибо!

Дима, добавил создание задач, но пока их можно создавать только со страницы проекта, а вот создание проектов пока в работе. Вот задача: https://freecode.academy/tasks/ckk263hjglz58073032f40e1n

Думаю, она скоро будет выполнена.

Пока же можно создавать задачи в любом существующем уже проекте. Редактирование задач тоже работает

Дима, добавил создание задач, но пока их можно создавать только со страницы проекта, а вот создание проектов пока в работе. Вот задача: https://freecode.academy/tasks/ckk263hjglz58073032f40e1n Думаю, она скоро будет выполнена. Пока же можно создавать задачи в любом существующем уже проекте. Редактирование задач тоже работает

Дима, добавил создание задач, но пока их можно соз

Николай, спасибо! Может создашь проект "Учебный проект pivo-moscow"? Я тогда потихоньку задачи туда буду добавлять. Или дождаться окончания работ?

Николай, спасибо! Может создашь проект "Учебный пр

Весь базовый функционал доступен на старом сайте https://old.prisma-cms.com/projects/create

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

Весь базовый функционал доступен на старом сайте https://old.prisma-cms.com/projects/create Можешь там досьавить проект. И так будет правильней, потому что он будет привязан к тебе.

Весь базовый функционал доступен на старом сайте h

Понял, добавляю!

Проект появился, но задача не ставиться: страница https://freecode.academy/tasks/create/ckk2o04gkm3rc07301qpry3xs не найдена

Я так понимаю - из старой дже версии можно добавить.

Проект появился, но задача не ставиться: страница https://freecode.academy/tasks/create/ckk2o04gkm3rc07301qpry3xs не найдена Я так понимаю - из старой дже версии можно добавить.

Проект появился, но задача не ставиться: страница

Это бага :) Я не видел ту кнопку. Легаси. Поправлю.

Пока просто в проект зайди https://freecode.academy/projects/uchebnyy-proekt-pivo-moscow

Это бага :) Я не видел ту кнопку. Легаси. Поправлю. Пока просто в проект зайди https://freecode.academy/projects/uchebnyy-proekt-pivo-moscow Там кнопка.

Это бага :) Я не видел ту кнопку. Легаси. Поправлю

Супер! Есть, спасибо!

Николай, смотрю связку Проекты+Задачи: похожи, они не очень подходят для целей обучательного проекта. Фактически нужно поставить задачи и в обсуждении выробатать оптимальнте решение. Потом его реалиизовать и детально описать - как-чтозачем сделано. В Задаче же такого нельзя сделать или я что-то недопонял? 

Николай, смотрю связку Проекты+Задачи: похожи, они

Дима, так пока нельзя этого сделать. Я говорил, что связка Задача+Топики в процессе. Скоро будет. Скорее всего на сл неделе (в рабочие дни у меня не много времени заниматься своими делами).

А пока делай как я: https://freecode.academy/topics/pervaya-prostaya-zadacha:-vyvesti-daty-na-stranitse-zadachi.

Дима, так пока нельзя этого сделать. Я говорил, что связка Задача+Топики в процессе. Скоро будет. Скорее всего на сл неделе (в рабочие дни у меня не много времени заниматься своими делами). А пока делай как я: https://freecode.academy/topics/pervaya-prostaya-zadacha:-vyvesti-daty-na-stranitse-zadachi.

Дима, так пока нельзя этого сделать. Я говорил, чт

Понял)

То есть если тебе передают "1 eye for of 1 eye.", а ты возвращаешь true, то задание ты провалил. Ты сейчас пытаешься сказать "Вы неправильно задание проверяете, просите одно, а должны ожидать другое". Но они ожидают ровно то, что они и просят.

palindrome("1 eye for of 1 eye.") should return false.

Олег, ты хитришь :) Задание следующее: То есть если тебе передают "1 eye for of 1 eye.", а ты возвращаешь true, то задание ты провалил. Ты сейчас пытаешься сказать "Вы неправильно задание проверяете, просите одно, а должны ожидать другое". Но они ожидают ровно то, что они и просят.

Олег, ты хитришь :) Задание следующее: То есть есл

Практическое обучение на основе интернет-магазина

Все, пофиксил. Проверьте, должно работать.

Коммит: https://github.com/freecode-academy/freecode.academy/commit/df1d3d7592d9ed193ff06ef29dddfdba4c54e32f

Все, пофиксил. Проверьте, должно работать. Коммит: https://github.com/freecode-academy/freecode.academy/commit/df1d3d7592d9ed193ff06ef29dddfdba4c54e32f

Все, пофиксил. Проверьте, должно работать. Коммит:

Обсуждение задания "Palindrome Checker"

Все равно хочется разобраться.

На счет перевода: я бы вообще на англ оставил. Но проблема в том, что много кто не понимает англ вообще. Поэтому, как мне показалось, пусть будет на русском, пусть и таком корявом. В целом понятно. А перевод не наш, так же с freecodecamp взято.

Меня это не особо оправдывает, потому что давно уже надо добавить сюда переключатель ru/en и в настройках профиля дать указывать предпочтительный язык, но пока более  важные задачи съедают время, извините.

Все равно хочется разобраться. На счет перевода: я бы вообще на англ оставил. Но проблема в том, что много кто не понимает англ вообще. Поэтому, как мне показалось, пусть будет на русском, пусть и таком корявом. В целом понятно. А перевод не наш, так же с freecodecamp взято. Меня это не особо оправдывает, потому что давно уже надо добавить сюда переключатель ru/en и в настройках профиля дать указывать предпочтительный язык, но пока более  важные задачи съедают время, извините.

Все равно хочется разобраться. На счет перевода: я

Не могу подтвердить проблему. У меня все ОК, никуда не перебрасывает. Мой код:

Может на этой странице код старый? Страницу обновляли?

Не могу подтвердить проблему. У меня все ОК, никуда не перебрасывает. Мой код: Может на этой странице код старый? Страницу обновляли?

Не могу подтвердить проблему. У меня все ОК, никуд

>> Прочекал все открытые репо у всех .env.local в gitignore. Только покупать значит.

Вероятно это надо только для платежной системы https://stripe.com/

То есть если покопаться, может получится найти компоненты, которым он нужен, и отключить эти компоненты. То есть урезать функционал, но может все-таки запустится.

>> Прочекал все открытые репо у всех .env.local в gitignore. Только покупать значит. Вероятно это надо только для платежной системы https://stripe.com/ То есть если покопаться, может получится найти компоненты, которым он нужен, и отключить эти компоненты. То есть урезать функционал, но может все-таки запустится.

>> Прочекал все открытые репо у всех .env.local в

Извините, доработаю отписку по ссылке. 

А пока можно в профиле. Зайдите с свой профиль (вверху справа аватарка), нажмите там редактировать (карандашек), и появятся настройки уведомлений. 

Добрый день! Извините, доработаю отписку по ссылке. А пока можно в профиле. Зайдите с свой профиль (вверху справа аватарка), нажмите там редактировать (карандашек), и появятся настройки уведомлений.

Добрый день! Извините, доработаю отписку по ссылке

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

В общем да, считаю, что эта идея мертвая, потому что это не формочку слепить, а интернет-магазин сделать. И даже если я сделаю, это все равно не будет проще, чем сейчас сделано здесь (а наверняка будет еще сложнее).

Ну так из этого тоже мог бы получится хороший учебный материал в freecode.academy уже все собрано, а какими путями - это собиралось не совсем понятно. 

Если бы все так просто было, то движком интернет-магазинов на JS было бы полно. А ты попробуй хоть пяток их найти... Их отсутствие как бы намекает...

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

GraphQL - это всего-лишь язык запросов (по большей степени). Он тоже про базу данных ничего не знает. Не знаю может я не прав, но если уже компоненты для GraphQL готовы и нужно приконектить все к базе - это же гораздо проще чем с нуля все интерфейсы и компоненты писать. В общем да, считаю, что эта идея мертвая, потому что это не формочку слепить, а интернет-магазин сделать. И даже если я сделаю, это все равно не будет проще, чем сейчас сделано здесь (а наверняка будет еще сложнее). Ну так из этого тоже мог бы получится хороший учебный материал в freecode.academy уже все собрано, а какими путями - это собиралось не совсем понятно. Если бы все так просто было, то движком интернет-магазинов на JS было бы полно. А ты попробуй хоть пяток их найти... Их отсутствие как бы намекает... Не искал, но раз появился один скоро появятся другие, сам же говоришь технология новая только набирает популярность.

GraphQL - это всего-лишь язык запросов (по большей

Обсуждение задания "Create a Form Element"

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