Курсы Vue

9 программ обучения

Платформа:: Udemy

Vue JS и Vuex - пишем реальный проект с нуля

Продолжительность:: 30 часов

Язык:: русский

Изучите Vue.js, Vuex, Vue Router, Axios, Api, авторизацию разработав реальный проект от начала и до конца

10 ч видео
1 статья
36 ресурсов для скачивания

Программа

Подготовка инструментов

Подготавливаем проект
Настройка локального API
Установка Prettier
Обновление Vue до версии 3
Структура проекта

Регистрация

Разметка страницы регистрации
Redux и Vuex
Создание Vuex модуля авторизации
Vuex actions
Добавляем API запрос на регистрацию
Улучшение страницы регистрации
Сохранение токена авторизации
Отрисовываем ошибки валидации

Авторизация

Рефакторизируем именование
Добавляем страницу логина
Создаем верхнее меню
Getters в Vuex
Получение текущего пользователя от API

Фид

Подготавливаем фид
Отрисовываем фид
Реализуем пагинацию
Высчитываем offset
Реализуем популярные теги
Добавляем вспомогательные компоненты
Создаем мой фид и тег фид
Добавляем переключатель между фидами

Страницы поста

Создаем страницу отдельного поста
Добавляем удаление поста
Добавляем список тегов
Создаем форму поста
Добавляем страницу создания поста
Добавляем страницу редактирования поста

Профили

Реализуем страницу настроек
Namespaced в Vuex
Реализуем лайки и дизлайки постов
Создание профиля пользователя

Что делать дальше?

Домашнее задание
Бонус лекция

Платформа:: Udemy

Современный JavaScript + Vue с нуля на реальных проектах.

Продолжительность:: 30 часов

Язык:: русский

Курс для начинающих разработчиков. Практика на проектах. Домашние задания. Тесты. ES6+, Vue.js, ООП, AJAX, Webpack, Jest

46 ч видео
10 статей
71 ресурс для скачивания
10 упражнений по написанию кода
Задания

Программа

Фундаментальные основы JavaScript

Что будет на курсе? Домашние задания. Вопросы. Тесты.
Что будет на курсе? Обзор проектов.
Коммуникация. Обновление домашних заданий.
Установка и настройка редактора Visual Studio Code
Подключение скриптов
Типы данных
Переменные
Преобразование типов
Числа
Домашнее задание на числа
Строки
Шаблонные строки
Домашнее задание на строки
Введение в объекты
Домашнее задание на объекты.
Логические операторы, if statement
Домашнее задание. "Логические операторы, if statement"
Тернарный оператор. Конструкция switch case
Домашнее задание по тернарным операторам и switch case
Циклы
Домашнее задание по циклам.
Тест по основам №1
Введение в функции
Дополнение к лекции по функциям
Практическое задание по функциям.
Практическое задание по функциям.
Практическое задание по функциям
Практическое задания по функциям
Пример решения заданий по функциям из упражнений по написанию кода.
Методы массивов
Практическое задания на методы массивов.
Практическое задание по методам массивов.
Практическое задания по методам массивов.
Практическое задание по методам массивов.
Пример решения заданий по методам массивов из упражнений по написанию кода.
Функции высшего порядка. Callback.
Практическое задание по функциям высшего порядка
Практическое задание по функциям высшего порядка
Пример решения задач по функиям высшего порядка.
Что такое this. Контекст вызова функции.
Домашнее задание по this
Стрелочные функции
Домашнее задание по стрелочным функциям
Перебирающие методы массивов
Домашнее задание по перебирающим методам массивов
Что такое замыкание
Домашнее задание по замыканию
Методы объектов про которые часто забывают.
Деструктуризация
Домашнее задание по деструктуризации
Object descriptor
Объекты обертки. Важные нюансы.
Разбор домашних заданий. Условия, циклы, функции.
Разбор домашних заданий. Функции высшего порядка, ключевое слово this.
Разбор домашних заданий. Перебирающие методы массивов.
Разбор домашних заданий. Замыкание.
Тест по основам №2

DOM Манипуляция элементами и события

Введение в DOM
Домашнее задание по введению в DOM
Работа с атрибутами элементов
Манипуляция DOM элементами
Домашнее задание. Манипуляция DOM. Часть №1.
Домашнее задание. Манипуляция DOM. Часть №2.
Домашнее задание. Манипуляция DOM. Часть №3
Обработка событий
Всплытие и погружение события
Домашнее задание. События. Часть №1
Домашнее задание. События. Часть №2
Домашнее задание. События. Часть №3
Первый проект. Todo List. Часть №1
Первый проект. Todo List. Часть №2
Как работать с css variables из javascript
Добавим в наш проект Todo List возможность выбора темы.
LocalStorage, SessionStorage
Домашнее задание. DOM. Часть №1.
Тест на знание DOM
Разбор домашних задания. DOM. Часть №1.
Разбор домашних заданий. DOM. Часть №2

Асинхронный JavaScript. Часть №1

Введение в асинхронность. Что такое event loop?
Введение в Ajax
Домашнее задание. AJAX. Часть №1
Разбор Домашнего Задания. AJAX. Часть №1
Post запросы
Домашнее задание. AJAX. Часть №2
Отладка Ajax
Что такое CORS
Обработка ошибок
Важно! Прочитайте перед тем как перейти к приложению News App.
Проект News App. Вступление.
Проект News App. Часть 1.
Проект News App. Часть 2
Домашнее задание к проекту News App.
Тест по асинхронности

Асинхронный JavaScript. Часть №2

Введение в Promises. Часть 1.
Введение в Promises. Часть 2.
Введение в fetch.
Введение в async await

ООП

Введение в ООП. Функции конструкторы. Классы ES5.
Prototype ES5
Наследование ES5
Классы ES6.
Наследование ES6

Модули

Введение в webpack
Модули import/export
Инкапсуляция. Введение.
Инкапсуляция. Часть №1.
Инкапсуляция. Часть №2.
Проект Avia Tickets. Часть №1
Проект Avia Tickets. Часть №2
Проект Avia Tickets. Часть №3. Создание UI для формы.
Проект Avia Tickets. Часть №4. Реализация функционала формы.
Проект Avia Tickets. Часть №5. Вывод билетов на страницу
Домашнее задание по проекту Avia Tickets
Deployment проекта. Github pages. Firebase

Аутентификация

Проект Login. Часть №1. Введение.
Проект Login. Часть №2. Валидация формы.
Проект Login. Часть №3. Реализуем запрос на сервер.
Проект Login. Часть №4. Реализуем вывод уведомлений
Interceptors. Введение.
Interceptors. Реализация в проекте Login.
Домашнее задание к проекту Login

Работа в команде. Git. Scrum.

Введение в Git
Git Config
Как устроен гит под капотом. Создание репозитория. Первые commits.
Создание веток. Мерж веток. Gitignore.
Подключение локального репозитория к remote.
Подключение ssh ключей к remote репозиторию
Git flow. Pull request
Конфликты, как их исправлять.
Git README.md. Синтаксис markdown
Методология Scrum

Подробней про стиль кода и линтеры. Eslint. Husky. Lint staged. Git hooks.

Введение в раздел
Eslint установка и базовая настройка
Eslint правила, окружение, настройка редактора.
Настраиваем Husky и Lint staged, что-бы в наш репозиторий не попал плохой код

Тестирование на JavaScript

Тестирование. Вступление.
Тестирование. Установка Jest. Первый тест.
Тестирование. Проект Avia Tickets, установка и первый тест.
Тестирование. Проект Avia Tickets, тестируем Location Store
Тестирование. Проект Avia Tickets, Тестируем Api Service

Платформа:: Udemy

Vue.js 2.5 Создаем сайт на Vue.JS с Firebase, Vuex и Router

Продолжительность:: 30 часов

Язык:: русский

Узнайте, как создавать динамические веб-сайты на Vue.JS с Firebase 5 (включая Авторизацию), Vuex & Vue Router - 2018

9 ч видео
3 статей
7 ресурсов для скачивания

Программа

Введение

Что такое Vue.js ?
О среде разработки
Создание простого Vue-приложения

Основы Vue.js

Данные и методы
Привязка данных
События
События. Передача параметров в методы
Модификаторы событий
Модификаторы событий клавиатуры
Двусторонняя привязка данных
Условный рендеринг
Списки и циклы
Вычисляемые свойства и слежение
Refs и управление html-элементами
Множественные экземпляры Vue
Строковый шаблон template
Связывание CSS классов
Связвание inline-стилей
Жизненный цикл Vue-приложения
Исходные коды к разделу "Основы Vue.js"

Vue CLI

Что такое Vue CLI ?
Установка CLI и создание проекта
Струтура и запуск проекта

Компоненты

Введение в компоненты
Функция data ()
Регистрация компонентов (глобальная и локальная)
Компоненты и .vue файлы
Передача параметров в дочерний компонент
Валидация входящих параметров
Пользовательские события
Использование event emitter
Изолированные стили
Слоты
Исходные коды к разделу "Компоненты"

Директивы

Создание пользовательской директивы
Параметры и аргументы в директивах

Фильтры и миксины

Создание фильтров
Фильтрация списков
Миксины

Vue-router

Установка и настройка Vue-router
Создание навигации

Практика

Создание проекта
Создание навигационного меню
Создание ссылок
Адаптация меню
Создание страниц и роутов
Реализация страницы "Логин"
Реализация страницы "Регистрация"
Реализация "Главной" страницы
Реализация страницы "Заказов"
Реализация страницы "Новый товар"
Реализация страницы "Список товаров"
Реализация страницы "Описание товара"
Подключение и настройка Vuex
Реализация vuex.store для главной страницы и списка товаров
Реализация vuex.store для страницы описания товара
Реализация vuex.store для страницы по добавление новых товаров
Подключение и настройка Firebase
Атворизация пользователя в Firebase
Обработка ошибок
Продление сессии пользователя
Защита ссылок от случайных переходов
Добавление товаров в Firebase
Загрузка товаров из Firebase
Работа с изображениями в Firebase
Реализация диалогового окна для редактирования товаров
Запрет на редактирование товаров другими пользователями
Реализация диалогового окна для покупки товаров
Создание и обработка заказов
Доработка Vue приложения
Исходный код к готовому Vue приложению

Бонус

Подключение препроцессора
Деплой Vue приложения на хостинг Firebase

Платформа:: Udemy

Laravel 8 (PHP). Выполнение реального тестового задания

Продолжительность:: 30 часов

Язык:: русский

Разработка сайта с использованием PHP, Laravel 8, Vue Js, Vuex, Axios, Bootstrap5

3 ч видео

Программа

Введение

Знакомство с тестовым заданем
Установка Laravel. Настройка OpenServer

Заполняем таблицы данными

Заполняем таблицы данными
Рефакторинг миграций

Основы git. Установка и настройка дополнительных библиотек.

GIT и GitHub. Создаем локальный и удаленный репозитории
Laravel dev package, Vue.js scaffolding
Устанавливаем Bootstrap5, BootstrapIcons, FontAwesome, Vuex

Реализуем страницы сайта

Первая страница сайта. Разметка и стили
Первая страница сайта. Шаблон blade, Scope, оптимизация запросов к БД
Создание кастомной даты
Страница каталога статей, отдельной статьи, поиск по тегу, активные ссылки

Vue JS и VUEX

Vue JS и VUEX - подготовка проекта
Компонент отдельной статьи. API роуты. Ресурсы моделей
Продолжаем делать компонент отдельной статьи
Компоненты лайков и просмотров статьи
Компонент комментария. Custom request. Локализация ошибок валидации. Очереди
Разделяем хранилище (state) на модули

Платформа:: Udemy

Frontend разработчик на HTML, CSS и JavaScript

Продолжительность:: 30 часов

Язык:: русский

Освойте самое важное для веб-разработчика и начните зарабатывать на этом деньги! HTML, CSS, JavaScript, Vue, Git, Gulp

35,5 ч видео
1 статья
55 ресурсов для скачивания

Программа

Язык HTML

Введение
Установка браузера и редактора кода
Обзор функций редактора
Первые HTML теги
Как задавать путь к файлу
Задание
Создание списка
Создание таблиц
Работа с текстом
Задание
Создание формы
Универсальные атрибуты
Цвет RGB и спецсимволы
Подведение итогов изучения HTML
Вопросы к главе по языку HTML

Язык CSS

CSS селекторы
Работа с изображениями
Границы
Размеры элементов
Работа с шрифтом
Блочная модель документа
Псевдоклассы и псевдоэлементы
Основы CSS Flexbox
Адаптивная версия сайта, Создание своей сетки
Задание по работе с сеткой
Вопросы к главе по языку CSS

Практика по HTML и CSS

Практическое занятие 1
Домашнее задание 1
Практическое занятие 2
Домашнее задание 2
Практическое занятие 3
Домашнее задание 3
Урок по Photoshop
Практическое занятие 4
Домашнее задание 4
Заключение
Вопросы к главе с практическими заданиями
Дополнительные материалы

Основы языка JavaScript

Введение в JavaScript. Работа с консолью разработчика, создание переменных
Строковый и логический тип данных
Шаблонные строки, Случайные числа, Округление чисел
Массивы
Объекты
Диалоговые окна, Условия, Тернарный оператор, Переключатель Switch
Циклы (5 видов)
Функции и решение 6 задач
Работа с датой и временем
Документация кода на JSDoc и Исключения
Объектно-Ориентированное Программирование, Прототип, Конструктор, Класс
Возможности ECMAScript 2015 (ES6)

Работа с DOM деревом JavaScript

Введение
Выбор элемента DOM
Атрибуты, Создание элементов
Генерация вложенных списков
Календарь
Задание
Сортировка таблицы
Часы
Классы и метрики
Таблица с журналами
Номера из объекта
Вывод карточек с сортировкой
Вывод карточек людей
Карточки с днями рождения
Таймер с прогрессбаром
Генератор имен
Локальное хранилище (localStorage)

Обработка события на JavaScript

Обработчики событий
Скрыть / Показать элемент
Простой слайдер
Тёмная тема
Не jQuery
Фазы события и Делегирование
Счётчик
Переключатель
Удаление карточек
Разворачиваемые подменю
Сортировка таблицы
Всплывающая подсказка
Отмена стандартного поведения
Сочетание клавиш
Выделение через CTRL
Range-Слайдер
События клавиатуры
Работа с формами
Фокус и потеря фокуса
Перемещение по стрелкам
События форм и буфера обмена
События страницы, async и defer скрипты
Диапазон и Выделение
Депозитный калькулятор
Генератор CSS тени
Задание
Система уведомлений

Библиотеки JavaScript

Работа с текстовыми файлами и FileReader
Создание анимации на JS и CSS
Регулярные выражения
Библиотека list.js: Поиск и сортировка обычных списков
Библиотека sweetalert2.js: Всплывающие модальные окна с иконками
Библиотека popper.js: Всплывающие текстовые подсказки
Библиотека baguetteBox.js: Галерея изображений
Библиотека lightgallery.js: Галерея изображений
Библиотека flatpickr.js: Календарь
Библиотека cleave.js: Валидация форм
Библиотека mixItUp3.js: Фильтрация элементов
Библиотека swiper.js: Слайдер изображений

Фреймворк Bootstrap 5

Обзор, загрузка и подключение
Шапка, модальное окно, градиент, треугольник, адаптивное видео
Сетка 3 на 3 и иконки
Сетка 2 на 2
Как сделать Аккордеон на Bootstrap 5
Адаптивные изображения на Bootstrap 5
Практика и задание по работе с Bootstrap 5
Форма сбора средств Yoomoney
Создание футера
Обзор документация Bootstrap 5
Вопросы к главе по Bootstrap 5

Система управления версиями Git и GitHub

Что такое Git
Установка Git
Регистрация на GitHub
Первые команды Git
Работа с Git в VS Code
Алиасы для Git
Отмена изменений и возврат к коммиту
Работа с ветками
Панель команд Git в VS Code
Откат к любому коммиту и Git Graph
Удаление репозитория
Синтаксис Markdown для README.md
Фрагменты кода Gist
Хостинг GitHub Pages
Вопросы к главе по Git и GitHub

Фреймворк Vue.js

Обзор курса
Обзор структуры файлов
Работа над интерфейсом игры
Достижения в игре
Экран с вопросами в игре
Экран с результатами
Начало работы с Vue
Обработка событий на Vue
Циклы и методы на Vue
Конец игры на Vue
Вычисляемые свойства на Vue
Музыка в игре на JavaScript
Работа с Git и GitHub
Приложение в VK
Куда двигаться дальше
Вопросы к главе по Vue.js

Платформа:: Udemy

Vue.js с нуля на реальном проекте

Продолжительность:: 30 часов

Язык:: русский

Вы изучите Vue.js, разработав свое приложение-чат

2 ч видео

Программа

Введение. Основы Vue.js

Введение

Изучаем Vue, создавая приложение - чат

Компоненты
Конфигурация приложения. Vue CLI
Создаем базовые компоненты для чата
Форма для чата
Список сообщений для чата
Обработка сообщений и вывод чата

Платформа:: Stepik

Frontend Development / NAP School

Продолжительность:: 30 часов

Язык:: русский

Бесплатный оффлайн-курс от компании Napoleon IT в Челябинске. Курс реализуется совместно с Челябинским радиотехническим техникумом.

10 уроков
4 теста

Программа

JS. Ознакомление

Знакомство с Vue

2.1 Домашнее задание

Реактивность, props, компоненты.

3.1 Домашнее задание

Фильтры, миксины

Урок

Валидация форм

Урок

Деплой

Урок
Домашнее задание

Тесты

Лекция

Firebase

Лекция

Основы гибкой разработки

Материалы занятия

Платформа:: Udemy

Акварельное путешествие по Франции. Уникальный курс Мастера

Продолжительность:: 30 часов

Язык:: русский

Поэтапный видео-курс акварельной живописи с видами Франции от мастеров акварели А.Герасимюка (входит в TOP20) и В.Дець

9 ч видео
19 статей
20 ресурсов для скачивания

Программа

Художественные материалы, необходимые для прохождения курса

Перечень материалов

Старый порт Марселя. Создаем нашу первую акварель за 2 часа

Старый порт Марселя. Делаем рисунок и наносим маску
Старый порт Марселя. Шаг 1
Checklist. Проверка возможных улучшений после каждого шага
Старый порт Марселя. Шаг 2
Checklist. Проверка возможных улучшений после каждого шага
Старый порт Марселя. Шаг 3
Checklist. Проверка возможных улучшений после каждого шага

Le Champ de Lavande. Пишем лаванду

Le Champ du Lavande. Делаем рисунок и наносим маску
Le Champ de Lavande. Шаг 1
Checklist. Проверка возможных улучшений после каждого шага
Le Champ de Lavande. Шаг 2
Checklist. Проверка возможных улучшений после каждого шага

Le Champ de Pavot. Пишем маковое поле

Le Champ du Pavot. Делаем рисунок и наносим маску
Поле маков. Шаг 1
Checklist. Проверка возможных улучшений после каждого шага
Поле маков. Шаг2
Checklist. Проверка возможных улучшений после каждого шага
Поле маков. Шаг 3
Checklist. Проверка возможных улучшений после каждого шага

Vieux Port du Cassis. Старый порт Кассиса

Vieux Port du Cassis. Делаем рисунок и наносим маску
Vieux Port du Cassis. Шаг 1
Checklist. Проверка возможных улучшений после каждого шага
Vieux Port du Cassis. Шаг 2
Checklist. Проверка возможных улучшений после каждого шага
Vieux Port du Cassis. Шаг 3 (часть 1)
Vieux Port du Cassis. Шаг 3 (часть 2)
Checklist. Проверка возможных улучшений после каждого шага

Vue de Ventoux. Вид на гору Венту

Vue de Ventoux. Вид на гору Венту. Делаем рисунок и наносим маску
Vue de Ventoux. Шаг 1
Checklist. Проверка возможных улучшений после каждого шага
Vue de Ventoux. Шаг 2 (часть 1)
Vue de Ventoux. Шаг 2 (часть 2)
Checklist. Проверка возможных улучшений после каждого шага
Vue de Ventoux. Шаг 3
Checklist. Проверка возможных улучшений после каждого шага

Платформа:: Stepik

Babylon.js

Продолжительность:: 30 часов

Язык:: русский

Курс создан по документации Babylon.js — это легковесный кроссбраузерный JavaScript-фреймворк, использующий API WebGL для отображения 2D и 3D-графики в браузере без использования каких-либо сторонних плагинов и дополнений. Babylon.js использует элемент HTML5 Canvas.

482 урока
3 интерактивные задачи

Программа

Первые шаги

Построй деревню

Заземление мира
Добавление звука
Размещение и масштабирование сетки
Базовый дом
Добавление текстуры
Материал для каждой стороны дома
Комбинация мешов
Копирование мешов
Смена камеры зрителя
Макет веб-приложения

Деревенская анимация

Родители мешов
Создание автомобиля
Материалы для автомобиля
Анимация колес
Анимация автомобиля
Анимация персонажей
Прогулка по деревне

Предотвращение столкновений

Как избежать автокатастрофы

Лучшая среда

Далекие холмы
Создание неба
Спрайты деревъев

Постройте фонтан из частиц

Профиль фонтана
Распыление частиц
Включения событий

Создание дня и ночи

Уличные фонари
День и ночь
Добавление теней

Способы просмотра мира

Создание осмотра
Следование за персонажем
Переход к виртуализации

Анимация

Введение в анимацию
Создание анимации
Методы анимации
Последовательность анимаций
Группировка анимаций
Объединение анимаций
Анимация персонажей
Расширенные методы анимации
Анимация с использованием цикла рендеринга

Аудио

Воспроизведение звуков и музыки

Поведение

Поведение камеры
Поведение мешов

Камеры

Введение в камеру
Столкновения камеры
Настройка входов камеры
Множественные просмотры
Маски слоёв и текстуры с несколькими камерами
WebVR камера
Помощник по работе с WebVR

2D элементы управления

Управление временной шкалой
Управление изменением размера
Управление фильтром изображения

Разработка с помощью Babylon.js

Справка форума
Версии фреймворка
Поддержка NPM
Встряхивание деревьев (бери то, что тебе нужно)
Рабочие нагрузки
Использование VSCode
Проверочные тесты
Утвержденные соглашения об именах
Использование игровой площадки для разработки Babylon.js
Внесите свой вклад в API
Внести свой вклад в документацию
Создайте материал для библиотеки материалов
Создайте процедурную текстуру для библиотеки процедурных текстур

Среда

Введение в окружающую среду
Скайбоксы
Фоновые материалы
Блики
Отражательные зонды
Создание фоток в 360
Создание видосов в 360

Events (События)

Actions
Observables
Promises

GUI

Графический интерфейс Babylon
Средство просмотра прокрутки
Загрузчик XML
Селекторы
Babylon 3D GUI

Методы управления

Геймпады
Виртуальные джойстики
Диспетчер источников устройств

Импорт активов

Загрузка файлов любого типа
Плагин загрузчика файлов .glTF
Плагин загрузчика файлов .stl
Плагин загрузчика файлов .obj
Система инкрементальной загрузки
Создайте свой собственный импортер файлов
Asset Manager
Asset Containers
Постепенно загружайте файлы .glTF

Свет в babilon.js

Введение в систему света в babylon.js
Тени
Каскадные карты теней
Постпроцесс объемного светорассеяния

Использование материалов

введение в материалы
Применение карт Bump, Opacity, Tiling и Detail
Отображение параллакса
Применение материалов к отдельным лицам
Применение разных материалов спереди и сзади
Мультиматериалы
Динамические текстуры
Видео текстуры
Режимы наложения
Введение в физический рендеринг (PBR)
Среда HDR для PBR
Освоение физического рендеринга (PBR)
Отражения и преломления
Параметры Френеля
Процедурные текстуры
Сжатые текстуры KTX2

Узлы материалов

Материалы узла
Использование материала узла с частицами

Современные материалы

Как работают материалы
Материалы и вершины
Создание пользовательских процедурных текстур
Создать пакет текстур
Понимание карт нормалей
Прозрачный рендеринг
Необработанные текстуры
Средство визуализации глубины
Буфер логарифмической глубины

Мешы

Рисование ограничивающих рамок
Наклейки
Выделение мешов
Делаем мешы светящимися
Объединение мешов
Рисование кривых
Path 3D
Facet Data
Уровни детализации (LOD)
Динамическое преобразование меша
Морфинг-метки
Кости и скелеты
Слои рендеринга
Гизмы
Упрощение мешов с помощью Auto-LOD
Края рендеринга
Следы мешов
Взрывные мешы

Создание мешов: создание набора форм

Создание форм набора
Коробка
Плиточный ящик
Сфера
Цилиндр
Капсула
Плоскость
Создание плиточной плоскости
Создание диска
Создание тора
Создание торового узла
Создание земли
Создание грунта на основе карты высот
Подробнее о картах высот
Создание плиточного грунта

Создание мешов: Создание параметрических мешов

Линии
Пунктирные линии
Линейная система
Лента
Лента в деталях
Ленты с математикой
Трубка
Экструзия
Индивидуальная экструзия
Токарный станок
Неправильный многоугольник
Экструзия полигонов
Конструктор многоугольной сетки

Создание мешов: Создание пользовательских мешов

Создание пользовательской мешов с нуля
Обновление вершин
Нормали вершин

Преобразования мешов: в центре внимания Created Origin

Расположить меш
Вращение меша
Последовательность вращений
Кватернионы вращения
Выравнивание целевых осей
Соглашения о ротации
Введение в преобразование координат
Примеры преобразования координат
Превращения в выпечку

Родители и опоры

Преобразовать узел
Родители и дети
Повороты
Повернуть вокруг оси

Копии, клоны, и экземпляры, мешов

Клоны
Использование SPS для клонирования
Экземпляры
Тонкие экземпляры

Взаимодействия мешов

Пересечения мешов
Выбор меша

Запросы окклюзии

Запросы окклюзии

Система частиц

Введение в систему частиц
Основные свойства частиц
Изменение свойств частиц с течением времени
Излучатели формы
Анимация частиц
Настройка частиц
Помощник частиц
Цветовые палитры и переходы, а также режим афиши
Отправить эмитенты
Частицы GPU
Сервер фрагментов частиц

Система твердых частиц

Введение в SPS
SPS анимации
Управление SPS
Управление частицами SPS
Материал SPS
Неизменяемый SPS
SPS из фасетов меша
Обновить форму частицы
Уборка частиц SPS
SPS Физика
Оптимизировать SPS
Расширяемый SPS
Проблемы видимости SPS
Проблемы прозрачности СФС

Система облака точек

Введение в PCS
Создание АСУ ТП
Управление АСУ ТП
Управление частицами PCS

Физика в babylon.js

Использование физического движка
Силы
Суставы
Повороты и оси
Составные тела
Мягкие тела
Расширенные возможности физики
Добавьте свой собственный физический движок

Пост-процессы

Использование пост-процессов
Как использовать конвейер рендеринга постобработки
Использование конвейера рендеринга SSAO
Использование стандартного конвейера рендеринга(без ограничений)
Использование конвейера рендеринга по умолчанию
Глубина резкости и другие эффекты линз
Пост-процесс размытия движения
Постпроцесс отражения экранного пространства (SSR)
Визуализация целевой текстуры с помощью нескольких проходов

Сцены в babylon.js

Как быстро построить мир
Взаимодействие со сценами
Использование нескольких сцен
Использование нескольких полотен
Применение дельта-изменений к сцене
Создание собственных загрузочных экранов
Оптимизация сцены
Оптимизатор сцены
Оптимизация с помощью Octrees
Оптимизация с использованием кэшированных ресурсов
Уменьшение объема памяти
Использование Offscreen Canvas
Рендеринг сцен в файлы .png
Рендеринг сцен в видео
Использование плоскостей отсечения
Визуализация сцен на удаленном сервере
Глубокая маска слоя

Спрайты

Введение в спрайты
Менеджер спрайтов
Упакованный спрайт менеджер
Выбор спрайта
Карта спрайтов
Макет плитки карты спрайтов
Параметры карты спрайтов
Анимация спрайтов
Пример карты спрайтов
Сервер фрагментов спрайтов

Теги

Теги

WebXR

Введение в WebXR
Возможности WebXR(VR)
Помощники по работе с WebXR
Менеджеры сессий WebXR
Камера WebXR
Менеджер функций WebXR
Демонстрации и примеры WebXR
Поддержка контроллеров WebXR
Возможности дополненной реальности WebXR

Продвинутые темы

Формат файла .babylon
Создание миниатюрной версии Babylon.js
Метрика глубины при рендеринге теней
Многоплатформенные сжатые текстуры
WebGL2
Запуск Babylon.js на сервере

Шейдерыв babylon.js

Введение в шейдеры
Внесение кода шейдера в Babylon.js
Использование ShaderMaterial
Использование тумана с шейдерными материалами
Обработка изображений
Вычислить шейдеры

WebGPU

WebGPU статус
Критические изменения

Инструменты

Детская площадка
Инспектор
Редактор материалов узла
Редактор частиц
Редактор спрайтов
Инспектор текстур
Просмотр скелетов
Профилировщик производительности

Библиотеки активов

Библиотека мешов
Библиотека текстур

Библиотека материалов

Огонь
Воды
Лава
Шерсть
Нормальный материал
Земля
Tri-Planar
Градиент
Небо
Сетка
Только тень
Затенение ячеек
Смешивание

Библиотека постпроцесса

Ascii Art
Цифровой дождь

Библиотека процедурных текстур

Кирпич
Облако
Огонь
Трава
Мрамор
Дорога
Древесина

Служебные функции

Площадь поверхности сетки
Разобрать сетку
Фоторамка
Увеличить грани
Создание точек внутри сетки
Проверить, когда точка находится внутри меша
Как нарисовать линию с заданной шириной
Принудительно общие вершины
Экструзия с острыми углами
Отображение нормалей вершин
Открыть URL-адрес события
Отображает касательную, нормальную и бинормальную для Path3D
Поворот и масштабирование относительно точки
Рисует сектор круга
Сферическая панорамная камера
Рисование точек на поверхности сетки
Показать мировые оси

Введение в создание игр на babylon.js

Введение в создание игр
Подготовка к настройке
Настройка конечного автомата
Простое игровое состояние
Камера игрока
Движение персонажа
Импорт мешов
Фонари
Столкновения и триггеры
Графический интерфейс игры
Анимации
Системы частиц
Музыка и звуковые эффекты
Дополнительные особенности
Переход на кроссплатформенность
Представление
Процесс проектирования
В заключение

Видео-туториалы

Понимание основ 3D в Интернете
Понимание основ WebGL
Понимание материалов и входных данных
Интеграция игрового конвейера с Babylon.js
Использование Babylon.js для начинающих
Загрузка активов
Расширенные возможности Babylon.js
Спецэффекты
Видео курсы
3D-программирование с помощью WebGL и Babylon.js для начинающих
Серия игр в реальном времени RTS

Мастерская babylon.js

Математика геодезических и многогранников Гольдберга
Геодезика и многогранники Гольдберга
Изготовление простого автомобиля
Создание простого автомобиля с приводом
Разработка дома из планов
Как построить дом из планов
Добавление крыши
Построение пути, по которому будет двигаться экипаж
Дизайн для создания трека
Введение в разработку системы защиты от столкновений
Проблемы, возникающие при столкновении частиц
Столкновения внутри меша
Столкновения медленно движущихся частиц
Столкновения свободно движущихся частиц
Простая VR-игра
Волновой паттерн шейдера

Расширения

Подключаемый модуль для видео в Azure Media Player 360
Писатель меша
Интеграция Babylon.js с CMS
Текстура canvas
glTF Exporter

Наблюдатель Babylon.js

Настройка Viewer
Система шаблонов Viewer
Измените программу просмотра Babylon.js
Расширенное использование средства просмотра
Примеры просмотра

CastorGUI V2.0 (ECEMAScript 6)

GUIButton
GUICheckbox
GUIColor
GUIDialog
GUIFieldset
GUIGroup
GUILabel
GUIManager
GUIMeter
GUIPanel
GUIProgress
GUIRadio
GUISelect
GUISlider
GUISpinner
GUIText
GUITextarea
GUITextfield
GUITextures
GUIWindow

Система клонирования

RadialCloner
LinearCloner
MatrixCloner
ObjectCloner
RandomEffector

Динамические ландшафты

Добавление объектов на динамический ландшафт
Примеры динамического ландшафта

Система навигации толпы

Создание навигационного меша
Крауд-агенты
Добавление и удаление препятствий

Генераторы деревьев

Простой генератор сосны
Генератор дерева SPS
Быстрый генератор деревьев

Редактор

Начало работы с редактором
Объяснение рабочего процесса
Добавление текстур
Добавление материалов
Использование панели активов
Пользовательские скрипты
Добавление анимации
Использование Навигатора
Создание префабов
Редактирование префабов
Использование редактора системы частиц
Использование GraphEditor
Использование расширения Photoshop

Экспортеры

3DSMax
3DSMax в glTF
Из Blender в экспортер Babylon.js
Советы по Blender
Блендер в glTF
Экспорт костей из 3D MAX
Cheetah3D
Maya
Maya to glTF
Mixamo в Blender в Babylon.js
Сохраните вашу сцену или меши

Babylon.js + Внешние библиотеки

Babylon.js и мгновенные игры Facebook
Babylon.js и Ionic Angular
Babylon.js и Pixi.js
Babylon.js и Poki
Babylon.js и React
Babylon.js внутри React Native
Babylon.js и VRM
Запуск локального веб-сервера для BabylonJs
BabylonJS и CesiumJS

BabylonJS и Vue

BabylonJS и Vue - основы
BabylonJS и Vue - передача данных
BabylonJS и Vue - методы асинхронной сцены
BabylonJS и Vue - сцена, управляемая сообщениями
BabylonJS и Vue - ссылки на руководства

Набор инструментов Unity

Введение в Unity
Экспортер сцен
Создание проектов
Компоненты скрипта
Менеджер сцены
Шейдерные материалы
Компоненты физического коллайдера
Строитель ландшафта
Система анимации
Префабы
Статическое дозирование
Навигации меша
Платформа Windows
Художественные инструменты