Фронтендер от бога
3.57K subscribers
1.12K photos
19 videos
1.08K links
Божественные дайджесты по фронтенду и немного юмора.

По всем вопросам: @godinmedia
Download Telegram
▫️ Angular Platforms: как запускать приложение где угодно

#посмотреть

Глубокое погружение во внутреннее устройство Angular. А именно — в его механизм платформ, позволяющий запускать приложения где угодно.

Рассмотрели встроенные платформы, изучили детали их реализации. А затем написали свою платформу для запуска Angular-приложения в самом неожиданном месте: прямо в терминале!


Смотреть на YouTube 40 минут
Please open Telegram to view this post
VIEW IN TELEGRAM
👍81🔥1
🐞 Тестировщик в IT — канал, на который мы рекомендуем подписаться. Полезный образовательный контент для начинающих тестировщиков и всех, кто хочет ими стать.

Почему?

◾️во-первых, авторы — работающие QA-инженеры и отбирают самые полезные и актуальные материалы.
◾️во-вторых, на канале публикуются мини-обзоры на полезные инструменты для работы
◾️в-третьих, ребята пишут свои авторские гайды по тестированию, которых нет больше нигде в сети

Перейти на канал и подписаться можно по ссылке: @testirovanie_ru
👍6🔥1
Новая эра Angular: беззоновое обнаружение изменений

#почитать

Фреймворк Angular всегда был на передовом крае разработки веб-приложений. Недавним новшеством команды Angular на пути к повышению эффективности и оптимизации производительности стала функция с интригующим названием provideZonelessChangeDetection. Ее внедрение предвещает переход к “беззоновому” будущему. Разберемся в технических особенностях этой функции и осознаем последствия ее применения.

Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6🔥2
Деплоим Next.js приложение через PM2

#почитать

В конце весны в команде появилась задача на разработку веб-приложения с игровыми механиками для одного крупного клиента. К тому моменту давно хотел попробовать Next.js, но руки всё никак не доходили. В этот раз появился триггер — в официальной документации по React с недавних пор настойчиво предлагают начинать проекты сразу на фреймворке, и теперь я не мог отказаться.

Администраторы нашего севера сразу же предложили уйти от способов деплоя из документации (там их всего три вместе со статическим экспортом), и вместо них распробовать демонизацию кода при помощи PM2. Про эту технологию раньше никогда не слышал, а поиск в интернете не дал ясных инструкций, как связать её с Next.js. От этого изучить заморскую штуковину стало только интереснее, и теперь я могу поделиться всеми настройками и болями от их создания.


Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6🔥21
Новые методы в Set JavaScript

#почитать

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

Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6🔥31
📚 Друзья, для тех, кто хочет ознакомиться с большим количеством книг по тестированию, есть отличный телеграм-канал — Библиотека QA

Совместно с Библиотекой QA мы подготовили бриллиантовую 💎 подборку книг для обучения тестированию. Все эти книги можно бесплатно скачать у ребят на канале:

💎 "Тестирование программного обеспечения. Основы" Захаров В.В.
Обзор базовых понятий и методик тестирования программного обеспечения, подходящий для студентов и начинающих специалистов в области ИТ.

💎 "Эффективное тестирование" на русском Maurício Aniche
Практическое пособие по улучшению процессов тестирования с использованием различных техник, включая тестирование на основе данных и автоматизацию.

💎 "Тестирование DOT COM" Роман Савин
Практическое руководство по тестированию веб-приложений, в котором автор делится своим опытом и методами выявления и устранения багов.

💎 «Тестирование программного обеспечения. Базовый курс» Святослав Куликов
Введение в основы тестирования программного обеспечения, охватывающее ключевые концепции, методы и инструменты для начинающих тестировщиков.

💎 «Как тестируют в Google» Джефф Каролло, Джеймс Уиттакер, Джейсон Арбон
Описание уникальных подходов и практик тестирования, применяемых в Google, с акцентом на автоматизацию, масштабируемость и инновации.

💎 "Сам себе тестировщик. Пошаговое руководство по тестированию ПО" Чхави Радж Досадж
Пошаговое руководство, предназначенное для тех, кто хочет начать карьеру в тестировании программного обеспечения, с множеством примеров и практических советов.


🐞 Подписывайтесь на Библиотеку QA
👍5🔥21
Как одна уязвимость может разрушить экосистему JavaScript

#почитать

Реестр npm — важнейший компонент экосистемы JavaScript, служащий центральным репозиторием для более чем 2,1 миллиона пакетов, на который полагаются более 17 миллионов разработчиков по всему миру. Он стал незаменимым ресурсом, позволяющим легко обмениваться зависимостями, повторно использовать их и управлять ими в своих проектах. Реестр npm, который загружают миллионы раз в день, является основой бесчисленных приложений и веб-сайтов.

В этой статье мы обсудим детали атаки по отравлению кэша на npm и изучим ее потенциальное влияние.


Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5🔥21
Избавление от хаоса модальных окон. useModalControl (React)

#почитать

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

Решение
Хук useModalControl предоставляет практичное решение для управления модальными окнами. Этот инструмент дает разработчикам возможность контролировать открытие и закрытие окон через простой и интуитивно понятный API. С useModalControl вы можете без труда предотвратить одновременное открытие нескольких окон, что способствует поддержанию порядка и чистоты в коде.

Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
👍7🔥21💩1
Web API, функционально приближающие веб-приложения к нативным

#почитать

Чтобы дать пользователям доступ к функциям, привычным в нативных приложениях, и добавить новые, мы используем Web API.

Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
6
Как переписать код 10-летней давности на ES6-модули

#почитать

Как мы перевели несколько тысяч файлов, написанных на JavaScript, с легаси кода, который использовал goog.module, на новые ES6-модули с помощью построения и преобразования абстрактного синтаксического дерева.

Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6
Друзья, сегодня рекомендуем отличный канал с материалами по бизнес- и системному анализу!

😇 аналитик от бога — лучший канал для аналитиков от создателей сайта systemanalysis.ru

Что отличает нас от других каналов по системному анализу:

▪️мы — создатели systemanalysis.ru и канала Тестировщик от бога — одного из самых крупных телеграм-каналов по тестированию;
▪️мы пишем свои материалы: составили дорожную карту развития бизнес- и системных аналитиков, в которой собрали все, что надо знать для успешной работы;
▪️мы не постим ленту из хабра — все материалы, которые мы пишем или отбираем, мега-полезные. Перейдите в канал и убедитесь в этом сами.
▪️и многое-многое другое

Подписывайся на аналитика от бога и узнай уже наконец разницу между product roadmap-ом и спецификацией требований 😇
👍5🔥21
Создание интерактивных цифровых логических схем в React

#почитать

Рассмотрим функциональные возможности элемента управления React Diagram. Мы продемонстрируем, как его интерактивный пользовательский интерфейс, оснащенный такими функциями, как перетаскивание, копирование, вставка, импорт и экспорт, а также панорамирование и масштабирование, упрощает процесс создания схемы.

Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥6
👨‍💼 Project-менеджмент | IT — один из немногих каналов по управлению проектами в IT в телеграм. Для всех проджект-менеджеров и тех, кто хочет ими стать.

Почему проджект-менеджмент — классный старт в айти:
— хорошо подходит гуманитариям (если вы думали, что в IT работают только технари — вы ошибались)
— куча сфер применения
— спрос на PM-ов в России и в мире не упадет в ближайшие десятилетия

Почему надо подписаться на канал по проджект-менеджменту?
— свежие полезные статьи и видео по теме
— еженедельная подборка последних новостей, видео и обучающих материалов
— обзоры рынка зарплат и вакансий
— регулярные тематические обсуждения

Подписаться на @projectmanager_it
👍6
await vs yield на примере Effection 3.0 и React

#почитать

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

Исключение: промис, который никогда не зарезолвится.

Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6
Web-приложение с fingerprint: как работает и в чем сложности

#почитать

Fingerprint — это технология, позволяющая идентифицировать клиентов по внутренним параметрам их браузеров. Она учитывает различные данные: информацию о CPU, настройки локализации, аудио и так далее.

Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
👍71🔥1
Подключаем библиотеку к проекту с помощью npm/yarn link

#почитать

У нас много библиотек: с общими утилитами и хуками, стилями, классами базовых сторов, с утилитами для ВК- и ОК-приложений. Во всех этих библиотеках нужно постоянно дополнять и заменять какие-то элементы, а после этого тестировать библиотеки на работоспособность.

Подключение библиотеки к проекту не такой простой процесс — особенно для новичков. В первый раз нам потребовались пять статей и десять часов времени на ошибки, проверку и сбор наработок для команды. После этого мы решили написать статью-подсказку, чтобы сделать жизнь других разработчиков проще, а работу — быстрее.


Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
👍61🔥1
Кратко про основные техники кеширования в браузере

#почитать

Рассмотрим несколько основных методов кеширования, таких как использование HTTP заголовков Cache-Control, ETag, и If-Modified-Since, а такжеLocalStorage.


Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
👍71🔥1
Ускоряем JS до предела C

#почитать

Попробую заглянуть за пределы возможностей языка JavaScript и оценить, как производительность может существенно различаться при написании выразительного, декларативного и лаконичного кода по сравнению с оптимизированным. На примере функции, определяющей, является ли строка палиндромом, я покажу несколько вариантов решения задачи с замерами времени на исполнение. Затем напишу модуль на C, который буду вызывать наряду с методами на JavaScript для замера скорости. Проведу низкоуровневые оптимизации. Все это стало возможно благодаря развитию ИИ.


Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
👍61🔥1
👑 Кто работает QA — тот в цирке не смеется 🤡

Наша сегодняшняя рекомендация — канал с QA юмором.

Мы работаем в тестировании и уже не смеемся. Но если вас можно рассмешить — welcome в QA Юмор
😁8👍1🔥1
Изучение случайности в JavaScript

#почитать

Случайность, с точки зрения безопасности, имеет значение. Я не специалист по безопасности, но, насколько я понимаю, генератор псевдослучайных чисел (ГПСЧ) считается "безопасным" в том случае, когда последовательность чисел, которую он произведет или уже произвел, не может быть вычислена злоумышленником.

Когда речь идет о "генераторах случайных цветов", таких, как моя утилита для создания цветовой палитры, понятие "случайности" гораздо более расплывчато. В моем случае генерация цвета настолько случайна, насколько это «ощущается» пользователем. Другими словами, эффективность случайности является частью пользовательского опыта (UX).


Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
👍61
Вопросы к собеседованию React (Junior level)

#почитать

mamontil
Бедные нынешние джуны... Пока не поработаешь в реальном проекте несколько месяцев, реально это все не осознаешь, только если зубрить.


Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
👍8