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

Изображение курса Пишем первый 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‑функции, чтобы сообщать о действиях пользователя: кликах, вводе данных, выборе элементов и других событ

Изображение курса React: Flux Aрхитектура (ES6)

egghead

4 янв. 2018 г., 22:38

React.jsFlux

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

React: Flux Architecture (ES6)

Освоение Flux‑архитектуры — важный шаг для тех, кто хочет создавать масштабируемые и предсказуемые React‑приложения. В этом курсе вы разберётесь, как упорядочить данные, управление состоянием и взаимодействие компонентов, используя современный стек: ES6, Babel и Webpack.Что вы изучите в этом курсеFlux помогает упрощать управление состоянием и делает поведение приложения более прозрачным. Курс показывает, как правильно организовать потоки данны

Изображение курса Создайте сокращенный URL - адрес

Codecourse

3 янв. 2018 г., 14:49

VueNode.js

Создайте сокращенный URL - адрес

Build a URL shortener

Хотите разобраться, как создаются современные сервисы сокращения ссылок? Этот курс проведет вас через полный цикл разработки: от создания backend‑API на Lumen до построения клиентского приложения на Vue.js и реализации быстрой 301‑редиректа на Node.js.Что вы изучите в ходе курсаЭтот материал поможет вам понять ключевые аспекты работы сервисов сокращения URL и получить практические навыки, применимые в реальных проектах.Backend на Lumen

loftschool

30 дек. 2017 г., 13:37

HTML

Основы вёрстки

«Основы вёрстки» — это практико‑ориентированный курс, который шаг за шагом проведёт вас от понимания базовых принципов веба до создания собственного адаптивного макета. Материал построен так, чтобы вы не только разобрались с HTML и CSS, но и освоили профессиональные инструменты, методологии и рабочие процессы современного фронтенд‑разработчика.Что вы узнаете в процессе обученияКурс раскрывает как фундаментальные вещи, так и практические навыки

+89

Изображение курса Современный JavaScript с самого начала

udemy

Brad Traversy

22 дек. 2017 г., 01:06

JavaScript

Современный JavaScript с самого начала

Modern JavaScript From The Beginning

Хотите уверенно владеть современным JavaScript и научиться создавать полноценные веб‑приложения без фреймворков? Этот курс станет прочной основой, которая поможет вам освоить ключевые концепции языка, разобраться в работе браузера и уверенно перейти от азов к продвинутым техникам разработки.Что вы получите от изучения курсаКурс сочетает теорию, практику и большое количество реальных проектов. Вы шаг за шагом осваиваете JavaScript, закрепляя ка

+484

master.dev (ex FrontendMasters)

16 дек. 2017 г., 23:04

CSS

CSS в глубине - v2

CSS In-Depth, v2

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

+20

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

Изображение курса Личные сообщения c Laravel в режиме реального времени

Codecourse

16 дек. 2017 г., 17:13

VueLaravel

Личные сообщения c Laravel в режиме реального времени

Laravel real-time private messages

Личные сообщения в реальном времени — это ключевой функционал современных веб‑приложений. В этом материале вы узнаете, как создать безопасный и динамичный чат между пользователями, используя Laravel на бэкенде и Vue + Vuex для реактивного интерфейса.Почему стоит реализовать личные сообщения на Laravel и VueLaravel обеспечивает удобную работу с событиями, уведомлениями, а также широкие возможности для аутентификации и маршрутизации. В связке с

+19

ihatetomatoes

15 дек. 2017 г., 01:06

CSS

Skrollr Workshop

Skrollr Workshop — это практический курс, который поможет вам освоить создание плавных анимаций при прокрутке с использованием SVG и построить современный одностраничный сайт с эффектными визуальными переходами. Подходит как новичкам, так и дизайнерам, которые хотят уверенно работать с анимацией и скролл‑эффектами.Описание курсаНа занятиях вы шаг за шагом разберёте принципы работы Skrollr, создадите собственную анимацию SVG и примените её в ре

+12

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