Как у вас с доступностью?
Anonymous Poll
21%
Всё класс, придерживаемся стандартов
35%
Когда как
44%
Есть, что улучшить
Пока на на шашлыки ещё рано, можно почитать одну из пяти книг по паттернам проектирования, которые улучшат ваш код 👽
HTML Academy
5 книг по паттернам проектирования, которые улучшат ваш код
Каждый найдёт подходящее для себя.
Коллеги, возник вопрос. Ещё рано на шашлыки или уже пора?
Anonymous Poll
23%
Рано
64%
Пора
13%
Я уже
🔥2
Ещё одна неделя подошла к концу, делимся акциями этой недели:
Пакет курсов «Разработчик интерфейсов» со скидкой 30% до 23 апреля.
Включает 5 курсов:
- Мастер анимаций: CSS- и JS-анимации
- Дизайн-системы
- Вёрстка React-компонентов
- Подготовка вёрстки под CMS
- Шаблонизаторы HTML
Курс «Мастер анимаций: SVG-анимации» со скидкой 30% до 30 апреля.
Вы научитесь анимировать векторные изображения с помощью CSS, SMIL и JavaScript. Также освоите популярные библиотеки для создания анимаций: KUTE.js, Anime.js, Snap.svg и GSAP.
#пятничная_скидка
Пакет курсов «Разработчик интерфейсов» со скидкой 30% до 23 апреля.
Включает 5 курсов:
- Мастер анимаций: CSS- и JS-анимации
- Дизайн-системы
- Вёрстка React-компонентов
- Подготовка вёрстки под CMS
- Шаблонизаторы HTML
Курс «Мастер анимаций: SVG-анимации» со скидкой 30% до 30 апреля.
Вы научитесь анимировать векторные изображения с помощью CSS, SMIL и JavaScript. Также освоите популярные библиотеки для создания анимаций: KUTE.js, Anime.js, Snap.svg и GSAP.
#пятничная_скидка
Подборка микроанимаций для фронтенда с codepen.
Микроанимация — короткое взаимодействие, которое помогает пользователю лучше сориентироваться в интерфейсе и почувствовать совершенное действие.
В статье примеры для инидикаторов загрузки, анимации меню, карточек, наведений, кликов и переключений.
Микроанимация — короткое взаимодействие, которое помогает пользователю лучше сориентироваться в интерфейсе и почувствовать совершенное действие.
В статье примеры для инидикаторов загрузки, анимации меню, карточек, наведений, кликов и переключений.
🔥3
Как настроить TypeScript-окружение для работы
Цель статьи — создать окружение для работы над проектом в TypeScript. В других ситуациях вы можете использовать инструменты Angular, Next, React, Vue и прочих популярных библиотек и фреймворков. Вам также может потребоваться создать TypeScript-окружение в рамках существующего проекта.
Сейчас, чтобы обратить внимание на наиболее значимые моменты, мы начнём с чистого листа.
Цель статьи — создать окружение для работы над проектом в TypeScript. В других ситуациях вы можете использовать инструменты Angular, Next, React, Vue и прочих популярных библиотек и фреймворков. Вам также может потребоваться создать TypeScript-окружение в рамках существующего проекта.
Сейчас, чтобы обратить внимание на наиболее значимые моменты, мы начнём с чистого листа.
Telegraph
Как настроить TypeScript-окружение для работы
Всего нас ждёт пять шагов: Подготовка структуры проекта. Настройка GIT, .gitignore. Установка компилятора и создание конфигурации. Дополнение файла конфигурации. Компиляция и запуск. Начнём. Шаг 1. Подготовка структуры проекта Чтобы развернуть рабочее TypeScript…
❤2🔥2
Рассказываем про скидки этой недели:
Курс «Мастер анимаций: SVG-анимации» со скидкой 30% до 30 апреля.
Вы научитесь анимировать векторные изображения с помощью CSS, SMIL и JavaScript. Также освоите популярные библиотеки для создания анимаций: KUTE.js, Anime.js, Snap.svg и GSAP.
Пакет курсов «Мастхэв для фронтендера» со скидкой 30% до 7 мая.
Набор курсов по навыкам для эффективной работы с данными и выстраивания архитектуры.
Включает 4 курса:
- TypeScript
- Алгоритмы и структуры данных
- Протоколы и сети
- Регулярные выражения
#пятничная_скидка
Курс «Мастер анимаций: SVG-анимации» со скидкой 30% до 30 апреля.
Вы научитесь анимировать векторные изображения с помощью CSS, SMIL и JavaScript. Также освоите популярные библиотеки для создания анимаций: KUTE.js, Anime.js, Snap.svg и GSAP.
Пакет курсов «Мастхэв для фронтендера» со скидкой 30% до 7 мая.
Набор курсов по навыкам для эффективной работы с данными и выстраивания архитектуры.
Включает 4 курса:
- TypeScript
- Алгоритмы и структуры данных
- Протоколы и сети
- Регулярные выражения
#пятничная_скидка
SVG-графика поддаётся анимированию. В этой статье мы покажем, как анимировать отрисовку контуров.
HTML Academy
Простой пример анимации контуров в SVG
Кекс нам в помощь.
❤4
Если вы планируете создавать одностраничные приложения, вам нужно изучить хотя бы один современный фреймворк — например, Vue, React или Angular. Давайте посмотрим, чем они отличаются и в чём преимущества Vue.
React — UI-библиотека.
Vue — фреймворк, который нужно расширять с помощью разных дополнений.
Angular — полноценный фреймворк.
___________
Кстати, на курсе по Vue обновление. Раньше, чтобы выполнять задания, нужно было настраивать Докер*, а теперь есть выбор: работать через докер или через сервер.
React — UI-библиотека.
Vue — фреймворк, который нужно расширять с помощью разных дополнений.
Angular — полноценный фреймворк.
___________
Кстати, на курсе по Vue обновление. Раньше, чтобы выполнять задания, нужно было настраивать Докер*, а теперь есть выбор: работать через докер или через сервер.
Полезные ссылки для тех, кто планирует искать работу за границей
Проверка индекса SSI — этот индекс влиет на появлении вашей страницы на Linkedin в результатах поиска.
Grammarly — для проверки правильности написания резюме или сопроводительного, а лучше еще дать почитать носителю языка.
Leetcode — задачи, чтобы подготовиться к техническому скринингу.
Leadership Principles — статья поможет понять принципы, которые могут проверить на поведенческом интервью.
Карьерный гайд с примерами сопроводительных писем.
GPT тренажёр собеседований.
Материал про модель STAR для поведенческого интервью.
Проверка индекса SSI — этот индекс влиет на появлении вашей страницы на Linkedin в результатах поиска.
Grammarly — для проверки правильности написания резюме или сопроводительного, а лучше еще дать почитать носителю языка.
Leetcode — задачи, чтобы подготовиться к техническому скринингу.
Leadership Principles — статья поможет понять принципы, которые могут проверить на поведенческом интервью.
Карьерный гайд с примерами сопроводительных писем.
GPT тренажёр собеседований.
Материал про модель STAR для поведенческого интервью.
Grammarly
Grammarly: Free AI Writing Assistance
Grammarly makes AI writing convenient. Work smarter with personalized AI guidance and text generation on any app or website.
👍7
Новый курс «Доступность веб-интерфейсов».
Доступность в веб-разработке имеет как этическое, так и практическое значение.
Курс поможет создавать инклюзивные проекты с простым, удобным интерфейсом и совместимостью с рядом устройств и программ.
Чему научитесь:
👉 Выявлять нарушения доступности в вёрстке и корректировать их.
👉 Добавлять интерактивность без потерь для веб-доступности.
👉 Семантичной вёрстке с соблюдением структуры заголовков и назначением тегов.
👉 Принципам доступности с клавиатуры, управлению фокусом.
👉 Подписывать интерактивные элементы без текста в дизайне, скрывать ненужные элементы от скринридеров.
👉 Определять контрастность цветов и удобные размеры элементов и областей.
👉 Принципам доступности для кастомных элементов форм: чекбокс, радиокнопка, селект, и др.
👉 Принципам доступности для интерактивных элементов и блоков: модальных окон, табов.
👉 Использовать инструменты выявления нарушений доступности.
Оплата целиком18 900 13 973₽ или в рассрочку на 6 месяцев 3 150 2 320₽/мес — https://tml.io/o3nhp
Доступность в веб-разработке имеет как этическое, так и практическое значение.
Курс поможет создавать инклюзивные проекты с простым, удобным интерфейсом и совместимостью с рядом устройств и программ.
Чему научитесь:
👉 Выявлять нарушения доступности в вёрстке и корректировать их.
👉 Добавлять интерактивность без потерь для веб-доступности.
👉 Семантичной вёрстке с соблюдением структуры заголовков и назначением тегов.
👉 Принципам доступности с клавиатуры, управлению фокусом.
👉 Подписывать интерактивные элементы без текста в дизайне, скрывать ненужные элементы от скринридеров.
👉 Определять контрастность цветов и удобные размеры элементов и областей.
👉 Принципам доступности для кастомных элементов форм: чекбокс, радиокнопка, селект, и др.
👉 Принципам доступности для интерактивных элементов и блоков: модальных окон, табов.
👉 Использовать инструменты выявления нарушений доступности.
Оплата целиком
🔥4❤1👍1
Жадные алгоритмы — это подход к решению задач оптимизации, в котором мы делаем лучший выбор на каждом шаге, надеясь, что это приведёт к лучшему решению в итоге. Это простые для понимания алгоритмы, которые ещё и быстро работают.
Проблема в том, что иногда этот подход срабатывает, а иногда нет.
Чтобы не погружаться в скучную теорию, давайте сразу посмотрим на несколько задач, которые можно решить с помощью жадных алгоритмов. Начнём с задачи о выборе задач, с которой обычно не возникает никаких проблем.
Читать статью.
Проблема в том, что иногда этот подход срабатывает, а иногда нет.
Чтобы не погружаться в скучную теорию, давайте сразу посмотрим на несколько задач, которые можно решить с помощью жадных алгоритмов. Начнём с задачи о выборе задач, с которой обычно не возникает никаких проблем.
Читать статью.
👍2
На каких курсах можно начать обучение со скидкой на этой неделе:
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.
- Алгоритмы и структуры данных.
- Протоколы и сети.
- Регулярные выражения.
Начать обучение.
Всем хороших выходных 🌿
#пятничная_скидка
Vue.js 3. Разработка клиентских приложений за
Вы научитесь с нуля создавать и стилизовать проект на Vue.js 3 версии, добавлять анимации в веб-приложение и проводить тестирование.
Начать обучение.
Алгоритмы и структуры данных за
Понимание структур данных и алгоритмов позволяет писать более эффективный код, правильно выстраивать архитектуру проекта и отдельных модулей.
Начать обучение.
«Мастхэв для фронтендера» за
Набор курсов по навыкам для эффективной работы с данными и выстраивания архитектуры.
Включает 4 курса:
- TypeScript.
- Алгоритмы и структуры данных.
- Протоколы и сети.
- Регулярные выражения.
Начать обучение.
Всем хороших выходных 🌿
#пятничная_скидка
❤5
This media is not supported in your browser
VIEW IN TELEGRAM
В новой статье собрали вдохновляющие примеры анимации на сайте и разобрались, зачем разработчику вообще уметь их создавать.
____
Делать такие анимации мы учим на курсах «CSS и JS-анимации» и «SVG-анимации», вы можете приобрести оба курса в составе пакета «Мастер анимаций» за 18 300 ₽ или в рассрочку за 1 520 ₽/мес
Недавно на курсе «SVG-анимации» вышли обновления:
- В раздел 6 «Дополнительные возможности SVG» добавили блок про анимацию диаграмм.
- В раздел 2 «Анимирование SVG с помощью CSS» материалы про свойство transform-box.
____
Делать такие анимации мы учим на курсах «CSS и JS-анимации» и «SVG-анимации», вы можете приобрести оба курса в составе пакета «Мастер анимаций» за 18 300 ₽ или в рассрочку за 1 520 ₽/мес
Недавно на курсе «SVG-анимации» вышли обновления:
- В раздел 6 «Дополнительные возможности SVG» добавили блок про анимацию диаграмм.
- В раздел 2 «Анимирование SVG с помощью CSS» материалы про свойство transform-box.
🔥3👍2
На этой неделе вместе с карьерным консультантом Венерой Мещеровой @vmeshcherova предлагаем вам проанализировать вакансию и составить портерт идеального кандидата для неё.
Умение проводить такой анализ, поможет вам сделать ваше резюме заметнее и с большим успехом проходить отбор на должность.
Подбробности читайте в статье.
#карьерные_советы
Умение проводить такой анализ, поможет вам сделать ваше резюме заметнее и с большим успехом проходить отбор на должность.
Подбробности читайте в статье.
#карьерные_советы
Telegraph
Как по описанию вакансии понять, кого именно ищет компания?
Сегодня попробуем проанализировать вакансию и описать профиль желаемого кандидата с точки зрения софт-скилов. Профиль кандидата — это набор опыта, знаний, умений и навыков, которые, по мнению работодателя, должны быть у человека, которого они ищут на свои…
👍4