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

видео-уроки

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.

Год

Страна

Язык

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

Gulp 4: Всё, что нужно знать для старта

Видеоурок Вадима Прокопчука по изучению менеджера задач Gulp 4с канала „От 0 до 1“. Его часто используют в качестве системы сборки фронтэнда.

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

Во время вёрстки веб-страницы нам нужно сжимать код, т.е. минифицировать JavaScript, минифицировать CSS. Мы должны переводить из предпроцессорного языка, например, SASS или SCSS, в CSS, компилировать. Также мы должны уменьшать размер изображений, заливать файлы по ftp на сервер и многое другое. Менеджеры задач и сборщики проектов при правильной настройке смогут всё это делать за нас.

В видео автор урока подробно объясняет, зачем нужен Gulp, показывает тонкости работы с Gulp 4. C абсолютного нуля создаст сборку, которую можно использовать для работы над реальными проектами.

Год

Страна

Язык

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

Профессиональная вёрстка сайта для начинающих: Web Developer Blog

Новый онлайн курс по вёрстке сайта с нуля. Мы будем использовать все самые профессиональные инструменты и только новые методы вёрстки. Здесь не будет float-ов, не будет остальных устаревших атрибутов. У нас будет адаптивная вёрстка сайта на CSS Grid и Flexbox.

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

В этом онлайн видеокурсе веб-разработки мы сверстаем несложный шаблон. Выглядит он достаточно симпатично. Сделаем мы его полностью адаптивным.

Для новичка этот шаблон подходит просто идеально. Вы отработаете все техники вёрстки, разберётесь, как верстать определённые компоненты, как это всё компоновать. И, самое главное, как это всё дело сделать максимально быстро.

Год

Страна

Язык

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

15 мин силовая бодрая йога на всё тело: chilelavida

Елена Малова представляет на своём канале chilelavida вновь короткую практику Виньяса йоги продолжительностью 15 минут. Для многих короткие видеоуроки йоги – это спасение.

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

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

Год

Страна

Язык

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

Йога Виньяса уровень 2 на всё тело (30 минут): chilelavida

Видео-урок Виньяса йоги для продолжающих в домашних условиях от chilelavida. Елена Малова представляет небольшой комплекс упражнений, на полчасика, но достаточно интенсивный.

Скорее всего, комплекс упражнений йоги для продолжающих. Но начинающим тоже можно попробовать. И то, что не получается, просто оставьте на потом. Но, если всё-таки нет, на сайте есть подборка уроков йоги для начинающих, где вы можете подобрать что-то по своему вкусу.

Интенсивный комплекс Виньяса флоу йога проработает всё тело, успокоит ум и при этом не займёт очень много времени. Потому что вряд ли у нас есть куча свободного времени, чтобы практиковать йогу.

А, если это не так, то можно поискать более продолжительные тренировки йоги chilelavida. Там есть занятия 60 минут и больше. Выбор всегда есть.

Будем начинать, чтобы не терять времени…

Год

Страна

Язык

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

Братья Щербаковы: Ловля окуня на джиг-приманки

Ловля окуня на джиг-приманки – вторая часть онлайн видео о ловле окуня из серии учебных фильмов о рыбалке братьев Щербаковых. Двадцать шестой выпуск расскажет о секретах ловли окуня. Может ли окунь устоять перед вертушкой, было рассказано ранее. В настоящем видео о приманках на окуня мы попытаемся разобраться, что такое джиг для окуня – корм или игрушка.

Надо сказать, что джиговых рыболовных приманок очень много, разнообразие их огромно. И поймать окуня, в принципе, можно на любую джиг-приманку. Разумеется, есть свои секреты, закономерности, хитрости, о которых нужно знать и умело ими пользоваться.

Год

Страна

Язык

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

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