hexlet-rus / runit Goto Github PK

Delete what is highlighted in red.
In the green block - insert a link to the main Hexlet, at the top - Хекслет

And add a footer on landing

We need to add a snippet design for insertion on websites and presentations. Можно реализовать это через Iframe
Example on codesandbox:

• #23

• #24
  Slug - is a processed snippet name, which does not contain spaces and is unique among the user's snippets. It must be saved in DB.

• #25

• #26

• #27

• #28

• #29

H3 (

https://yadi.sk/d/Wnl0F9uDKSMUPQ

) replace with any other tag not h1-6

H4 (

https://yadi.sk/i/t5mavEAxiMd-ZA

) replace with any other tag not h1-6

Now the wrong styles in the modal when the user is not registered. We need to do what we do elsewhere

Remove unnecessary footer

• на главной странице добавить отступы до и после флекс-контейнера (см. скрин 1)
• #100

• #5
• Сollaborative code editing

Implement code sharing by another user via a link as in replit.
Example

Align the buttons on the same level and instead of an arrow make 3 dots in the top right corner of the card

The cards now cover that button. For example, you can make three dots in the upper right corner of the card

Make routing
https://runit.hexlet.ru/ - there should be a landing page
https://runit.hexlet.ru/snippets/blablabla - the snippet will be located here

Проблема:

В нашем проекте нет заглушек на ошибки, например на 404.

Какие шаги нужно воспроизвести:

1. Ввести неккоректный Url - https://runit.hexlet.ru/hello
2. Увидим просто надпись "Страница не найдена"

Как это сейчас:

Как это должно работать:
Должна выводится информация об ошибке и действия по ее устранению.
Для примера можно взять https://ru.hexlet.io/mywef

Вставить "с главной" ссылку на https://runit.hexlet.ru/
В "в поддержку" вставить email [email protected]

Код есть (контроллеры), а тестов нема.

Добавить логирование с sentry

Upload robots.txt to the root of the site
robots.txt

Swap columns

You can use https://replit.com/~ as a basis.

Redoing the landing.
For designs in figma, write to Students Slack

Make redirections http://runit.hexlet.ru/ to https://runit.hexlet.ru

http://runit.hexlet.ru/

Slug - is a processed snippet name, which does not contain spaces and is unique among the user's snippets. It must be saved in DB.

Request URL: https://runit.hexlet.ru/api/login
Request Method: POST
Status Code: 500 Internal Server Error
{"statusCode":500,"message":"Internal server error"}

При попытке войти. На форме ничего не отображается.

Make it auto-refresh when you save

Generation is performed by registered users. The snippet consists of the selected language and executable code.

Stages of development:

• Implement user registration. Create a personal page of the user with a list of his snippets.
• Save snippets with a user link via api.
• #9

Now when you click on the logo in the iframe, the site opens on the page, and I want a new tab to open with the editor.

https://runit.hexlet.ru/remind_password
При нажатии на кнопку ничего не происходит.

Письмо должно приходить от [email protected]

• #355

Что такое IDE?
Интегрированная среда разработки (IDE) — это программное приложение, которое позволяет разработчикам писать, отлаживать и тестировать код, используя при этом один из нескольких языков программирования. Интегрированные среды разработки популярны среди разработчиков, потому что они ускоряют и упрощают работу по написанию кода. Так же как писатели используют текстовые редакторы, а бухгалтеры – электронные таблицы, разработчики программного обеспечения применяют IDE, чтобы повысить продуктивность.

Как инструменты IDE помогают разработчикам?
Большинство IDE включают в себя функции, выходящие за рамки обычного редактора кода. В одном приложении объединено множество различных инструментов, благодаря которым разработчики могут быстро приступить к программированию новых приложений вместо того, чтобы вручную интегрировать и настраивать различное ПО. Вот несколько важных функций IDE.

Автоматизация редактирования кода

IDE знает правила структурирования утверждений в языках программирования и автоматически редактирует исходный код

Выделение синтаксиса

IDE определяет язык, на котором пишут код, и выделяет разным цветом функции, переменные и операторы. Это помогает быстро визуально считывать синтаксис

Автозаполнение

IDE может предложить продолжить строку на основе первых введённых символов. Это позволяет быстрее вводить названия функций и библиотек, не ошибаться в синтаксисе

Поддержка рефакторинга

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

Автоматизация локальной сборки

IDE повышают производительность труда программистов, выполняя повторяющиеся задачи разработки, которые обычно являются частью каждого изменения кода

Компиляция

IDE компилирует или преобразует код, написанный разработчиком, в язык, понятный операционной системе

Тестирование

IDE позволяет разработчикам автоматизировать модульные тесты локально, прежде чем программное обеспечение будет интегрировано с кодом других разработчиков и будут запущены более сложные интеграционные тесты

Отладка

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

Какие бывают IDE?
Интегрированные среды разработки (IDE) можно разделить на несколько различных категорий в зависимости от того, какую разработку приложений они поддерживают и как работают.

Облачные IDE. Используются для написания, редактирования и компиляции кода непосредственно в браузере, что избавляет их от необходимости загружать программное обеспечение на локальные машины. Облачные IDE имеют стандартизированную среду разработки, могут работать с любой машины и используют вычислительные ресурсы из облака, что освобождает ресурсы локальной машины

Локальные IDE. Устанавливаются и запускаются непосредственно на локальных машинах. Требуют загрузки и установки дополнительных библиотек в зависимости от требований проекта и языка разработки.  Установка локальных IDE может отнимать много времени и быть сложной, а различия в конфигурации между локальной машиной и производственной средой — привести к ошибкам в программном обеспечении.

В чем особенность IDE Runit?
Runit – это облачная интегрированная среда разработки (IDE), в которой можно создавать и запускать код на языке JavaScript, а также выполнять его отладку напрямую в браузере. Runit можно запустить на любом устройстве, с любой операционной системой.
В перспективе расширение набора функций: поддержка других популярных языков программирования, совместная работа с другими участниками, а также готовые шаблоны с кодом для более удобной и быстрой работы.

Make footer as in Hexlet, all the links that are in the footer in Hexlet: offer, processing AP, contacts, etc.

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

To do, as in landing