This media is not supported in your browser
VIEW IN TELEGRAM
Гайд, как не пройти испытательный срок
Наверное, всех джунов интересует, как пройти испытательный срок и крепко закрепиться в компании. Вера Ясюкевич, руководитель KLBR Studio, поделилась основной ошибкой новичков, которая приводит к отказу после испытательного срока.
Полный эфир с KLBR Studio — по ссылке:
🐭 Смотреть в YT
🐹 Смотреть в VK Video
🟢 Подробнее о программе
Наверное, всех джунов интересует, как пройти испытательный срок и крепко закрепиться в компании. Вера Ясюкевич, руководитель KLBR Studio, поделилась основной ошибкой новичков, которая приводит к отказу после испытательного срока.
Полный эфир с KLBR Studio — по ссылке:
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥5 3⚡2❤🔥1
Технические выходные × Колесо фортуны
🎉 День программиста: хороший повод закрыть пробелы и подобрать «пару» курсов на вырост. Одно вращение колеса и случайный подарок ваш. Ищите на сайте коробочку и вращайте колесо все выходные.
➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿
Что добавить в копилку знаний:
— Алгоритмы и паттерны — практика структур данных, разбор сложностей и идиом проектирования в FE.
— Сети и безопасность — протоколы, модели угроз для веб-приложений, практики защиты.
— TypeScript — системное мышление о типах, работа с дженериками, утилитами и сужением типов.
— Vue, Vite, Webpack — сборка под прод, профилирование бандла, HMR по делу.
— Анимации (CSS/JS/SVG) — тайминг-функции, последовательности, производительность.
— Доступность (a11y) и дизайн-системы — роли и атрибуты, токены, библиотека компонентов.
➡️ Коротко: 1 вращение • 12–14 сентября • 7 дней на применение.
https://htmlacademy.ru
🎉 День программиста: хороший повод закрыть пробелы и подобрать «пару» курсов на вырост. Одно вращение колеса и случайный подарок ваш. Ищите на сайте коробочку и вращайте колесо все выходные.
Что добавить в копилку знаний:
— Алгоритмы и паттерны — практика структур данных, разбор сложностей и идиом проектирования в FE.
— Сети и безопасность — протоколы, модели угроз для веб-приложений, практики защиты.
— TypeScript — системное мышление о типах, работа с дженериками, утилитами и сужением типов.
— Vue, Vite, Webpack — сборка под прод, профилирование бандла, HMR по делу.
— Анимации (CSS/JS/SVG) — тайминг-функции, последовательности, производительность.
— Доступность (a11y) и дизайн-системы — роли и атрибуты, токены, библиотека компонентов.
https://htmlacademy.ru
Please open Telegram to view this post
VIEW IN TELEGRAM
👍10❤🔥3🔥2
Прямой эфир с лидом бэкенд-разработки в Garage Eight
👍 Garage Eight и HTML Academy запускают совместную программу «Обучение под работодателя»: вы занимаетесь в небольшой группе, осваиваете PHP и ООП, REST-подход и тестирование, пробуете типовые задачи джуна на учебных проектах, работаете с Git и CI. На эфире разберём, как это соотносится с рабочими процессами команды и входом на стажировку.
Приходите на эфир 18 сентября в 12:00 (MSK), чтобы:
🔲 Понять, как устроены процессы в Garage Eight: ревью кода, менторство, адаптация новичка и план первых недель;
🔲 Разобрать программу по делу: какие навыки требуются на старте (PHP, работа с фреймворками, REST, тесты) и как они закрываются на учёбе;
🔲 Узнать про стажировку: критерии готовности, отбор, формат занятости и типовые задачи для джуна на входе.
➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿
Планируете вход в профессию, хотите понять ожидания к джуну и как выглядит старт в продуктовой команде? Зарегистрируйтесь по ссылке — пришлём напоминание и доступ к эфиру.
Приходите на эфир 18 сентября в 12:00 (MSK), чтобы:
Планируете вход в профессию, хотите понять ожидания к джуну и как выглядит старт в продуктовой команде? Зарегистрируйтесь по ссылке — пришлём напоминание и доступ к эфиру.
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥5❤🔥4⚡2👏1
Как работает Map в JavaScript
В статье сравниваем
🪻 Читать статью
Коллекция Map — это встроенная структура JavaScript для хранения пар «ключ–значение». Она похожа на обычный объект ({}), но имеет важные преимущества: поддерживает ключи любого типа и сохраняет порядок вставки — удобно, когда нужен предсказуемый перебор.
В статье сравниваем
Map
с классическими объектами и показываем, где она удобнее: когда важно сохранить порядок элементов, использовать нестроковые ключи и часто добавлять, удалять или перебирать записи.Please open Telegram to view this post
VIEW IN TELEGRAM
👍7
Media is too big
VIEW IN TELEGRAM
Кайф от sibling-index()
Смотрите и наслаждайтесь тем, как
Удаляем ненавистные инлайновые индексы из разметки, заменяем переменные-индексы в стилях на sibling-index() и получаем рабочий компонент с чистейшим кодом.
#CSS #Frontend #код #siblingIndex
Смотрите и наслаждайтесь тем, как
sibling-index()
упрощает вёрстку!Удаляем ненавистные инлайновые индексы из разметки, заменяем переменные-индексы в стилях на sibling-index() и получаем рабочий компонент с чистейшим кодом.
#CSS #Frontend #код #siblingIndex
🔥14❤🔥4⚡3
Таймеры в JavaScript
Практически это значит:
В статье разбираем механику работы, важные особенности (негарантированная задержка, троттлинг в фоновых вкладках, макро- vs микро-задачи) и показываем практические примеры, чтобы использовать таймеры осознанно.
➕ Читать статью
setTimeout
иclearTimeout
— проверенные временем инструменты для работы с асинхронностью в JavaScript. Их простота и гибкость делают их полезными в задачах от прототипирования до продвинутых сценариев, таких как дебаунсинг или интеграция с современными фреймворками.
Практически это значит:
setTimeout
используют не только для задержек, но и для управления порядком выполнения — отложить код после текущего стека (setTimeout(fn, 0)
), настроить дебаунс ввода, запустить отложенные эффекты и анимации (а сами анимации — через requestAnimationFrame
). А зная про clearTimeout
, можно вовремя отменять лишние вызовы и избегать багов.В статье разбираем механику работы, важные особенности (негарантированная задержка, троттлинг в фоновых вкладках, макро- vs микро-задачи) и показываем практические примеры, чтобы использовать таймеры осознанно.
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥10❤🔥3❤3⚡1
HTML Academy
Прямой эфир с лидом бэкенд-разработки в Garage Eight 👍 Garage Eight и HTML Academy запускают совместную программу «Обучение под работодателя»: вы занимаетесь в небольшой группе, осваиваете PHP и ООП, REST-подход и тестирование, пробуете типовые задачи джуна…
Вместе с Garage Eight мы готовим будущих бэкенд-разработчиков.
Сегодня в 12:00 в эфире поговорим о совместной программе обучения: как прокачать навыки и применять их в реальных проектах. Лид бэкенд-разработки Garage Eight расскажет о компании, первых задачах для новичков, перспективах развития и ответит на ваши вопросы.
https://htmlacademy.ru/events/live-garage-8-backend
Сегодня в 12:00 в эфире поговорим о совместной программе обучения: как прокачать навыки и применять их в реальных проектах. Лид бэкенд-разработки Garage Eight расскажет о компании, первых задачах для новичков, перспективах развития и ответит на ваши вопросы.
https://htmlacademy.ru/events/live-garage-8-backend
❤4🔥2⚡1
Вырезы в блоках — революция | CSS боль
Хотите узнать, как делать вырезы в блоках одной строчкой CSS?
В новом выпуске мы сравним старый способ (много контейнеров, фиксированные размеры, хаки) и современный подход с mask-image и радиальными градиентами.
В видео:
1️⃣ как работал классический «дедовский» метод;
2️⃣ mask-image и радиальные градиенты: чистый CSS для вырезов;
3️⃣ приём с полпиксельным смещением для аккуратных краёв;
4️⃣ гибкие и адаптивные компоненты с любым фоном: градиентами, картинками или видео;
5️⃣ смена парадигмы: от «приклеивания блоков» к «вырезанию» прямо в CSS.
🐭 Смотреть на YouTube
🐹 Смотреть в VK
Хотите узнать, как делать вырезы в блоках одной строчкой CSS?
В новом выпуске мы сравним старый способ (много контейнеров, фиксированные размеры, хаки) и современный подход с mask-image и радиальными градиентами.
В видео:
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥13👍2❤🔥1
Forwarded from Как стать мидлом
Webpack без боли: от конфигурации до оптимизации
➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿
На курсе вы разберёте Webpack на практике: базовую конфигурацию (entry/output), перенос проекта на webpack, сборку многостраничных приложений, работу с плагинами и обработчиками, asset-modules, code splitting и оптимизации под production.
Каждый модуль — прикладные задачи: настройка npm-скриптов, подключение Babel, ESLint и Prettier, конфигурация плагинов и обработчиков, разделение dev и prod с source maps, уменьшение бандла (минимизация, выделение вендоров). После курса вы сможете добавлять сборщик в проект, создавать и поддерживать конфиги на рабочих проектах, собирать MPA и оптимизировать артефакты перед деплоем.
🟢 Смотреть программу
На курсе вы разберёте Webpack на практике: базовую конфигурацию (entry/output), перенос проекта на webpack, сборку многостраничных приложений, работу с плагинами и обработчиками, asset-modules, code splitting и оптимизации под production.
Каждый модуль — прикладные задачи: настройка npm-скриптов, подключение Babel, ESLint и Prettier, конфигурация плагинов и обработчиков, разделение dev и prod с source maps, уменьшение бандла (минимизация, выделение вендоров). После курса вы сможете добавлять сборщик в проект, создавать и поддерживать конфиги на рабочих проектах, собирать MPA и оптимизировать артефакты перед деплоем.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Media is too big
VIEW IN TELEGRAM
Что ждёт выпускников совместной программы обучения с KLBR Studio?
Вера Ясюкевич, руководитель KLBR Studio, рассказала про этапы отбора и про саму стажировку после 6 месяцев обучения.
Полный эфир с KLBR Studio — по ссылке:
🐭 Смотреть на YouTube
🐹 Смотреть в VK
➕ Подробнее о программе
Мы смотрим на то, как разработчик думает.
Вера Ясюкевич, руководитель KLBR Studio, рассказала про этапы отбора и про саму стажировку после 6 месяцев обучения.
Полный эфир с KLBR Studio — по ссылке:
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2🔥2❤🔥1
Вчера провели эфир с Виктором Михайловым из Garage Eight. Откровенно поговорили о том, как джуну попасть в международную FinTech-компанию на PHP и что действительно ждут от начинающих бэкендеров.
А ещё обсудили:
🔵 какой горизонт роста у джуна и от чего он зависит;
🔵 что проверяют на собеседовании в Garage Eight;
🔵 как устроена оплачиваемая стажировка: 3 месяца, гибрид, реальные задачи с ревью;
🔵 как команды работают по LeSS и почему коммуникация — половина успеха;
🔵 какой стек в деле: PHP, Symfony и Doctrine, Kafka, Kubernetes и не только.
Сохраняйте на выходные: на скорости ×2 хватит одного вечера — разложим по полочкам, какие качества важнее «сухого» синтаксиса для старта в бэкенде.
Смотреть на YouTube | Смотреть в VK | Программа обучения
«Ошибки в продакшене — это опыт. Настоящая проблема только одна: если с тобой некомфортно работать в команде. Культура нашей компании — очень важная вещь.»
А ещё обсудили:
Сохраняйте на выходные: на скорости ×2 хватит одного вечера — разложим по полочкам, какие качества важнее «сухого» синтаксиса для старта в бэкенде.
Смотреть на YouTube | Смотреть в VK | Программа обучения
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥7❤🔥3👍3
Please open Telegram to view this post
VIEW IN TELEGRAM
🤣17🔥4⚡1
HTML Academy и Контур запускают второй поток совместной программы «Обучение под работодателя». Вас ждёт компактная группа и сильный фокус на JavaScript: сначала обязательная вёрстка, а затем глубокое погружение в программирование — основы языка, архитектуру, React и тестирование.
В эфире подробно расскажем, как устроено обучение, как проходит отбор и что обновилось во втором наборе.
Приходите на эфир 25 сентября в 12:00 (MSK), чтобы:
Приходите, если интересно узнать больше и задать свои вопросы. Регистрируйтесь по ссылке — пришлём напоминание и расскажем, как попасть на обучение.
https://htmlacademy.ru/events/live-kontur-2025
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥7 5⚡2