Frontend Interview - собеседования по Javascript / Html / Css

Хотите создать пет-проект, но не знаете с чего начать? Поучитесь у lovesyuk. Он создает прикольные проекты, завязанные на ML. И делится всеми проектами. Вот что он недавно сделал: — Онлайн-игру про то, кто смешнее пошутит — Python-библиотеку с GPT-4, которая помогает кодить — Бота Рика Санчеза на ChatGPT-4 (да-да, того самого из Рика и Морти) Все это — свежие посты в его канале. А еще там есть гайды, ссылки на гитхаб и куча айтишного юмора. И он уже создал две успешные айти-компании — у него точно есть чему поучиться 😉

Объяснение: При использовании флага "global" или "sticky" у RegExp появляется состояние. У него есть lastIndex полученный из предыдущего вызова регулярки. При первом вызове lastIndex'у присваивается 5 (индекс на котором регулярка остановилась) и при следующем он начинает поиск с этого индекса, но т. к. это конец строки - там ничего нет и он выдаёт false (и lastIndex, кстати, обратно устанавливается в 0). 👉 @frontendInterview

👉 @frontendInterview

Объясните, что делает приведенный выше код Приведенный код использует генераторную функцию (function*) и ключевое слово yield для создания итератора, который будет возвращать значения в цикле. Давайте разберем код по шагам: 1. Сначала определяется генераторная функция fn, которая принимает аргумент num. Генераторная функция отличается от обычной функции тем, что может приостанавливать свое выполнение и возобновлять его позднее. 2. Внутри генераторной функции есть цикл for, который итерирует от 0 до num - 1. В каждой итерации цикла выполняется следующая строка кода. 3. Ключевое слово yield используется для приостановки выполнения функции и возврата значения во время каждой итерации цикла. В данном случае, yield console.log(i) приостанавливает выполнение функции и выводит значение i в консоль. Затем yield возвращает undefined. 4. После выполнения каждой итерации цикла, выполнение генераторной функции приостанавливается, и управление передается обратно во внешний код. 5. Затем создается переменная loop, которая получает результат вызова генераторной функции fn(5). Это создает итератор, связанный с генераторной функцией. 6. Вызов loop.next() запускает выполнение генераторной функции до первого ключевого слова yield. В данном случае, это приведет к выполнению console.log(0) и возврату объекта {value: undefined, done: false}. Значение value равно undefined, потому что console.log() не возвращает никакого значения. 7. Затем вызов loop.next() возобновляет выполнение генераторной функции сразу после последнего ключевого слова yield. В данном случае, это приведет к выполнению console.log(1) и возврату объекта {value: undefined, done: false}. Таким образом, код последовательно выводит числа от 0 до 1 в консоль. 👉 @frontendInterview

👉 @frontendInterview

Как фронтендеру расти дальше? Для роста нужен опыт с проектами посложнее, но бывает, что таких проектов на текущей работе нет и не предвидится. Можно залететь в оперсорс, но я не знаю о крупных проектах, куда можно легко залететь и получить поддержку наставника. Как вариант, пройти обучение с акцентом на практику, которое было создано руками тимлидов с опытом работы в Яндексе, Вконтакте, TON и Frogly. Здесь вы будете постепенно добавлять в проект самые актуальные технологии и разбираться в том, как они работают. За 5 месяцев обучения вы научитесь: - находить и лечить сложные ошибки производительности - готовить Service Worker и PWA, чтобы сайт работал в офлайне - делать сайт доступным для людей с ограниченными способностями - DevOps штукам для фронтендера - создавать серверную часть веб-приложения самостоятельно с нуля Приходите прокачивать скиллы А по промокоду FRONTINT22 для вас скидка 7% на ближайший поток.

Count the divisible numbers Создайте функцию, которая принимает 3 числа - x, y, k. И возвращает количество целых чисел в промежутке от x до y, которые делятся на k. Пример: x = 6, y = 11, k = 2 Функция должна вернуть 3, так как в промежутке от 6 до 11 три числа делятся на 2 (6, 8, 10). 👉 @frontendInterview

Essential TypeScript 4: From Beginner to Pro 2nd Edition(2021) Узнайте об основных и дополнительных возможностях TypeScript, популярного супернабора языка JavaScript, в котором добавлена поддержка статической типизации. TypeScript сочетает в себе возможности типизации C# или Java с гибкостью JavaScript, уменьшая количество ошибок типизации и обеспечивая более легкий путь к разработке JavaScript. 👉 @frontendInterview

Чему будет равно значение переменной variable: let variable = 1 + '15'? Значение переменной variable будет равно '115'. В переменной будет храниться строка, а не число. let variable = 1 + '15' console.log(variable) // '115' Оператор + в JavaScript используется для сложения чисел или конкатенации строк. В результате применения этого оператора к двум значениям получится строка или число. Если один из операндов будет строковым типом, то оба операнда сначала будут приведены к строке, а результатом станет их конкатенация. 👉 @frontendInterview

Верстаешь? С 11 по 17 июля проводим бесплатный онлайн-интенсив по Frontend-разработке, где будем учить, как разрабатывать сайты и веб-приложения. Что будет: 1️⃣ Создание полноценного веб-сайта на HTML и CSS Мы научим тебя создавать стильные и функциональные веб-страницы с использованием самых современных технологий. 2️⃣ Оживление страницы с помощью JavaScript Узнаешь, как добавить интерактивность и динамичность в свои проекты. 3️⃣ Использование фронтенд-фреймворка Angular Узнаешь, как использовать этот мощный инструмент для создания масштабируемых и эффективных веб-приложений. 4️⃣ Подключение Backend и загрузка сайта на хостинг Мы научим тебя основам работы с Backend'ом и покажем, как развернуть свой проект на хостинге. 5️⃣ Советы по доработке проекта Получишь ценные советы от опытных разработчиков, чтобы улучшить свой проект и достичь более высокого уровня качества. 👉 Участвуй бесплатно 🚀

👉 @frontendInterview

👉 @frontendInterview

▫️Учимся использовать конструкции used to и get used to ▫️Выражаем эмоции цензурно ▫️Обсуждаем планы на вечер пятницы с полезными выражениями ⁣⁣⠀ Только нужный английский для работы и жизни на канале «Гапонова и ее английский». Канал ведёт Лена Гапонова — автор курсов Gaponova school, преподаватель с 16-летним стажем и опытом в международных IT-компаниях, специалист по американскому произношению. ⁣⁣⠀ 🇬🇧Подписывайтесь на канал @gaponova и улучшайте свои знания английского языка!

Прекрати мечтать и стань мидлом за 50 дней Опытные Frontend-разработчики создали несколько бесплатных каналов, в которых регулярно выходят топовые посты для начинающих. Полезная вËрстка — канал с готовыми решениями повседневных задач: слайдеры, анимация, навигация и т.д. JavaScript заметки — образовательный канал с ежедневными практическими заметками по языку. JavaScript тесты — канал с тестами и задачами, который прокачает твои навыки во Frontend-разработке. CSS доширак — готовые анимации, hover-эффекты и прелоадеры, которые можно вставить в свой проект и настроить пока заваривается Доширак. Войти в IT — канал с видеуроками и курсами, который научит тебя кодить с нуля за месяц. Развивайся с нами, ведь так проще!

​Что значит текст max call stack size exceeded в консоли? Текст "max call stack size exceeded" в консоли означает, что было достигнуто максимальное количество вызовов функции в стеке вызовов JavaScript. Стек вызовов - это механизм, который используется для отслеживания выполнения функций. Каждый раз, когда функция вызывается, она помещается в стек вызовов. Когда функция заканчивает свое выполнение, она удаляется из стека вызовов. Когда функция вызывает саму себя рекурсивно без остановки, то каждый новый вызов функции добавляется в стек вызовов, и если количество вызовов становится слишком большим, то возникает ошибка "max call stack size exceeded". Это происходит потому, что стек вызовов имеет ограниченный размер и не может бесконечно увеличиваться. Чтобы решить эту проблему, нужно переписать код таким образом, чтобы рекурсивные вызовы функции прекращались на определенном условии. Например, можно добавить условие, которое проверяет, достигнуто ли максимальное количество вызовов функции, и если да, то прекратить рекурсивные вызовы. Также можно использовать циклы вместо рекурсии, чтобы избежать проблемы с переполнением стека вызовов. 👉 @frontendInterview