https://habr.com/ru/company/livetyping/blog/316136/

Еще немного про оптимизацию

#оптимизация #производительность

https://habr.com/ru/company/yandex/blog/683886/

Интересная штука от Яндекса - все руки не доходят прочитать

Вопросы по JS для собеседования - на английском #js

https://medium.com/nuances-of-programming/%D0%B1%D0%B5%D1%81%D0%BA%D0%BE%D0%BD%D0%B5%D1%87%D0%BD%D0%BE%D0%B5-%D0%BA%D0%B0%D1%80%D1%80%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5-%D0%B2-javascript-9e46cf4abff9

Часто дают задачку на каррирование, вот эта статья очень крутая

#js

https://tlroadmap.io/

Дорожная карта развития Тимлида

https://www.typescriptlang.org/

Дока по тайпскрипту

#ts

https://techrocks.ru/2021/01/08/javascript-job-interview-questions-middle-senior/

Вопросы с собеседований

Как написать свой Декоратор в TypeScript ?

Декораторы являются инструментом декларативного программирования, они позволяют добавить к классам и их членам метаданные и тем самым изменить их поведение без изменения их кода.

На текущий момент декораторы являются экпериментальной функциональностью языка TypeScript, поэтому при компиляции следует указывать параметр experimentalDecorators. Например, через файл tsconfig.json

В TypeScript есть декораторы: классов, методов, аксессоров, аттрибутов, параметров

Свойства DOM-узлов

Делимся видео, где автор рассказывает об основных свойствах DOM-узлов: nodeType, nodeName, tagName, innerHTML, outerHTML, nodeValue, data, textContent, hidden. Также ты познакомишься с иерархией классов DOM-узлов и оператором instanceof.

👀Смотреть видео

#видео #dom

proto и prototype

Свойство proto — это свойство по умолчанию, добавляемое к каждому объекту. Это свойство указывает на прототип объекта. Свойство prototype функции-конструктора инициализирует proto объектов, экземпляры которых создаются с помощью этого конструктора. Данная статья поможет разобраться с этой темой.

👉Читать статью

#статьи

Как подготовиться к React Interviews — Руководство по фронтенд-интервью

Сегодня мы рассмотрим наиболее распространенные проблемы, возникающие в ходе технического собеседования по интерфейсу, уделяя особое внимание React и JavaScript.
https://shly.link/PNEjr

Архив докладов FrontendConf!

В преддверии новой конференции хочу с вами поделиться нашим архивом, который насчитывает 240 докладов с 7 последних конференций

Мы программным комитетом очень топим за полезные доклады, а этот архив - кладезь пользы для каждого фронтендера

Ну и конечно - приходите на конференцию 2022 года, и на сладкое - промокод на скидку в 10% - GLEBKA. У нас будет чумовая программа: 48 докладов, 4 зала, разделенные по 6 секциям:
- Микрофронтенды
- FrontOps
- Архитектура
- Интерфейсы
- Технический трек
- Инженерное развитие
И бонусом - трек из 4х мастер-классов

Сам архив:
- FrontendConf 2021 - 39 докладов
- FrontendConf Live 2020 - 62 доклада
- FrontendConf 2019 - 32 доклада
- FrontendConf 2019 (РИТ++) - 34 доклада
- FrontendConf 2018 - 36 докладов
- FrontendConf 2018 (РИТ++) - 37 докладов

https://stackoverflow.com/questions/2801601/why-does-typeof-nan-return-number

Почему typeof NaN === "number"

Новая фича при использовании форм в JS или submit() vs. requestSubmit()

Алоха товарищи фронты! Недавно в недрах интернетов я случайно нарыл инфу о таком событии в JS как requestSubmit(). Отличий не так что бы совсем много но они довольно интересны.

Допустим у нас есть такая форма:

<form action="/changename">
<label for="name">Name</label>
<input type="text" id="name" required>
</form>

<button>Change name</button>

const btn = document.querySelector('button');
const form = document.querySelector('form');

btn.addEventListener('click', function () {
form.submit();
})

Мы видим что у поля name есть аттрибут required.

Как сработал бы обычный .submit() в том случае если значение name отсутствует. Он подстветит нам ошибку но при этом отправит форму так как его не совсем волнует валидна форма или нет.

Как сработает .requestSubmit(). Он подсветит нам ошибку и форму не отправит до тех пор пока форма не будет валидна.

В общем вот, удачных экспериментов!

#shortread #js

https://learn.javascript.ru/weakmap-weakset

В дополнение к Map/Set