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

​TypeScript void, never и unknown Void Тип данных Void можно назвать полной противоположностью типа any, так как этот тип означает отсутствие конкретного типа. Основное предназначение типа Void — явно указывать на то, что у функции или метода отсутствует возвращаемое значение. Для функций и методов, которые ничего не возвращают и у которых отсутствует аннотация типа возвращаемого значения, вывод типов определяет принадлежность к типу void. Тип Void является подтипом Any и супертипом для Null и Undefined.

 function a(  ): void {
   let result: number = 5;
   return result; // Error
 }
 function b(  ): void {
   let result: string = '5';
   return result; // Error
 }
 function c(  ): void {
   let result: any = 5;
   return result; // Ok
 }

Never Примитивный типа данных Never служит для указания того, что какие-либо операции никогда не будут выполнены. Never обозначается ключевым словом never и так же как и void не имеет явных значений. Тип Never можно указать только той функции, по сценарию из которой, программа, реально никогда не сможет выйти.

 function error( message: string ):  never {
   throw new Error( message );
 }

 function loop():  never {
   while( true ) { }
 }

Unknown Тип Unknown является типобезопасным аналогом типа any и представлен в виде литерала unknown. Все типы совместимы с типом unknown, в то время как сам тип unknown совместим только с самим собой и типом any. Кроме того, над типом unknown запрещено выполнение каких-либо операций. let v0: any; v0.a = 5; // Ok v0.a = ''; // Ok v0(); // Ok let v1: unknown = v0; // Ok v1.a = 5; // Error v1.a = ''; // Error v1(); // Error 👉 @frontendInterview

Подработка для веб-разработчиков от 2 часов в неделю! Делайте код ревью на одном из курсов по JavaScript, React, Node.js или других в HTML Academy. Учитесь сами, обучая других: дружное комьюнити, удалёнка, море фана, опыт преподавания и скидки для своих. Приходите в команду: https://tml.io/2snii

Add Length Вам дан массив, состоящий из строк. Добавьте к каждой строке в массиве число, представляющее собой длину этой строки. Пример: "apple ban" --> ["apple 5", "ban 3"] "you will win" -->["you 3", "will 4", "win 3"] 👉 @frontendInterview

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

​Оптимизация js скриптов Частая проблема неоптимизированных сайтов - это множество дополнительно подключаемых файлов. Интересно, что периодически я встречал ситуацию, что эти файлы даже не использовались. Они просто впустую нагружали сайт. Оптимизация не должна вредить полноценной работе сайта. Не нужно лишать себя полезных сервисов, типа веб-аналитики или онлайн-чата. В первую очередь, нужно сделать анализ того, используются ли каждый подключаемый скрипт на сайте. Во вторую очередь, нужно проверить, используются ли скрипты на всех страницах или только на одной/нескольких. Если пара скриптов используется только на главной странице, то не нужно их загружать на всех других страницах сайта. В любой CMS можно создать несколько шаблонов раздела head, которые будут отличаться списком подключаемых файлов. Итак, вы убедились, что скрипты только нужные, а загружаются они только на нужных страницах. Далее смотрим внутри этих файлов. Сжат ли там код? Если нет, то простое сокращение ненужных символов может сэкономить десятки килобайт. Можно это сделать вручную (например, https://jscompress.com/), а можно с помощью дополнительных сервисов, которые сжимают код всех подключенных js файлов автоматически (например, в Modx это MinifyX). Следующий этап оптимизации - проверить место подключения js файлов. Чем выше в шаблоне сайта подключение скриптов, тем сильнее их загрузка откладывает отображение основного контента сайта. Не всем скриптам обязательно подключение в разделе head, некоторые можно перенести в самый конец документа перед закрывающим тегом body. 👉 @frontendInterview

Представляем refine — open-source headless React-фреймворк (6.9K ⭐️ на GitHub) для CRUD-приложений. С ним вы можете быстро создать админку или дашбоард, при этом код останется гибким для изменений.✨ refine бесшовно связывается с UI-фреймворками и поставляется с готовыми интеграциями для Ant Design System, Material UI, Mantine и Chakra UI 🚀 GitHub: https://github.com/refinedev/refine

👉 @frontendInterview

Java-разработчик — как архитектор Эйфелевой башни. Он создаёт сервисы и приложения, которые должны выдержать огромное количество посетителей — стриминговые сервисы, маркет-плейсы и другие. Разработчик, как архитектор, мыслит творчески: придумывать, как будет выглядеть и работать его проект. А каждая его идея отражается на пользователях. Если вам интересно работать на стыке творчества и технологии — попробуйте java-разработку. Это можно сделать бесплатно — во вводной части курса Яндекс Практикума. Вот что в ней будет: — Основы языка Java: переменные, условные, выражения и циклы. — Азы объектно-ориентированного программирования: классы, конструкторы и методы. — Ваш первый проект на Java — приложение для учёта финансов. Узнайте, подходит ли вам java-разработка →

Learn frontend tips - telegram-канал в котором вы найдёте подсказки для frontend разработчиков по: ✓ HTML ✓ CSS ✓ JavaScript ✓ UX/UI

👉 @frontendInterview

Верстальщик? Фронтендер? Нет работы и заказов, а побаловать себя хочется? Для тебя нашли канал с вакансиями по вёрстке и фронтенду, где: ▶️ Новые вакансии ежедневно ▶️ Работа из дома и в офисе ▶️ Любой уровень навыков Прекрати ежедневно мониторить десятки сайтов ради копеечных заказов! Работай с проверенными клиентами🧑‍💻 Подписывайся – @job_webdev

Оператор void в JavaScript Я полагал, что мне знакомы все операторы JavaScript до тех пор пока не увидел оператор void, который, как оказалось, присутствует в JS с 1996-го года. Его поддерживают все браузеры, работает он довольно просто. Вот что пишут об этом на MDN: Оператор void вычисляет переданное выражение и возвращает undefined. Этот оператор позволяет, например, использовать альтернативную форму конструирования IIFE:

 void function iife() {  
   console.log('hello');
 }();

 // это – то же самое, что и...

 (function iife() {
    console.log('hello');
 })()

По поводу void можно сделать лишь одно замечание, которое заключается в том, что вычисление выражения это… void (undefined)! const word = void function iife() { return 'hello'; }(); // word имеет значение "undefined" const word = (function iife() { return 'hello'; })(); // word имеет значение "hello" 👉 @frontendInterview

🟡Что нового в PostgreSQL 15? Обсудим 31 января 20:00 на открытом уроке онлайн-курса «Базы данных» в OTUS вместе с 🧑‍💻 Евгением Аристовым, разработчиком с 20-летним опытом и архитектором баз данных — https://otus.pw/kwcY/ На вебинаре «PostgreSQL 15. Новый функционал» мы обсудим: 🟠Деплой в Yandex Cloud и настройку защищенного подключения. 🟠Варианты обновления с предыдущих версий PostgreSQL и их особенности. 🟠Подводные камни при обновлении версий. ⚠️ Материал будет полезен разработчикам и администраторам. ➡️Для РЕГИСТРАЦИИ на занятие пройдите вступительный тест https://otus.pw/kwcY/

От 3.000 до 22.000 долларов можно получить за переезд в другую страну Минимум 7 западных стран предлагают гражданство и финансовую поддержку иностранцам за переезд в определенные города и провинции. Подробнее о программах - читайте здесь. Автор блога посетил 95 стран и делится своим опытом и лайфхаками с путешественниками и эмигрантами: - Получить Шенген на максимальный срок - Как поехать в отпуск за счет работодателя - 5 проверенных способов переехать из России бесплатно - Как бронировать жилье со скидками 50% без букинга Мастхэв для каждого, кто уже готов перейти все границы: @Relocate

Object.freeze и Object.seal в JavaScript. Object.seal() 1. Предотвращает добавление и / или удаление свойств из запечатанного объекта; использование delete вернет false 2. Делает каждое существующее свойство неконфигурируемым: они не могут быть преобразованы из «дескрипторов данных» в «дескрипторы доступа» (и наоборот), и никакой атрибут дескрипторов доступа не может быть изменен вообще (тогда как дескрипторы данных могут изменить свой writable атрибут, и их value атрибут, если writeable === true). 3. Может выдавать TypeError при попытке изменить значение самого запечатанного объекта (чаще всего в строгом режиме ) Object.freeze() Делает всё то же самое что и Object.seal плюс предотвращает изменение любых существующих свойств. 👉 @frontendInterview

Object extend Создайте функцию, которая принимает несколько объектов в качестве параметров и возвращает новый объект со всеми свойствами из входных объектов. Примеры: extend( {a: 1, b: 2}, {c: 3} ) // should === {a: 1, b: 2, c: 3} extend( {a: 1, b: 2}, {c: 3}, {d: 4} ) // should === {a: 1, b: 2, c: 3, d: 4} extend( {a: 1, b: 2}, {a: 3, c: 3} ) // should === {a: 1, b: 2, c: 3} 👉 @frontendInterview