Обретение навыков

Мне всегда казалось, что классическое программистское деление на junior-middle-senior достаточно бессмысленное: оно сильно разнится от компании к компании, конкретных критериев нет, часто превращается в инструмент вычисления зарплаты из опыта работы.

Недавно посмотрел доклад Обретение навыков, где рассказывается достаточно стройная система измерения уровня программиста. Посмотрите, это поможет объективно оценивать свой уровень и уровень своих коллег.

#рост

различия extends и implements

extends — расширение класса

implements — реализация класса

С ключевым словом import все импортируемые модули являются pre-parsed. Это означает, что импортированные модули запускаются первыми, код в файле, который импортирует модуль, исполняется после.

В этом разница между require() в CommonJS и import! С помощью require() вы можете загружать зависимости по требованию во время выполнения кода. Если бы мы использовали require вместо import, в консоль были бы записаны running index.js, running sum.js, 3.

неплохой туториал по регуляркам с задачками

https://regexone.com

разница for in и for of



const arr = ['a', 'b', 'c', 'd']

for (let item of arr) {
  console.log(item)
}

// a b c d

for (let item in arr) {
  console.log(item)
}

// 0 1 2 3

статья про то как надо читать книги — не зацикливаться на одной непонятной, а фигачить сразу несколько с перерывами между

https://web.archive.org/web/20190308204248/https://ru.hexlet.io/blog/posts/how-to-read-books

https://youtu.be/omeYq2BGYTU?t=0

коллега скинул доклад, который произвел на меня сильное впечатление

это доклад про архитектуру фронтенда, а информации по этой теме вечно не хватает
очень хороший

https://javascript.christmas/

https://react.christmas/

адвент-календари 2019

в продолжение темы

https://m.habr.com/ru/post/491252/

разница между async/await и .then

С обещанием мы в основном говорим: "Я хочу выполнить эту функцию и откладываю ее, пока она выполняется, поскольку это может занять некоторое время". Только когда определенное значение разрешено (или отклонено), и когда стек вызовов пуст, я хочу использовать это значение.

Мы можем получить это значение с помощью ключевого слова .then и await в функции async. Хотя мы можем получить значение обещания с помощью .then и await, они работают немного по-разному.

В firstFunction мы отложили функцию myPromise во время ее работы, но продолжили выполнение другого кода, в данном случае console.log ('second'). Затем функция разрешается строкой I have resolved, которая затем логируется после того, как она увидела, что стек вызовов пуст.

Используя ключевое слово await в secondFunction, мы буквально приостанавливаем выполнение асинхронной функции до тех пор, пока значение не будет разрешено до перехода на следующую строку.

Это означает, что мы ожидали разрешения myPromise со значением I have resolved, и только когда это произошло, мы перешли к следующей строке: second была выведена в консоль последней.

https://github.com/lydiahallie/javascript-questions/blob/master/ru-RU/README.md#102-%D0%BA%D0%B0%D0%BA%D0%BE%D0%B5-%D0%B7%D0%BD%D0%B0%D1%87%D0%B5%D0%BD%D0%B8%D0%B5-%D0%B1%D1%83%D0%B4%D0%B5%D1%82-%D0%BD%D0%B0-%D0%B2%D1%8B%D1%85%D0%BE%D0%B4%D0%B5

"схлопывание марджинов" по-английски будет collapsing margins

вот отличная статья про эту особенность:
https://css-tricks.com/what-you-should-know-about-collapsing-margins/

то что я иногда забываю: марджин между двумя элементами по вертикали будет равен большему марджину одного из элементов

типы инпутов о которых я не знала

<input type="date" /> — календарик
<input type="time" /> — времечко
<input type="color" /> — колор пикер

спасибо Вадиму Макееву
https://youtu.be/eLlULhNNthI?t=5592

также Вадим советует использовать инпуты вот так, чтобы делать кастомную валидацию, сохраняя удобный ввод

Простой способ применения адаптивных изображений

#frontend #webdev #responsive #perf #jsarticle

upd: это не работает, если элементы находятся во флекс-контейнере

лучший хоткий для девтулзов


https://twitter.com/cjamcl/status/1250700753011793920