Видеоуроки Front-end - страница 172

Изображение курса Строим SSR + Code Split приложение в React с React Universal Component

egghead

11 янв. 2018 г., 22:43

React.js

Строим SSR + Code Split приложение в React с React Universal Component

Build a Server Rendered + Code Split App in React with React Universal Component

Этот курс поможет вам глубже понять, как объединить SSR (server‑side rendering) и code splitting в одном React приложении, чтобы максимизировать скорость загрузки, улучшить UX и повысить эффективность доставки контента.Что вы узнаете в этом курсеКурс детально объясняет, как оптимизировать React‑приложение, применяя современные техники разбиения кода и серверного рендеринга. Вы поймёте, как настроить React Universal Component и добиться управля

Изображение курса Async React с Redux Saga

egghead

11 янв. 2018 г., 19:45

React.jsRedux

Async React с Redux Saga

Async React with Redux Saga

Этот курс поможет вам уверенно освоить работу с Redux Saga в React‑приложениях, начиная с нуля и постепенно переходя к продвинутым техникам управления побочными эффектами. Материал создан для разработчиков, которые хотят понять, как правильно структурировать асинхронную логику, тестировать саги и интегрировать их в Redux‑архитектуру.Что вы изучите в курсеОбучение построено на практическом подходе: шаг за шагом вы добавите Redux Saga в пустое R

+15

Изображение курса Добавляем интернационализацию (i18n) в React app с React Intl

egghead

11 янв. 2018 г., 19:31

React.js

Добавляем интернационализацию (i18n) в React app с React Intl

Add Internationalization (i18n) to a React app using React Intl

Интернационализация (i18n) в React — один из ключевых шагов для масштабируемости и удобства использования приложения. В этом материале мы разберём, как эффективно внедрить react-intl в проект на базе create-react-app и react-router, оптимизируя структуру контента и улучшая качество кода.Зачем использовать react-intl в React‑приложенииБиблиотека react-intl делает работу с i18n проще и надёжнее. Она предоставляет готовые инструменты для: форм

+22

Изображение курса Базовый HTML и CSS (# 18) - 2017

htmlacademy

10 янв. 2018 г., 00:27

HTML

Базовый HTML и CSS (# 18) - 2017

Интенсивный онлайн-курс "Базовый HTML и CSS"

Базовый HTML и CSS — это практический онлайн‑курс, созданный для новичков, которые хотят научиться уверенно верстать сайты с нуля. Вы освоите фундаментальные инструменты фронтенд‑разработчика, разберетесь в современных подходах и создадите первые полноценные макеты.Что вас ждет в программе курсаКурс сочетает теорию и практику, помогая быстро перейти от простых элементов к созданию адаптивных макетов.Основы HTML Структура HTML‑документа и

+220

Удален по просьбе правообладателя

Изображение курса Vue.js 2 курс - Vue.js + Nuxt.js + PHP + Express.js

udemy

7 янв. 2018 г., 13:16

VueNuxt

Vue.js 2 курс - Vue.js + Nuxt.js + PHP + Express.js

Complete Vuejs Course: Vue.js + Nuxt.js + PHP + Express.js

Хотите уверенно работать с Vue.js, Nuxt.js и современным backend‑стеком? Этот курс даст вам полный, пошаговый путь от основ до создания полноценных приложений на Vue с интеграцией PHP, MySQL и Express.js. Материал подаётся простым языком — достаточно знать базовый ES5 и минимальный JavaScript, чтобы успешно начать обучение.Что вы изучите в рамках курсаКурс последовательно проведёт вас через современные инструменты и принципы фронтенд‑разработк

+28

Изображение курса Повторное использование стилей 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

Frontend: Список курсов