SSL и SSL-сертификаты для новичков
#почитать
Я долго разбирался с SSL, сертификатами, центрами сертификации - это единственная статья, после которой у меня что-то отложилось в голове :) Поэтому возникла идея перевести ее и донести до широких масс.
⏱ Читать статью
#почитать
Я долго разбирался с SSL, сертификатами, центрами сертификации - это единственная статья, после которой у меня что-то отложилось в голове :) Поэтому возникла идея перевести ее и донести до широких масс.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5🔥1👌1
Three.js с нуля на практике
#почитать
В сети есть множество статей и уроков по Three.js для начинающих, но большинство из них — это теоретический материал. Я же хочу показать, как создавать 3D-анимации на практике.
⏱ Читать статью
#почитать
В сети есть множество статей и уроков по Three.js для начинающих, но большинство из них — это теоретический материал. Я же хочу показать, как создавать 3D-анимации на практике.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6🔥1
Ramda.js — библиотека, которая избавит вас от reduce и map-каши
#почитать
Ramda — это библиотека для функционального программирования в JavaScript, которая по умолчанию не мутирует данные и поддерживает каррирование. В отличие от Lodash, где функциональность чаще заточена под удобство, Ramda больше ориентирована на чистоту кода и прогнозируемость работы функций.
⏱ Читать статью
#почитать
Ramda — это библиотека для функционального программирования в JavaScript, которая по умолчанию не мутирует данные и поддерживает каррирование. В отличие от Lodash, где функциональность чаще заточена под удобство, Ramda больше ориентирована на чистоту кода и прогнозируемость работы функций.
Please open Telegram to view this post
VIEW IN TELEGRAM
❤7👎3👍1
Обработка ошибок Axios
#почитать
Недавно передо мной встала задача улучшения пользовательского опыта обработки ошибок запросов к бэкенду. Я решила комплексно исследовать эту тему на примере HTTP-клиента Axios.
⏱ Читать статью
#почитать
Недавно передо мной встала задача улучшения пользовательского опыта обработки ошибок запросов к бэкенду. Я решила комплексно исследовать эту тему на примере HTTP-клиента Axios.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6❤2🔥1
Symfony + React: основные проблемы и методы их решения
#почитать
Symfony, как PHP-фреймворк, обеспечивает надежный серверный бэкенд: работу с базой данных, бизнес-логику, REST API и безопасность. React же отвечает за динамичный интерфейс на стороне клиента, позволяя создавать богатые Single Page Application (SPA) с мгновенной реакцией на действия пользователя. Используя их вместе, разработчики получают гибкость разделения фронтенда и бэкенда, что упрощает поддержку и масштабирование. Например, бэкенд на Symfony можно переиспользовать для мобильного приложения или другого клиента, пока React обеспечивает отличное UX в браузере.
⏱ Читать статью
#почитать
Symfony, как PHP-фреймворк, обеспечивает надежный серверный бэкенд: работу с базой данных, бизнес-логику, REST API и безопасность. React же отвечает за динамичный интерфейс на стороне клиента, позволяя создавать богатые Single Page Application (SPA) с мгновенной реакцией на действия пользователя. Используя их вместе, разработчики получают гибкость разделения фронтенда и бэкенда, что упрощает поддержку и масштабирование. Например, бэкенд на Symfony можно переиспользовать для мобильного приложения или другого клиента, пока React обеспечивает отличное UX в браузере.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5🔥1👌1
Каррируем React-компоненты: функциональные паттерны на фронтенде
#почитать
Ежедневно мы пользуемся подходами из мира ФП, зачастую даже не подозревая об этом.
Эти паттерны плотно укоренились в сознании фронтенд-разработчиков, делая наш код значительно чище, читаемее и предсказуемее.
Вот лишь некоторые из них:
Декларативный код. Мы не говорим как рендерить, мы говорим что.
UI = f(state). Интерфейс – функция от состояния.
Композиция. Сложные компоненты собираются из простых независимых блоков.
Мемоизация. Функцию можно переиспользовать, пока данные не изменятся.
⏱ Читать статью
#почитать
Ежедневно мы пользуемся подходами из мира ФП, зачастую даже не подозревая об этом.
Эти паттерны плотно укоренились в сознании фронтенд-разработчиков, делая наш код значительно чище, читаемее и предсказуемее.
Вот лишь некоторые из них:
Декларативный код. Мы не говорим как рендерить, мы говорим что.
UI = f(state). Интерфейс – функция от состояния.
Композиция. Сложные компоненты собираются из простых независимых блоков.
Мемоизация. Функцию можно переиспользовать, пока данные не изменятся.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4❤1🔥1
Web3 для JavaScript-разработчиков на примере Solana
#почитать
Шутки шутками, но мир web3 разросся в индустрию со своими вакансиями. И в ней востребован JavaScript, причём не только на фронтенде. Так что у JS-разработчиков появился смысл обращать внимание на этот сегмент, а на нашей конференции HolyJS появились доклады об этом.
⏱ Читать статью
#почитать
Шутки шутками, но мир web3 разросся в индустрию со своими вакансиями. И в ней востребован JavaScript, причём не только на фронтенде. Так что у JS-разработчиков появился смысл обращать внимание на этот сегмент, а на нашей конференции HolyJS появились доклады об этом.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4🔥1
Отладка JavaScript в Chrome DevTools для начинающих фронтендеров
#почитать
Мне не понаслышке известно, насколько ресурсозатраным (в плане времени и сил) может быть поиск и исправление ошибок в JS. Новичкам этот процесс может показаться неподъёмным камнем, но только до знакомства с отладкой в инструментах разработчика, встроенных в браузер. О ней я и расскажу, причём затрону не console.log, а куда более эффективную альтернативу.
⏱ Читать статью
#почитать
Мне не понаслышке известно, насколько ресурсозатраным (в плане времени и сил) может быть поиск и исправление ошибок в JS. Новичкам этот процесс может показаться неподъёмным камнем, но только до знакомства с отладкой в инструментах разработчика, встроенных в браузер. О ней я и расскажу, причём затрону не console.log, а куда более эффективную альтернативу.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3
Борьба с перерендерами в React
#почитать
Функциональный компонент — это обычная JavaScript-функция, и часто при обсуждении, когда говорят «компонент рендерится», имеют в виду само выполнение этой функции.
При создании компонента, когда функция выполняется впервые, говорят, что компонент «рендерится». А когда в компоненте что-то изменилось, то говорят, что компонент «перерендеривается».
С изначальным рендерингом все хорошо, это необходимый шаг, чтобы компонент создался. Но вот перерендеры могут быть лишними, и с ними можно (а иногда нужно) бороться.
⏱ Читать статью
#почитать
Функциональный компонент — это обычная JavaScript-функция, и часто при обсуждении, когда говорят «компонент рендерится», имеют в виду само выполнение этой функции.
При создании компонента, когда функция выполняется впервые, говорят, что компонент «рендерится». А когда в компоненте что-то изменилось, то говорят, что компонент «перерендеривается».
С изначальным рендерингом все хорошо, это необходимый шаг, чтобы компонент создался. Но вот перерендеры могут быть лишними, и с ними можно (а иногда нужно) бороться.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4
Уехал на Чукотку, чтобы попасть во фронтенд
#почитать
Ниже моя честная история пути в айти, в которой была работа при морозе -40, 11 месяцев фокуса только на обучении и марафон на выбывание, где участвовали около 1400 человек. Звучит пугающе?
⏱ Читать статью
#почитать
Ниже моя честная история пути в айти, в которой была работа при морозе -40, 11 месяцев фокуса только на обучении и марафон на выбывание, где участвовали около 1400 человек. Звучит пугающе?
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3
Пишем простое расширение для браузера
#почитать
Расширения для браузеров создаются с использованием веб-технологий: HTML, CSS и JavaScript/TypeScript. Можно также применять библиотеки, такие как React или jQuery, а также фреймворки, например Vue. Однако можно обойтись и чистым JavaScript (Vanilla JS).
⏱ Читать статью
#почитать
Расширения для браузеров создаются с использованием веб-технологий: HTML, CSS и JavaScript/TypeScript. Можно также применять библиотеки, такие как React или jQuery, а также фреймворки, например Vue. Однако можно обойтись и чистым JavaScript (Vanilla JS).
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4
Снимаем оковы Webpack: как мы ускорили сборку проекта в 10 раз, потратив меньше рабочего дня
#почитать
Современная фронтенд-разработка технологически весьма сложная: множество зависимостей, микросервисы, размеры самих проектов, плагины для настройки окружения и многое другое.
Это касается и одного из самых ключевых этапов в разработке - сборка проекта. Множество проектов, на которых я работал, собирались (и собираются) с помощью Webpack. Это классический и проверенный временем инструмент: со своими преимуществами и недостатками.
⏱ Читать статью
#почитать
Современная фронтенд-разработка технологически весьма сложная: множество зависимостей, микросервисы, размеры самих проектов, плагины для настройки окружения и многое другое.
Это касается и одного из самых ключевых этапов в разработке - сборка проекта. Множество проектов, на которых я работал, собирались (и собираются) с помощью Webpack. Это классический и проверенный временем инструмент: со своими преимуществами и недостатками.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3
Учимся Flask: как написать своё веб-приложение
#почитать
Сегодня мы разберём Flask — лёгкий, но мощный фреймворк для Python, который позволит буквально за пару часов написать веб‑приложение с формами, обработкой данных и HTML‑шаблонами.
⏱ Читать статью
#почитать
Сегодня мы разберём Flask — лёгкий, но мощный фреймворк для Python, который позволит буквально за пару часов написать веб‑приложение с формами, обработкой данных и HTML‑шаблонами.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4
Мои вопросы о CSS с ответами
#почитать
При составлении вопросов я хотел проверить понимание базовых моментов, которые есть в вёрстке любого проекта. Ещё будут вопросы на знание более редких аспектов и «новинок» в CSS. В общем я хочу вас завалить, чтобы казаться супер умным! (здесь ирония).
⏱ Читать статью
#почитать
При составлении вопросов я хотел проверить понимание базовых моментов, которые есть в вёрстке любого проекта. Ещё будут вопросы на знание более редких аспектов и «новинок» в CSS. В общем я хочу вас завалить, чтобы казаться супер умным! (здесь ирония).
Please open Telegram to view this post
VIEW IN TELEGRAM
❤5
#посмотреть
The Silent Open Source Crisis: When Maintainers Walk Away
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5
#посмотреть
Docker - это платформа для разработки, доставки и запуска контейнерных приложений. Другими словами, вы можете “упаковать” созданное вами приложение в образ. Любой кто скачает данный образ сможет запустить на его основании контейнер, который является изолированной средой, со всеми настройками необходимыми для работы вашего приложения. И запустить это приложение, точно так же, как если бы оно было запущено на вашем компьютере. В течение курса мы разберёмся в основных понятиях, научимся создавать собственные образы и запускать контейнеры, а так же управлять ими, научимся конфигурировать docker-compose и контейнерезировать различные приложения. В заключении, созданный нами образ мы загрузим на Docker Hub.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5❤1🔥1
#посмотреть
Что общего у успешной карьеры в IT, подкастов, организации масштабных конференций и мечты о доме у океана? Андрей Смирнов, "золотой голос фронтенда", знает ответы.
Please open Telegram to view this post
VIEW IN TELEGRAM
🥰6👍1🔥1
Основные принципы создания иконок
#почитать
Иконки — это хоть и небольшие, но достаточно влиятельные элементы интерфейса, ведь именно из мелочей складывается общее впечатление от продукта.
⏱ Читать статью
#почитать
Иконки — это хоть и небольшие, но достаточно влиятельные элементы интерфейса, ведь именно из мелочей складывается общее впечатление от продукта.
Please open Telegram to view this post
VIEW IN TELEGRAM
❤5👍2🔥1
Друзья! Сегодня мы рекомендуем супер-полезные каналы с еженедельными дайджестами полезных материалов по тестированию и проджект-менеджменту
Подпишитесь и будьте в курсе последних новостей и видео в индустрии. Всего 1-2 поста в неделю и у вас есть все, что вышло за неделю.
🟡 QA Live 🚩 тестирование ПО
🟡 PM Live 🚩 проджект и продакт менеджмент
Подпишитесь и будьте в курсе последних новостей и видео в индустрии. Всего 1-2 поста в неделю и у вас есть все, что вышло за неделю.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4