Финальный штрих по теме Webpack на этой неделе — простой гайд по сборке проекта для новичков.

Разобрали по шагам, что нужно сделать, чтобы всё получилось.

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

Пройти тест.

Это рубрика #пятничная_скидка, вот чему можно обучиться со скидкой на этой неделе:


До 16 апреля.
Курс «Паттерны проектирования» со скидкой 30%.
Паттерны помогут вам быстрее и эффективнее проектировать, писать и заниматься отладкой программного кода. А значит, и возможности масштабирования ваших алгоритмов значительно повысятся.

До 23 апреля.
Пакет курсов «Разработчик интерфейсов» со скидкой 30%.
Включает 5 курсов:
- Мастер анимаций: CSS- и JS-анимации
- Дизайн-системы
- Вёрстка React-компонентов
- Подготовка вёрстки под CMS
- Шаблонизаторы HTML

Для нас доступная вёрстка сайтов — обыденность, а тем временем в мире с этим полная катастрофа.

WebAIM опубликовала ежегодный отчет о доступности. Отчет показал катастрофические результаты и призвал уделять больше внимания доступности. Чтобы улучшить доступность веб-сайта:
👉 Добавьте язык в HTML-документ с помощью атрибута lang.

👉 Включите ссылку «skip», чтобы пользователи могли перейти к основной части страницы.

👉 Убедитесь, что все поля ввода имеют описание, чтобы помочь пользователям понять, какую информацию следует вводить.

👉 Маркируйте пустые кнопки и ссылки с помощью aria-label или .visually-hidden.

👉 Добавляйте альтернативный текст к изображениям и пишите его как предложение.

👉 Улучшение HTML — это хорошая отправная точка для улучшения доступности.

Пока на на шашлыки ещё рано, можно почитать одну из пяти книг по паттернам проектирования, которые улучшат ваш код 👽

Ещё одна неделя подошла к концу, делимся акциями этой недели:

Пакет курсов «Разработчик интерфейсов» со скидкой 30% до 23 апреля.
Включает 5 курсов:
- Мастер анимаций: CSS- и JS-анимации
- Дизайн-системы
- Вёрстка React-компонентов
- Подготовка вёрстки под CMS
- Шаблонизаторы HTML

Курс «Мастер анимаций: SVG-анимации» со скидкой 30% до 30 апреля.
Вы научитесь анимировать векторные изображения с помощью CSS, SMIL и JavaScript. Также освоите популярные библиотеки для создания анимаций: KUTE.js, Anime.js, Snap.svg и GSAP.

#пятничная_скидка

Подборка микроанимаций для фронтенда с codepen.

Микроанимация — короткое взаимодействие, которое помогает пользователю лучше сориентироваться в интерфейсе и почувствовать совершенное действие.

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

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

Сейчас, чтобы обратить внимание на наиболее значимые моменты, мы начнём с чистого листа.

Рассказываем про скидки этой недели:

Курс «Мастер анимаций: SVG-анимации» со скидкой 30% до 30 апреля.
Вы научитесь анимировать векторные изображения с помощью CSS, SMIL и JavaScript. Также освоите популярные библиотеки для создания анимаций: KUTE.js, Anime.js, Snap.svg и GSAP.

Пакет курсов «Мастхэв для фронтендера» со скидкой 30% до 7 мая.
Набор курсов по навыкам для эффективной работы с данными и выстраивания архитектуры.

Включает 4 курса:
- TypeScript
- Алгоритмы и структуры данных
- Протоколы и сети
- Регулярные выражения

#пятничная_скидка

SVG-графика поддаётся анимированию. В этой статье мы покажем, как анимировать отрисовку контуров.

Полезные ссылки для тех, кто планирует искать работу за границей

Проверка индекса SSI — этот индекс влиет на появлении вашей страницы на Linkedin в результатах поиска.

Grammarly — для проверки правильности написания резюме или сопроводительного, а лучше еще дать почитать носителю языка.

Leetcode — задачи, чтобы подготовиться к техническому скринингу.

Leadership Principles — статья поможет понять принципы, которые могут проверить на поведенческом интервью.

Карьерный гайд с примерами сопроводительных писем.

GPT тренажёр собеседований.

Материал про модель STAR для поведенческого интервью.