Овладейте современной версткой и создавайте крутые
интернет-магазины «под ключ» по новейшим технологиям

Bootstrap 5 +
OpenCart 3

Верстайте шаблоны как профи

Овладейте базой HTML5 и CSS3

Создавайте интернет-магазины

Получите азы PHP, MySQL и ООП

Это про вас?

Вы не хотите растягивать ваш вход в веб-разработку на месяцы и годы?

Желаете профессионально овладеть современной версткой и научиться создавать интернет-магазины «под ключ»?

Если хоть на один из вопросов вы ответили утвердительно, тогда этот видео курс – вам поможет!

Посмотрите видеообзор




Купить курс

Для кого создавался курс

Начинающие верстальщики

Этот курс идеально подойдет для старта вашей карьеры, если вы только делаете первые шаги в верстке и дизайне или собираетесь уверенно войти в сферу веб-разработки. Дополнительные бонусы дадут вам необходимый фундамент для старта: современные основы верстки, HTML5 и CSS3, а также глубокое погружение в Bootstrap 5 с нуля и до продвинутого уровня.

Опытные верстальщики

Опытные верстальщики получат от успешного профессионала с 14-летним опытом веб-разработки ценные практические советы по продвинутым техникам работы в CSS-фреймворке Bootstrap 5, а также актуальную информацию о создании функциональных интернет-магазинов на CMS OpenCart 3, включая создание темы с нуля.

Начинающие веб-программисты

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

Вебмастера-фрилансеры

Вы получите сразу два востребованных на рынке фриланса и удаленной работы актуальных навыка: современной адаптивной верстки в CSS-фреймворке Bootstrap 5 и создания интернет-магазинов на популярном движке OpenCart 3. Итоговой работой вы сможете украсить ваше портфолио и продемонстрировать свою квалификацию.

Наш план действий

Часть 1

Изучение Bootstrap 5. Теория

В первой части курса вы найдете знакомство с теорией CSS-фреймворка Bootstrap 5.

Вы увидите варианты подключения Bootstrap к вашему проекту. Сразу 15 уроков отведено такой важной теме, как сетка Bootstrap.

Также вы найдете несколько уроков по использованию популярных компонентов.

Часть 2

Верстка шаблона сайта

Во второй части курса мы перейдем к практике работы с Bootstrap 5. И здесь вы увидите верстку сайта интернет-магазина.

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

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

Часть 3

Создание темы для OpenCart 3

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

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

Результат – работа в портфолио

Повторяя по шагам за автором курса, вы пройдете все этапы создания интернет-магазина.

Начнете от идеи и верстки шаблона и до дойдете создания уникальной темы для CMS OpenCart и создания современного интернет-магазина с админкой и личным кабинетом покупателя.

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

Подробная программа курса

Часть 1

Изучение Bootstrap 5. Теория

15 уроков, 4 часа видео

Урок 1. Введение. Организационные вопросы
В первом уроке курса рассмотрены организационные моменты, структура и содержание курса. Из урока вы узнаете об основных источниках документации, о преимуществах Bootstrap и о том, что такое CSS фреймворк.
Урок 2. Подключение Bootstrap
Прежде чем использовать Bootstrap – его нужно подключить. И в данном уроке вы найдете различные варианты подключения фреймворка. Среди прочего Вы узнаете о том, что такое CDN и почему стоит обратить внимание на подключение ресурсов CDN.
Урок 3. Breakpoints. Точки останова сетки
Из предлагаемого видео вы узнаете о том, что такое breakpoints или точки останова сетки. Данные точки привязаны к определенной ширине области просмотра и для каждой из точек Bootstrap предлагает соответствующие классы сетки, благодаря которым и реализуется адаптивность сайта.
Урок 4. Контейнер в Bootstrap
Одним из ключевых элементов сетки в Bootstrap является контейнер. Bootstrap 5 предлагает три варианта контейнера, используя которые мы можем получить различную ширину блока-обертки сетки.
Урок 5. Теория сетки Bootstrap
В данном уроке на простых примерах рассмотрена теория сетки Bootstrap. Фактически любой макет сайта, любую конкретную страницу можно представить в виде сетки. Поэтому, понимание принципов работы сетки Bootstrap, понимание теории сетки – важный момент в изучении фреймворка.
Урок 6-9. Сетка Bootstrap. Часть 1-4
Следующие четыре урока будут отведены практическим вопросам работы с сеткой Bootstrap 5. Из предлагаемых уроков Вы узнаете об основных классах сетки, которые позволяют манипулировать блоками и по-разному показывать их в зависимости от ширины экрана.

Вы увидите, как можно разделить страницу на нужное количество колонок и получить типовую разметку двух- или трехколоночного сайта. Вы узнаете о классах выравнивания и центрирования элементов, а также о классах изменения порядка блоков. Отдельное внимание уделяется вопросу вкладывания сетки внутрь колонок. Как уже отмечалось, сетка Bootstrap является ключевым элементом фреймворка, поэтому важно научиться применять ее на практике.
Урок 10. Классы-помощники Bootstrap
Кроме своей знаменитой сетки, Bootstrap предлагает множество так называемых классов-помощников, позволяющих решать различные задачи. К таким классам можно отнести clearfix, который поможет сбросить обтекание элементов, классы цвета и вариантов отображения элементов, классы, позволяющие быстро добавить стандартные внутренние или внешние отступы, классы, управляющие тенью, границами, позиционированием элементов и т.д. Некоторые из предлагаемых классов рассмотрены в данном видео.
Урок 11. Таблицы
Одними из ключевых элементов раздела Элементы контента в документации Bootstrap можно считать таблицы. И действительно, на практике с таблицами Вы сталкиваетесь достаточно часто. Bootstrap 5 предлагает набор классов для красивого оформления таблиц. Например, добавив к таблице всего-навсего один класс, Вы получите симпатичную таблицу, которая будет отлично выглядеть на странице сайта.
Урок 12-13. Формы. Часть 1-2
Следующая пара уроков посвящена работе с формами. Сегодня практически на любом сайте есть хотя бы одна форма, а часто их гораздо больше. Поэтому формы являются важным элементом сайта и именно поэтому Bootstrap особое внимание уделяет оформлению элементов формы. Из уроков вы узнаете об основных вариантах стилизации форм в Bootstrap 5.
Урок 14. Компонент Modal
Компонент Modal, рассмотренный в данном видео, поможет Вам быстро создавать красивые модальные окна. При этом Вам не нужно будет подключать сторонние плагины типа Lightbox или FancyBox. Достаточно лишь скопировать код предлагаемого компонента из документации Bootstrap и настроить его. Все остальное сделает фреймворк.
Урок 15. Карусель
Bootstrap предлагает большое количество типовых готовых компонентов, которые могут вам пригодиться. Один из таких – компонент Modal – был рассмотрен в предыдущем уроке. В этом уроке вы познакомитесь с еще одним – это компонент Carousel. Используя компонент Карусель, вы можете в считанные минуты получить готовый слайдер для сайта, не используя дополнительных плагинов.

Часть 2

Верстка шаблона сайта

17 уроков, 4 часа видео

Урок 1. Введение
Первый урок практической части курса будет вступительным и здесь будут поставлены задачи, которые необходимо выполнить при верстке шаблона интернет-магазина. Поскольку у нас нет дизайна, соответственно, нужно учесть этот нюанс, чтобы на выходе мы получили приемлемый дизайн сайта. Также в уроке мы поговорим о будущей структуре сайта, которую необходимо реализовать в верстке шаблона.
Урок 2-4. Верхняя навигационная панель. Части 1-3
В следующих трех уроках будет показана верстка верхней навигационной панели сайта. Поскольку мы верстаем интернет-магазин и верстаем его под OpenCart, соответственно, в этой панели необходимо учесть все те элементы, функционал которых предлагает OpenCart. Соответственно, здесь будут представлены иконки поиска, корзины, закладок и пользовательских ссылок. При этом, поскольку место ограничено, необходимо предусмотреть открытие соответствующих элементов при клике по той или иной иконке. В частности, при клике по иконке поиска должна открываться форма поиска, при клике по иконке корзины должно открываться модальное окно корзины и т.д.
Урок 5. Меню категорий
Следующим блоком, который мы сверстаем в данном уроке, будет меню категорий. Это будет меню двухуровневое и, само собой, это меню должно быть адаптивным, т.е. на мобильных устройствах это меню должно скрываться под иконкой гамбургера.
Урок 6. Слайдер
На главной странице многих интернет-магазинов принято выводить слайдер, где могут быть представлены акционные предложения или же какие-либо новости. Поэтому в данном уроке мы реализуем подобный слайдер. Для его реализации нам не потребуются какие-либо дополнительные плагины, мы используем компонент фреймворка Bootstrap под названием Carousel.
Урок 7-8. Карточка товара. Части 1-2
Следующие два урока будут отведены под верстку карточки товара. Bootstrap предлагает готовый компонент карточки, однако, он не всем может подойти, поэтому в уроке будет показана верстка собственной карточки товара с нуля. Полученный компонент карточки товара можно будет использовать многократно, в частности, в блоках предложений на главной странице, на странице поиска, а также на странице категорий.
Урок 9. Блок преимуществ
На главной странице интернет-магазина часто выводят так называемый блок преимуществ. Это блок, призванный заинтересовать пользователя, вызвать его доверие к магазину. Здесь могут сообщать, к примеру, что в магазин работает на рынке уже не первый год, что за время работы магазина было сделано большое количество заказов, что магазин предлагает низкие цены на товары и т.д., и т.п. В уроке будет показана верстка данной секции для главной страницы сайта.
Урок 10. Футер сайта
Последней секцией главной страницы будет футер сайта. Собственно, данная секция, как и шапка, зачастую будет одинаковой для всех страниц сайта, поэтому ее достаточно сверстать только один раз. В футере будут представлены блоки информационных ссылок сайта, а также контактная информация.
Урок 11. Кнопка вверх
В предлагаемом уроке будет показана реализация функционала кнопки вверх. Эта кнопка достаточно удобна, особенно для пользователей мобильной версии сайта, поскольку позволяет всего за один клик быстро и плавно переместится на верх страницы.
Урок 12. Сайдбар страницы категорий
Главная страница сверстана и можно переходить к следующей – это будет страница категории. Данная страница предполагает двухколоночный макет, где в левой колонке – сайдбаре – будет представлено меню категорий магазина, а в правой – контентной части – будут выводиться карточки товаров категории. В данном уроке будет реализован сайдбар страницы категорий.
Урок 13. Контент страницы категорий
Второй колонкой страницы категорий будет колонка контента. Здесь должно выводиться название категории, ее описание, выпадающие списки для управления показом товаров и, конечно же, карточки товаров категории. Все это будет реализовано в рамках текущего урока.
Урок 14-17. Шаблон страницы товара. Части 1-4
Последние четыре урока второй части курса будут отведены под верстку шаблона страницы товара. На этой странице будет выводиться достаточно много элементов и информации: основное и дополнительные изображения товара, вкладки с описанием и характеристиками товара, а также наименование, цена товара и возможность добавления выбранного количества товара в корзину.

Часть 3

Создание темы для OpenCart 3

22 урока, 6 часов видео

Урок 1. Установка OpenCart
В этом видео будет показана установка OpenCart на локальный сервер Open Server. Из урока Вы узнаете, как установить OpenCart, какой локальный сервер лучше использовать и т.д. По итогу урока будет получен стандартный сайт под управлением CMS OpenCart для которого и будет создаваться новая тема.
Урок 2. MVC
OpenCart реализует разновидность архитектурного паттерна MVC, что предполагает разделение кода на составные части: модели, виды и контроллеры. Также OpenCart предполагает дополнительный компонент кода – языковые файлы. В этом уроке на простом примере будет объяснена суть работы паттерна MVC и структура CMS OpenCart.
Урок 3. Создание и активация темы
Если вы работали с OpenCart 2, то знаете, что тема во второй версии CMS создается и активируется достаточно просто. В OpenCart 3 все немного сложнее, поскольку в третьей версии появились дополнительные возможности управления темой. Из урока вы узнаете, как создать и активировать тему для OpenCart 3.
Урок 4. Перенос верстки в структуру темы
Создание темы стоит начать с главной страницы сайта. Задачей текущего урока будет создание шаблона, отвечающего за показ главной страницы, и перенос имеющейся верстки в код созданного шаблона. При этом нужно правильно подключить все необходимые файлы: скрипты, стили т.д., чтобы главная страница сайта не отличалась от имеющейся верстки.
Урок 5. Шаблоны header и footer
Тема OpenCart состоит из множества шаблонов. При этом в формировании одной страницы могут принимать участие сразу несколько шаблонов. В этом уроке будут созданы два дополнительных шаблона – header и footer, которые отвечают за шапку и футер сайта и используются не только для главной, но и для всех прочих страниц сайта.
Урок 6. Модуль Slideshow
Многие компоненты в теме OpenCart реализуются в виде модулей. Это достаточно удобно, поскольку модули при желании можно подключать в соответствующие позиции шаблона или же отключать их. Одним из таких модулей является Slideshow, - он необходим для вывода слайдера в шапке страницы. В уроке будет создан шаблон данного модуля, чтобы в результате включения модуля был получен слайдер с нужным дизайном.
Урок 7. Модуль HTML
Еще один модуль, реализация которого будет показана в текущем уроке, - это модуль HTML. Это самый простой модуль, который не требует особого оформления и функционала, поскольку его задача состоит в том, чтобы просто вывести некоторый код HTML, который сохранен для данного модуля.
Урок 8. Модуль рекомендуемых товаров
Следующим модулем главной страницы темы будет модуль рекомендуемых товаров. По названию легко понять, что данный модуль выводит некоторый список товаров, т.е. некоторые акционные предложения, которые могут заинтересовать покупателя. В уроке будет создан шаблон данного модуля с тем, чтобы получить требуемое оформление карточек товара.
Урок 9. Шаблон меню категорий
Последним шаблоном главной страницы, который будет реализован в рамках данного урока, будет шаблон меню категорий. Задача данного шаблона проста – вывести категории сайта в виде меню.
Урок 10-11. Добавление товара в корзину. Части 1-2
Следующие два урока будут отведены одному из ключевых моментов при разработке интернет-магазина – это вопрос добавления товара в корзину. В OpenCart данный функционал уже есть и нужно просто правильно его использовать, и поправить под себя при необходимости. Добавление в корзину происходит без перезагрузки страницы, т.е. используется асинхронный запрос, который уже написан. Мы используем этот запрос, поправим его под себя и в результате, после добавления товара в корзину пользователю будет показано содержимое корзины в модальном окне.
Урок 12. Добавление товара в закладки
Еще одним функционал, который часто предлагается интернет-магазинами и который реализован в OpenCart, является добавление товара в закладки. Это очень удобно, поскольку покупатель всегда может посмотреть свои закладки и увидеть заинтересовавшие его товары без долгого поиска. В уроке будет показано добавление данного функционала в создаваемую тему OpenCart.
Урок 13. Шаблон footer
Последним шаблоном главной страницы создаваемой темы OpenCart будет шаблон footer. Данный шаблон очень прост и в нем просто нужно вывести ряд доступных переменных, в которых содержатся различные информационные ссылки и ссылки аккаунта пользователя.
Урок 14-16. Шаблон категории. Части 1-3
В следующих трех уроках будет показана реализация шаблона категории. В данном шаблоне необходимо предусмотреть вывод модулей сайдбара, в частности, это будет модуль списка категорий. Также необходимо вывести информацию о категории и список ее товаров. Кроме непосредственно шаблона категории будет также реализован шаблон модуля списка категорий.
Урок 17. Страница товара
Следующим шаблоном, который будет создан в данном уроке, будет шаблон страницы товара. Здесь будет выводится информация о товаре – его наименование, цена, описание, характеристики, основное и дополнительные изображения. Также здесь можно будет добавить необходимое количество товара в корзину.
Урок 18. Оформление заказа
Одним из самых проблемных в реализации шаблонов является шаблон оформления заказа. Оформление заказа в OpenCart разбито на шаги, каждый из которых получает свой блок информации асинхронным запросом и, соответственно, под каждый из шагов предусмотрен свой шаблон. Соответственно, здесь потребуется не один шаблон, а сразу несколько. Из урока вы узнаете, какие именно шаблоны вам потребуются и как их использовать для реализации функционала оформления заказа в теме OpenCart.
Урок 19. Шаблон корзины
Перед оформлением заказа покупатель может детальнее посмотреть содержимое корзины и при необходимости изменить его на странице корзины. В данном уроке в тему будет добавлен еще один шаблон, который отвечает за страницу показа корзины.
Урок 20. Шаблон регистрации
Для работы с пользователем OpenCart предлагает целый ряд шаблонов: шаблоны регистрации и авторизации, шаблон личного кабинета, шаблон редактирования данных профиля. Их достаточно много и все они похожи в реализации. В уроке будет показана реализации шаблона регистрации
Урок 21. Шаблон поиска
Как и в любом другом интернет-магазине, в OpenCart предусмотрен функционал поиска. Результаты поиска должен показывать специальный шаблон, который и будет создан в данном уроке.
Урок 22. Заключительный урок
В последнем уроке будут внесены некоторые дополнительные правки в полученную тему OpenCart.

Бонусные курсы

6

курсов

33

часа

117

уроков

Бонусная часть курса содержит 6 дополнительных видеокурсов, которые дадут необходимые для старта с нуля азы любому новичку: современной верстки на HTML5 и CSS3, а также основы программирования на PHP и MySQL.

Бонус 1

HTML для начинающих

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

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

Задания для самостоятельного выполнения дадут возможность закрепить полученные знания на практике.

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

8 уроков, 2 часа видео

Бонус 2

CSS для начинающих

При верстке веб-страниц HTML отвечает за разметку страницы, то есть за ее построение. А за оформление страницы, то есть за ее дизайн и внешний вид, отвечает CSS.

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

10 уроков, 1,5 часа видео

Бонус 3

HTML 5. Основы

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

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

В данном видеокурсе рассматриваются лишь основы HTML5, наиболее востребованные и актуальные в процессе верстки.

13 уроков, 2,5 часа видео

Бонус 4

CSS 3. Основы

Наиболее прогрессивная спецификация CSS3 предоставляет множество возможностей и свойств для реализации различных визуальных эффектов

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

В курсе рассматриваются только азы CSS3, наиболее востребованные и актуальные в процессе верстки.

20 уроков, 5 часов видео

Бонус 5

PHP+PHP7+MySQL

ВВ первую очередь курс будет полезен тем, кто вообще не знаком с PHP, но желает изучить язык программирования, на котором написано более 74% всех сайтов в интернете. Без знания основ РНР даже и не стоит думать всерьез о карьере веб-разработчика.

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

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

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

39 уроков, 16 часов видео

Бонус 6

ООП PHP

В уроках курса простым языком, понятным даже новичкам, рассматриваются основы объектно-ориентированного программирования (ООП), которых должно быть достаточно для написания большинства приложений на РНР в объектном стиле.

Рассматривается наследование классов для создания удобной и гибкой логики веб-приложения, а также создание разветвленных иерархий классов. Объяснено переопределение методов и создание абстрактных классов.

Объясняется смысл использования интерфейсов, тема автозагрузки классов. Разбирается использование пакетного менеджера Composer. А также множество других базовых тем объектно-ориентированного программирования на РНР.

17 уроков, 6 часов

Отзывы на предыдущие курсы автора

  • Жаров роман

  • Деникаев Тимур

  • Субботин Андрей

  • Ермилова Виталия

  • Дударев Сергей

  • Красовский Владислав

  • Мартыненко Валерий

Жаров Роман:

«…он (Андрей Кудлай) просто волшебник в вебе…»

«…купил курс «PHP Мастер» команды WebForMyself от Андрея Кудлая. Его курсы и уроки мне очень нравятся — у него получается прекрасно объяснять материал. Помимо этого, его курсы/уроки мне очень интересно смотреть, они для меня не скучные, что ли. Не знаю, как это объяснить корректно, но на своем пути я встречал много уроков, при просмотре которых хотелось засыпать…

…Мне очень нравятся курсы и уроки Андрея Кудлая. Как по мне, так он просто волшебник в вебе). Стоит отметить его прекрасный навык в объяснении сложной информации…»

Деникаев Тимур:
«… у него (Андрея) просто ДАР! …»

«…Я многому научился и до сих пор черпаю огромные знания в области веб-программирования из видеоуроков Андрея…

…«воды» там совершенно НЕТ. Все четко, лаконично и на профессиональном уровне!...

…Хочу отдельно выразить огромную благодарность Андрею Кудлаю... У него просто ДАР! Ребята, вы молодцы!»

Субботин Андрей:
«…у Андрея талант педагога…»

«…В плане работы с сервером БД и языком PHP был вообще полный провал... Тут уже надо отдать должное Андрею Кудлаю. Просто и доходчиво говорить о вещах порой весьма умозрительных, может не каждый. Тут нужен талант педагога…»

Ермилов Виталий:
«… (Андрей) создает особую атмосферу…»

«…Большая благодарность Андрею Кудлаю — его уроки, подача материала, живое объяснение во время видео — все это создает особую атмосферу...»

Дударев Сергей:
«Что мне запомнилось больше всего из курса? Умение автора (Андрея) разжевать материал»

«…Прослушав вводные уроки бесплатного курса Bootstrap 3, оценив качество материала, способ представления да и просто лексику автора (Андрей Кудлай) и сравнив с тем материалом, который присутствует в интернете, без сомнений решил приобрести курс «Фреймворк Bootstrap: практика адаптивной верстки от А до Я»…

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

… Что мне запомнилось больше всего из курса? Умение автора разделить материал: о чём необходимо рассказать, возможно даже «разжевать»…

… Поэтому данный курс позволил полностью освоится в возможностях данного фреймворка. Большое спасибо автору!..»

Красовский Владислав:

«Одним из аспектов при выборе курса стал его автор — Андрей Кудлай»

«…К WebForMySelf сложилось очень хорошее доверие, благодаря множеству полезного и качественного материалу в данной области. Также хотелось бы отметить, что одним из аспектов при выборе курса, стал его автор — Андрей Кудлай.

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

…От себя хотелось бы сказать, в первую очередь, спасибо ребятам из команды WebForMySelf. Спасибо за Ваш труд, за то, что помогаете людям, в освоении разработки сайтов!..

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

Для меня WebForMySelf — полезный, качественный и современный ресурс для освоения новых знаний в области сайтостроения! Спасибо, Вам еще раз!..»

Мартыненко Валерий:

«Андрей помог мне понять PHP код и зажег интерес»

«… Огромное спасибо автору курса по PHP программированию Андрею Кудлаю, он помог мне понять PHP код и зажег интерес для более глубокого изучения этого кода. Как и у всей команды WebForMySelf, уроки его содержательные и интересные.

Я очень рад, что встретил на своем пути WebForMySelf! Господа, спасибо Вам за Ваши курсы и Ваше терпение и настойчивость! Думаю, со мной согласятся многие в том, что такого уникального, обширного и доступного ресурса в Интернете больше нет! Желаю Вашему коллективу крепкого здоровья и творческих успехов!..»

Автор курса

Андрей Кудлай

Постоянный автор обучающих материалов и технический директор WebForMySelf

Более 14 лет проработал веб-разработчиком и модератором интернет-магазинов и веб-порталов, поэтому знает всю «кухню» сайтостроения изнутри

Является автором 13 популярных видеокурсов от издательства WebForMySelf.com и онлайн-школы CodeForMySelf.com

В совершенстве владеет: PHP, Laravel, Yii2, CakePHP, JavaScript, jQuery, AJAX, SQL, MySQL, Pyton, HTML5, CSS3, Bootstrap, WordPress, OpenCart…

Педагог по образованию и состоянию души, благодаря чему умеет объяснять так, что становится понятно даже новичку

Цена курса



5970 руб.

100% безусловный возврат денежных средств по первому требованию в течение 90 дней с момента покупки гарантирован!



Сколько зарабатывают верстальщиких

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

Зарабатывать верстальщики могут в среднем от 40 до 70 тысяч рублей уже в первый год работы.

Мы даем тройную гарантию

Мы на 100% уверены в качестве курса, поэтому даем максимальные гарантии:

Гарантия №1

Безусловная гарантия возврата

Мы гарантируем вам полный безусловный возврат стоимости курса, если по каким-либо причинам вы посчитаете, что он оказался вам бесполезным.

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

Срок действия гарантии возврата средств – 90 дней.

Гарантия №2

Гарантия качества и актуальности

Все уроки — авторские, актуальные, подробные и тщательно подготовлены лично автором видеокурса: профессиональным веб-разработчиком Андреем Кудлаем.

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

После прохождения курса и небольшой практики (конечно, при ответственном подходе к делу) вы сможете выполнять верстку во фреймворке Bootstrap 5 и создавать функциональные интернет-магазины «под ключ» на движке OpenCart 3, включая создание темы с нуля.

Гарантия №3

Гарантия получения курса

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

Скачивание займет от нескольких минут до нескольких десятков минут (в зависимости от скорости вашего интернет-провайдера).

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

Часто задаваемые вопросы

  • А что если в процессе изучения я пойму, что это не моё?

    Webformyself гарантирует вам полный возврат стоимости курса в течение 90 дней по первому требованию, если вы по каким-либо причинам вы посчитаете, что курс оказался вам бесполезным.

    Этого времени более чем достаточно, чтобы сделать обоснованные выводы. Все денежные риски мы полностью берем на себя.

  • Получится ли у меня?

    Не получится только в том случае, если вы сами ничего не будете делать! В остальных случаях – у вас все обязательно получится.

  • Какие минимальные знания требуются для изучения курса?

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

    Бонусная часть курса содержит 6 дополнительных видеокурсов, которые дадут необходимые для старта с нуля азы любому новичку: современной верстки на HTML5 и CSS3, а также основы программирования на PHP и MySQL. Всем новичкам мы рекомендуем начинать именно с бонусов и затем лишь переходить к основной части курса.

  • Можно ли смотреть данный видеокурс на OS X (Mac OS)?

    Да. Видео курс можно изучать как в Windows, так и в OS X (Mac OS).

  • На какой период рассчитано изучение?

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

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

  • Ограничено ли количество устройств, на которых я могу изучать курс?

    Нет, не ограничено. Вы можете запускать курс на любом компьютере без ограничений.

  • На какой период я получаю доступ к курсу?

    В отличие от тренингов, курс останется у вас навсегда в полное владение и стоит при этом в 10-20 раз меньше.

    Вы в любой момент можете использовать его как удобный самоучитель, референс, мануал или шпаргалку по современным технологиям верстки и веб-разработки: Bootstrap 5, OpenCart 3, CSS3, HTML5, PHP7, MySQL и объектно-ориентированному программированию.

  • Я не из России, могу ли я купить ваш курс?

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

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

  • Какие виды оплаты вы принимаете?

    JustClick — возможность оплаты следующими способами: Visa, MasterCard, электронные деньги (Вебмани, Киви, Яндекс-деньги), интернет-банкинг, терминалы и салоны связи (Евросеть, Связной, Яндекс-деньги), платежные системы (RBKMoney), денежные переводы (Банковский перевод, Альфа-клик, Промсвязьбанк, Контакт, Лидер).

    PayPal — международная система оплаты PayPal.

  • Остались вопросы или сомнения?

    Если у вас остались сомнения и вопросы, напишите нам в службу поддержки. Мы всегда рады помочь :)


Купить курс