От энтузиаста
к веб-разработчику
как стать профессионалом
в цифровом мире
Николай Миронов	 WordCamp Moscow 2016
В названии презентации
три важных темы
Цифровой мир
Цифровой мир
Веб-разработка
Цифровой мир
Веб-разработка
Профессионализм
Цифровой мир
Веб-разработка
Профессионализм
Давайте подумаем
какие черты характерны
для современного
мира?
Тезис 1
Мир постоянно
меняется
CSS3 и HTML5
Кроссбраузерность
Веб-шрифты
Визуальные редакторы
Поддержка старых браузеров
Тезис 2
Мир шаблонных готовых
решений
Любая типовая
задача
Лэндинг?
Интернет-магазин?
Блог?
Имеет тысячи решений
Для всего этого есть
Темы
Для всего этого есть
Темы
Плагины
Для всего этого есть
Темы
Плагины
Сервисы
Тезис 3
Хороший продукт —
это процесс
Мог ли
появиться этот
телефон, если
бы не было
предыдущих
моделей?
Начните с малого
Резюме
Мир постоянно меняется:
Отслеживайте тренды,
ищите новые возможности
Мир готовых решений:
Вам платят за результат,
хорошее купленное лучше
плохо написанного
Хороший продукт — это процесс:
Сделайте чтобы работало,
улучшить можно потом
Цифровой мир
Веб-разработка
Профессионализм
Окей, с чего начать?
Идите и сделайте
свой первый
сайт
Я серьезно
Я серьезно
Это проще чем кажется
Для старта понадобятся
Для старта понадобятся
Хостинг
Для старта понадобятся
Хостинг
Домен
Для старта понадобятся
Хостинг
Домен
Кнопочка
«Установить WordPress
Вот так просто
Для начала работы с
WordPress не требуются
Для начала работы с
WordPress не требуются
навыки программирования,
Для начала работы с
WordPress не требуются
навыки программирования,
знание CSS, HTML или JS
Для начала работы с
WordPress не требуются
навыки программирования,
знание CSS, HTML или JS
Вам нужна цель и мотивация
для ее достижения
Первые шаги в WordPress
выглядят примерно так:
Питер Пауль Рубенс, Ян Брейгель. Адам и Ева в раю
Дальше начинается
эволюционный процесс
Первый этап
Вас полностью устраивает
функционал одной темы
Чем больше функций, тем лучше
Гибкие настройки внешнего вида
Собственные виджеты и шорткоды
Управление слайдерами
Конструктор страниц
Это тупиковый путь, хотя уже
на этом этапе можно брать
коммерческие заказы
Второй этап (а)
Вам не хватает функционала,
вы начинаете ставить
плагины
1 функция = новый плагин
Постепенно приходит понимание:
Плагины разные
Некоторые не работают
друг с другом
Следующий логичный шаг:
Использование
фреймворков
Фреймворк — набор инструментов
для эффективного решения
типовых задач
Используемые плагины /
фреймворки:
Jetpack
ACFPro
Toolset
Второй этап (б)
Вас не устраивает
внешний вид некоторых
элементов темы
Ура, в WordPress
есть дочерние темы
Хороший плагин:
Child Theme Creator
by Orbisius
Оказывается, что чем навороченнее
тема, тем сложнее что-либо
в ней редактировать
На этом этапе уже понадобится
минимальное знание
HTML и CSS
Базовое понимание
структуры файлов
в темах WordPress
Третий этап
Использование
стартовых тем
Underscores
underscores.me
_TK
themekraft.com
Тут уже нужно
Уметь верстать
Знать синтаксис PHP
Знать базовые функции
в цикле WordPress
Полезные сайты
wp-kama.ru
htmlbook.ru
getbootstrap.com
Развивайтесь постепенно,
но постояно
Цифровой мир
Веб-разработка
Профессионализм
Как быть профессионалом
уже на старте?
Беритесь за то, что знаете
Беритесь за то, что знаете
Соблюдайте сроки
Беритесь за то, что знаете
Соблюдайте сроки
Любите свое дело
и еще...
Не лажайте в мелочах
Пять типовых ошибок
которые укажут, что вы
пока в начале пути
Еще один сайт на WordPress
Еще один сайт на WordPress
Идите в Настройки  Общие
и поменяйте Краткое описание
Кириллические имена файлов
и адреса записей
Кириллические имена файлов
и адреса записей
С этим отлично справиться плагин
Cyr to Lat enhanced
Очень большие картинки
Очень большие картинки
Проверьте, чтобы в шаблоне
выводился указанный размер картинки
(например large или medium)
Копирайт разработчиков
темы в подвале сайта
Копирайт разработчиков
темы в подвале сайта
Обычно меняется
в настройках темы
Шрифты без поддержки
кириллицы
Шрифты без поддержки
кириллицы
Укажите другой шрифт в настройках
или стиле дочерней темы
На этом, пожалуй, всё
Создавайте сайты,
прокачивайте навыки,
любите то, чем
занимаетесь
Вопросы?
Николай Миронов
wpfolio.ru
solidcreature@gmail.com

От энтузиаста к веб разработчику