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

Россия

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

Год

Страна

Язык

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

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 является прорывом в адаптивной вёрстке сайтов. Это первый инструмент, созданный специально для решения проблем компоновки при создании сайтов, которые мы до сих пор решали, используя хаки.

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

 

Год

Страна

Язык

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

Видео-урок по 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.

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

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

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

Год

Страна

Язык

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

Уход за малышом с первых дней жизни: ComfortBabyline

Уход за малышом с первых дней жизни ― видео с канала ComfortBabyline, посвящённое уходу за ребёнком на первом году жизни. Семинар проведён для будущих мам врачом-неонатологом, а по совместительству мамой, Щелкуновой Валерией Максимовной.

Роды, особенно первые, делят жизнь женщин на „до“ и „после“. Страшно даже представить, сколько вопросов появится в голове мамы. И большая часть из них будет связана с уходом за ребёнком. Потому что, обеспечив питание, комфортный сон, следующий вопрос – как же за малышом ухаживать?

При первой встрече с ребёнком, кроме восторга, радости, умиления возникает вопрос: „А что с этим делать?“ И потом мамы начинают искать ответы у медицинского персонала, подружек, бабушек, в интернете. И все дают разные, часто противоречивые советы.

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

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

Год

Страна

Язык

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

Подписаться на Россия