Полезные материалы для самоподготовки
Материал из вступительного тестирования Яндекс.Практикум на курс React разработчик
Git: основы системы контроля версий
Вам предстоит работать с системой контроля версий git. Мы рекомендуем повторить основные приемы:
Git: объединение локальных изменений с внешними
Вы будете объединять свои наработки с ранее добавленными в репозиторий с помощью
merge (pull) requests. Если в тесте вы столкнулись со сложностями при ответе на этот вопрос, повторите эту тему:Формат данных JSON
Разбуди фронтенд-разработчика ночью и он расскажет всё о формате и синтаксических правилах JSON. Вот хорошая статья, которая поможет освежить детали:
Типы и структуры данных в JavaScript
Разработчик, которые знает типы данных, пишет лаконичный и надёжный код. В разных языках эти типы могут отличаться, но многие из них повторяются. Держите шпаргалку, она может быть полезна на курсе: https://developer.mozilla.org/ru/docs/Web/JavaScript/Data_structures
Cамовызывающиеся функции
Функции с такой сигнатурой называются самовызывающимися функциями или self-invoking function. Их иногда используют для решения некоторых задач. Вот хорошая статья, которая описывает все тонкости работы с такими функциями: https://stasonmars.ru/javascript/ponimaem-nemedlenno-vyzyvaemie-funkcii-iife-i-nemnogo-bolshe/
Методы массивов в JavaScript
JavaScript активно развивается, возможно, в будущем у него будет гораздо больше методов массивов. Но пока достаточно знать только те, что активно используются на практике:
Стрелочные функции
Умение использовать стрелочные функции значительно упрощает разработку. Повторите их перед началом курса: https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Functions/Arrow_functions#отсутствие_связывания_с_this
Область видимости и строгий режим
Путаница со строгим режимом и тремя способами задавать переменные — обычное дело. Освежите эти темы перед обучением:
Всплытие переменных в JavaScript
Поднятие (всплытие) переменных — специфическая особенность JavaScript. Обычно её достаточно изучить один раз и больше к этому не возвращаться: https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Statements/var#поднятие_переменных
Область видимости и способы нотации переменных
let, var, const — все они, вроде бы, созданы для одной цели. Но есть нюансы. Повторите их перед началом курса:Способы обращения к DOM-дереву в JavaScript
В JavaScript есть несколько способов обращения к DOM. Освежите их в памяти: https://developer.mozilla.org/ru/docs/Web/API/Document#methods
События в JavaScript
Порой разработчик как хирург с ювелирной точностью управляет событиями. Прочитайте об одном из популярных приёмов: https://developer.mozilla.org/ru/docs/Web/API/Event/stopPropagation
Преобразование и присваивание типов в JavaScript
Тема приведения типов, явного и неявного сравнения и сами типы данных в JavaScript могут вызывать аллергию. Но эта статья — как хорошее антигистаминное средство:
Взаимодействие с сервером в JavaScript
К асинхронным возможностям языка относят, в том числе,
fetch(). Вспомните его особенности:Проверка условий и оператор % в JavaScript
Чтобы писать надежную логику работы приложений и сайтов, вспомните про конструкцию
if...else:и оператор остатка от деления:
Единицы измерения в CSS
Если вам кажется, что количество единиц измерений избыточно, то вам не кажется. Но знать их всё равно полезно — на разных проектах верстают по-разному. Вот хороший материал на эту тему: https://developer.mozilla.org/ru/docs/Learn/CSS/Building_blocks/Values_and_units
Внутренний отступ: директива padding
Иногда
padding путают с похожей директивой и ошибочно наделяют её свойствами. Вам предстоит работать с этими CSS-свойствами. Повторите их перед началом обучения: https://developer.mozilla.org/ru/docs/Web/CSS/paddingОбъединение внешних отступов — margin collapse
Чтобы быть во всеоружии, когда столкнётесь с
margin, ознакомьтесь с этим материалом:Позиционирование элементов
Вы будете решать задачи, в которых потребуются навыки позиционирования элементов относительно друг друга. Освежите эту тему перед началом курса: https://developer.mozilla.org/ru/docs/Web/CSS/position#значения
Взаимодействие с пользовательским вводом: формы и кнопки
Фронтенд-разработчик часто работает с пользовательским вводом, в том числе и с формами. Постарайтесь закрыть пробелы в этой теме до начала курса:
Адаптивная верстка. @media запросы
Без медиа-запросов невозможно создать адаптивный сайт или приложение. Это мощный инструмент, но и он обладает ограничениями. Вспомните их перед стартом:
Элемент label
<label> — важный элемент пользовательского интерфейса. Освежите в памяти его возможности и способы применения:Flexbox-свойства
Фронтенд-разработчик часто применяет свойства flexbox в задачах с позиционированием элементов. Повторите эту тему перед началом курса: https://developer.mozilla.org/ru/docs/Web/CSS/flex-basis