Все курсы

egghead

05.01.2018

CSS

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

Reuse Flexbox Styles With A Sass Mixin

Этот урок охватывает flexbox, который должен охватывать большинство ситуаций размещения на вашем сайте. С переменными и стандартными значениями по умолчанию этот mixin будет охватывать большинство проблем выравнивания и заменять необходимость в таблицах на все время. Нужна колонка с каждым элементом, равномерно распределенным, но начинающим выравнивание сверху? Нет проблем! Как насчет строки с элементами, равномерно распределенными, а также равны

0 ч 4 мин 55 сек

English

Посмотреть

+9

egghead

05.01.2018

CSS

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

Create an Animated Hamburger using HTML5 and CSS3

Мы создадим интересный анимированный гамбургер, который можно будет использовать на веб-сайтах. В этом процессе мы рассмотрим transitions и transformations в CSS3.

0 ч 3 мин 2 сек

English

Посмотреть

+5

egghead

05.01.2018

CSS

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

Learn the Best and Most Useful SCSS

Вы когда-нибудь хотели получить доступ к условностям или итерации при написании стилей? Как здорово было бы использовать функции для написания стилей? SCSS имеет это и многое другое! SCSS - это надстройка CSS. Любой допустимый CSS - это SCSS, они даже имеют одинаковый синтаксис. SCSS заимствует функции с других языков для написания умных, многоразовых и более читаемых стилей. Этот курс будет посвящен тому, как использовать более полезные функции

0 ч 39 мин 56 сек

English

Посмотреть

+19

egghead

04.01.2018

React.js

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

Getting Started with React Storybook

React Storybook - это среда разработки компонентов пользовательского интерфейса для React. При этом вы можете разрабатывать компоненты UI без запуска вашего приложения.

0 ч 3 мин 42 сек

English

Посмотреть

-2

egghead

04.01.2018

React.js

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

Jest Snapshot Testing with React Storybook

React Storybook позволяет упростить интеграцию с тестированием снимками в рамках платформы Jest. Тестирования снимками позволяет вам фиксировать состояние вашего пользовательского интерфейса, а затем уведомлять вас о том, что пользовательский интерфейс был изменен. Мы можем легко создавать и обновлять снимки с помощью Storybook!

0 ч 2 мин 27 сек

English

Посмотреть

-7

egghead

04.01.2018

React.js

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

Add React Storybook to a Project

В этом уроке мы покажем, как настроить React Storybook в существующий проект React. Мы рассмотрим общие файлы конфигурации и как их настроить.

0 ч 3 мин 36 сек

English

Посмотреть

-2

egghead

04.01.2018

React.js

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

Write the First React Storybook Story

Story - это наименьшая единица React Storybook. В Story описывается компонент React, его различные состояния и вариации. Story могут описывать сложные компоненты с динамическими свойствами и данными, загруженными из сервисов. В этом уроке мы напишем наш первый React Storybook Story.

0 ч 4 мин 35 сек

English

Посмотреть

+2

egghead

04.01.2018

React.js

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

Load React Storybook Stories Dynamically

React Component stories можно динамически загружать в React Storybook вместо того, чтобы делать это вручную каждый раз.

0 ч 3 мин 11 сек

English

Посмотреть

-1

egghead

04.01.2018

React.js

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

Inspect Component Events with React Storybook

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

0 ч 1 мин 46 сек

English

Посмотреть

egghead

04.01.2018

React.js Flux

React: Flux Aрхитектура (ES6)

React: Flux Architecture (ES6)

По мере того как приложение React растет, также возникают потребности в организации и шаблонах. Как взаимодействуют компоненты? Как управлять состоянием в приложении? Как распределяются данные между компонентами? Это вопросы, на которые Flux имеет ответ.В этой серии мы рассмотрим React Flux, используя ES6 (ES2015), babel и webpack для управления процессом разработки.

0 ч 49 мин 50 сек

English

Посмотреть

+1