hexlet / hexlet-comparator

Hexlet Comparator

An open project to compare programming courses from different schools. The comparison is made according to formal characteristics in order to avoid distortions. Only schools that have full professions, not just courses, are compared.

• Information about all the schools is in the /data
• If you fulfill CEO of the school, you can give links to FB or VK (or empty link to any of them)

Pictures

The pictures of the schools are in the /public/assets/schools

• Logo - svg format, transparent background
• Screenshot - jpg format. Add screenshots of internal screens, primarily related to the learning process and interaction. External landings are not needed, they have no value. Screenshots must be taken on a MacBook with a Retina display with a 16:10 aspect ratio.

To take a screenshot properly, you need to go into the Safari browser on a Retina Mac. In the settings, uncheck the “Always Show Toolbar in Full Screen” checkbox. Take a screenshot of the page and add it to your project.

---

This repository is created and maintained by the team and the community of Hexlet, an educational project. Read more about Hexlet.

See most active contributors on hexlet-friends.

hexlet-comparator's Issues

Удалить ненужные issue

Удалить бы issue ребят, много чего пофикшено)

Make an English version of the site

Множественный выбор школ для сравнения

Сейчас можно выбрать только 2, кмк имеет смысл сделать возможность сравнивать даже все сразу в рамках одной профессии.
Сейчас если раздизейблить кнопку и выбрать несколько - падает 500 ошибка

7. Добавить школу ShultaisEducation

сделать страницу "о проекте"

нужно создать страницу "о проекте", по аналогии с https://cv.hexlet.io/pages/about

О проекте

Hexlet Comparator - это проект с открытым исходным кодом, созданный и поддерживаемый сообществом Hexlet.
Присоединяйтесь к сообществу, публикуйте резюме и оставляйте рекомендации другим участникам. Расскажите о сайте коллегам и друзьям!
Исходный код платформы Hexlet Comparator доступен на GitHub. Вы можете поучаствовать в процессе разработки.

Исходный код

сделать подвал для сайта

нужно сделать такой же подвал как на CV только обновить ссылки на страницу "о проекте" и на репозиторий
страница о проекте - здесь
ссылка на репозиторий https://github.com/Hexlet/hexlet-comparator

Feature request: Добавить название профессии в заголовок на страницу сравнения школ

Problem description

На странице сравнения профессий разных школ, в заголовок h1, нужно добавить название профессии

Шаблон заголовка: Сравниваю профессию [название профессии] в школах [название1] и [название2]

Proposed solution

Добавить название профессии в заголовок на страницу сравнения школ

Подключить toggle/collapse в navbar

https://react-bootstrap.github.io/components/navbar/

На странице "Школы" поправить верстку карточек

Problem description

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

Proposed solution

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

Вставить везде где надо og теги

Add new schools

Add new schools, can be offline. The main thing is that they must be related to programming

Выбранная профессия при переходе со страницы школы

Сейчас просто переходит на страницу выбора школы, хотелось бы, чтобы сразу была предвыбранна школа, с которой перешел

Добавить школу SkyPro

Добавить новые школы

• #84
• #85
• #86
• #87
• #88
• #89
• #90

Поправить описания школ

Сейчас на страницах школ (https://schools.hexlet.io/schools/hexlet) заголовки отображаются в таком виде: school.descriptions.info, school.professions

Добавить кнопку переключения локали

Add profession descriptions

https://github.com/Hexlet/hexlet-comparator/blob/main/data/professions.yml

Описать схему школы и фигануть тест на соответствие

https://github.com/ajv-validator/ajv

Add itlogia

Не работает en локаль

https://i.imgur.com/VXCDVuS.png

Задать метатеги

страница списка профессий
https://schools.hexlet.io/professions
title: Cравнение онлайн курсов по программированию
description: Онлайн сервис для сравнения курсов по программированию от разных школ. Cравнение онлайн курсов по программированию - Hexlet Comparator

страница конкретной профессии
https://schools.hexlet.io/professions/[:id]
title: [название профессии] – сравнение курсов онлайн-школ
description: Обзор курсов по профессии [название профессии] в популярных онлайн-школах- Hexlet Comparator

страница школы
https://schools.hexlet.io/schools/[:id]
title: [название школы]: профессии, курсы, обучение в [название школы]
description: Обзор курсов от [название школы]. Какие профессии есть в [название школы], обзор и сравнение онлайн школы

страница сравнения
https://schools.hexlet.io/professions/[:id]/competitors/[:id-1]-vs-[:id-2]
title: [название профессии]: сравнение [название школы 1] и [название школы 2], что лучше
description: Сравнение курсов по профессии [название профессии] в онлайн-школах [название школы 1] и [название школы 2]. Куда пойти учиться по профессии [название профессии]

Feature request: Устранить дублирование

Problem description

Сейчас страница строится в соответствии очерёдностью выбора пользователя, потому не исключены вот такие ситуации:
https://schools.hexlet.io/professions/frontend-developer/competitors/avenue-vs-geekbrains

https://schools.hexlet.io/professions/frontend-developer/competitors/geekbrains-vs-avenue

Proposed solution

Устранить дублирование

5. Добавить школу Нетология

Внести мета-теги

Problem description

На страницы школ проекта https://schools.hexlet.io/ нужно внести мета-теги согласно файлу ниже:

https://docs.google.com/spreadsheets/d/1stjgQsXN-b9ZkP8c51vAEL2WXNKAfR8D7sScVWP55Vo/edit?usp=sharing

Proposed solution

Внести title, description

Feature request: Реализовать карту сайта в формате xml

Problem description

Сейчас нет карты сайта в формате xml, это влияет на SEO.

Proposed solution

Реализовать карту сайта в формате xml. Нужно настроить автоматическую генерацию карты сайта в формате xml.
В карте сайта должны содержаться: ссылка на главную страницу, ссылки на разделы, ссылки на все страницы школ, все варианты страниц сравнения программ (в идеале нужно, если есть проблемы с реализацией, то можно пропустить).

Подробнее:
https://yandex.ru/support/webmaster/controlling-robot/sitemap.html

Add Eduson Academy

Issue #113

Перенести тексты в файлы локалей

4. Добавить школу Яндекс практикум

Исправить верстку сравнения курсов

1. В поле "практика" и "стажировка" при значении "Практика/стажировка отсутствует" не верно отображались значения
2. В теге i нет текста
3. При выборе школ таблицы не совпадают размерами

Поправить верстку карточек школ

Problem description

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

Proposed solution

Необходимо поправить верстку.

Add template for issues

Add template for issues.
This is necessary for a convenient description of new tasks or bugs.

You can use this as a basis:
https://github.com/hexlet-rus/runit/tree/main/.github/ISSUE_TEMPLATE

6. Добавить школу LoftSchool

Убрать тег meta Googlebot

Problem description

В выделенной строке сразу перед гугл бот есть meta robots. Они дублируют друг друга, причём первый более приоритетный.
Потмоу второй (googlebot) нужно убрать

Proposed solution

Убрать тег meta Googlebot
https://schools.hexlet.io/

Make sure the images are properly inserted and cached

Добавить для "хлебных крошек" перевод на русский язык.

Problem description

На сайте "хлебные крошки" должны отображаться на русском языке.

"Хлебные крошки" – цепочка ссылок, указывающая полный путь от главной страницы, до страницы, открытой в данный момент.

Proposed solution

Добавить для "хлебных крошек" перевод на русский язык.

3. Добавить школу Ката академия

Красивые страницы ошибок

https://nextjs.org/docs/advanced-features/custom-error-page#404-page
Страницы 404 и 500 ошибок

добавить новые поля в описание профессий

Обновить поля описания профессий. Добавить новые поля и заполнить полностью одну профессию для примера.

Полный список после с примерами значений есть здесь https://docs.google.com/document/d/1DJhrK7t9TXV1rV0B4wjG5E3O-kDeYOwzZHBGgY4HyTc/edit?usp=sharing

В этом же доке есть тестовый контент для курса Python-разработчик (хекслет) - https://github.com/Hexlet/hexlet-comparator/blob/main/data/schools/hexlet.yml

Добавить редирект с http на https

Сейчас сайт можно открыть по ссылке http://schools.hexlet.io/ и он будет работать, как ни в чём не бывало. Так быть не должно.

Нужно сделать 301 редирект, если происходит обращение по http, на https. Поведение должно быть, как, например, у hexlet.io:

$ curl -IS http://hexlet.io 
HTTP/1.1 301 Moved Permanently
Location: https://hexlet.io/
# ...
# какие-то ещё заголовки

Update screenshots of schools

Сделать новые скриншоты для всех школ на MacBook с дисплеем retina. Соотношение сторон скриншота должно быть 16:10.

2. Добавить школу Бруноям

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

Ожидается, что минимум будет 100vh

Feature request: Поправить верстку подзаголовков на странице сравнения программ школ

Problem description

Сейчас в таблице сравнения стоят заголовки h2

Это можно увидеть, например: https://schools.hexlet.io/professions/frontend-developer/competitors/avenue-vs-brunoyam

Proposed solution

Поправить верстку подзаголовков на странице сравнения программ школ. В таблице сравнения заменить заголовки h2 на h3

Сделать линк на школу в зависимости от перевода

Например, у Хекслета есть английская версия и русская

Feature request: Добавить тег rel canonical

Problem description

Нужно настроить подстановку тега rel canonical на все страницы сайта. В значение тега нужно подставлять адрес текущей открытой страницы. Подстановка должна происходить без учета всех возможных параметров в URL страницы.
Подробнее: https://yandex.ru/support/webmaster/robot-workings/canonical.html

Пример https://schools.hexlet.io/professions/frontend-developer?from=yandex
Канонический адрес https://schools.hexlet.io/professions/frontend-developer

Proposed solution

Add a table with a description of the school

На странице школы, нужно добавить таблицу с описанием. Таблица с описанием нужна вот здесь http://joxi.ru/GrqgN8LukNnlE2
Список полей с примерами заполнения есть здесь https://docs.google.com/document/d/1oGvevvAruSzPbP3kU6lx1s0YJ7ND6jF5VKlR4zq-khQ/edit?usp=sharing

Нужна таблица с подзаголовками, как в примере (в доке). Логика вывода: если какое то поле за полнено, то строку в таблице не выводить.

Дополнительно, нужно в шапку страницы добавить кнопку с якорной ссылкой "Описание" со ссылкой на таблицу
вот здесь http://joxi.ru/8AnVy16I7q1EWA
Кнопку со ссылкой на описание установить первой (перед профессиями).

Для тестирования можно использовать нашу страницу https://schools.hexlet.io/schools/hexlet
Для теста можно взять весь контент из доке (для проверки нужна полностью заполненная таблица со всеми выведенными строками)

Не очевидный путь пользователя

Problem description

Не очевидно:

1. Как выбрать первую компанию
2. Как затем перейти в экран выбора второй компании
3. Не очевидно как потом их сравнить.

Да, я видел инструкцию. Но такие инструкции не нативны, прочитал и забыл. Интерфейс должен подсказывать пользователю что делать.

Proposed solution

Пригласите UX\UI дизайнера.

Добавить в верхнее меню ссылку на школы

вот сюда

ссылку (Школы)[https://schools.hexlet.io/schools]

Feature request: Добавить “хлебные крошки” на сайт

Problem description

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

Proposed solution

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

Ограничивать "добавить" двумя школами

А то щас можно натыкать любое число https://schools.hexlet.io/professions/frontend-developer