Сервис с базой вопросов к собесам и квизами по фронтенду

Квизы по JS, React, вопросами по CSS и TypeScript.

👀 Посмотреть-почитать

#frontend

Игра-тренажёр по CSS Grid

В Grid Garden вам предстоит следить за своим огородом управлять растениями в саду при помощи CSS Grid, Приятный нетипичный способ изучить важную технологию

👀 Начать тренировку

#css

MediaElement.js

JavaScript-библиотека для добавления HTML5 видео- и аудиоплеера на сайт.

👀 Посмотреть и забрать себе

#html

CodeBasics — портал с бесплатными курсами программирования

Курсы по самым разным направлениям. По фронту есть HTML/CSS, JS, TypeScript. Как пишут авторы, помимо материала на курсе есть тренажёры для отработки навыков

👀 Приступить к курсам

#js #css #html

Вопрос с собеседования

❓Знаете ли вы тег dfn и за что он отвечает?

Ответ:
Как правило, в документе, когда упоминается новый термин, он выделяется курсивом и дается его определение. При использовании этого термина в дальнейшем, он считается уже известным читателю. Тег dfn применяется для выделения таких терминов при их первом появлении в тексте.

Браузеры отображают содержимое контейнера с помощью курсивного начертания.

Ставь ❤️если знаешь ответ
Если нет — ставь 💅

#html

Вопрос с собеседования сегодня полегче:

❓Можно ли вложить p в другой такой же p? Можно ли вложить div в p?

Синтаксически div и p внутри p является недопустимым во всех стандартах HTML. Более того, при использовании соответствующего парсера HTML невозможно разместить элемент div внутри p в DOM, потому что открывающий тег div автоматически закрывает элемент p.

Ставь ❤️если знаешь ответ
Если нет — ставь 💅

#html

Реальное тестовое задание на позицию Junior Frontend Developer (React) от компании Jupiter Soft

❗️ Обратите внимание, что макеты часто дают не только в формате Figma, но и в Adobe XD

Все материалы, что предоставляли для реализации тестового задания лежат тут:

👀 Посмотреть

#js

Вопрос с собеседования:

❓Что такое категории контента в HTML5, cколько их, расскажите о них

Каждый элемент HTML принадлежит некоторому количеству категорий контента, которые объединяют элементы с общим набором характеристик. Такая группировка является свободной, то есть не задает на самом деле отношение между элементами таких типов, но помогает определить и описать их поведение и правила, которым они должны следовать, особенно когда дело доходит до сложных деталей. Также возможна ситуация, когда элемент не входит ни в одну из этих категорий.

Существует три типа категорий контента:
— Основные категории контента, описывающие общие для многих элементов правила;
— Категории контента для элементов форм, описывающие общие правила для элементов форм;
— Особые категории контента, описывающие редкие категории, актуальные только для нескольких элементов, возможно, лишь в особом контексте.

Ставь ❤️если знаешь ответ
Если нет — ставь 💅

#html

Основы TypeScript

TypeScript — это надстройка над JavaScript с поддержкой статической типизации, которая помогает сократить количество ошибок и повысить качество кода. В книге Адама Фримена «Основы TypeScript» (третье издание) подробно разобраны все возможности TypeScript 5, включая новые функции, такие как декораторы.

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

👀 Почитать книжку

#ts

JavaScript 30 📆

Челлендж на 30 дней, где каждый день вы будете создавать небольшой проект, каждый из которых поможет отточить какой-то конкретный аспект JS.

Задания подойдут и для опытных, и для новичков

👀 Начать челлендж

#js

Вопрос с собеседования:

❓Что такое DOM?

Объектная Модель Документа (DOM) является программным интерфейсом для HTML, XML и SVG документов. Это обеспечивает структурированное представление документа (дерева), и определяет способ, по которому структура может быть доступна для программы, для изменения структуры документа, его стиля и содержания. DOM обеспечивает представление документа в виде структурированной группы узлов и объектов, которые имеют свойства и методы. По сути, она связывает веб -страницы со скриптами или языками программирования.

DOM (Document Object Model — «объектная модель документа») — это независящий от платформы и языка программный интерфейс, позволяющий программам и скриптам получить доступ к содержимому HTML-, XHTML- и XML-документов, а также изменять содержимое, структуру и оформление таких документов.

Ставь ❤️если знаешь ответ
Если нет — ставь 💅

#web

CSS Diner 🍽️

Для тренировки селекторов CSS идеален CSS Diner! Игра помогает разобраться в основах селекторов и понять, как выбирать элементы в DOM.

👀 Посмотреть или поиграть

#css

Вопрос с собеседования:

❓Что такое Virtual DOM? Как он работает?

Virtual DOM - это абстракция HTML DOM, которая выборочно отображает поддеревья узлов на основе изменений состояния. Он обеспечивает минимальное количество манипуляций с DOM, чтобы поддерживать ваши компоненты в актуальном состоянии.

Подробнее по теме: раз, два, три

Ставь ❤️если знаешь ответ
Если нет — ставь 💅

#web

Вопрос с собеседования:

❓Как можно оптимизировать загрузку внешних ресурсов на странице?

— Уменьшите количество HTTP-запросов
— Используйте поддомены для параллельного скачивания
— Используйте кэш браузера
— Используйте CDN для загрузки популярных JavaScript библиотек
— Используйте Gzip-сжатие

Почитать подробнее

Ставь ❤️если знаешь ответ
Если нет — ставь 💅

#web

Продвинутые концепции языка JavaScript и ООП [2023]

Этот продвинутый курс по JavaScript охватывает ООП, асинхронность, Event Loop, модульность, структуры данных и сборку. Он требует базовых знаний JS, HTML и CSS.

👀 Глянуть курс

#js

Вопрос с собеседования:

❓Что такое canvas в HTML 5?

Это HTML элемент, использующийся для рисования графики средствами языков программирования (обычно это JavaScript). Он может, к примеру, использоваться для рисования графов, создания коллажей или простой (и не очень) анимации. Изображения в правой части статьи являются примерами использования , примеры их создания приводятся в этой статье.
Статья

Ставь ❤️если знаешь ответ
Если нет — ставь 💅

#html