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

​Какие типы данных представлены в javascript? Чтобы узнать тип переменной JavaScript, мы можем использовать оператор typeof. String – представляет собой серию символов и записывается в кавычках. Строку можно представить в одинарных или двойных кавычках. Number – представляет собой число и может быть записано с десятичными знаками или без них. BigInt – используется для хранения чисел, превышающих ограничение типа данных Number. Он может хранить большие целые числа и представлен добавлением «n» к целочисленному литералу. Boolean – представляет собой логическую сущность и может иметь только два значения: истина или ложь. Логические значения обычно используются для условного тестирования. Undefined – когда переменная объявлена, но не назначена, она имеет значение undefined, и ее тип также не определен. Null – представляет несуществующее или недопустимое значение. typeof null равен "object" и это нужно учитывать в проверках Symbol – это новый тип данных, представленный в версии JavaScript для ES6. Он используется для хранения анонимного и уникального значения. Object – используется для хранения коллекции данных.Важно помнить, что любой тип данных, который не является примитивным типом данных, относится к типу объекта в javascript. Array – это не отдельный тип данных, на самом деле это Object. 👉 @frontendInterview

Макеты для вёрстки сайтов - это канал, где собраны уникальные примеры макетов, которые заказчики присылают верстальщику. Учитесь, практикуйтесь, пополняйте свое портфолио настоящими работами вместе с @build_html

Что произойдет со страничкой в результате выполнения кода с картинки? Ничего особенного. Задачи будут добавляться в цикл событий, но они не вызовут ни переполнения стека, ни бесконечной очереди, которая затормозит весь сайт. Так как макротаски после выполнения пропускают один цикл для отрисовки контента и выполнения микротасков, в отличие от микротасков, которые выполняются все в очереди перед тем, как передать управление следующему пункту в цикле событий.

 foo() {
    return Promise.resolve(1).then(foo);
}

foo();

Выполнение данного кода вызовет затормаживание интерфейса, т.к. при выполнении одного микротаска в очередь добавляется новый микротаск, который сразу же должен выполниться, без передачи управления другому пункту цикла событий. 👉 @frontendInterview

👉 @frontendInterview

Как работает прототипное наследование в JS? Каждый объект в JS имеет базовый объект – прототип. Если свойство не находится в исходном объекте, то поиск продолжается в его "родительском" объекте. Установить прототип объекта можно только во время создания объекта: если вы создаете новый объект с помощью новой Func(), свойство объекта [[Prototype]] будет установлено на объект, на который ссылается Func.prototype. 👉 @frontendInterview

👉 @frontendInterview

Онлайн-курс «Frontend-разработчик с нуля до PRO» — ваш проводник в мир IT. ⠀ По окончании обучения вы сможете стать middle-разработчиком и устроиться на высокооплачиваемую работу, даже если вы никогда раньше не программировали. ⠀ На курсе вы научитесь: - верстать веб-страницы; - создавать интерактивные веб-приложения; - работать в системе контроля версий GIT и командной строке Bash; - применять основные алгоритмы и структуры данных в реальных проектах; - работать с макетами в Photoshop и Figma; - создавать серверные приложения с использованием Node.js и многому другому. ⠀ А ещё у вас будет 4 дипломных проекта для вашего портфолио — они повысят шансы получить должность в одной из компаний, которые подберёт наш Центр карьеры. Переходите по ссылке: https://clc.am/oUFjpQ , чтобы зарегистрироваться на курс

Адресная книга Вам дана строка, в которой записаны друзья и штаты, в которых они проживают Вам нужно написать функцию, которая отсортирует друзей по их штатам. Пример: ad3="John Daggett, 341 King Road, Plymouth MA Alice Ford, 22 East Broadway, Richmond VA Sal Carpenter, 73 6th Street, Boston MA" Massachusetts .....^John Daggett 341 King Road Plymouth Massachusetts .....^Sal Carpenter 73 6th Street Boston Massachusetts ^Virginia .....^Alice Ford 22 East Broadway Richmond Virginia 👉 @frontendInterview

Как стать айтишником, чтобы сразу получать норм зарплату? Нужно забыть о репетиторах, курсах, школах — дорого и неэфективно. Теперь есть канал Frontend Головного Мозга – бесплатные книги, видео, лайфхаки, фичи для новичков любого уровня. Если стартовать в айти, то вместе с @frontend_mind

Перепишите пример c картинки, используя promise. Promise это достаточно современный подход написания асинхронного кода. Ранее использовался подход с использованием колбеков. При большой вложенности получался т.н. «ад обратных вызовов». При использовании промисов код выглядит читабельно и удобен для редактирования: const printSec = (number) => { return new Promise((resolve, reject) => { setTimeout(() => { console.log(`${number} sec`) resolve() }, 1000) }) } printSec(1) .then(() => printSec(2)) .then(() => printSec(3)) 👉 @frontendInterview

👨‍💻Как устроиться на первую работу в IT? Как не провалить собеседование? Какие скиллы отделяют джуна от миддла и как их прокачивать? С начала пандемии в ИТ пришло множество новичков. Количество открытых джуниорских вакансий уменьшилось. Компании чаще ищут миддлов и сеньоров. Попробуйте сравнить количество вакансий "джуниор фронтенд разработчик" и "мидл фронтенд разработчик" на хх.ру Поэтому был создан журнал Без опыта не берем. Виталий, основатель проекта BandaWorks, начал вести канал, чтобы помочь джунам справиться со сложностями входа в индустрию и упростить задачу получения первого оффера. Он сам нанимал и менторил джунов, прошел более 100 собеседований. Работал в 7-ми компаниях и стартапах 🧙‍♂️ Про что узнаете? - Трудоустройство. Где искать вакансии и как откликаться так, чтобы звали на интервью - Разработка. Как решать сложные проблемы в коде, не усложняя - Принципы и навыки. Что развивать джуну, чтобы стать уверенным миддлом и получить повышение. Канал для джунов, которые хотят получить первый оффер и двигаться дальше к позиции мидла. 👉 Присоединяйтесь

Преобразование типов Иногда Javascript ведет себя не совсем очевидно. Разработчик должен знать правила, по которым выполняется преобразование типов во время выполнения операций. Знание правил может предотвратить множество ошибок. Примеры кода, результат выполнения которого должен быть очевиден для разработчика: 5 + '2' // "52" 5 + '2' == '5' + '2' == '52' 5 - "2" // 3 5 - "2" == 5 - 2 == 3 true + true // 2 true + true == 1 + 1 == 2 👉 @frontendInterview

Deep Learning with JavaScript (2020) Глубокое обучение изменило области компьютерного зрения, обработки изображений и приложений естественного языка. Теперь благодаря TensorFlow.js JavaScript-разработчики могут создавать приложения с глубоким обучением, не полагаясь на Python или R. Данная книга показывает программистам, как они могут работать с Deep Learning прямо в браузере. Она написана авторами библиотеки TensorFlow, которые предоставили качественные примеры использования и подробные инструкции для приложений глубокого обучения на JavaScript в вашем браузере или на Node. 👉 @frontendInterview

Объединение двух массивов Напишите функцию, которая принимает два массива и объединяет их, беря элементы из каждого по-очереди. [a, b, c, d, e], [1, 2, 3, 4, 5] //[a, 1, b, 2, c, 3, d, 4, e, 5] [1, 2, 3], [a, b, c, d, e, f] //[1, a, 2, b, 3, c, d, e, f] 👉 @frontendInterview