Учись, когда удобно

видео-уроки

Йога с колесом для йоги yoga wheel для всех уровней (30 минут): chilelavida

Йога с колесом для йоги – видео-урок для начинающих и продолжающих с канала chilelavida. Комплекс упражнений с колесом будет небольшой, так сказать, пробный. Чтобы вы прочувствовали и поняли, нужно вам такое покупать или нет. Если, конечно, вы это не поняли раньше. У кого есть уже, давайте позанимаемся.

Подходим вперёд, сделаем вариацию Сурьи Намаскар – наиболее простой способ посмотреть, как можно использовать колесо для йоги. Закроем глаза, настроимся немного на практику, подышим глубоко, уджайи. Макушкой тянемся вверх, плечи вниз. Таз подкручиваем, лобковую кость на пупок. Ягодицы в тонусе, напряжены слегка, отталкиваемся ступнями от пола. И настраиваемся на практику, забываем обо всех и обо всём. Стараемся жить в настоящем моменте, здесь и сейчас.

И теперь вдох, руки поднимаем вверх, на выдохе уттанасана. На вдохе правая нога назад, руки вверх. На выдохе ставим колесо на пол, левая нога уходит назад, планка, вдох здесь же. И на выдохе уходим назад, как будто бы „собака мордой вниз“, вытягиваем спину, ручки на колесе, продышимся…

Год

Страна

Язык

Продолжительность

Работа в системе MODx Revolution CMS (2018)

Серия видео-уроков о системе управления сайтом MODx Revolution с канала „Coddes Ru“. MODx – это бесплатная с открытым исходным кодом система управления содержимым сайта и удобный фреймворк для создания сайтов и веб-приложений. MODx Revolution – одна из двух ветвей развития проекта, являющаяся более перспективной.

В отличие от большинства бесплатных CMS (англ. Content Management System - система управления сайтом) — на MODx вы можете построить сайт любой сложности, практически с любым набором функций, при этом система не будет никоим образом влиять на ваш html-код.

Представленные видеоуроки MODx Revolution рассчитаны для начинающих, которые желают освоить базовые принципы веб-разработки с использованием данного движка. MODx Revolution устанавливается с базовым шаблоном. Поэтому установив данную систему, используя видеоуроки, вы сможете своими руками создать простой динамический сайт, например, блог, имеющий базовый функционал.

Для создания более сложного сайта, например, интернет-магазина, вам нужно освоить другие уроки.

Год

Страна

Язык

Продолжительность

Вёрстка сайта на Grid. Быстрый старт

Видео-курс по созданию сайтов своими руками Дениса Булыги под названием „Вёрстка сайта на Grid. Быстрый старт“ с канала WebForMySelf.

В этом цикле уроков адаптивной вёрстки автор курса покажет вёрстку PSD-макета с использованием современных Web-технологий на чистом HTML и CSS без применения препроцессоров, средств автоматизации и других каких-либо дополнительных возможностей.

Макет, в целом, является довольно простым. На его примере мы разберём множество современных возможностей. А именно, при вёрстке данного макета сайта мы будем использовать Flexbox и CSS Grid Layout.

Для каждого элемента будут использоваться плавные эффекты при наведении. Создадим CSS-анимацию, реализуем плавный переход при клике на анимированную стрелку. Для социальных иконок в подвале будем использовать SVG-спрайт. И немного времени уделим доступности.

Все эти возможности будут реализованы только на основе HTML и CSS. То есть, никаких сборок, проектов, автоматизаций, препроцессоров и прочего применяться в этом миникурсе не будет.

Давайте начинать…

Год

Страна

Язык

Продолжительность

Вёрстка сайта с нуля на Bootstrap 4: Web Developer Blog

Вёрстка сайта с нуля на Bootstrap 4 – курс видео-уроков web-разработки с канала „Web Developer Blog“. Вёрстка bootstrap для начинающих имеет свои стандарты, и в данных уроках вы увидите бутстрап в новом обличии.

На Ютубе уже есть много разных видеоуроков по созданию сайтов своими руками. Но не хочется делать однообразные, похожие друг на друга сайты. После того, как вы научились делать сайты на чистом html (урок по вёрстке сайта на чистом html этого же автора можно посмотреть онлайн или скачать здесь), переходите к освоению адаптивной вёрстки на фреймворке.

Год

Страна

Язык

Продолжительность

Современная вёрстка сайта: Web Developer Blog

Курс видеоуроков практики адаптивной вёрстки сайтов с нуля с канала „Web Developer Blog“ под названием „Современная вёрстка сайта“.
Чем будет примечателен данный курс сайтостроения? В принципе, это будет вёрстка весьма простого макета для тех, кто уже имеет опыт разработки сайтов с нуля. Но для людей, кто будет начинать свой путь веб-разработчика, это будет просто идеальный видеокурс.

В представленных видео-уроках создания сайтов автор покажет основные техники вёрстки с применением Flexbox, CSS Grid Layout. Просто на просторах интернета новички могут найти уже слишком устаревшие уроки, которые не имеет смысла уже вообще делать или повторять.
Здесь же на простом и идеально понятно примере автор покажет технику, которая действительно облегчит вам жизнь при создании сайта. И у вас всё начнёт получаться.

Год

Страна

Язык

Продолжительность

Sublime Text 3: All4Site

Цикл видеоуроков об установке и настройке текстового редактора Sublime Text. В видео рассмотрено, как установить и настроить Sublime Text третьей версии.
Этот редактор кода используется многими для веб-разработки. Он лёгкий в освоении, удобный в работе. Как увидим дальше, Sublime Text 3 довольно масштабируемый, к нему выпущено большое количество различных расширений, которые облегчают и ускоряют процесс написания кода во время программирования.

Из короткого видео-курса мы узнаем, где можно скачать Sublime Text 3, как устанавливать в него темы, плагины. Автор расскажет, какие плагины Sublime Text 3 он использует при веб-программировании. И покажет, как их устанавливать.

Год

Страна

Язык

Продолжительность

CSS Grid: адаптивная вёерстка реального макета: WebDesign Master

В прошлом онлайн уроке мы изучили теорию CSS Grid – новой технологии адаптивной вёрстки сайтов при помощи сеток. Данная технология вызвала интерес у подписчиков канала WebDesign Master. И автор решил сделать видеоурок реальной адаптивной вёрстки сайта с использованием CSS Grid. То есть, на реальном примере использовать эту технологию в создании сайта своими руками.

Автор урока подготовил макет сайта, который позволит нам в полной мере насладиться данной технологией CSS Grid Layout.

Сразу отвечаем на вопрос, нужно ли что-то подключать дополнительно для использования CSS Grid, является ли это фреймворком. Нет, CSS Grid Layout – это встроенная в CSS возможность верстать с помощью сетки. То есть создавать сетки.

Давайте рассмотрим этот небольшой пример…

 

Год

Страна

Язык

Продолжительность

CSS Grid: Новый взгляд на адаптивную вёрстку сайтов: WebDesign Master

Видео-урок веб-дизайна по CSS Grid Layout с канала WebDesign Master. В этом уроке сайтостроения мы рассмотрим новейшую технику адаптивной вёрстки сайтов с использованием CSS Grid.

CSS Grid Layout – технология совершенно новая и официально стала поддерживаться современными браузерами только в середине 2017 года. Данный материал по веб-разработке имеет академический характер. Использовать CSS Grid Layout или нет – решать вам.

CSS всегда использовался для разметки веб-страниц, однако никогда не справлялся с этой работой должным образом. Сначала верстальщики применяли таблицы, позже обтекания (floats), позиционирование и инлайновые блоки. Но все эти способы, в сущности, являются лишь хаками и не дают много важных функциональных возможностей (к примеру, вертикальное выравнивание).

CSS Grid является прорывом в адаптивной вёрстке сайтов. Это первый инструмент, созданный специально для решения проблем компоновки при создании сайтов, которые мы до сих пор решали, используя хаки.

Интересно? Тогда вперёд в будущее…

 

Год

Страна

Язык

Продолжительность

Visual Studio Code: All4Site

Краткий видеокурс по установке, настройке и использованию редактора программного кода Visual Studio Code. Видеоуроки вэб-разработки с канала All4Site.

Visual Studio Code — это современный лёгкий бесплатный кроссплатформенный редактор исходного кода от компании Microsoft. Работает в операционных системах Windows, Linux и OS X. Редактор является альтернативой коммерческой среде для разработки Visual Studio, её бесплатной упрощённой версией.

В видеокурсе мы установим данный текстовый редактор для программирования, научимся устанавливать для него расширения. А также заглянем в настройки Visual Studio Code и посмотрим, что там можно подстроить под себя.

Год

Страна

Язык

Продолжительность

Видео-урок по CSS Grid Layout: ITDoctor

Видео-урок веб-дизайна по CSS Grid Layout с канала ITDoctor. В этом видео веб-разработки автор расскажет подробно, как работать с этим инструментом адаптивной вёрстки сайтов.

CSS Grid позволяет нам компоновать и выравнивать элементы html-страницы в двухмерном пространстве. То есть мы можем создавать столбцы, строки и располагать в них элементы так, как нам захочется. Что-то подобное есть в сетке Bootstrap. Однако в Bootstrap свойства сетки нужно описывать дополнительно, а Grid Layout – это стандартное свойство CSS. Следовательно, при его использовании вес кода меньше.

В данном видео автор расскажет обо всех свойствах CSS Grid Layout. Мы рассмотрим основы CSS Grid и научимся делать адаптивную вёрстку страницы с помощью этой сетки. Освоение новых свойств стилей помогут начать верстать без помощи таких фреймворков, как Bootstrap, на чистом CSS с применением CSS Grid Layout.

Год

Страна

Язык

Продолжительность

Подписаться на видео-уроки