Финальный штрих по теме Webpack на этой неделе — простой гайд по сборке проекта для новичков.
Разобрали по шагам, что нужно сделать, чтобы всё получилось.
Разобрали по шагам, что нужно сделать, чтобы всё получилось.
👍6
Вы планируете искать работу за границей?
Anonymous Poll
21%
Да, в ближайшее время
44%
Когда-нибудь — да
35%
Пока нет
Тест — готовы ли вы к поиску работы за границей.
Для всех, кто планирует искать работу за границей, подготовили тест. С его помощью вы сможете проверить всё ли для этого у вас готово. В конце ждёт чек-лист действий, которые увеличат шансы на успех.
Пройти тест.
Для всех, кто планирует искать работу за границей, подготовили тест. С его помощью вы сможете проверить всё ли для этого у вас готово. В конце ждёт чек-лист действий, которые увеличат шансы на успех.
Пройти тест.
🔥4
Это рубрика #пятничная_скидка, вот чему можно обучиться со скидкой на этой неделе:
До 16 апреля.
Курс «Паттерны проектирования» со скидкой 30%.
Паттерны помогут вам быстрее и эффективнее проектировать, писать и заниматься отладкой программного кода. А значит, и возможности масштабирования ваших алгоритмов значительно повысятся.
До 23 апреля.
Пакет курсов «Разработчик интерфейсов» со скидкой 30%.
Включает 5 курсов:
- Мастер анимаций: CSS- и JS-анимации
- Дизайн-системы
- Вёрстка React-компонентов
- Подготовка вёрстки под CMS
- Шаблонизаторы HTML
До 16 апреля.
Курс «Паттерны проектирования» со скидкой 30%.
Паттерны помогут вам быстрее и эффективнее проектировать, писать и заниматься отладкой программного кода. А значит, и возможности масштабирования ваших алгоритмов значительно повысятся.
До 23 апреля.
Пакет курсов «Разработчик интерфейсов» со скидкой 30%.
Включает 5 курсов:
- Мастер анимаций: CSS- и JS-анимации
- Дизайн-системы
- Вёрстка React-компонентов
- Подготовка вёрстки под CMS
- Шаблонизаторы HTML
levelup.htmlacademy.ru
Онлайн-курс «Паттерны проектирования»
Паттерны помогут вам быстрее и эффективнее проектировать, писать и заниматься отладкой программного кода. А значит, и возможности масштабирования ваших алгоритмов значительно повысятся.
Для нас доступная вёрстка сайтов — обыденность, а тем временем в мире с этим полная катастрофа.
WebAIM опубликовала ежегодный отчет о доступности. Отчет показал катастрофические результаты и призвал уделять больше внимания доступности. Чтобы улучшить доступность веб-сайта:
👉 Добавьте язык в HTML-документ с помощью атрибута lang.
👉 Включите ссылку «skip», чтобы пользователи могли перейти к основной части страницы.
👉 Убедитесь, что все поля ввода имеют описание, чтобы помочь пользователям понять, какую информацию следует вводить.
👉 Маркируйте пустые кнопки и ссылки с помощью aria-label или .visually-hidden.
👉 Добавляйте альтернативный текст к изображениям и пишите его как предложение.
👉 Улучшение HTML — это хорошая отправная точка для улучшения доступности.
WebAIM опубликовала ежегодный отчет о доступности. Отчет показал катастрофические результаты и призвал уделять больше внимания доступности. Чтобы улучшить доступность веб-сайта:
👉 Добавьте язык в HTML-документ с помощью атрибута lang.
👉 Включите ссылку «skip», чтобы пользователи могли перейти к основной части страницы.
👉 Убедитесь, что все поля ввода имеют описание, чтобы помочь пользователям понять, какую информацию следует вводить.
👉 Маркируйте пустые кнопки и ссылки с помощью aria-label или .visually-hidden.
👉 Добавляйте альтернативный текст к изображениям и пишите его как предложение.
👉 Улучшение HTML — это хорошая отправная точка для улучшения доступности.
S.Bistrović
Five pieces of advice for more accessible websites ✣ S.Bistrović
To improve stats for an annual accessibility report, start with these five quick wins that will make your site much more accessible.
👍6🔥2❤1
Как у вас с доступностью?
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