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

По всем вопросам: @godinmedia
Download Telegram
ng-container в Angular

#почитать

ng-container в Ангулар - это структурная директива в Angular, которая позволяет создавать группы элементов без добавления дополнительного узла в DOM. Это полезно, когда нужно применить директиву или использовать условные конструкции или циклы *ngFor для группы элементов, но при этом не добавлять лишних тегов в разметку.

ng-container не является компонентом и не создает своего собственного экземпляра, поэтому к нему не получится доступ через ViewChild или ContentChild. Он просто действует как контейнер для элементов, которые вы хотите группировать. Поэтому вместо того чтобы использовать <div> который будет рендериться в дереве компонента при сборке и занимать лишнее место лучше использовать ng-container - собственно это и есть его суть!

Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
👍8🔥1
Решение задач с интервью. Throttle

#почитать

Методы замедления (Throttling) служат для контроля того, сколько раз мы разрешаем выполнение функции за определенный период времени. Обычно throttling реализуется через Higher Order Function. Функция - обертка должна контролировать, чтобы callback функция вызывалась не чаще одного раза каждые X миллисекунд. Callback функция вызывается немедленно и не может быть вызвана снова в течение оставшегося времени ожидания.

Задача на реализацию Throttling часто дается на интервью и на первый взгляд кажется тривиальной, но и тут есть свои нюансы.

Давайте реализуем функцию throttle, которая принимает функцию callback и время ожидания. Вызов throttle() должен возвращать новую функцию, которая будет вызывать внутри себя callback функцию в соответствии с описанным выше поведением.

Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
8
Правильная модель авторизации для вашего приложения

#почитать

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

Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
👍7🔥1
Что должен знать хороший фронтенд-разработчик

#почитать

В жизни разработчика бывают дни, когда все идет отлично, а бывают дни, когда появляются мысли о смене профессии. Особенно если учесть, что в программной разработке все быстро меняется и каждый день появляются новые фреймворки. Все это неотъемлемая часть работы. Не теряйте уверенность из-за этого. Я подготовил список навыков, освоив которые, вы перестанете сомневаться, хороший ли вы фронтенд-разработчик.

Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
👎7👍6
▫️ Когда проснулся и узнал, что существуют PWA

#посмотреть

Почему шумиха вокруг PWA до сих пор не утихает? Нужно ли всем срочно переводить свои сайты на PWA?

Антон рассказывает, с какими сложностями придется столкнуться, какие решения принять и на какие грабли наступить, если вам прямо завтра придется разрабатывать PWA. Обзор возможностей и ограничений PWA, а также инструментов, которые позволят облегчить работу.


Смотреть на YouTube 45 минут
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6🔥2
Вам не нужен Lodash

#почитать

Я последние годы являюсь его ярым антагонистом. Я считаю, что многие либо используют его неправильно, либо используют без смысла - а для новичков он даже может быть вреден.

Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
👍7🔥1
Библиотеки анимации JavaScript

#почитать

▫️GSAP
▫️Anime.js
▫️Three.js
▫️Popmotion,io
▫️React-spring
▫️Vivus
▫️Mo.js
▫️Spline Design
▫️LottieFiles

Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥81👍1
🔥 Бриллиантовая подборка книг по Agile, которую мы составили совместно с каналом @pm_lib — кликайте по ссылкам, забирайте себе и читайте! А еще — подписывайтесь на @pm_lib. Там регулярно выкладвают свежие книги по Project- и Product-менеджменту на русском языке!

💎 Чистый Agile. Основы гибкости (2020) — Роберт Мартин
Роберт Мартин в своей книге объясняет основные принципы и практики Agile, которые помогают командам достичь гибкости и эффективности в разработке программного обеспечения.

💎 Agile-менеджмент. Лидерство и управление командами (2018) — Юрген Аппело
Эта книга раскрывает принципы Agile-менеджмента, фокусируясь на лидерстве и эффективном управлении командами, чтобы повысить их продуктивность и мотивацию.

💎 Постигая Agile. Ценности, принципы, методологии (2018) — Эндрю Стеллман, Дженнифер Грин
Книга охватывает ключевые аспекты Agile, включая его ценности, принципы и методологии, предлагая читателям глубокое понимание гибких подходов к управлению проектами.

💎 Agile для всех. Создание быстрой, гибкой, клиентоориентированной компании (2019) — Мэтт Лемей
Мэтт Лемей делится стратегиями, как сделать компанию более гибкой и ориентированной на клиента, применяя Agile подходы во всех аспектах бизнеса.

💎 12 шагов к гибкому бизнесу (2019) — Гайдн Шонесси, Фин Голдинг
Авторы предлагают пошаговое руководство по внедрению Agile в бизнес-процессы, чтобы компании могли быстрее адаптироваться к изменениям и повышать свою конкурентоспособность.

💎 Эпоха Agile. Как умные компании меняются и достигают результатов (2019) — Стивен Деннинг
Стивен Деннинг исследует, как успешные компании применяют Agile принципы для достижения высоких результатов и устойчивого роста в условиях быстро меняющегося рынка.
😱7🔥1
▫️ 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