rolling-scopes-school/tasks

Курс JS/Frontend-разработка

Это бесплатный курс по JavaScript / Front-end, проводимый сообществом с 2013 года. В RS School может учиться каждый, независимо от возраста, профессии, места жительства. Новый набор студентов стартует каждые полгода и насчитывает около 6000-7000 человек. Для продуктивного обучения студентам помогают 250+ менторов.

Цель курса — получение студентами знаний и опыта, достаточного для трудоустройства на позицию Junior Software Engineer в области JavaScript / Front-end.

За период с 1 октября 2020 по 1 июня 2021 только в компанию EPAM Systems трудоустроилось 208 выпускников нашего курса.

Больше информации о RS School находится тут: https://docs.rs.school/#/.

Продолжительность обучения

5-7 месяцев. Для успешного прохождения программы вам потребуется 20-40 часов в неделю.

Программа обучения

Программа обучения находится тут.

Регистрация

Мы предлагаем два варианта регистрации в зависимости от уровня вашей подготовки.

Регистрация на подготовительный курс

Подготовительный курс предназначен для тех, кто мало знаком или незнаком с программированием, но хотел бы в дальнейшем учиться на основном курсе JavaScript / Front-end.

Программу обучения подготовительного курса можно посмотреть тут. Регистрацию на ближайший запуск можно найти тут: https://rs.school/js-stage0/.

Регистрация на основной курс JavaScript / Front-end

Внимание! Основной курс требует наличия у студентов базовых знаний:

• понимание основ HTML и CSS, наличие практических навыков вёрстки;
• знание основ JavaScript (типы данных, операторы, циклы, условные конструкции, функции);
• знание структуры данных и их организации (массив, список, стек, очередь, дерево и т.д.);
• умение реализовать достаточно простой алгоритм на языке программирования JavaScript. Например, сортировку или поиск элементов массива;
• умение решать задачи уровня 8-7 kyu на сайте https://www.codewars.com/;
• (желательно) английский язык уровня Pre-intermediate.

Программу обучения можно посмотреть тут. Регистрацию на ближайший запуск можно найти тут: https://rs.school/js/.

Помощь по проекту

Любой человек может принять участие в развитии проекта, для этого нужно:

1. сделать копию проекта ( форк );
2. создать: 2.1 Issue - если вы просто хотите сообщить о проблеме/предложить улучшение но у вас нет времени/опыта для решения; 2.2 Pull request - если вы у вас уже есть готовый вариант улучшения/решения проблемы;
3. подробно описать ( Проблему/Решение ) по шаблону:

• краткое описание;
• способ воспроизведения;
• возможное решение;
• значимая информация;

4. добавить себя в Assignees;
5. добавить в Assignees:

• @valerydluski;
• @natein;

6. получить плюсик в карму;

FAQ

Где можно задать вопрос?

Вопросы можно задать в Discord чате: https://discord.gg/8Dv4bAw6Hx.

Имеет ли значения город проживания? Можно ли пройти курс полностью онлайн?

Город проживания значения не имеет. Все этапы обучения можно пройти онлайн.

Что делать до старта обучения?

1. Выполнить задания и тесты подготовительного курса.
2. Пойти на курсы английского языка до получения уровня Pre-Intermediate (Минимум A2).

tasks's Issues

Подборка сodewars для stage#1

• https://github.com/rolling-scopes-school/tasks/tree/master/stage1/modules/js-basics
• https://github.com/rolling-scopes-school/tasks/tree/master/stage1/modules/functions
• https://github.com/rolling-scopes-school/tasks/tree/master/stage1/modules/classes-prototypes
• https://github.com/rolling-scopes-school/tasks/tree/master/stage1/modules/js-evolution

F

Опечатки в макете singolo1 - "Inovative" вместо "Innovative", лишний пробел перед точкой

Решение Singolo Part 1 будет проверяться на pixel perfect, но в проверочном макете есть опечатки. Ссылка на директорию с заданием и макетами: https://github.com/rolling-scopes-school/tasks/tree/master/tasks/markups/level-2/singolo/part-1

Опечатка 1

"Inovative" вместо "Innovative".

Опечатка 2

Лишний пробел перед точкой.

Список того, что студенты могут не изучать.

Собираю список тем, знание которых обычно не требуется от javascript/front-end специалиста уровня junior, чтобы убрать их из учебной программы.

Например:

CoreJS

• Iterators
• Generators
• RegExp

Git

• cherry-pick
• reflog

Algorithms

• красно-черное деревья

NodeJS

• In-memory CRUD REST service implementation
• Logging and error handling

Разное

• Регулярные выражения, RegExp
• SOLID

HTML academy

Проверка дз не сработал для двух курсов Селекторы, часть 1 и Наследование и каскадирование. Видимо потому что последние задания платные и весь курс пройти не удается. мой id1374313

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

Вот старый - https://gist.github.com/DaQuirm/3b6d585f3556039117576854ffd977eb

Предлагаю набросать еще пару десятков тем.
Предложения по темам оставляйте в комментариях.

Спасибо!

Обновить список тем для corejs interview

@valerydluski обновить https://github.com/rolling-scopes-school/tasks/blob/master/tasks/interview-corejs.md
@dzmitry-varabei проверить актуальность модулей stage#1 & 2 в соответствии с новым списком

G

Task

Тест Clean Code.

Предлагаем вопросы/ответы.
Может быть есть ссылки на хорошие готовые тесты.

Ссылки для вдохновения:

• http://learn.javascript.ru/write-unmain-code
• https://github.com/airbnb/javascript
• https://www.oreilly.com/library/view/clean-code/9780136083238/
• https://www.amazon.com/Code-Complete-Practical-Handbook-Construction/dp/0735619670

Буду рад любым вашим предложениям!

Приложение для редактирования тестов в RS APP

Тесты в RS APP сложно редактировать/поддерживать, так как приходится работать напрямую с json.
Необходимо разработать прототип приложения, которое позволит редактировать/создавать новые тесты.
В дальнейшем, приложение может быть интегрировано в RS APP.
Пример текущего json

{
  "public": {
    "tresholdPercentage": 75,
    "numberOfQuestions": 14,
    "maxAttemptsNumber": 3,
    "strictAttemptsMode": false,
    "questions": [
      {
        "question": "What are correct ways of defining a function?",
        "answers": [
          "Function Statement + Function Extension",
          "Function Regulation + Function Exression",
          "Function Declaration + Function Expression",
          "Function Declaration + Function Body"
        ],
        "multiple": false
      },
      {
        "question": "When defining a function in \"Function declaration\" way, what should follow \"function\" keyword?",
        "answers": [
          "Function parameters",
          "Function name",
          "Function body",
          "Function Declaration + Function Body"
        ],
        "multiple": false
      },
      {
        "question": "Function without a name is ...",
        "answers": [
          "Anonymous function",
          "Pseudo function",
          "Secret function",
          "Incorrect way of defining a function"
        ],
        "multiple": false
      },
      {
        "question": "Does declared function execute immediately?",
        "answers": [
          "Yes, if it has return statement",
          "No, only after being called",
          "Depends on function parameters"
        ],
        "multiple": false
      },
      {
        "question": "Is there a shorter way to define function expressions?",
        "answers": [
          "Using pointer function",
          "Using cursor function",
          "Using arrow function",
          "Function expression itself is a shortest syntax"
        ],
        "multiple": false
      },
      {
        "question": "Can you omit 'return' keyword in arrow function and still return a value?",
        "answers": [
          "Only when function is a single statement",
          "Only when function is not a single statement",
          "You can always omit return keyword and return a value",
          "Never. Return keyword is required."
        ],
        "multiple": false
      },
      {
        "question": "What is recursion?",
        "answers": [
          "Last function's parameter",
          "Function's return value",
          "A function without a name",
          "Function which calls itself"
        ],
        "multiple": false
      },
      {
        "question": "What are function arguments?",
        "answers": [
          "Values described when defining a function",
          "The real values passed to  the function.",
          "A number of function's calculate operations",
          "All the values inside function brackets { ... }"
        ],
        "multiple": false
      },
      {
        "question": "What does arguments object contain?",
        "answers": [
          "Array-like object of the arguments used when the function was called",
          "Sum of the function arguments",
          "Number of the arguments",
          "String with comma-divided arguments "
        ],
        "multiple": false
      },
      {
        "question": "What happens if function call has missing parameters?",
        "answers": [
          "Function won't start due to error",
          "Missing parameters have null values",
          "Missing parameters are equal to blank string ('')",
          "Missing parameters have undefined values"
        ],
        "multiple": false
      },
      {
        "question": "What type of values can be mutated when passed to the function as parameter?",
        "answers": [
          "Primitive values",
          "Non-primitive values",
          "Functions can't mutate passed parameter values",
          "Functions can mutate any type of value passed as a parameter"
        ],
        "multiple": false
      },
      {
        "question": "What is the last parameter passed Function constructor stands for?",
        "answers": [
          "Body of the function",
          "Function's return value",
          "Array of parameters ",
          "Function's last parameter"
        ],
        "multiple": false
      },
      {
        "question": "Hoisting works for ...",
        "answers": [
          "Function expression",
          "Function declaration",
          "Arrow function",
          "All functions"
        ],
        "multiple": false
      },
      {
        "question": "Is it possible to use another function as parameter?",
        "answers": [
          "Yes, if it is an arrow function",
          "Yes, we can use function as parameter",
          "Nope, function parameters are always primitive values",
          "Only if all other parameters are also functions"
        ],
        "multiple": false
      }
    ]
  },
  "answers": [
    [
      2
    ],
    [
      1
    ],
    [
      0
    ],
    [
      1
    ],
    [
      2
    ],
    [
      0
    ],
    [
      3
    ],
    [
      1
    ],
    [
      0
    ],
    [
      3
    ],
    [
      1
    ],
    [
      0
    ],
    [
      1
    ],
    [
      1
    ]
  ]
}

Mistake on the museum page

"Bask to files" instead of "Back to files"

https://github.com/rolling-scopes-school/tasks/blob/master/tasks/museum/museum.md

task: не работает проверка Html Academy Account

Не срабатывает проверка задания по id Html Academy Account. Все задания уже пройдены по id1269983

Описание ошибки

1. No Codecademy account provided 2. Htmlacademy. Required courses: ["ЗнакомствосНТМLиСSS","СтруктураНТМLдокумента","Разметкатекста","Ссылкииизображения","ОсновыСSS","Оформлениетекста","Знакомствостаблицами","Знакомствосформами","Селекторычасть1","Наследованиеикаскадирование"] / Passed courses: ["ЗнакомствосНТМLиСSS","СтруктураНТМLдокумента","Разметкатекста","Ссылкииизображения","ОсновыСSS","Оформлениетекста"] 3. Udemy. Required courses count: 1 / Passed course count: 0

https://github.com/rolling-scopes-school/tasks/blob/master/tasks/stage-1/HTML-CSS-self-ru.md

Тест для новичков в RSSchool

В наборе RSSchool 2018Q3 был такой фидбек:

Я б предложил перед началом занятий, что б каждый участник курсов 
проходил тест по тому, как учится и что делать в школе. К примеру один
 из вопросов мог бы звучать: "надо ли связывать аккаунты codeacademy и
 padawans и должно ли в padawans что-то отображаться?"  выглядит 
может это и смешно но лишние +100500 вопросов и обращений
 такой тест смог бы помочь избежать. Т.е взять вопросы из FAQ 
и по ним и провести тест. 

Если у вас идеи, пожелания, комментарии или предложения по вопросам и вариантам ответов для такого теста - пишите прямо тут.

Stage #1 TODO list

Ответственные за модули

Неделя #9

• Модуль: Modules in JS
• @ai297 Модуль: Webpack
• Модуль: CSS Preprocessors. Sass
• @irinainina Проект Momentum. Продолжение.

Неделя #10

• @rkhaslarov ShortTrack Tasks
• @aykuli Git Recap
• @amoebiusss Проект Self-introduction
• Проверка уровня базовых знаний. Тесты и задачи по алгоритмам и структурам данных

Неделя #11

• @EvgeniiMal Проект HTML-Builder

Неделя #12

• @jegius Модуль: Clean Code
• @aykuli Модуль: Web Storage
• @jegius Проект на СoreJS

Задания

• новые алгоритмические таски
• новые таски для rs short track

Распределить модули среди тренеров

1. Mikalai Shchakatsikhin Hirurgo
2. Айнур aykuli
3. Виктор Ковалев
4. Sergey Shalyapin
5. Pavel Razuvalau

rsschool-cv

RS School. Onboarding process

Текущие проблемы:

• запутанная система регистрации (rs.school, wearecommunity, trainign.by, , rsapp)
• не всегда приходит подтверждение регистрации/нотификации
• не понятно что делать после регистрации
• нет возможности посмотреть расписание без регистрации в RS APP

Описание видеозаписей для цикла RS Pair Programming

Сейчас есть описание только части занятия из цикла RS Pair Programming - https://github.com/rolling-scopes-school/lectures/blob/master/lectures/rs-online-development.md

Видеозаписи в плейлисте - https://www.youtube.com/watch?v=pzRiqBZh-O4&list=PLe--kalBDwjhxK4bQHD8zpAp-RuhCHu7k

Если, кто-то может сделать описание одного или нескольких занятий, оставляйте текст в комментариях к issue или присылайте PR.

Спасибо!

Semantic error in 'codewars-stage-1.md' task description.

It is not possible to use 'at all' in a positive sentence.
It can only be used in questions and negative sentences.
In this particular case 'in total' construction will be much more suitable.

Museum-adaptive

Предлагаю добавить в раздел "Соответствие вёрстки макету" следующий абзац: "При проверке верстки на разрешениях 1024px, 768px и 420px переключите тип девайса с desktop на mobile в верхней панели device toolbar ". Благодаря этому уберется вертикальный скролл из-за которого фактическое разрешение экрана становилось на 17 пикселей меньше выставленного в верхней панели

Подготовка тестов

Ищу желающих помочь с разработкой/подбором тестов для следующих тем:

Stage#0

• Основы работы с Chrome Dev Tools и VS Code
• Дорожная карта JS/FE Разработчик
• DOM API
• DOM Events
• CSS Positioning & Flexbox

Stage#1

• HTML Forms & Validation
• Preprocessors. SASS
• Media Queries
• Типы данных в JS
• JS Scope & Functions
• CSS Grid
• Figma
• Web Storages
• Webpack
• Async JS
• JS Classes & Prototypes
• ChromeDevTools
• Events
• Event Loop & Animation
• DOM Api
• JS Evolution
• RWD

SEO оптимизация/продвижение сайта rs.school

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

1. Определится с CMS сайта (использовать opensource или написать свою).
2. Настроить аналитику. Например Яндекс.Метрику, для отслеживания поведенческих факторов пользователей (показатель отказов, время на сайте и т.д.), поисковые запросы по которым приходят , географию и другое
3. Оптимизировать под требования поисковиков страницы сайта, например, сейчас есть такие проблемы:
   a) Title должен быть 70-80 символов и включать в себя высокочастотные запросы поисковых систем
   b) Description должен быть 160-180 символов и включать в себя среднечастотные-высокочастотные запросы поисковых систем
   c) На странице нет тегов h1-h5
   d) Скорость загрузки сайта необходимо поднять хотя бы до 90п. оптимизацией размера картинок и скриптов
4. Необходимо добавить ссылки на соцсети школы на сайте
5. В соцсетях также добавить обратные ссылки на сайт школы
6. Нарастить ссылочную массу сайта (на форумах, сайтах и т.д. с высокими SEO показателями). На данный момент на сайт школы ссылается около 40 доменов, что совсем мало
7. Добавить sitemap.xml для поисковых роботов и закрыть доступ поисковым роботам к pdf сертификатам (сейчас они индексируются)
8. Составить семантическое ядро ВЧ-СЧ-НЧ поисковых запросов и написать под них статьи. На данный момент для поисковых роботов сайт почти пустой и в топ 10 никак не может попасть
9. Новости школы также должны появляться и на сайте

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

Таски - https://github.com/rolling-scopes-school/tasks/tree/2018-Q3/tasks
Если вы перевели какой-нибудь таск, создавайте, пожалуйста, PR в этот репозиторий.

Спасибо!

Shelter - Mainpage. Width defining issue

Проблема связана с

• Документация

Описание

Ширина в ТЗ у домашнего задания shelter. Main page имеет неопределённую величину, то 1200px, то 1280px.

Решение

Определить ширину в отдельном PR. Некоторые менторы указывали на 1280px, но я не уверен

Скопировали работу expression-calculator

Оригинал:

Копии:

docs: ошибка в слове "следующие"

1. Блок Portfolio

Если в сетку добавить больше элементов с изображениями (например, 15) - то следющие за 12-м не должны показываться (т.е. 13, 14, 15 не видны).

docs: ошибка в слове "баллов"

Т/З для задания по миграции JS проекта на TS

Ошибка в тексте singolo-cross-check-2-ru.md

При этом нажимая на кнопку еще раз, картинка снова должна меняться.

Картинка не нажимает на кнопку :-)
В русском языке действия, обозначенные деепричастием и глаголом-сказуемым, должны принадлежать одному и тому же субъекту действия.

Task Виртуальная клавиатура - подсветка нажатых клавиш

В задании Виртуальная клавиатура есть условие:

Если нажатие происходит на несколько кнопок, то подсвечиваются все нажатые кнопки

Это невозможно реализовать, так как на физической клавиатуре не всегда можно зажать одновременно больше двух буквенных клавиш, это обусловлено устройством клавиатуры. Например сочетание Q+W+X не будет работать. Оно не работает и в Демо. Мне соответственно снизили оценку за такое нерабочее сочетание.
Предложение: внести исправление в условие "Если нажатие происходит на несколько кнопок, то подсвечиваются как минимум две нажатые кнопки"

Ошибка в описании задания - Singolo DOM.

В описании к заданию Singolo DOM есть орфографическая ошибка "заднии".
файл: https://github.com/rolling-scopes-school/tasks/blob/master/tasks/markups/level-2/singolo/singolo-DOM-ru.md

Не работает ссылка в файле HTML-CSS-self-ru.md

В файле HTML-CSS-self-ru.md не работает ссылка в разделе "Как сдать задание?", ведёт на ненайденную страницу (код 404).

Адрес проблемного файла:

• https://github.com/rolling-scopes-school/tasks/blob/master/tasks/stage-1/HTML-CSS-self-ru.md

Не работающая ссылка:

• https://app.rs.school/course/submit-task?course=rs-2019-q3

Оценка студенческих проектов ментором

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

Ориентировочный перечень пунктов, которые проверяются ментором.

Требования, проверяемые ментором +200

1. Репозиторий +30

• pull request выполнен в соответствии с требованиями +10
• ведётся история коммитов, названия коммитов даются согласно гайдлайну +10
• в pull request идёт диалог ментора со студентом, студент отвечает на комментарии ментора +10

2. Внешний вид и функционал приложения +50

• у ментора нет замечаний к вёрстке, дизайну, UI приложения, либо все замечания ментора исправлены +20
• у ментора нет замечаний к функционалу приложения, либо все замечания ментора исправлены +30

3. Качество кода +120

• правильное наименование переменных и функций +10
• используется prettier, код отформатирован, хорошо читается +10
• нет дублирования кода, повторяющиеся фрагменты кода вынесены в функции, оптимальный размер функций, одна функция – одна задача +10
• нет глубокой вложенности циклов, нет магических чисел +10
• используются фичи ES6 и выше: let, const для объявления переменных, стрелочные функции, Spread/Rest операторы, деструктуризация, классы, async/await и т.д +20
• код разбит на модули +10
• используется webpack +10
• используется eslint с конфигурацией eslint-config-airbnb-base, ошибки линтера исправлены, в eslint не добавляются собственные правила без согласования с ментором +10
• у ментора нет замечаний к качеству кода, либо все замечания ментора исправлены +30

Материалы

• Как писать чистый код: обзор лучших практик JavaScript
• Пишем чистый и масштабируемый JavaScript-код
• Рекомендации по написанию чистого кода на JavaScript

rsschool-cv

docs: ошибка в слове "Разрешение PerfectPixel"

Измените на "Расширение..."

Problem connecting to websocket url

The connection to the url provided in the task (ws://st-chat.shas.tel) cannot be established. The connection status remains pending for some time, and then it disconnects (error message: Error in connection establishment: net::ERR_CONNECTION_TIMED_OUT). I get the same result while testing the connection via online tools (https://www.websocket.org/echo.html).
Could someone please verify if the connection to the provided url can actually be achieved?

Task link: https://github.com/rolling-scopes-school/tasks/blob/master/tasks/chat.md

Тест по основам git в первом этапе обучения RSSchool

Предлагаем вопросы/ответы.
Может быть есть ссылки на хорошие готовые тесты.
Буду рад любым вашим предложениям!

Singolo cross check: нет критериев проверки по работоспособности валидации полей формы/mailto ссылок

Ссылка на условия кросс-чека: https://github.com/rolling-scopes-school/tasks/blob/master/tasks/markups/level-2/singolo/singolo-cross-check-1.md

В условиях есть критерий к наличию валидации, но нет критериев проверки этой валидации. Также есть критерий к наличию mailto ссылки, но нет требования к проверке этой ссылки.

Например, в работе N есть следующие ошибки:

1. Поле "Name" не пропускает моё имя - на нём висит регулярка с требованием указать 8 символов или больше. Имя с фамилией тоже не пускает - регулярка запрещает пробелы. В результате я не могу пользоваться формой.
2. Mailto ссылка имеется, но в href стоит другой емейл - к тому же невалидный, с двумя @. Получается, пользователь не может отправить письмо по этой ссылке.

За эти ошибки я не могу снижать баллы, так как они не прописаны в критериях.

По факту вёрстка из работы N (нерабочая форма + кривой mailto) ударит по бизнесу сильнее, чем, скажем, вёрстка из работы M, где единственная ошибка - в двух местах расползшийся line-height на 3px.

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

SongBird

Может добавить в требованиях к таску:

• eslint. Без него код плывет, очень плохо читается. И даже если он есть, требование папку src не добавлять в .eslintignore (бывает и такое).
• требования по оформлению PR, как в 2-этапе. Может некоторые пришли на реакт не проходя этот этап, и не привыкли оформлять так, чтоб проверяющему было удобно проверять.
• посчитать свои баллы.

Stage#2 Review

https://github.com/rolling-scopes-school/tasks/blob/master/stage2/README.md

Обновить https://github.com/mikhama/core-js-101

Коэффициент для Portfolio

В связи с тем, что Cross-Check проводился впервые и не было единых критериев для проверки, предлагаю для таска Portfolio сделать оценку с коэффициентом (например 0.5), чтобы «сгладить» разницу между неоправданно низкими/высокими баллами.

Описание модулей по TS

Ищу желающего подготовить описание учебных модулей (одного-двух-трех) по TS в stage#2.

Валера уже собрал список тем интервью связанных с TS тут - https://github.com/rolling-scopes-school/tasks/blob/master/tasks/interview-corejs.md#typescript

Сейчас необходимо сделать максимально минимальную подборку обучающих статей/видео со список того, что студентам будет необходимо выучить и в какой последовательности. Любые комментарии и пожелания - велком.

111

Calculator. Cross-check requiments #2

Верстка в данном задании не оценивается, если калькулятор выполняет все функции. В случае, если верстка не позволяет выполнить на десктопе какую-либо операцию из приведенных примеров, баллы снижаются как за отсутствие функционала.

Calculator. Cross-check requiments #1

Добавить в Instruction to cross-check:
В случае, если все приведенные или аналогичные им примеры дают ожидаемый результат, работа получает максимальный балл. При желании можно провести дополнительное тестирование калькулятора. За выявленные в ходе дополнительного тестирования баги/неожиданное поведение калькулятора баллы не снижаем, однако будет здорово, если вы укажете их в комментарии к результатам кросс-чека.

Описание для модуля по OOP

Черновик лежит тут - https://github.com/rolling-scopes-school/tasks/tree/master/stage2/modules/oop-basics

docs: ошибка в слове "иконки"

Технические требования:
2. блок about us

• Интерактивные социальные конки

RS School. Недостаток рекламы

Собираю идеи о том, как можно решить проблему с недостатком рекламы курсов RS School.

• Где и в каком виде вы бы хотели видеть рекламу курсов RS School?
• Как было-бы удобнее ее шарить?

There is a mistake on the stage #0 "Основы работы с Chrome Dev Tools и VS Code" page

Please correct a mistake on the stage #0 "Основы работы с Chrome Dev Tools и VS Code" page, where two links (see the screenshot) leads to the same resource: https://www.youtube.com/watch?v=nd2VYxOsOwY.