#js_basic
Немножко асинхроночки в циклах https://zellwk.com/blog/async-await-in-loops/

#meetup
Заполонивший мир фреймворк React добрался до светлых умов, жаждущих общения, и стал причиной следующего культурного события в Frontend-среде! Встречаемся в среду, 11 декабря, в офисе Газпрома на React Moscow Meetup 🙈 подробности и регистрация по ссылочке 👉 https://axept.timepad.ru/event/1135941/

#font
Чем восьмерка то провинилась...🤔😭
font-family: Yota Sans SemiLight, sans-serif; кому интересно

#modern
в канун Нового года можно немного подумать о современных возможностях веб-приложений. И если с SPA все уже давно ясно, то стоит почитать еще про два интересных подхода, которые могут понравится JavaScript-разработчикам
Тык 👉 https://habr.com/ru/post/451572/

#feature
Невозможное возможно! Казалось бы, как заставить поисковых ботов искать ваш сайт, если это SPA и контент динамический? А вот можно! И нужно! Пару идей читайте здесь 👉 https://netpeak.net/ru/blog/kak-optimizirovat-spa-sayty/

#framework
Сейчас набирает популярность новый не-фреймворк Svelte. Кому интересна относительно новая технология и кто любит веб-обучалки, милости прошу сюда 👉 https://ru.svelte.dev/tutorial/basics

#basics Забераем подсказки по JavaScript 🙈

#basics
что ты еще можешь, JavaScript??

#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