Мы в сети

VK
FB

Оформите подписку!

 Введите Ваш E-m@il и
получайте свежие новости

Рейтинг:

Издательство WebForMySelf Издательство: WebForMySelf

Страница автора - Андрей Кудлай - WebForMySelf Автор курса: Андрей Кудлай

Видеокурс Тематика: CMS | Создание сайтов и блогов

Автор(ы): Андрей Кудлай

Уникальность курса состоит в том, что здесь вы найдете не только уроки по CSS-фреймворку Bootstrap 4, но и по CMS WordPress. Созданная в курсе верстка на Bootstrap устанавливается на CMS №1 в мире – WordPress. Таким образом, в одном месте показан весь процесс создания полноценного функционального динамического сайта с полного нуля.

Смотреть видео:

Фреймворк Bootstrap 4 + WordPress 5. Руководство по адаптивной верстке. (Андрей Кудлай - Webformyself)

  • Часть 1. Теория

ЦЕЛИ И ЗАДАЧИ ДАННОГО РАЗДЕЛА

В первой части курса вы найдете знакомство с теорией CSS-фреймворка Bootstrap 4. Вполне очевидно, что перед использованием инструмента на практике, необходимо изучить теорию работы с ним. Из уроков этой части курса вы узнаете о том, что такое CSS-фреймворки вообще и что такое Bootstrap в частности. Вы увидите варианты подключения Bootstrap к Вашему проекту и узнаете о том, что такое CDN и почему стоит использовать вариант подключения с CDN. Целых четыре урока отведено такой важной теме, как сетка Bootstrap. Именно благодаря сетке нам и интересны CSS-фреймворки в первую очередь. Также вы найдете несколько уроков по использованию популярных компонентов, которые Boostrap предлагает в большом количестве. И, конечно же, вы узнаете о вариантах кастомизации Bootstrap, т.е. изменение оформления под себя, под потребности имеющегося дизайна.

  • Урок 1. Введение

В первом уроке курса рассмотрены организационные моменты, структура и содержание курса. Из урока вы узнаете об основных источниках документации, о преимуществах Bootstrap и о том, что такое CSS фреймворк.

  • Урок 2. Подключение Bootstrap

Прежде чем использовать Bootstrap – его нужно подключить. И в данном уроке вы найдете различные варианты подключения фреймворка. Среди прочего Вы узнаете о том, что такое CDN и почему стоит обратить внимание на подключение ресурсов CDN.

  • Урок 3. Теория сетки Bootstrap

В данном уроке на простых примерах рассмотрена теория сетки Bootstrap. Фактически любой макет сайта, любую конкретную страницу можно представить в виде сетки. Поэтому, понимание принципов работы сетки Bootstrap, понимание теории сетки – важный момент в изучении фреймворка.

  • Уроки 4. Сетка Bootstrap. Часть 1

Следующие четыре урока будут отведены практическим вопросам работы с сеткой Bootstrap 4. Из предлагаемых уроков Вы узнаете об основных классах сетки, которые позволяют манипулировать блоками и по-разному показывать их в зависимости от ширины экрана. Вы увидите, как можно разделить страницу на нужное количество колонок и получить типовую разметку двух- или трехколоночного сайта. Вы узнаете о классах выравнивания и центрирования элементов, а также о классах изменения порядка блоков. Отдельное внимание уделяется вопросу вкладывания сетки внутрь колонок. Как уже отмечалось, сетка Bootstrap является ключевым элементом фреймворка, поэтому важно научиться применять ее на практике.

  • Уроки 5. Сетка Bootstrap. Часть 2

Следующие четыре урока будут отведены практическим вопросам работы с сеткой Bootstrap 4. Из предлагаемых уроков Вы узнаете об основных классах сетки, которые позволяют манипулировать блоками и по-разному показывать их в зависимости от ширины экрана. Вы увидите, как можно разделить страницу на нужное количество колонок и получить типовую разметку двух- или трехколоночного сайта. Вы узнаете о классах выравнивания и центрирования элементов, а также о классах изменения порядка блоков. Отдельное внимание уделяется вопросу вкладывания сетки внутрь колонок. Как уже отмечалось, сетка Bootstrap является ключевым элементом фреймворка, поэтому важно научиться применять ее на практике.

  • Уроки 6. Сетка Bootstrap. Часть 3

Следующие четыре урока будут отведены практическим вопросам работы с сеткой Bootstrap 4. Из предлагаемых уроков Вы узнаете об основных классах сетки, которые позволяют манипулировать блоками и по-разному показывать их в зависимости от ширины экрана. Вы увидите, как можно разделить страницу на нужное количество колонок и получить типовую разметку двух- или трехколоночного сайта. Вы узнаете о классах выравнивания и центрирования элементов, а также о классах изменения порядка блоков. Отдельное внимание уделяется вопросу вкладывания сетки внутрь колонок. Как уже отмечалось, сетка Bootstrap является ключевым элементом фреймворка, поэтому важно научиться применять ее на практике.

  • Уроки 7. Сетка Bootstrap. Часть 4

Следующие четыре урока будут отведены практическим вопросам работы с сеткой Bootstrap 4. Из предлагаемых уроков Вы узнаете об основных классах сетки, которые позволяют манипулировать блоками и по-разному показывать их в зависимости от ширины экрана. Вы увидите, как можно разделить страницу на нужное количество колонок и получить типовую разметку двух- или трехколоночного сайта. Вы узнаете о классах выравнивания и центрирования элементов, а также о классах изменения порядка блоков. Отдельное внимание уделяется вопросу вкладывания сетки внутрь колонок. Как уже отмечалось, сетка Bootstrap является ключевым элементом фреймворка, поэтому важно научиться применять ее на практике.

  • Урок 8. Классы-помощники Bootstrap

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

  • Урок 9. Элементы контента. Изображения и таблицы

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

  • Урок 10. Компонент Alert

В этом видео показана работа с одним из первых компонентов Bootstrap – это компонент Alert. Данный компонент отлично подходит для показа различных системных сообщений на веб-странице.

  • Урок 11. Компонент Modal

Компонент Modal, рассмотренный в данном видео, поможет Вам быстро создавать красивые модальные окна. При этом Вам не нужно будет подключать сторонние плагины типа Lightbox или FancyBox. Достаточно лишь скопировать код предлагаемого компонента из документации Bootstrap и настроить его. Все остальное сделает фреймворк.

  • Урок 12. Кастомизация Bootstrap

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

  • Часть 2. Верстка шаблона сайта

ЦЕЛИ И ЗАДАЧИ ДАННОГО РАЗДЕЛА

Во второй части видеокурса вы перейдете от теории к практике работы с Bootstrap 4. И здесь вы увидите верстку шаблона компании по веб-дизайну. В качестве шаблона будет взят бесплатный макет PSD. Макет представляет собой лендинговую страницу, т.е. страницу, состоящую из нескольких секций, в каждой из которых выводятся свои данные. Здесь есть все типовые элементы, которые часто можно встретить на практике: шапка, занимающая весь первый экран сайта, адаптивное меню, галерея, вкладки, слайдер, видео. Полученная в итоге верстка будет, конечно же, адаптивной.

  • Урок 1. Анализ макета

Прежде чем приступать к верстке макета, необходимо с ним познакомиться и проанализировать: выделить основные используемые шрифты, размеры шрифтов, основные цвета, отступы и т.д. Это и будет сделано в видео. Также из видео Вы узнаете, как можно получить картинки из макета, чтобы их можно было использовать при верстке шаблона.

  • Урок 2. Browsersync

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

  • Урок 3. Общие стили макета

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

  • Урок 4. Разметка блока Header

Посмотрев данное видео, Вы сможете приступить к верстке первой секции макета – шапке будущего сайта. В видеоуроке показано написание разметки секции Header. Здесь будут реализованы такие элементы, как: логотип сайта, основное меню и блок с текстовой информацией. Для реализации блока меню и логотипа можно использовать компонент Navbar фреймворка Bootstrap.

  • Урок 5. Оформление блока Header

В предыдущем видео была показана разметка шапки сайта. Однако, мало набросать лишь HTML-код. Фреймворк не избавляет полностью от написания стилей, он лишь предоставляет типовое оформление. Если же необходимо получить уникальный дизайн и верстку, то необходимо писать собственные правила CSS. Но это будет совсем немного стилей, основу все же предоставляет Bootstrap. В этом видео показано оформление блока Header с помощью пользовательских стилей CSS.

  • Урок 6. Адаптивность блока Header

В этом видео будет показано использование медиа-запросов для реализации адаптивности шапки сайта. Хотя Bootstrap и предполагает из коробки адаптивный сайт, но все же некоторые из элементов сайта иногда придется дополнительно изменять при помощи медиа-запросов: например, сделать меньше шрифт заголовка на определенной ширине экрана, скрыть тот или иной элемент сайта, изменить вариант отображения элемента и т.д. Из видео Вы узнаете, как это можно сделать на примере адаптивности секции Header.

  • Урок 7. Разметка секции Watch

В этом видео показана разметка в коде HTML следующей секции лендинга – секции с часами. В уроке используются возможности сетки Bootstrap, а также компонент вкладок – Tabs, благодаря которому можно компактно разместить на небольшом пространстве страницы достаточно большой объем данных.

  • Урок 8. Оформление секции Watch

В этом видео Вы увидите написание стилей CSS для оформления секции с часами, верстка которой была показана в предыдущем видео.

  • Урок 9. Адаптивность секции Watch

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

  • Урок 10. Разметка секции Progress

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

  • Урок 11. Оформление секции Progress

В данном видео Вы увидите написание стилей для оформления секции Progress.

  • Урок 12. Верстка и оформление секции Let’s Grow

В этом видео Вы увидите верстку и оформление еще одной достаточно простой секции – Let’s Grow. Данная секция представляет из себя описание некоторой рубрики сайта с кнопкой перехода к ее статьям.

  • Урок 13. Верстка секции Design

В этом видео Вы найдете верстку очередной секции – Design. Данная секция интересна нам тем, что в ней представлены градиентные иконки и видео. При этом для запуска видео предполагается нестандартная кнопка. В принципе, вполне нормальным решением было бы просто вставить видео с YouTube. Но в уроке показан вариант работы с API YouTube и работа с элементами управления плеером.

  • Урок 14. Оформление секции Design

В этом видео реализуются стили оформления секции Design. В частности, из видео Вы узнаете, как можно наложить градиент на иконочный шрифт или текст.

  • Урок 15. Верстка секции Work

Верстку очередной секции Вы сможете увидеть в данном видео. Здесь также имеются вкладки, для которых можно использовать компонент Bootstrap. Кроме этого, в данной секции имеются галереи работ. Работы представлены в виде сетки, верстка которой и показана в уроке. Для показа больших изображений можно будет использовать плагин типа Lightbox.

  • Урок 16. Оформление секции Work

Данное видео показывает написание стилей оформления секции портфолио. Как обычно, много стилей писать не нужно, поскольку основные стили написаны уже во фреймворке Bootstrap.

  • Урок 17. Верстка секции Reviews

Очередная секция и очередное видео, в котором показана верстка секции Отзывы клиентов. На макете здесь предполагается один отзыв. Однако, на практике отзывы принято делать в виде слайдера (карусели). И здесь Вам не нужно искать сторонний плагин слайдера, поскольку Bootstrap предлагает компонент карусели. В уроке Вы увидите, как добавить карусель Бутстрапа в новую секцию.

  • Урок 18. Оформление секции Reviews

В данном уроке будут написаны стили для оформления секции с отзывами клиентов.

  • Урок 19. Адаптивность секции Reviews

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

  • Урок 20. Верстка секции Form

Последняя секция макета, верстка которой показана в данном видео, - секция с формой. Bootstrap 4 предлагает различные варианты оформления форм, остается лишь выбрать наиболее подходящий и использовать его в верстке.

  • Урок 21. Оформление секции Form

В этом видео показано оформление секции с формой с помощью кастомных стилей CSS.

  • Урок 22. Верстка футера

Как и в случае с шапкой сайта, которая присутствует практически на каждом сайте, так и футер – он есть практически на любом макете. В этом видео показана верстка футера сайта.

  • Урок 23. Оформление футера

В данном видео будет показано оформление футера и его адаптирование под экраны различных устройств.

  • Урок 24. Кнопка вверх

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

  • Урок 25. Прелоадер для сайта

Интересным и полезным элементом на сайте может быть прелоадер. Вы не раз могли замечать картину, когда при загрузке сайта он может загружаться рывками и при загрузке скриптов или картинок контент будет перескакивать с одной позиции на другую. Визуально это смотрится не очень привлекательно. Чтобы сгладить этот негативный эффект, в частности, можно использовать прелоадер, который будет показываться до полной загрузки страницы, а затем плавно скрыт. В этом видео показана реализация такого прелоадера. В качестве самого прелоадера использован новый компонент последней версии Bootstrap – Spinner.

  • Урок 26. Верстка страницы статей

Макет PSD предполагает верстку лишь одной – главной страницы. Однако, зачастую требуется верстка не только главной страницы, но и как минимум одной внутренней страницы. В этом видео будет показана верстка страницы блога, где выводится лента статей. Для данной страницы, среди прочего, будет использован компонент Bootstrap Pagination для реализации постраничной навигации.

  • Урок 27. Оформление страницы статей

В этом видео будут написаны стили для оформления страницы блога с лентой статей.

  • Урок 28. Шаблон отдельной статьи

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

  • Часть 3. Создание темы для WordPress

ЦЕЛИ И ЗАДАЧИ ДАННОГО РАЗДЕЛА

Еще лет 5 назад под версткой понималось прежде всего именно верстка шаблона. Дальше за дело уже брался программист, задачей которого была посадка шаблона на CMS. Сегодня реалии изменились и часто от верстальщика требуются навыки работы с популярными CMS и знание того, как посадить верстку на движок. Проще говоря, требуется умение создать работающий сайт. Последняя часть курса поможет восполнить этот пробел. Вы узнаете, как можно из шаблона, из верстки создать полноценную тему для WordPress, используя которую можно получить готовый работающий сайт.

  • Урок 1. Установка WordPress

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

  • Урок 2. Стартовая тема Underscores

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

  • Урок 3. Перенос шаблона в структуру темы

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

  • Урок 4. Возможности плагина ACF

При разработке тем для WordPress так или иначе часто приходится обращаться к плагинам, которых для WordPress написано огромное количество. С помощью плагинов можно быстро решить какую-либо задачу и получить функционал, которого нет из коробки в WordPress. Одним из наиболее популярных плагинов при создании тем является плагин ACF – Advanced Custom Fields. Из этого видео Вы можете получить представление об этом плагине и о том, как его можно использовать.

  • Урок 5. Логотип сайта

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

  • Урок 6. Меню в шапке

Одной из замечательных и удобных вещей в WordPress, среди прочего, является меню. WordPress позволяет регистрировать различные меню и выводить их в том или ином месте сайта. Управлять созданными меню в админке – очень просто и удобно. Администратор сайта может добавить в меню абсолютно любой материал: рубрику, страницу, статью или даже произвольную ссылку. Из видео Вы узнаете, как создать меню в WordPress.

  • Урок 7. Вывод произвольных полей шапки

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

  • Урок 8. Шаблоны Header и Footer

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

  • Урок 9. Получение контента секции Watch

В этом уроке объясняется работа с одной из ключевых функций WordPress – get_posts. Используя данную функцию можно получить из базы данных сайта нужные статьи. Большинство секций сайта – это информация той или иной рубрики: ее названием, описание и ее статьи. Поэтому функция get_posts будет весьма полезна для получения нужных данных. Нюансы работы данной функции разобраны в этом видео.

  • Урок 10. Вывод контента секции Watch

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

  • Урок 11. Реализация секции Progress

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

  • Урок 12. Реализация секции Lets

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

  • Урок 13. Реализация секции Design

Одна из наиболее интересных секций как в плане верстки, так и в плане ее реализации в коде темы – это секция рубрики Design. Здесь выводится видеоплеер и, соответственно, для секции должно быть установлено какое-то видео, которое будет выводиться на сайт. Из данного урока Вы узнаете, как можно реализовать эту задачу.

  • Урок 14. Реализация секции галерей

Еще одной интересной секцией создаваемой темы является секция портфолио, в которой последние работы представлены в виде сетки изображений – галереи. В этом видео Вы увидите, как можно реализовать данную секцию и выводить галереи, не используя при этом дополнительных плагинов.

  • Урок 15. Произвольные типы записей

WordPress предлагает по умолчанию два основных типа записей: посты и страницы. Однако, для многих проектов их может быть недостаточно. Это не проблема, мы можем воспользоваться возможностью добавлять произвольные типы записей. Что это такое и как с ними работать – Вы и узнаете, посмотрев данное видео.

  • Урок 16. Секция Отзывы клиентов

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

  • Уроки 17. Плагин Contact Form 7. Часть 1

Этот урок будет посвящен работе с еще одним популярнейшим плагином – Contact Form 7. Данный плагин позволяет легко создавать формы для страниц сайта и с помощью него можно реализовать форму в последней секции макета. В этих двух уроках Вы увидите нюансы работы с плагином Contact Form 7.

  • Уроки 18. Плагин Contact Form 7. Часть 2

Этот урок будет посвящен работе с еще одним популярнейшим плагином – Contact Form 7. Данный плагин позволяет легко создавать формы для страниц сайта и с помощью него можно реализовать форму в последней секции макета. В этих двух уроках Вы увидите нюансы работы с плагином Contact Form 7.

  • Урок 19. Виджеты. Кэширование

Посмотрев это видео, Вы узнаете о такой полезной возможности WordPress, как использование виджетов. Виджеты часто используются для вывода некоторых блоков в повторяющихся частях сайта: сайдбаре или футере. Для футера темы также можно использовать виджеты. Из урока Вы узнаете, как это можно сделать. Также в уроке показана работа с одним из плагинов кэширования, который позволит снизить нагрузку на сервер и ускорить работу сайта.

  • Урок 20. Шаблон рубрик

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

  • Урок 21. Постраничная навигация

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

  • Урок 22. Шаблоны страниц и записей

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


Видеокурс
Бесплатный видео урок


Бесплатный видеокурс "Создание интернет-магазина." (Андрей Бернацкий, Андрей Кудлай - Webformyself)


5 бесплатных видеоуроков покажут Вам процесс создания интернет-магазина с нуля: от дизайна до программирования...

Видеокурс
Видео урок


Видеокурс "Премиум — год в эфире. Сезон 2012" (Андрей Бернацкий, Андрей Кудлай, Виктор Гавриленко, WebForMySelf)


Без ложной скромности заявляем: наша с вами модель обучения оказалась очень востребованной. Даже более востребованной, чем мы ожидали вначале. На протяжении 2012 года тысячи людей оформили премиум-подписку...

Видеокурс
Видео урок


Видеокурс "Премиум уроки по созданию сайтов". (Андрей Бернацкий, Андрей Кудлай, Виктор Гавриленко, WebForMySelf)


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

Видеокурс
Видео урок


Видеокурс "Интернет-магазин под ключ". (Андрей Бернацкий, Андрея Кудлай - Webformyself)


Мощнейшее Практическое Руководство от Мастеров Сайтостроения — просто СМОТРИ и ДЕЛАЙ! Для тех, кто спит и видит себя высокооплачиваемым спецом по разработке интернет-магазинов и сайтов любой сложности в совершенстве...

Видеокурс
Видео урок


Видеокурс "Премиум — 2 год в эфире. Сезон 2013." (Андрей Бернацкий, Андрей Кудлай, Виктор Гавриленко, WebForMySelf)


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

Видеокурс
Видео урок


Видеокурс "Фреймворк Bootstrap: практика адаптивной верстки от А до Я". (Андрей Кудлай - Webformyself)


На всем русскоязычном пространстве по состоянию на начало 2016 года нет ни одного исчерпывающего видеоруководства, которое полностью бы раскрывало все нюансы работы в этом невероятно популярном CSS-фреймворке....

Видеокурс
Бесплатный видео урок


Бесплатный видеокурс "WordPress – основы создания тем". (Андрей Кудлай - Webformyself)


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

Видеокурс
Бесплатный видео урок


Бесплатный видеокурс "Фреймворк Bootstrap. Верстаем адаптивно, просто, быстро! ". (Андрей Кудлай - Webformyself)


Прямо сейчас забирайте БЕСПЛАТНО пошаговый видеокурс по основам адаптивной верстки в фреймворке Bootstrap от наиболее авторитетного в Рунете обучающего издательства для веб-мастеров WebForMyself....

Видеокурс
Бесплатный видео урок


Бесплатный видеокурс "CakePHP - мощь и гибкость современного PHP-фреймворка". (Андрей Кудлай - Webformyself)


Хотите брать самые дорогие заказы на фрилансе или продвигаться по карьерной лестнице в веб-студиях как программист и веб-мастер?...

Видеокурс
Видео урок


Видеокурс "WordPress - Профессионал". (Андрей Кудлай и команда WebForMySelf)


Представляем вам уникальную информацию по API WordPress, благодаря которой вы научитесь писать плагины и виджеты… и станете одним из самых востребованных и высокооплачиваемых специалистов по WordPress...

Видеокурс
Видео урок


Видеокурс "WordPress-Мастер: разработка тем для WordPress". (Андрей Кудлай - Webformyself)


Видеокурс «WordPress-Мастер: разработка тем для WordPress» состоит из трех частей: одной теоретической и двух практических. Приобретая данный курс, вы получаете целостный продукт, в котором есть все необходимое для изучения и работы с WordPress......

Видеокурс
Видео урок


Видеокурс "WordPress-Мастер: от Личного блога до Премиум шаблона." (Андрей Кудлай - WebForMySelf)


На сегодняшний день это единственная обучающая система в Рунете, которая гарантирует, что Вы сможете на профессиональном уровне создавать адаптивные сайты на WordPress — с Вашим уникальным дизайном и под любые Ваши цели!...

Видеокурс
Видео урок


Видеокурс "1С-Битрикс. Практика создания веб-проектов!". (Андрей Кудлай - Webformyself)


В курсе изучается одна из наиболее популярных CMS в Рунете-1С-Битрикс.Данный движок позволяет создавать сайты абсолютно любой направленности и абсолютно любого уровня сложности.Это может быть:интернет-магазин,корпоративный сайт компании,информационный....

Видеокурс
Бесплатный видео урок


Бесплатный видеокурс "Фреймворк Yii2: теория и первая практика". (Андрей Кудлай - Webformyself)


В этом мини-курсе, состоящем из 6 уроков, мы познакомимся с вами с современным и одним из наиболее востребованных и популярнейших фреймворков в Рунете – это PHP фреймворк Yii2. Фреймворк Yii2 – это программный каркас для создания веб-приложений.....

Видеокурс
Бесплатный видео урок


Бесплатный видеокурс "CMS 1C-Битрикс: быстрый старт, первые результаты". (Андрей Кудлай - Webformyself)


Данный мини-курс призван познакомить вас с основами создания шаблонов для битрикса, а также дать общее представление об этой CMS и познакомить с основами работы в ней. Уже начиная с первого урока мы с вами перейдем к практике и установим Битрикс на......

Видеокурс
Видео урок


Видеокурс "Фреймворк CakePHP: с Нуля до Гуру на примере создания корпоративного сайта". (Андрей Кудлай - Webformyself)


Первый и единственный в Рунете исчерпывающий видеокурс на тему работы с фреймворком CakePHP… Уже в ближайшие 2 месяца вы из полного новичка веб-программирования превратитесь в профессионала....

Видеокурс
Видео урок


Видеокурс "Интернет-магазин на OpenCart. Создание магазина с уникальным шаблоном". (Андрей Кудлай - Webformyself)


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

Видеокурс
Бесплатный видео урок


Бесплатный видеокурс "OpenCart: быстрый старт, первые результаты". (Андрей Кудлай - Webformyself)


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

Видеокурс
Видео урок


Видеокурс "Фреймворк YII2 с Нуля до Профи. Быстрая разработка с современным фреймворком" (Андрей Кудлай - WebForMySelf)


Фреймворк Yii2 – это программный каркас для создания веб-приложений, написанный на PHP. Фреймворк Yii2 позволяет создавать сайты любого уровня сложности.....

Видеокурс
Видео урок


Видеокурс "PHP-Мастер. От теории до собственной CMS интернет-магазина". (Андрей Кудлай - Webformyself)


В видеокурсе показано не только создание движка для интернет-магазина, но еще и создается собственный фреймворк, на котором и пишется CMS. В курсе разрабатывается собственный РНР-фреймворк, который вы сможете в дальнейшем использовать многократно.......

Видеокурс
Бесплатный видео урок


Бесплатный видеокурс "PHP. Прием платежей на сайте". (Андрей Кудлай - Webformyself)


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

Видеокурс
Бесплатный видеокурс


Бесплатный видеокурс "Фреймворк Laravel. Быстрый старт". (Андрей Кудлай - Webformyself)


Представляем вам мини-курс «Фреймворк Laravel. Быстрый старт». Курс включает в себя 7 небольших уроков и здесь вы познакомитесь с наиболее популярным современным фреймворком для создания сайтов – Laravel.

Видеокурс
Видео урок


Видеокурс "Фреймворк Bootstrap 4 + WordPress 5. Руководство по адаптивной верстке". (Андрей Кудлай - Webformyself)


Уникальность курса состоит в том, что здесь вы найдете не только уроки по CSS-фреймворку Bootstrap 4, но и по CMS WordPress. Созданная в курсе верстка на Bootstrap устанавливается на CMS №1 в мире – WordPress. Таким образом, в одном месте показан весь....

Видеокурс
Видеокурс


Видеокурс "Laravel. Полное руководство". (Андрей Кудлай - Webformyself)


Видеокурс состоит из 2 больших разделов и включает в себя 58 уроков общей продолжительностью около 21 часа.

Видеокурс
Видеокурс


Видеокурс "Фреймворк Yii2. Быстрая разработка с современным фреймворком". (Андрей Кудлай - Webformyself)


Видеокурс состоит из 2 больших разделов и включает в себя 54 урока общей продолжительностью более 22 часов. Первая часть курса будет посвящена изучению возможностей, которые предлагает нам фреймворк Yii2. Здесь вы лишь прикоснетесь к его огромным .....

Видеокурс
Видео урок


Видеокурс "Python. Полное руководство". (Андрей Кудлай - Webformyself)


Видеокурс состоит из 2 больших разделов и включает в себя 72 урока общей продолжительностью более 23 часов. Первый раздел является квинтэссенцией тщательно отобранной. Второй большой раздел видеокурса полностью посвящен изучению библиотеки Tkinter.

Видеокурс
Бесплатный видеокурс


Бесплатный видеокурс "Фреймворк Yii2. Быстрый старт". (Андрей Кудлай - Webformyself)


В этом мини-курсе, состоящем из 6 уроков, вы познакомитесь с фреймворком Yii2. Фреймворк Yii2 – это программный каркас для создания веб-приложений, написанный на PHP. Данный фреймворк позволяет создавать сайты любого уровня сложности визитка, блог....

Видеокурс
Бесплатный видео урок


Бесплатный видеокурс "Фреймворк Bootstrap 4. Быстрый старт". (Андрей Кудлай - Webformyself)


Представляем вам мини-курс «Bootstrap 4. Быстрый старт». Курс включает в себя 9 небольших уроков общей продолжительностью почти 2 часа. В курсе показана верстка макета из PSD с применением CSS-фреймворка Bootstrap 4. Bootstrap – это популярнейший......

Видеокурс
Бесплатный видео урок


Бесплатный видеокурс "Python. Быстрый старт". (Андрей Кудлай - Webformyself)


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

Это видеокурс
Видеокурс


Видеокурс "Django. Полное руководство". (Андрей Кудлай - webformyself)


Овладев фреймворком Django, вы сможете создавать сайты любого типа и любой сложности, поскольку данный фреймворк хорошо подходит для разработки масштабируемых и высоконагруженных проектов. Вы сможете создавать как простые сайты-визитки или блоги, так ....

Это видеокурс
Бесплатный видеокурс


Бесплатный видеокурс "Django. Быстрый старт". (Андрей Кудлай - webformyself)


Django – это веб-фреймворк на языке программирования Python, использующий архитектурный паттерн MVC. Первая версия фреймворка увидела свет в 2005 году. С тех пор фреймворк активно развивается и сегодня актуальна уже третья версия Django, которая и будет.
КОЛЛЕКЦИЯ БЕСПЛАТНОГО ВИДЕО

Если Вы не нашли видео на сайте то воспользуйтесь наши каналом с большим количеством разнообразных видео курсов на различные темы

Смотреть видео Смотреть видео

ПОПУЛЯРНЫЕ КНИГИ, КУРСЫ И ТРЕНИНГИ

Видеокурс Видео урок
Видеокурс Видео урок
Видеокурс Курс
Видеокурс Бесплатный видео урок
Видеокурс Видеокурс
Видеокурс Видео урок

БЕСПЛАТНОЕ ВИДЕО, МИНИ - КУРСЫ

Промо ролики видеокурса Мини-курс. Фреймворк Bootstrap 4. Быстрый старт. (Андрей Кудлай - Webformyself)
Промо ролики видеокурса Секреты техники резиновой верстки сайта. (Андрей Бернацкий - WebForMySelf)
Промо ролики видеокурса CMS 1C-Битрикс быстрый старт, первые результаты. (Андрей Кудлай - Webformyself)
Промо ролики видеокурса Фреймворк Bootstrap. Верстаем адаптивно. (Андрей Кудлай - Webformyself)
Промо ролики видеокурса Фреймворк Yii2: теория и первая практика. (Андрей Кудлай - Webformyself)
Промо ролики видеокурса WordPress – основы создания тем. (Андрей Кудлай - Webformyself)