Бесплатные курсы

Главная страницаБесплатные курсыСтраница 231

Бесплатные курсы - страница 231

Изображение курса Прокачайте свой терминал с помощью tmux

egghead

5 янв. 2018 г., 13:18

Bash - Командная строка

Прокачайте свой терминал с помощью tmux

Wrangle your terminal with tmux

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

+18

Изображение курса Повторное использование стилей Flexbox с помощью миксинов Sass

egghead

5 янв. 2018 г., 13:12

CSS

Повторное использование стилей Flexbox с помощью миксинов Sass

Reuse Flexbox Styles With A Sass Mixin

Повторное использование стилей Flexbox с помощью миксинов Sass — это практичный подход, позволяющий ускорить верстку, стандартизировать макеты и избежать повторяющегося кода. В этом материале вы узнаете, как создать универсальный mixin для гибкого управления направлением, выравниванием и распределением элементов на странице.Зачем использовать Flexbox с миксинами SassFlexbox сам по себе очень мощен, но его свойства часто приходится прописывать

Изображение курса Создайте анимированный Hamburger, используя HTML5 и CSS3

egghead

5 янв. 2018 г., 13:08

CSS

Создайте анимированный Hamburger, используя HTML5 и CSS3

Create an Animated Hamburger using HTML5 and CSS3

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

Изображение курса Все лучшее и самое полезное о SCSS

egghead

5 янв. 2018 г., 12:57

CSS

Все лучшее и самое полезное о SCSS

Learn the Best and Most Useful SCSS

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

+19

Изображение курса Начало работы с React Storybook

egghead

4 янв. 2018 г., 23:49

React.js

Начало работы с React Storybook

Getting Started with React Storybook

React Storybook — это мощный инструмент, который помогает разработчикам создавать, документировать и тестировать UI‑компоненты изолированно. Этот курс познакомит вас с основами работы со Storybook и покажет, как ускорить и упростить разработку интерфейсов.Что такое React StorybookStorybook представляет собой независимую среду разработки UI‑компонентов, которую можно использовать без запуска основного проекта. Это позволяет сфокусироваться искл

-2

Изображение курса Jest тестирование снимками с React Storybook

egghead

4 янв. 2018 г., 23:45

React.js

Jest тестирование снимками с React Storybook

Jest Snapshot Testing with React Storybook

Jest тестирование снимками в связке с React Storybook позволяет значительно повысить надежность интерфейсов, автоматизируя контроль изменений UI. В этом материале мы разберем, как эффективно организовать тестирование, какие инструменты использовать и как внедрить его в рабочий процесс.Что такое тестирование снимками в JestТестирование снимками фиксирует текущее состояние компонента и сравнивает его с эталонной версией. Если структура UI измени

-7

Изображение курса Добавляем к проекту React Storybook

egghead

4 янв. 2018 г., 23:39

React.js

Добавляем к проекту React Storybook

Add React Storybook to a Project

В этом уроке вы узнаете, как правильно добавить и настроить React Storybook в существующий React‑проект, какие файлы конфигурации важны и как использовать Storybook для ускорения разработки интерфейсов.Зачем добавлять Storybook в React‑проектStorybook помогает изолированно разрабатывать, тестировать и документировать UI‑компоненты. Благодаря этому можно быстрее находить ошибки, улучшать дизайн‑систему и повышать качество интерфейсов.Ключевые

-2

Изображение курса Пишем первый React Storybook Story

egghead

4 янв. 2018 г., 23:35

React.js

Пишем первый React Storybook Story

Write the First React Storybook Story

В этом уроке вы узнаете, что такое Story в React Storybook, зачем она нужна и как правильно создать свою первую Story для компонента. Материал подойдет новичкам и разработчикам, которые хотят улучшить структуру и документацию UI‑компонентов.Что такое Story в React StorybookStory представляет собой минимальную единицу в Storybook — отдельный пример отображения React‑компонента. Она помогает документировать внешний вид и поведение компонента в р

Изображение курса Динамично зазгружаем React Storybook Stories

egghead

4 янв. 2018 г., 23:31

React.js

Динамично зазгружаем React Storybook Stories

Load React Storybook Stories Dynamically

Динамическая загрузка stories в React Storybook помогает автоматизировать работу со снижением ручных действий, ускоряет разработку и повышает удобство документирования компонентов.Что даёт динамическая загрузка storiesПодход с автоматической подгрузкой файлов stories избавляет разработчиков от необходимости вручную прописывать каждый новый файл в конфигурации Storybook. Автоматическая регистрация новых stories Сокращение количества шаблон

-1

Изображение курса Инспектируем события компонентов с React Storybook

egghead

4 янв. 2018 г., 23:25

React.js

Инспектируем события компонентов с React Storybook

Inspect Component Events with React Storybook

В этом материале мы разберёмся, как с помощью React Storybook удобно отслеживать события, которые компоненты генерируют через пропсы‑функции. Вы узнаете, как тестировать взаимодействия, визуализировать события и повышать надёжность интерфейсов без сложной настройки.Зачем отслеживать события в StorybookМногие UI‑компоненты использует callback‑функции, чтобы сообщать о действиях пользователя: кликах, вводе данных, выборе элементов и других событ