Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
От энтузиаста
к веб-разработчику
как стать профессионалом
в цифровом мире
Николай Миронов	 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
От энтузиаста к веб разработчику
От энтузиаста к веб разработчику
От энтузиаста к веб разработчику
От энтузиаста к веб разработчику
Upcoming SlideShare
Loading in …5
×

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

381 views

Published on

Выступление на WordCamp Moscow 2016

Published in: Internet
  • Be the first to comment

  • Be the first to like this

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

  1. 1. От энтузиаста к веб-разработчику как стать профессионалом в цифровом мире Николай Миронов WordCamp Moscow 2016
  2. 2. В названии презентации три важных темы
  3. 3. Цифровой мир
  4. 4. Цифровой мир Веб-разработка
  5. 5. Цифровой мир Веб-разработка Профессионализм
  6. 6. Цифровой мир Веб-разработка Профессионализм
  7. 7. Давайте подумаем какие черты характерны для современного мира?
  8. 8. Тезис 1 Мир постоянно меняется
  9. 9. CSS3 и HTML5 Кроссбраузерность Веб-шрифты Визуальные редакторы Поддержка старых браузеров
  10. 10. Тезис 2 Мир шаблонных готовых решений
  11. 11. Любая типовая задача
  12. 12. Лэндинг?
  13. 13. Интернет-магазин?
  14. 14. Блог?
  15. 15. Имеет тысячи решений
  16. 16. Для всего этого есть Темы
  17. 17. Для всего этого есть Темы Плагины
  18. 18. Для всего этого есть Темы Плагины Сервисы
  19. 19. Тезис 3 Хороший продукт — это процесс
  20. 20. Мог ли появиться этот телефон, если бы не было предыдущих моделей?
  21. 21. Начните с малого
  22. 22. Резюме
  23. 23. Мир постоянно меняется: Отслеживайте тренды, ищите новые возможности
  24. 24. Мир готовых решений: Вам платят за результат, хорошее купленное лучше плохо написанного
  25. 25. Хороший продукт — это процесс: Сделайте чтобы работало, улучшить можно потом
  26. 26. Цифровой мир Веб-разработка Профессионализм
  27. 27. Окей, с чего начать?
  28. 28. Идите и сделайте свой первый сайт
  29. 29. Я серьезно
  30. 30. Я серьезно Это проще чем кажется
  31. 31. Для старта понадобятся
  32. 32. Для старта понадобятся Хостинг
  33. 33. Для старта понадобятся Хостинг Домен
  34. 34. Для старта понадобятся Хостинг Домен Кнопочка «Установить WordPress
  35. 35. Вот так просто
  36. 36. Для начала работы с WordPress не требуются
  37. 37. Для начала работы с WordPress не требуются навыки программирования,
  38. 38. Для начала работы с WordPress не требуются навыки программирования, знание CSS, HTML или JS
  39. 39. Для начала работы с WordPress не требуются навыки программирования, знание CSS, HTML или JS
  40. 40. Вам нужна цель и мотивация для ее достижения
  41. 41. Первые шаги в WordPress выглядят примерно так:
  42. 42. Питер Пауль Рубенс, Ян Брейгель. Адам и Ева в раю
  43. 43. Дальше начинается эволюционный процесс
  44. 44. Первый этап Вас полностью устраивает функционал одной темы
  45. 45. Чем больше функций, тем лучше Гибкие настройки внешнего вида Собственные виджеты и шорткоды Управление слайдерами Конструктор страниц
  46. 46. Это тупиковый путь, хотя уже на этом этапе можно брать коммерческие заказы
  47. 47. Второй этап (а) Вам не хватает функционала, вы начинаете ставить плагины
  48. 48. 1 функция = новый плагин
  49. 49. Постепенно приходит понимание: Плагины разные Некоторые не работают друг с другом
  50. 50. Следующий логичный шаг: Использование фреймворков
  51. 51. Фреймворк — набор инструментов для эффективного решения типовых задач
  52. 52. Используемые плагины / фреймворки: Jetpack ACFPro Toolset
  53. 53. Второй этап (б) Вас не устраивает внешний вид некоторых элементов темы
  54. 54. Ура, в WordPress есть дочерние темы
  55. 55. Хороший плагин: Child Theme Creator by Orbisius
  56. 56. Оказывается, что чем навороченнее тема, тем сложнее что-либо в ней редактировать
  57. 57. На этом этапе уже понадобится минимальное знание HTML и CSS Базовое понимание структуры файлов в темах WordPress
  58. 58. Третий этап Использование стартовых тем
  59. 59. Underscores underscores.me _TK themekraft.com
  60. 60. Тут уже нужно Уметь верстать Знать синтаксис PHP Знать базовые функции в цикле WordPress
  61. 61. Полезные сайты wp-kama.ru htmlbook.ru getbootstrap.com
  62. 62. Развивайтесь постепенно, но постояно
  63. 63. Цифровой мир Веб-разработка Профессионализм
  64. 64. Как быть профессионалом уже на старте?
  65. 65. Беритесь за то, что знаете
  66. 66. Беритесь за то, что знаете Соблюдайте сроки
  67. 67. Беритесь за то, что знаете Соблюдайте сроки Любите свое дело
  68. 68. и еще...
  69. 69. Не лажайте в мелочах
  70. 70. Пять типовых ошибок которые укажут, что вы пока в начале пути
  71. 71. Еще один сайт на WordPress
  72. 72. Еще один сайт на WordPress Идите в Настройки Общие и поменяйте Краткое описание
  73. 73. Кириллические имена файлов и адреса записей
  74. 74. Кириллические имена файлов и адреса записей С этим отлично справиться плагин Cyr to Lat enhanced
  75. 75. Очень большие картинки
  76. 76. Очень большие картинки Проверьте, чтобы в шаблоне выводился указанный размер картинки (например large или medium)
  77. 77. Копирайт разработчиков темы в подвале сайта
  78. 78. Копирайт разработчиков темы в подвале сайта Обычно меняется в настройках темы
  79. 79. Шрифты без поддержки кириллицы
  80. 80. Шрифты без поддержки кириллицы Укажите другой шрифт в настройках или стиле дочерней темы
  81. 81. На этом, пожалуй, всё
  82. 82. Создавайте сайты, прокачивайте навыки, любите то, чем занимаетесь
  83. 83. Вопросы?
  84. 84. Николай Миронов wpfolio.ru solidcreature@gmail.com

×