ВАЙЛТ™

Давайте проведем несколько опросиков по проекту и узнаем, как хорошо вы его знаете!

Материалы из этого канала дают на платных курсах Frontend Portal — настоящий портал для тех кто хочет стать востребованным frontend-разработчиком. Полезные ресурсы, шпаргалки, разбор вопросов с собеседований, задачи, викторины и многое другое 👉 Присоединяйтесь к @FrontendPortal и станьте частью дружного frontend-комьюнити!

​​🦾Пишем 2D игру на JavaScript и Canvas. В этой статье мы создаем браузерную игру с использованием чистого JavaScript и элемента Canvas.

TODO LIST на HTML + CSS + JavaScript + Vue.js

Кто-нибудь покажите человеку циклы... 😁

Optional chaining или Проблема «несуществующего свойства» Если Вы новичок, то возможно, что проблема вас ещё не коснулась, но она довольно распространена. Опциональная цепочка ?. — это безопасный способ доступа к свойствам вложенных объектов, даже если какое-либо из промежуточных свойств не существует. Давайте разберем наглядно эту цепочку:

let users = {};   
alert(users.teacher.isSergeiD); // Ошибка!

Как мы бы решили эту проблему используя условия?

alert(users.teacher ? user.teacher.isSergeiD : undefined);

Это работает, тут нет ошибки… Но это довольно некрасиво. Как вы можете видеть, "users.teacher" появляется в коде дважды. Решение с использованием цепочки:

let users = {};   
alert(users?.teacher?.isSergeiD); // undefined (без ошибки)

Опциональная цепочка ?. останавливает вычисление и возвращает undefined, если значение перед ?. равно undefined или null. Такой же пример, но уже для функции:

function fc(){  
alert("TEST");   
}   

const fc2 = null;

fc?.();  // выполнится   
fc2?.(); // undefined

Подколка засчитана 😁