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

👉 @frontendInterview

Освоить веб-разработку с нуля за 10 месяцев — реально, хотя и непросто. Придётся сократить время на хобби, заниматься после работы и до неё, искать дополнительные материалы и подолгу думать над задачами. Но оно того стоит: в конце пути — новая профессия и интересная работа. А Яндекс Практикум поможет не сбиться с курса. — Команда сопровождения проверит проекты, объясняет сложные темы и поддерживает. — Карьерный центр научит работать с резюме, мотивационными письмами, портфолио и готовится к собеседованиям. — Сообщество студентов и куратор подбодрят, когда захочется всё бросить. Если не справляетесь с делами, то два раза за курс можно взять академический отпуск на месяц. Если на базовой программе тяжело, снизить темп поможет расширенная программа, которая длится 18 месяцев. Учёба будет размеренной, а программа более фундаментальной. Оплата учёбы работает в формате подписки: платежи проходят каждый месяц, и вы можете остановить их в любой момент. Протестируйте формат курса бесплатно →

👉 @frontendInterview

Почему не следует расширять нативные JavaScript-объекты? Расширение встроенного/нативного объекта JavaScript означает добавление свойств/функций к его прототипу. Хотя на первый взгляд это может показаться хорошей идеей, на практике это опасно. Представьте, что ваш код использует несколько библиотек, которые расширяют Array.prototype, добавляя один и тот же метод contains. В результате код будет работать неверно, если поведение этих двух методов не будет одинаковым. Единственный случай, при котором можно расширить нативный объект — это при создании полифила, создав собственную реализацию метода, который является частью спецификации JavaScript, но может отсутствовать в устаревших браузерах. 👉 @frontendInterview

Хочешь щёлкать задачи по фронтенду как орешки? Канал Frontend Tests & Tasks научит! Это не очередной канал с задачами. Здесь придется думать. Убедись сам 👉 @frontend_tests

👉 @frontendInterview

Можно бесконечно смотреть на три вещи: как течет вода, горит огонь и фронтендеры пилят монолит Ребята из банды фронтендов TeamSnack решили раз и навсегда разобраться в подходах к микросервисам. Сравнивать будут Single-spa(SystemJS) и Webpack Module Federation. Обещают живое общение с едой и напитками, а также интерактив в Miro с рабочими схемами, которые можно потом протестировать в работе. Когда: 14 апреля, 19:00 - 21:00 Где: ценители ламповой атмосферы могут приехать в офис Cloud (Москва, 2-я Звенигородская улица, 28), а для закоренелых удаленщиков доступен онлайн-формат в Telegram-канале сообщества. Все детали можно узнать у самой команды TeamSnack: https://t.me/+8mgn7ozncfJjODIy Реклама. Рекламодатель: ООО «Облачные технологии». erid: LatgBopEL

В чем разница между `==` и `===`? == — это оператор абстрактного сравнения, а === — оператор строгого сравнения. Оператор == будет сравнивать на равенство после выполнения любых необходимых преобразований типов. Оператор === не будет выполнять преобразование типов, поэтому, если два значения не одного типа, === просто вернет false. При использовании == могут происходить такие странные вещи, как:

 1 == '1'; // true
 1 == [1]; // true
 1 == true; // true
 0 == ''; // true
 0 == '0'; // true
 0 == false; // true

Мой совет — никогда не используйте оператор ==, за исключением удобного сравнения с null или undefined, где выражение a == null вернет true, если a принимает значение null или undefined . var a = null; console.log(a == null); // true console.log(a == undefined); // true 👉 @frontendInterview

Не пейте воду Вам дан двумерный массив, состоящий из различных жидкостей. Отсортируйте массив, исходя из плотности каждой жидкости. В задании дана таблица плотности. ====================== | Density Chart | ====================== | Honey | H | 1.36 | | Water | W | 1.00 | | Alcohol | A | 0.87 | | Oil | O | 0.80 | ---------------------- [ [ ['H', 'H', 'W', 'O'], ['O','O','O','O'] ['W', 'W', 'O', 'W'], => ['W','W','W','W'] ['H', 'H', 'O', 'O'] ['H','H','H','H'] ] ] 👉 @frontendInterview

Не заставляйте меня думать. Веб-юзабилити и здравый смысл Книга посвящена юзабилити веб-сайтов и мобильных приложений. Автор популярно, с примерами и иллюстрациями, объясняет, как сделать сайт или мобильное приложение, которым будет удобно пользоваться всем. 👉 @frontendInterview

В каких случаях обычно используются анонимные функции? Они могут использоваться в IIFE для инкапсуляции кода в локальную область видимости, чтобы объявленные в ней переменные не попадали в глобальную область видимости.

 (function() {
   // Здесь код функции.
 })();

Как callback-функция, которая используется один раз и не должна использоваться где-либо еще. Код будет казаться более автономным и читаемым, когда обработчики будут определены прямо внутри вызывающего их кода, а не искать в другом месте, чтобы найти тело функции.

 setTimeout(function() {
   console.log('Hello world!');
 }, 1000);

Аргументы в конструкциях функционального программирования или Lodash (аналогично callback-функциям). const arr = [1, 2, 3]; const double = arr.map(function(el) { return el * 2; }); console.log(double); // [2, 4, 6] 👉 @frontendInterview

👉 @frontendInterview

ChatGPT уже сейчас разделил жизнь многих людей на «До» и «После». Для фронтенда ИИ может генерировать код, исправлять ошибки, улучшать удобство сайта и давать персональные рекомендации. Обсудим возможности ИИ для фронтенда на бесплатном вебинаре, который проведут тимлиды из ВКонтакте и Frogly (Chrome Extension) В итоге вы на практических примерах узнаете, как использовать ChatGPT для ускорения фронтенд-разработки, а также поймёте насколько опасен (и опасен ли?) ChatGPT для карьеры. Встречаемся 12 апреля в 19:00 (по Москве) в прямом эфире. Регистрируйтесь по ссылке

👉 @frontendInterview