Frontend Interview - JS HTML CSS

Clock Часы показывают h часов, m минут и s секунд после полуночи. Ваша задача - написать функцию, которая возвращает время с полуночи в миллисекундах. Пример: h = 0 m = 1 s = 1 result = 61000 👉 @frontendInterview

Modern Full-Stack Development: Using TypeScript, React, Node.js, Webpack, Python, Django, and Docker, 2nd Edition Изучите, что могут предложить React, Node, Python, Django, TypeScript, Webpack и Docker по отдельности, и как они все вместе подходят для разработки современных приложений. Вы начнете с создания прочного фундамента знаний и быстро расширите его, создав три различных реальных приложения. Это не просто простые, надуманные примеры, а реальные приложения, которые вы можете установить на свои серверы и использовать в реальных условиях. 👉 @frontendInterview

Блочная модель Каждый элемент на веб-странице — это прямоугольник, к которому во время отрисовки браузеры применяют CSS-свойства. Чтобы конечные размеры элементов не были для вас сюрпризом и вы точно понимали, из чего они складываются, нужно разобраться с одной из основных концепций вёрстки — блочной моделью. Блочная модель, она же box model — это алгоритм расчёта размеров каждого отдельного элемента на странице, которым браузеры пользуются при отрисовке. Блочная модель состоит из нескольких CSS-свойств, влияющих на размеры элемента: - width — ширина элемента; - height — высота элемента; - padding — внутренние отступы от контента до краёв элемента; - border — рамка, идущая по краю элемента; - margin — внешние отступы вокруг элемента. 👉 @frontendInterview

Легко и непринужденно эта задача теперь твоя 👉 @frontendInterview

Улучшаем JavaScript-код с помощью стрелочных функций В этой статье расскажу, как стрелочные функции помогают сокращать записи функций, делают код визуально чище и как использовать их без потери смысла. Также покажу, чем обычные функции проигрывают стрелочным и почему одно нельзя заменить другим. 👉 @frontendInterview

👩💻 Всем программистам посвящается! Вот 17 авторских обучающих IT каналов по самым востребованным областям программирования: Выбирай своё направление: 👩💻 Frontend — t.me/frontend_ready 📱 JavaScript — t.me/javascript_ready 👩💻 Backend — t.me/backend_ready 📱 GitHub & Git — t.me/github_ready 👩💻 Python — t.me/python_ready 🤔 InfoSec & Хакинг — t.me/hacking_ready 🖥 SQL & Базы Данных — t.me/sql_ready 🤖 Нейросети — t.me/neuro_ready 👩💻 C/C++ — Ссылка скрыта 👩💻 C# & Unity — t.me/csharp_ready 👩💻 Java — t.me/java_ready 👩💻 Linux — t.me/linux_ready 🖼️ DevOps — t.me/devops_ready 📖 IT Книги — t.me/books_ready 👩💻 Весь IT — t.me/it_ready 👩💻 Bash & Shell — t.me/bash_ready 🖥 Design — t.me/design_ready 📌 Гайды, шпаргалки, задачи, ресурсы и фишки для каждого языка программирования!

Как получить информацию о браузере пользователя? Свойство window.navigator возвращает объект описания приложения (user agent), которое выполняет скрипт. В подавляющем большинстве случаев это приложение — браузер. Объект содержит свойства, описывающие браузер, и методы для выполнения действий. Часто используемые свойства: - userAgent возвращает строку, которая содержит название браузера. navigator.userAgent // "Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:93.0) Gecko/20100101 Firefox/93.0" - language возвращает предпочитаемый язык интерфейса в виде языкового тега. - languages возвращает массив предпочитаемых языков в порядке предпочтительности. Первый в списке будет язык, который возвращает navigator.language. navigator.language // "ru" navigator.languages // ["ru", "en-US", "es-ES"] - cookieEnabled возвращает true, если браузер пользователя поддерживает куки и они включены, false в противном случае. 👉 @frontendInterview

Замыкания в JavaScript Замыкание в JavaScript - это комбинация функции и лексического окружения, в котором она была определена. Это позволяет ей обращаться к переменным и функциям этого лексического окружения в дальнейшем. В следующем примере мы определяем функцию makeCounter(), которая фактически является фабричной функцией. При вызове она возвращает дочернюю функцию, которая имеет доступ к лексическому окружению внешней функции, то-есть функции makeCounter(). Таким образом, возвращаемая функция запоминает переменную counter и в последующем изменяет ее значение. function makeCounter(initial = 0) { let counter = initial; return function() { return counter += 1; } } const counterA = makeCounter(0); console.log(counterA()); // 1 console.log(counterA()); // 2 const counterB = makeCounter(100); console.log(counterB()); // 101 console.log(counterB()); // 102 👉 @frontendInterview

Flatten and sort an array Задача: Задав двумерный массив целых чисел, верните отсортированную версию массива, в которой все целые числа расположены в порядке возрастания. Пример: Учитывая [[3, 2, 1], [4, 6, 5], [], [9, 7, 8]], ваша функция должна вернуть [1, 2, 3, 4, 5, 6, 7, 8, 9]. Дополнение: Пожалуйста, помните, что JavaScript по умолчанию сортирует объекты в алфавитном порядке 👉 @frontendInterview