Делаем веб
54 subscribers
31 photos
1 video
88 links
Учимся строить из маленьких кирпичков большие веб-приложения

По вопросам и предложениям: @emdobryanskaya
Download Telegram
#testing
альфа-бета тестирование 👉 https://myblaze.ru/testirovanie-chto-takoe-alfa-i-beta-test/
#bug
Просто слегка сломанный сайт МХАТа им. Чехова.. хнык-хнык, плак-плак https://mxat.ru/performance/main-stage/master/
#devtools
https://webpagetest.org - довольно прикольный ресурс для просмотра метрик сайта. Из основных особенностей:
- возможность выбора локации заграницей, опреленных браузеров (в т.ч. мобильных), откуда можно сделать запросы
- просмотр основных метрик загрузки, рендеринга
- просмотр отдельных метрик по каждому урлу, доступному на сайте
- просмотр отдельных метрик по каждому запросу на ресурсы с сайта
и куча других плюшек, которые я еще исследую 🙈

По факту основной кейс такой: сервис делает три тестовых запроса на указанный домен и собирает кучу полезностей для анализа перфоманса (берет медиану от результатов всех трех тестов)
#new
Наконец-то вышла Node.JS 13.2.0 с поддержкой импортов модулей! Ура-ура, больше не нужно использовать сборщики, чтобы фича работала! 😍🥳🔥 https://nodejs.org/en/blog/release/v13.2.0/
#coding
Чистый код - одна из лучших книг о том, как сделать ваш код более читаемым, хорошо поддерживаемым да и просто приятным для себя и других разработчиков. В книге в неформальном стиле с большим количеством примеров авторы разбираются, как прочувствовать "правильную" разработку от основ в виде названий переменных и функций до сильно углубленных вещей
Хороший ресурс - платный ресурс. Но милые ребятки из #dailycoding предоставляют ее бесплатную электронную копию 🙈 Enjoy 👉 https://dailycoding.io/book/CeLsUzT6uG6gqT0n8YcT
P.S. а еще у них анимашка на кнопошке скачивания няшная😍
#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??
#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