#meetup
Ураааа, Вадим Макеев, Тим Чаптыков и ещё одна фронтенд-конференция в Москве! Встречаемся 29 февраля в офисе Яндекса 🙈
Ссылкана регистрацию туть 👉🏻 https://yandex.ru/promo/yandex4developers/yalovefrontend2020

#basics
Сколько типов в JS? А сколько примитивных? А чем отличаются примитивные типы от непримитивных?
Одна из ключевых особенностей примитивных типов - они не могут быть изменены ( immutable ). То есть мы можем только перезаписать переменную примитивного типа целиком, но не изменить ее часть (это очень хорошо иллюстрируют строки). Фактор неизменности является очень важным при работе с параметрами функций. У функций своё лексическое окружение, а передаваемые параметры не изменяются внутри функций, так как работа идёт с их копиями. Вот такой он, JavaScript :)
Кого заинтересовало, примеры и пошаговое объяснение этой базовой магии туть 👉🏻 https://developer.mozilla.org/en-US/docs/Glossary/Primitive

#basics
Сравнение
Начинающих JS-программистов пугает наличие непривычных == и ===. Но этим ли ограничиваются все проблемы в сравнении? А вот и нет
Если коротко, то в сравнении примитивов все просто - сравниваются значения, а вот с объектами - ссылки (поэтому, если два объекта абсолютно идентичны, то их сравнение на === вернёт false, так как они занимают разные области памяти)
Решить вопрос со сравнением объектов (казалось бы) можно просто - написать предикат, где внутри обходить ключи и значения объектов. Но что, если внутри - тоже объект? Привет, рекурсия!
Для удобства разработчиков есть утилитная библиотечка Lodash, которая предоставляет кучу приятных функций, в том числе isEqual, проводящую глубокое сравнение передаваемых параметров. Можно подключать как сторонний скрипт, npm-пакет или импортами Node.js
Велкоме 🙈
(не является публичной офертой)

Полезные ссылочки:
Статья с подробным сравнением переменных в JS и вкусными примерами туть 👉🏻 https://link.medium.com/kEpOKbNOA3
Документация Lodash туть 👉🏻 https://lodash.com/
Функция isEqual от Lodash туть 👉🏻 https://lodash.com/docs/4.17.15#isEqual

#basics
JS не перестает удивлять. Можно объединить несколько операций с переменной в одну строку. Тогда каждая операция будет выполнена последовательно друг за другом, а результат будет присваиваться внешней переменной. Пример выше ☝️. Enjoy)

#meetup
В этот четверг пройдет еще одна встреча MoscowCss в офисе Align Technology. Подробности по ссылке 👉 https://moscowcss.timepad.ru/event/1228234/ . Кого заинтересовало, пишите мне @Betchika99

#средаразработки#vscode
Настройка VS Code
Не секрет, что для разработчика одним из самых нужных инструментов является среда разработки. Фронтендеры в большинстве своем делятся на два "лагеря" - любители WebStorm от JetBrains и VS Code. И если второе - это просто редактор, то первое - полноценная IDE, на которую переезжают с этих самых редакторов, дабы найти покой и удовлетворение. Однако если открывать, например, несколько IDE-шек с разными проектами и запускать их не на самой мощной тачке, компьютер постепенно начинает взлетать и ужасно греться. Что делать? Апгрейдить редактор!
На просторах интернета нашлась любопытная статья для настройки VS Code для повышения продуктивности разработки. Ссылочка туть 👉 https://www.freecodecamp.org/news/how-to-set-up-vscode-to-improve-your-productivity-fb14c81d4991/
Кратко:
- установка удобного терминала для работы с VS Code
- установка шрифтов (ура, лигатуры!)
- лаунчинг из терминала (т.е. открытие редактора по команде code из терминала)
- установка полезных разширений (автодополнение, автоимпорт, автодокументирование jsdoc, подгрузка документации MDN [да, прямо в редактор!], работа со CSS, HTML, хромовым дебаггером, линтером, докером, особая подсветка TODO-шек и многое другое)
не является публичной офертой
Enjoy!

#meetup
Уже из каждого чайника звучит, что каждую минуту в мире появляется новый js-фреймворк. Встречайте Svelte! Российское комьюнити отнюдь не считают Svelte "очередным фреймворком". Узнать, что же такого интересного и необычного в новом фреймворке, можно на митапе в Mail.ru Group 22 февраля. Ссылочка на регистрацию туть 👉 https://corp.mail.ru/ru/press/events/723/
Увидимся :)

#basics
Обучение CSS должно быть увлекательным, иначе ничего не запомнишь. Лучшая статья с объяснениями разных значений position туть 👉🏻 https://ishadeed.com/article/learn-css-positioning/
Осторожно, там котики 🙈

#jsdoc
Отличная шпаргалка по использованию jsdoc туть 👉 https://devhints.io/jsdoc

Программирование на node.js для чайничков 👇🏻

Fullstack Node.js: полное руководство по созданию приложений
Д. Гуттман, 2019

Научитесь создавать продакшн приложения Node.js. Книга Fullstack Node.js — это полное руководство по созданию быстрых, готовых к работе приложений Node.js.

Fullstack Node.js содержит все необходимое для быстрого создания производственного кода Node.js. В том числе:

- как создать высокопроизводительные API-серверы в Node;
- как использовать асинхронные возможности Node для максимальной производительности;
- соглашения сообщества для организации кода Node.js;
- сохранение данных в базе данных и предоставление их через API;
- когда Node.js - лучший выбор (а когда нет);
- и многое другое.

Скачать книгу | Больше книг

#book #js #web #node

#npm
Как известно, пакетов для Node.js есть бесчисленное количество. Один из них - приятная утилитка для склонения слов по родам, числам и падежам. Ловите ссылочку https://www.npmjs.com/package/morpher-ru

#animation
Каааак же красива 😍

#basics
И снова про преобразования типов. Кто решал задачку про a == a и a < a ? Помните магические трюки с toString и valueOf? Так вот - это старье! На смену древнейшим (но не сказать, что бесполезным) функциям пришел новый метод [Symbol.toPrimitive], который выполняет преобразование к примитиву и который можно переопределить для разных случаев приведения типов. Пример и объяснение можно почитать по ссылочке 👉 Преобразование объектов в примитивы

#jsonp#cors
Кто-то пытался обойти политику безопасности ajax? Есть метод))

#css
вот такие прикольные алерты можно встретить, когда пытаешься завладеть информацией 😎

#докладик
Буквально сегодня проходит конференция Я 🧡 Фронтенд. С первым докладом выступал, на мой взгляд, один из самых ярких спикеров - Иван Бакаидов. И яркий не потому, что он обладает какими-то исключительными особенностями. А потому, что он делает нечто удивительное - помогает людям с ограниченными возможностями чувствовать себя полноценными членами общества.
Его доклад "Глазные интерфейсы" рассказывает о том, как с помощью зрения взаимодействовать с компьютером. Первый доклад в моей жизни, который поражает не только контентом, но и подачей. Советую даже просто из-за интереса к экшенам
Т.к. конференция еще идет, прикладываю линк на тот же доклад, но с конференции pitercss
Жмяк сюда 👉 https://www.youtube.com/watch?v=SLSjVOCwLm0

#производительность
Есть куча всяких разный статей про производительность. Позвольте поделиться одной из самых крутых статей, где прямо вот на картинках и примерах разбирают основные метрики производительности фронтенда. Еще и статья из подкаста Веб-стандартов (к - качество). Жмяк сюда 👉 https://medium.com/web-standards/performance-metrics-ff23c213164e Enjoy :P

#nodejs
Для тех, кто хотел осознать работу с переменным окружением node.js (на начальном уровне), приятная небольшая статейка с разными вариантами установки. Make server-side js great again! Жмяк сюда за подробностями 👉 https://medium.com/@hydrock/%D0%BF%D0%B5%D1%80%D0%B5%D0%BC%D0%B5%D0%BD%D0%BD%D1%8B%D0%B5-%D0%BE%D0%BA%D1%80%D1%83%D0%B6%D0%B5%D0%BD%D0%B8%D1%8F-%D0%B2-%D0%BF%D1%80%D0%B8%D0%BB%D0%BE%D0%B6%D0%B5%D0%BD%D0%B8%D0%B8-node-js-e9ca2131e6b6

#env
Для интересующихся различными техническими решениями для своих фронтенд-проектов представляю достаточно милый сайтик с подборочкой. Тык по ссылке 👉🏻 https://tooling.js.org/

#html
Кто-то слышал про интересный атрибут tabindex?
Это штука, которая позволяет управлять последовательностью навигации по странице с помощью клавиатуры
Подробнее тут 👉 https://developer.mozilla.org/ru/docs/Web/HTML/Global_attributes/tabindex