loftschool | Платные видеокурсы [коллекция, 8 курсов] (2018-2020) PCRec [H.264]

[Владимир Сабанцев] CSS GRID (2018)
В данном курсе предлагаем познакомиться с новой и удобной технологией CSS Grids.
Данная технология представляет набор CSS-свойств, которые помогают гибко и удобно управлять лейаутом страницы.
1. Теория (08:31)
2. Строки и колонки (03:48)
3. Управление ячейками (06:43)
4. Фракции (02:07)
5. Вспомогательные функции (04:23)
6. Именованные линии (08:54)
7. Функция repeat (01:42)
8. Области (04:55)
9. Применение с медиа запросами (04:07)
10. Свойства выравнивания ячеек (05:23)
11. Применение на практике (26:03)

---

[Владимир Сабанцев] GIT (2018)
Видеокурс подойдёт для начинающих разработчиков.
Git – популярная система для хранения программного кода, относящаяся к категории систем контроля версий. CVS можно и нужно использовать в ""личных целях"", для локального резервирования и упорядочивания своих данных. Но особенно важное значение системы контроля версий имеют в программных проектах, над которыми одновременно трудятся несколько разработчиков.
1. Начало работы с Git (4 урока, 18:02)
--> 1. Введение (07:03)
--> 2. Начинаем работать с Git (03:01)
--> 3. Создание нового репозитория (01:09)
--> 4. Добавление файлов в индекс (область слежения) Git (06:49)
2. Работа с коммитами и ветками (6 уроков, 45:59)
--> 5. Создание коммита (07:17)
--> 6. Навигация по коммитам. Отмена изменений (12:10)
--> 7. Типичный цикл работы с Git (03:34)
--> 8. Ветвления в Git (11:27)
--> 9. Конфликты при слиянии веток (06:06)
--> 10. Временное (без коммита) сохранение данных (05:25)
3. Удалённый репозиторий и GitHub Pages (2 урока, 24:13)
--> 11. Работа с удалёнными репозиториями (20:04)
--> 12. Использование GitHub Pages для хостинга проектов (04:09)

---

[Владимир Сабанцев] Terminal (2018)
Видеокурс подойдёт для начинающих разработчиков.
В данном видеокурсе будет рассказано про основы работы с консолью, мы рассмотрим базовые команды и разберемся, зачем консоль нужна веб-разработчику.
1. Введение (3 урока, 14:32)
--> 1. Введение. Установка (05:45)
--> 2. Hello World (01:21)
--> 3. Навигация (07:26)
2. Особенности работы с Terminal (10 уроков, 34:27)
--> 4. Текущая директория (00:27)
--> 5. Создание папок (03:03)
--> 6. Создание файлов (01:55)
--> 7. Удаление файлов (01:53)
--> 8. Копирование. Перемещение. Переименование (03:29)
--> 9. Исправление опечаток (01:35)
--> 10. Поиск. Документация (03:04)
--> 11. Обзор редактора Vim (12:35)
--> 12. Обзор редактора Nano (04:38)
--> 13. Экранирование (01:48)

---

[Владимир Сабанцев] Gulp (2019)
Данный видеокурс подойдёт для тех, кто уже знаком с основами JavaScript, Git, Terminal.
Gulp является менеджером задач (task runner). Gulp помогает автоматизировать выполнение типичных задач веб-разработчика: запуск препроцессоров, минификация файлов, создание спрайтов и ещё множество рутинных задач.
1. Установка Gulp (3 урока, 13:40)
--> 1. Теория (06:52)
--> 2. Установка (02:54)
--> 3. Первый таск (03:54)
2. Особенности работы с Gulp (22 урока, 01:29:15)
--> 4. Обработка нескольких файлов (03:53)
--> 5. Добавляем плагин (04:42)
--> 6. Серия тасков (03:46)
--> 7. Task Default (01:45)
--> 8. Компилируем Sass (03:56)
--> 9. Склейка файлов (04:02)
--> 10. Слежка за файлами (02:41)
--> 11. Dev-server (08:11)
--> 12. Внешний адрес browser-sync (01:58)
--> 13. Продвинутый импорт стилей (02:07)
--> 14. Автопрефиксы (05:27)
--> 15. Пересчет единиц измерения (01:41)
--> 16. Группировка медиа-запросов (02:29)
--> 17. Минификация (02:14)
--> 18. Sourcemaps (04:53)
--> 19. Сборка JavaScript (05:28)
--> 20. Трансляция ES6 (02:54)
--> 21. Минификация JavaScript (06:02)
--> 22. Генерация SVG-спрайта (05:41)
--> 23. Разделение конфига (04:05)
--> 24. Параллельные таски (01:48)
--> 25. Dev vs Prod (09:32)

---

[Владимир Сабанцев] Верстка - быстрый старт (2019)
Видеокурс «Вёрстка — быстрый старт» подойдёт для тех, кто хочет быстро освоить основы вёрстки и выполнить в кратчайшие сроки свой первый проект.
1. Подготовка (3 урока, 05:54)
--> 1. Обзор проекта (00:44)
--> 2. Необходимые программы (01:32)
--> 3. Hello World (03:38)
2. Необходимая теория (11 уроков, 01:21:16)
--> 4. HTML. Теги (06:32)
--> 5. Emmet (01:15)
--> 6. Основная структура (03:09)
--> 7. Id и class (05:42)
--> 8. BEM (07:44)
--> 9. Первая секция. Разметка (08:28)
--> 10. Работа с путями (07:49)
--> 11. CSS. Теория (10:05)
--> 12. Св-ва позиционирования. Flexbox (09:12)
--> 13. Св-ва позиционирования. Position (06:31)
--> 14. Блочная модель (14:49)
3. Стилизация (2 урока, 10:00)
--> 15. Начало стилизации. Normalize (05:12)
--> 16. Цвет. Составные свойства (04:48)
4. Первая секция (6 уроков, 32:02)
--> 17. Первая секция. Стилизация (05:01)
--> 18. Подключение шрифтов (08:42)
--> 19. Первая секция. Позиционирование (03:40)
--> 20. Первая секция. Текст (09:50)
--> 21. Переиспользование блоков (03:04)
--> 22. Блок обертка (01:45)
5. Вторая секция (5 уроков, 34:43)
--> 23. Вторая секция. Фильтр (08:31)
--> 24. CSS Переменные (04:15)
--> 25. Вторая секция. Элементы (10:22)
--> 26. Вторая секция. Выравнивание списка (03:34)
--> 27. Вторая секция. Геометрический элемент (08:01)
6. Третья секция (2 урока, 19:13)
--> 28. Третья секция. Разметка (02:47)
--> 29. Третья секция. Стилизация (16:26)
7. Остальные секции (2 урока, 21:55)
--> 30. Секция меню (09:20)
--> 31. Иконки соц. сетей. SVG (12:35)
8. Реализация элементов на Javascript (8 уроков, 01:02:55)
--> 32. Боковое меню. Верстка (06:01)
--> 33. Боковое меню. Класс для состояний (06:02)
--> 34. Подключение скриптов (02:42)
--> 35. Боковое меню. Реализация (10:30)
--> 36. Слайдер. Верстка (08:08)
--> 37. Слайдер. Реализация (13:17)
--> 38. Фильтр. Селектор (06:17)
--> 39. Фильтр. Сортировка (09:58)
9. Деплой (2 урока, 11:34)
--> 40. Деплой. GitHub Pages (09:25)
--> 41. Отображение на мобильных (02:09)
10. Задание (1 урок, 02:14)
--> 42. Домашнее задание. Что нужно сделать (02:14)

---

[Дмитрий Ковальчук] NPM (2019)
Сегодня npm – стандарт разработки javascript-приложений. Если вы хотите быть ""в теме"", то обязательно уделите должное время на изучение возможностей npm, наиболее популярного менеджера пакетов (package manager) в среде веб-разработчиков.
1. Установка NPM (3 урока, 09:51)
--> 1. Что такое npm? (05:50)
--> 2. Установка и обновление npm (02:33)
--> 3. Справка по работе с npm (01:28)
2. Особенности работы с NPM (8 уроков, 25:14)
--> 4. Поиск и установка пакетов (04:24)
--> 5. Зависимости пакета (02:09)
--> 6. Файл манифест package.json (03:02)
--> 7. Удаление и обновление пакетов (03:02)
--> 8. dependencies и devDependencies (01:51)
--> 9. Webpack и npx (04:04)
--> 10. npm-скрипты (04:02)
--> 11. npm, git и github (02:40)

---

[Гладков Андрей] Android - быстрый старт (2020)
В данном курсе вы узнаете следующее:
- Как создавать экраны.
- Как работать с интерфейсными элементами.
- Как связывать интерфейсные элементы с кодом.
- Как настраивать навигацию между экранами.
- Как работать с сетью.
- Как данные из сети красиво визуализировать на экране телефона.
- И многое-многое другое.
1. Подготовка к работе (05:14)
2. Создание Android проекта (25:02)
3. Архитектура приложения (16:33)
4. Верстка экрана. Распределительная шляпа (30:24)
5. Работа со списком. Список факультетов (39:45)
6. Навигация. Экран Факультета (28:49)
7. Фильтры. Экран заклинаний (22:46)
8. Работа с сетью. Добавляем запросы (55:55)

---

[Елена Мойся] Основы Sketch && Figma (2020)
Видеокурс рассчитан на начинающих веб-дизайнеров, которые хотят освоить работу с современными инструментами Sketch и Figma.
1. Sketch/Figma. ЧАСТЬ 1 / Урок 1. Начало. (01:24)
2. Sketch/Figma. ЧАСТЬ 1 / Урок 2. Sketch (14:25)
3. Sketch/Figma. ЧАСТЬ 1 / Урок 3. Figma (13:53)
4. Sketch/Figma. ЧАСТЬ 2 / Урок 1. Модульные сетки. Теория (02:41)
5. Sketch/Figma. ЧАСТЬ 2 / Урок 2. Модульные сетки. Sketch (10:36)
6. Sketch/Figma. ЧАСТЬ 2 / Урок 3. Модульные сетки. Figma (10:15)
7. Sketch/Figma. ЧАСТЬ 3 / Урок 1. Работа с символами. Теория (01:42)
8. Sketch/Figma. ЧАСТЬ 3 / Урок 2. Работа с символами. Sketch (08:42)
9. Sketch/Figma. ЧАСТЬ 3 / Урок 3. Работа с символами. Figma (09:24)