Тест: насколько хорошо ты разбираешься во фронтенде?

Error. Не работаем, пока не разберёмся :)

Объясняем: растровые изображения (GIF, JPEG, PNG) собираются из пикселей, а векторные (SVG) — из опорных точек и кривых.

Error. Один всё-таки относится к векторной графике:)

Объясняем: растровые изображения (GIF, JPEG, PNG) собираются из пикселей, а векторные (SVG) — из опорных точек и кривых.

Да, иногда стоит быть душным :-) Вы верно подметили, что в списке представлены не только растровые форматы графики (GIF, JPEG, PNG), но и один векторный — SVG. 

Если вы нажали случайно и угадали, то объясняем: растровые изображения (GIF, JPEG, PNG) собираются из пикселей, а векторные (SVG) — из опорных точек и кривых.

Возможно, вы сможете поддерживать такой код, но вот другой разработчик сойдёт с ума. Зачем писать сложный код и делать рендеринг, когда можно воспользоваться реактивным подходом?

React — это JavaScript-библиотека с открытым кодом. Преимущество такого решения в том, что вместо постоянного ручного изменения кода вы связываете между собой данные и их отображение. В этом случае интерфейс будет сам перерисовываться под новые вводные. 

Подробнее — в нашей статье «React.js для новичков в программировании: что это, как устроен и зачем нужен».

Да! Зачем писать сложный код и делать рендеринг, когда можно воспользоваться реактивным подходом?

React — это JavaScript-библиотека с открытым кодом. Преимущество такого решения в том, что вместо постоянного ручного изменения кода вы связываете между собой данные и их отображение. В этом случае интерфейс будет сам перерисовываться под новые вводные. 

Подробнее — в нашей статье «React.js для новичков в программировании: что это, как устроен и зачем нужен».

Ого! Но, кажется, такую систему будет очень сложно поддерживать и адаптировать. Зачем всё усложнять, если можно воспользоваться реактивным подходом?

React — это JavaScript-библиотека с открытым кодом. Преимущество такого решения в том, что вместо постоянного ручного изменения вы связываете между собой данные и их отображение. В этом случае интерфейс будет сам перерисовываться под новые вводные. 

Подробнее — в нашей статье «React.js для новичков в программировании: что это, как устроен и зачем нужен».

Не-а. Undefined — это когда неизвестно, что находится в переменной в принципе, а null — это переменная, но со значением «пусто» или «нет данных».

Да! Вы прямо буддист — отлично разбираетесь в пустоте :-) Undefined — это когда неизвестно, что находится в переменной в принципе, а null — это переменная, но со значением «пусто» или «нет данных».

Кажется, вы что-то пропустили :-)

Ещё лет семь назад в CSS появилась команда sticky, которая позволяет приклеить блок к верхней границе экрана во время скроллинга. Вот пример на CodePen.

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

Верно! Ещё лет семь назад в CSS появилась команда sticky, которая позволяет приклеить блок к верхней границе экрана во время скроллинга. Вот пример на CodePen.

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

Всё-таки баги случаются — идеальных систем нет. Но в CSS Grid критические ошибки отсутствуют — а мелких насчитали не более 14 штук. Среди них есть такие: некоторые HTML-элементы не могут быть контейнерами, а поддержка фрагментации в браузерах ограничена. 

Верно, идеальных систем не бывает. Но в CSS Grid критические ошибки отсутствуют — а мелких насчитали не более 14 штук. Среди них есть такие: некоторые HTML-элементы не могут быть контейнерами, а поддержка фрагментации в браузерах ограничена.

Жаль, не угадали. Команда git log показывает вашу историю изменений. И используют её не так часто.

Правильный ответ: git push.

Команда git add вносит изменения, git commit их сохраняет, а git push — отправляет на сервер.

Подробнее о работе с Git читайте в нашей статье «Что такое Git: объясняем на схемах».

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

Правильный ответ: git push.

Команда git add вносит изменения, git commit их сохраняет, а git push — отправляет на сервер.

Подробнее о работе с Git читайте в нашей статье «Что такое Git: объясняем на схемах».

Не угадали, увы. Команда git status показывает состояние директории и используется не так уж и часто.

Правильный ответ: git push.

Команда git add вносит изменения, git commit их сохраняет, а git push — отправляет на сервер.

Подробнее о работе с Git читайте в нашей статье «Что такое Git: объясняем на схемах».

Верно! Команда git add вносит изменения, git commit их сохраняет, а git push — отправляет на сервер.

Подробнее о работе с Git в нашей статье «Что такое Git: объясняем на схемах».

Ровно наоборот. TypeScript намного лучше работает с типизацией (здесь она строгая), объектами и классами. Но из-за того, что язык является надстройкой над JS, не портированные на него библиотеку или фреймворк придётся подключать через указание типов данных (сигнатуры). Это сделает процесс разработки более дорогостоящим.

Подробнее — в нашей статье «TypeScript: как с ним работать и чем он отличается от JavaScript».

Именно. TypeScript намного лучше работает с типизацией (здесь она строгая), объектами и классами. Но из-за того, что язык является надстройкой над JS, не портированные на него библиотеку или фреймворк придётся подключать через указание типов данных (сигнатуры). Это сделает процесс разработки более дорогостоящим.

Подробнее — в нашей статье «TypeScript: как с ним работать и чем он отличается от JavaScript».

Не-а. Title — это описание ссылки, оно будет всплывать в веб-версии сайта при наведении курсора на вкладку браузера и отображаться в поисковиках. Полезно, чтобы объяснять пользователю, куда ведёт ссылка.

Верно! Title — это описание ссылки, оно будет всплывать в веб-версии сайта при наведении курсора на вкладку браузера и отображаться в поисковиках. Полезно, чтобы объяснять пользователю, куда ведёт ссылка

Не-а. Title — это описание ссылки, оно будет всплывать в веб-версии сайта при наведении курсора на вкладку браузера и отображаться в поисковиках. Полезно, чтобы объяснять пользователю, куда ведёт ссылка.

Верно! Закон Фиттса описывает поведение людей в момент клика по кнопкам. Чем крупнее и чем ближе друг к другу расположены кнопки или поля для действий, тем удобнее будет пользователю. 

В нашем случае кликнуть по кнопке «Войти» получится быстрее в первом варианте. Подробнее о законе Фиттса и других принципах дизайна читайте в нашей статье «5 базовых правил хорошего дизайна».

В обычной жизни вполне допустимо, но по закону Фиттса лучше всё-таки первый вариант. Закон Фиттса описывает поведение людей в момент клика по кнопкам. Чем крупнее и чем ближе расположены кнопки или поля для действий, тем удобнее будет пользователю. 

В нашем случае кликнуть по кнопке «Войти» получится быстрее в первом варианте. Подробнее о законе Фиттса и других принципах дизайна читайте в нашей статье «5 базовых правил хорошего дизайна».

Нет, не так :-) В JavaScript есть встроенные функции (alert, confirm и другие) и создаваемые программистом. А вот индифферентных нет.

Подробнее о работе с функциями читайте в нашей статье «Сдвиг парадигмы: JavaScript и переход от императивного программирования к функциональному».

А как же вызываемые команды alert, confirm и другие? На самом деле в JS нет индифферентных функций.

Подробнее о работе с функциями читайте в нашей статье «Сдвиг парадигмы: JavaScript и переход от императивного программирования к функциональному».

В точку! В JavaScript есть два типа функций: встроенные (alert, confirm и другие) и создаваемые программистом. 

Подробнее о работе с функциями читайте в нашей статье «Сдвиг парадигмы: JavaScript и переход от императивного программирования к функциональному».