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

Доп видео для урока:
установка Open Server youtu.be/SBTroONAzrU

Ссылка на psd макет: drive.google.com/drive/folders/1AA03IjQJknBnYM-QDmXeqUpxgPWCJ0VQ?usp=sharing

Подпишитесь на канал, если вам понравилось данное видео:
bit.ly/2IFzwBZ

Видео о сss grid:
youtu.be/qJ5jzRaGgVY

Верстка сайта он начала до завершения:
youtu.be/Q2zxQNQGcU8

В этом видео начинаем курс по верстке сайта html css используя gulp и препроцессор sass. Будем делать многостраничный сайт — персональный блог. Макет сайта нарисован в Figma.

Ссылки
— Gitbash: git-scm.com/downloads
Node.js: nodejs.org/en/
Gulp: gulpjs.com/
ncu: www.npmjs.com/package/npm-check-updates
Материалы урока, Gulp 4 сборка, Дизайн в Figma: bit.ly/2UvOkYy

Главы видео:
00:00:00 — 00:00:51 — Вступление
00:00:51 — Подготовительные работы
00:03:47 — Разбор gulpfile.js
00:10:39 — Создание проекта
00:17:00 — Создание структуры сайта

О проекте
— Меня зовут Дмитрий Валак. Я занимаюсь разработкой сайтов уже много лет, специализируюсь больше на front-end разработке и верстке сайтов, но и программирование тоже изучаю. Здесь буду делиться с вами информацией на разные темы по веб-разработке — HTML, CSS, Javascript, JQuery, Vue, PHP, MySQL, React, Gulp и тд.

На сайте проекта brainscloud.ru вы найдете много полезных закрытых материалов, а так же сможете поработать со мной лично, при наличии такого желания.

Соц. сети
— Мой ВК — vk.com/odimaz
Группа BC — vk.com/brainscloud
Мой Instagram: www.instagram.com/dmitryvalak/

Сервис для копирования сайта — multihost.ru/kopirovanie-sajta.html

В данном видео продемонстрировал отличный способ по копированию существующих сайтов и преобразования их в шаблон для билдера сайта с последующим редактированием. Хостинг компания Мультихост предоставляет бесплатный билдер (http://builder.multihost.ru/ru/brand/10792/) который отлично подойдет начинающим веб мастерам. Без навыка кода вы можете взять за основу вашего будущего сайта любой сайт из интернета. Больше подробностей в видео.

Партнер данного видео хостинг Мультихост — multihost.ru/ одна из самых старых хостинг компаний в России, ей уже более 19 лет и все это время она оказывает своим клиентам современные хостинг услуги. Оборудование мультихост размещено в Москве, в сердце интернета, дата центре ММТС-9. Кроме того, мультихост — одна из 3 компаний в России и единственная в Москве, которой было доверенно обслуживание корневого сервера сети интернет.

Как скопировать любой сайт без навыков кода? Ответ в данном видео.

Лучший способ сказать спасибо, это использовать мой шаблон — 1.envato.market/ale
Рекомендую хостинг — partners.hostgator.com/bedev

Исходники для учебы:
WooCommerce – wordpress.org/plugins/woocommerce/
HTML шаблон – drive.google.com/file/d/1oU-_IMN2hQ8O3lDImxiKd7pIhZb3Xvm4/view?usp=sharing
Исходник WordPress текущего урока – drive.google.com/file/d/1CjXhlD54YODD76vFqhrU5oW4GuSCn3N8/view?usp=sharing

#woocommerce #wordpress #руководство

В данном обучающем видео я на практике разобрал плагин WooCommerce. Изучив 12 часов практики в данном ролике вы без труда сможете разрабатывать собственные интернет магазины на WordPress WooCommerce.

Практика разделена на части:
1. Обзор возможностей построения Интернет Магазина без навыков программирования. (Практика)
2. Программирование своего интернет магазина на WP WooCommerce. Архивные страницы и страница товара.
3. Программирование корзины, профиля пользователя, страницы оформления заказа.
4. Разработка Ajax фильтрации различный категорий для интернет магазина своими руками.

vk.com/wp_guru

Полезности:

geniuscourses.com/freelance/ ( Бесплатная регистрация на вебинар: Пробуй пассивный фриланс. Забудь старую жизнь и рисуй новую! )
geniuscourses.com/webinar/ ( Бесплатная регистрация на вебинар: Как заработать 1.000.000$ на WordPress Шаблонах )

Хотите много инсайтов из бизнеса и ИТ? Подписывайтесь на мой инстаграм — www.instagram.com/sochirca/

Быть Программистом в Telegram — t.me/bedev
Быть Программистом в VK — vk.com/bedeveloper

Александр Сокирка в Соц. Сетях
— VK — vk.com/alexandr.sochirca
FB — www.facebook.com/sochirca.alexandr
Instagram — www.instagram.com/sochirca/

Сообщества по WordPress
— vk.com/wp_developer
www.facebook.com/groups/russianwp/

Подписывайтесь на канал чтобы быть в тренде с последними нововведениями в области IT.

vk.com/wp_guru
yadi.sk/d/-G91BmJz3WV3gH

Полезности:

geniuscourses.com/freelance/ ( Бесплатная регистрация на вебинар: Пробуй пассивный фриланс. Забудь старую жизнь и рисуй новую! )
geniuscourses.com/webinar/ ( Бесплатная регистрация на вебинар: Как заработать 1.000.000$ на WordPress Шаблонах )

Хотите много инсайтов из бизнеса и ИТ? Подписывайтесь на мой инстаграм — www.instagram.com/sochirca/

Быть Программистом в Telegram — t.me/bedev
Быть Программистом в VK — vk.com/bedeveloper

Александр Сокирка в Соц. Сетях
— VK — vk.com/alexandr.sochirca
FB — www.facebook.com/sochirca.alexandr
Instagram — www.instagram.com/sochirca/

Сообщества по WordPress
— vk.com/wp_developer
www.facebook.com/groups/russianwp/

Подписывайтесь на канал чтобы быть в тренде с последними нововведениями в области IT.

Курсы — geniuscourses.com/
vk.com/wp_guru

Полезности:

geniuscourses.com/freelance/ ( Бесплатная регистрация на вебинар: Пробуй пассивный фриланс. Забудь старую жизнь и рисуй новую! )
geniuscourses.com/webinar/ ( Бесплатная регистрация на вебинар: Как заработать 1.000.000$ на WordPress Шаблонах )

Хотите много инсайтов из бизнеса и ИТ? Подписывайтесь на мой инстаграм — www.instagram.com/sochirca/

Быть Программистом в Telegram — t.me/bedev
Быть Программистом в VK — vk.com/bedeveloper

Александр Сокирка в Соц. Сетях
— VK — vk.com/alexandr.sochirca
FB — www.facebook.com/sochirca.alexandr
Instagram — www.instagram.com/sochirca/

Сообщества по WordPress
— vk.com/wp_developer
www.facebook.com/groups/russianwp/

Подписывайтесь на канал чтобы быть в тренде с последними нововведениями в области IT.

vk.com/wp_guru
Исходник урока — yadi.sk/d/xYb8HHH43WRZrv

Полезности:

geniuscourses.com/freelance/ ( Бесплатная регистрация на вебинар: Пробуй пассивный фриланс. Забудь старую жизнь и рисуй новую! )
geniuscourses.com/webinar/ ( Бесплатная регистрация на вебинар: Как заработать 1.000.000$ на WordPress Шаблонах )

Хотите много инсайтов из бизнеса и ИТ? Подписывайтесь на мой инстаграм — www.instagram.com/sochirca/

Быть Программистом в Telegram — t.me/bedev
Быть Программистом в VK — vk.com/bedeveloper

Александр Сокирка в Соц. Сетях
— VK — vk.com/alexandr.sochirca
FB — www.facebook.com/sochirca.alexandr
Instagram — www.instagram.com/sochirca/

Сообщества по WordPress
— vk.com/wp_developer
www.facebook.com/groups/russianwp/

Подписывайтесь на канал чтобы быть в тренде с последними нововведениями в области IT.

Шаблон из видео — 1.envato.market/10L0g
Посмотреть больше демо вариаций данного шаблона — alethemes.com/ale-landing/

#wordpress #ale #aletuts

В данном видео показал как создать сайт для бургерной без навыков кода используя премиум шаблон Ale моей разработки. Шаблон Але — это инструмент и решение для любого сайта любой тематики. Шаблон поставляется с множеством различных демо вариаций, что значительно ускоряет процесс разработки сайта. Шаблон из видео — 1.envato.market/10L0g

Тайминг
00:00 — Интро
00:19 — Установка шаблона и плагинов
02:45 — Демо импорт вариации для бургерной
04:48 — Обзор сайта бургерной
07:41 — Редактирование страниц сайта бургерной
14:06 — Редактирование Revolution Slider сайта бургерной
18:08 — Редактирование Theme Options настроек шаблона Ale
22:20 — Динамические виджеты в Ale шаблоне

Шаблон из видео — 1.envato.market/10L0g

Лучший WordPress Шаблон — 1.envato.market/ale
Презентация курса по разработке: www.youtube.com/watch?v=eafR64fkYnE
Ссылка на обучение: geniuscourses.com/envato-market
WordPress шаблон Ale — aletheme.com/theme/ale/ (20% скидка — купон — alesale )

Презентация курса по дизайну — Презентация курса по дизайну — www.youtube.com/watch?v=83pFlllv6gA
Курс по дизайну Старт — geniuscourses.com/course/web-design-start/
Курс по дизайну Профи — geniuscourses.com/course/web-design-1/
Курс по дизайну Старт — geniuscourses.com/course/web-design-start/
Курс по дизайну Профи — geniuscourses.com/course/web-design-1/
Инстаграм — www.instagram.com/sochirca/

Сколько стоит сайт на WordPress? / How much cost a WordPress Site? В данном видео я разделил разработку на разные категории и рассказал сколько стоит разработать сайт на WordPress с нуля или на базе премиум шаблона и премиум плагинов.

#wordpress #бытьпрограммистом