CodeRoll | Frontend

Чистый код: фундаментальное руководство по JavaScript Статья о принципах чистого кода с 10 примерами кода JS и TS, которые иллюстрируют принципы 👀 Посмотреть, почитать #js

choose the plan #hehe

Вопрос с собеседования: ❓Что такое canvas в HTML 5? Это HTML элемент, использующийся для рисования графики средствами языков программирования (обычно это JavaScript). Он может, к примеру, использоваться для рисования графов, создания коллажей или простой (и не очень) анимации. Изображения в правой части статьи являются примерами использования , примеры их создания приводятся в этой статье. Статья Ставь ❤️если знаешь ответ Если нет — ставь 💅 #html

Продвинутые концепции языка JavaScript и ООП [2023] Этот продвинутый курс по JavaScript охватывает ООП, асинхронность, Event Loop, модульность, структуры данных и сборку. Он требует базовых знаний JS, HTML и CSS. 👀 Глянуть курс #js

Научим школьников самостоятельно создавать приложения! Бесплатный мастер-класс для детей возраста 13-17 лет независимо от уровня знаний в программировании. ✅Педагоги из Университета Иннополис в простой форме обучат основам языка программирования Java и создания графических интерфейсов. Всего за одно занятие Ваш ребёнок научится самостоятельно создавать мобильные приложения и сможет реализовывать собственные замыслы с дальнейшем! ⚡Не упустите возможность подарить ребёнку уникальные знания от ведущего ИТ ВУЗа страны. Кто знает, возможно, это станет фундаментом для востребованной профессии в будущем или просто полезным хобби в настоящем... Попробуем? Регистрируйтесь для участия, количество мест ограничено. Зарегистрироваться #реклама 16+ progmatica.innopolis.university О рекламодателе

Вопрос с собеседования: ❓Как можно оптимизировать загрузку внешних ресурсов на странице? — Уменьшите количество HTTP-запросов — Используйте поддомены для параллельного скачивания — Используйте кэш браузера — Используйте CDN для загрузки популярных JavaScript библиотек — Используйте Gzip-сжатие Почитать подробнее Ставь ❤️если знаешь ответ Если нет — ставь 💅 #web

⚡️Слита База из 1000+ топовых IT-курсов 👩‍💻 Все языки: https://t.me/+Y8uXTWEfObJlMzZi 👩‍💻 Frontend: https://t.me/+VXGBTD3nJ5UzZWIy 👣 Backend: https://t.me/+qlAx9ckTE1A1Njky 🎨 Дизайн: https://t.me/+KI3iWWPnaVdlZjFi Всё лучшее про IT бесплатно — уже на Базе 🚀

Вопрос с собеседования: ❓Как можно оптимизировать загрузку внешних ресурсов на странице? — Уменьшите количество HTTP-запросов — Используйте поддомены для параллельного скачивания — Используйте кэш браузера — Используйте CDN для загрузки популярных JavaScript библиотек — Используйте Gzip-сжатие Почитать подробнее Ставь ❤️если знаешь ответ Если нет — ставь 💅 #web

Вопрос с собеседования: ❓Что такое Virtual DOM? Как он работает? Virtual DOM - это абстракция HTML DOM, которая выборочно отображает поддеревья узлов на основе изменений состояния. Он обеспечивает минимальное количество манипуляций с DOM, чтобы поддерживать ваши компоненты в актуальном состоянии. Подробнее по теме: раз, два, три Ставь ❤️если знаешь ответ Если нет — ставь 💅 #web

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

Запустите рекламу в телеграм-каналах с Яндекс Директом Перфоманс-реклама теперь в телеграм-каналах ⚡ Яндекс Директ знает, как привлечь целевую аудиторию 💰👌 Попробовать #реклама yandex.ru О рекламодателе

Вопрос с собеседования: ❓Что такое DOM? Объектная Модель Документа (DOM) является программным интерфейсом для HTML, XML и SVG документов. Это обеспечивает структурированное представление документа (дерева), и определяет способ, по которому структура может быть доступна для программы, для изменения структуры документа, его стиля и содержания. DOM обеспечивает представление документа в виде структурированной группы узлов и объектов, которые имеют свойства и методы. По сути, она связывает веб -страницы со скриптами или языками программирования. DOM (Document Object Model — «объектная модель документа») — это независящий от платформы и языка программный интерфейс, позволяющий программам и скриптам получить доступ к содержимому HTML-, XHTML- и XML-документов, а также изменять содержимое, структуру и оформление таких документов. Ставь ❤️если знаешь ответ Если нет — ставь 💅 #web

JavaScript 30 📆 Челлендж на 30 дней, где каждый день вы будете создавать небольшой проект, каждый из которых поможет отточить какой-то конкретный аспект JS. Задания подойдут и для опытных, и для новичков 👀 Начать челлендж #js

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

Вопрос с собеседования: ❓Что такое категории контента в HTML5, cколько их, расскажите о них Каждый элемент HTML принадлежит некоторому количеству категорий контента, которые объединяют элементы с общим набором характеристик. Такая группировка является свободной, то есть не задает на самом деле отношение между элементами таких типов, но помогает определить и описать их поведение и правила, которым они должны следовать, особенно когда дело доходит до сложных деталей. Также возможна ситуация, когда элемент не входит ни в одну из этих категорий. Существует три типа категорий контента: — Основные категории контента, описывающие общие для многих элементов правила; — Категории контента для элементов форм, описывающие общие правила для элементов форм; — Особые категории контента, описывающие редкие категории, актуальные только для нескольких элементов, возможно, лишь в особом контексте. Ставь ❤️если знаешь ответ Если нет — ставь 💅 #html

Срочно требуются Веб-Дизайнеры в Figma. Обучим с нуля. Онлайн-программа с наставником и чатом. Осторожно! 80% практики. По результату обучения у вас будет портфолио из нескольких работ. Сертификат о прохождении курса. Возможность пройти полное обучение и получить гарантированное трудоустройство! Учитесь дизайну у профессионалов. Переходи по кнопки: "Узнать больше" и начинай свое обучение. Доступ 0 руб. Узнать больше #реклама 16+ yudaevschool24.online О рекламодателе

Реальное тестовое задание на позицию Junior Frontend Developer (React) от компании Jupiter Soft ❗️ Обратите внимание, что макеты часто дают не только в формате Figma, но и в Adobe XD Все материалы, что предоставляли для реализации тестового задания лежат тут: 👀 Посмотреть #js

Вопрос с собеседования сегодня полегче: ❓Можно ли вложить p в другой такой же p? Можно ли вложить div в p? Синтаксически div и p внутри p является недопустимым во всех стандартах HTML. Более того, при использовании соответствующего парсера HTML невозможно разместить элемент div внутри p в DOM, потому что открывающий тег div автоматически закрывает элемент p. Ставь ❤️если знаешь ответ Если нет — ставь 💅 #html

Вопрос с собеседования ❓Знаете ли вы тег dfn и за что он отвечает? Ответ: Как правило, в документе, когда упоминается новый термин, он выделяется курсивом и дается его определение. При использовании этого термина в дальнейшем, он считается уже известным читателю. Тег dfn применяется для выделения таких терминов при их первом появлении в тексте. Браузеры отображают содержимое контейнера с помощью курсивного начертания. Ставь ❤️если знаешь ответ Если нет — ставь 💅 #html

Запустите рекламу в телеграм-каналах с Яндекс Директом Перфоманс-реклама теперь в телеграм-каналах ⚡ Яндекс Директ знает, как привлечь целевую аудиторию 💰👌 Попробовать #реклама yandex.ru О рекламодателе