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

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

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

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

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

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

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

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

Новый курс «Доступность веб-интерфейсов».

Доступность в веб-разработке имеет как этическое, так и практическое значение.

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

Чему научитесь:

👉 Выявлять нарушения доступности в вёрстке и корректировать их.

👉 Добавлять интерактивность без потерь для веб-доступности.

👉 Семантичной вёрстке с соблюдением структуры заголовков и назначением тегов.

👉 Принципам доступности с клавиатуры, управлению фокусом.

👉 Подписывать интерактивные элементы без текста в дизайне, скрывать ненужные элементы от скринридеров.

👉 Определять контрастность цветов и удобные размеры элементов и областей.

👉 Принципам доступности для кастомных элементов форм: чекбокс, радиокнопка, селект, и др.

👉 Принципам доступности для интерактивных элементов и блоков: модальных окон, табов.

👉 Использовать инструменты выявления нарушений доступности.

Оплата целиком 18 900 13 973₽ или в рассрочку на 6 месяцев 3 150 2 320₽/мес — https://tml.io/o3nhp

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

Проблема в том, что иногда этот подход срабатывает, а иногда нет.

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

Читать статью.

На каких курсах можно начать обучение со скидкой на этой неделе:

Vue.js 3. Разработка клиентских приложений за 19 900 13 930 ₽ или в рассрочку 3 310 2 320 ₽/месяц.
Вы научитесь с нуля создавать и стилизовать проект на Vue.js 3 версии, добавлять анимации в веб-приложение и проводить тестирование.

Начать обучение.

Алгоритмы и структуры данных за 21 100 14 700 ₽ или в рассрочку 3 500 2 450₽/мес

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

Начать обучение.

«Мастхэв для фронтендера» за 29 400 20 580 ₽ или в рассрочку 2 450 1 710₽/мес
Набор курсов по навыкам для эффективной работы с данными и выстраивания архитектуры.

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

Начать обучение.

Всем хороших выходных 🌿

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

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

____

Делать такие анимации мы учим на курсах «CSS и JS-анимации» и «SVG-анимации», вы можете приобрести оба курса в составе пакета «Мастер анимаций» за 18 300 ₽ или в рассрочку за 1 520 ₽/мес

Недавно на курсе «SVG-анимации» вышли обновления:
- В раздел 6 «Дополнительные возможности SVG» добавили блок про анимацию диаграмм.
- В раздел 2 «Анимирование SVG с помощью CSS» материалы про свойство transform-box.

На этой неделе вместе с карьерным консультантом Венерой Мещеровой @vmeshcherova предлагаем вам проанализировать вакансию и составить портерт идеального кандидата для неё.

Умение проводить такой анализ, поможет вам сделать ваше резюме заметнее и с большим успехом проходить отбор на должность.

Подбробности читайте в статье.

#карьерные_советы

Как анимация портит ваш сайт.

Вообще-то, анимация на сайте — это хорошо. Даже в 2002 году на сайте башкирской федерации настольного тенниса уже была анимированная бегущая строка.

Но иногда анимация делает только хуже. Смотрите, когда это происходит — https://tml.io/3o2fb

На какие курсы можно записаться со скидкой на этой неделе:

Vue.js 3 за 19 900 13 930 ₽ или в рассрочку на 6 месяцев за 3 310 2 320 ₽/месяц до 14 мая.

Вы научитесь с нуля создавать и стилизовать проект на Vue.js 3 версии, добавлять анимации в веб-приложение и проводить тестирование.

Начать обучение.

Пакет «Мастер анимаций» 18 300 12 810 ₽ или в рассрочку на 12 месяцев за 1 520 1 060 ₽/месяц до 21 мая.

Пакет курсов учит создавать анимации с помощью CSS и JavaScript. Вы узнаете, как анимировать аккордеоны, слайдеры, кнопки и другие элементы сайта. Научитесь работать с векторной графикой, добавлять маски и фильтры, а также сможете создавать для них сложные эффекты. На курсах разбираются JS-библиотеки: KUTE.js, Anime.js, Snap.svg и GSAP.

Включает курсы:

— CSS и JS-анимации

— SVG-анимации

Начать обучение.

Из angular в react: Карина Королёва рассказывает о программе роста до мидла.

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

Читать статью.

Как сверстать доступный сайт.

Чтобы сделать сайт доступным, необходимо следовать ряду правил и критериев, установленных организацией W3C. Она создала стандарт доступности сайтов, его актуальная версия — WCAG 2.1.

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

Читать статью.

Задача по доступности интерфейса.

Представьте: вы открыли сайт в яркий солнечный день и обнаружили, что в некоторых местах текст плохо читается. Это касается текста серого цвета на белом или тёмно-сером фоне, а также других не чёрных оттенков текста. Вам пришлось выкрутить яркость на максимум, и всё равно текст выглядел блёкло.

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

Правильный ответ опубликуем завтра.

Это второй пост из серии «Как откликаться на вакансии» от карьерного консультанта Венеры Мещеровой @vmeshcherova.

В прошлом посте мы выяснили, как по описанию вакансии понять, кого именно ищет компания.

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

Читать статью.

Если вам понравилась статья, поставьте реакцию на пост, так мы поймём, что двигаемся в нужном направлении. А если хотите поднять свой грейд как можно быстрее, приходите на программу развития. Мы оценим ваши хард и софт-скилы, обучим недостающим навыкам и поможем получить повышение или найти новую работу в крупной IT-компании.

А вот и правильный ответ на задачу

Что почитать для роста до мидла в блоге
Собрали статьи вышедшие за последнее время и отсортировали по технологиям и инструментам.

Vue 3

Почему разработчики выбирают vue.

Как работать с vue 3 router.

Быстро про ECMAScript 2022.


Анимации

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

Как сделать параллакс.

10 библиотек для css и js анимации.

Как сделать интерактивную svg-диаграмму.

Простой пример анимации контуров в svg.


Паттерны проектирования

Что такое и зачем нужны.

5 книг по паттернам проектирования, которые улучшат ваш код.

Протоколы и сети

Основные протоколы передачи данных.

Как работает протокол http.

Как защитить приложение от хакеров.

TypeScript

Зачем он нужен и почему так популярен.

В чём разница между интерфейсами и типами в typescript.

Типы данных в typescript: короткое руководство для начинающих.

Для чего использовать дженерики в typescript.

Webpack

Что это такое.

Сборка проекта на webpack. простой гайд для новичков.

Как с помощью webpack копировать статические файлы.