1. От энтузиаста
к веб-разработчику
как стать профессионалом
в цифровом мире
Николай Миронов WordCamp Moscow 2016

2. В названии презентации
три важных темы

3. Цифровой мир

4. Цифровой мир
Веб-разработка

5. Цифровой мир
Веб-разработка
Профессионализм

6. Цифровой мир
Веб-разработка
Профессионализм

7. Давайте подумаем
какие черты характерны
для современного
мира?

8. Тезис 1
Мир постоянно
меняется

11. CSS3 и HTML5
Кроссбраузерность
Веб-шрифты
Визуальные редакторы
Поддержка старых браузеров

12. Тезис 2
Мир шаблонных готовых
решений

14. Любая типовая
задача

15. Лэндинг?

16. Интернет-магазин?

17. Блог?

18. Имеет тысячи решений

19. Для всего этого есть
Темы

20. Для всего этого есть
Темы
Плагины

21. Для всего этого есть
Темы
Плагины
Сервисы

22. Тезис 3
Хороший продукт —
это процесс

23. Мог ли
появиться этот
телефон, если
бы не было
предыдущих
моделей?

24. Начните с малого

26. Резюме

27. Мир постоянно меняется:
Отслеживайте тренды,
ищите новые возможности

28. Мир готовых решений:
Вам платят за результат,
хорошее купленное лучше
плохо написанного

29. Хороший продукт — это процесс:
Сделайте чтобы работало,
улучшить можно потом

30. Цифровой мир
Веб-разработка
Профессионализм

31. Окей, с чего начать?

32. Идите и сделайте
свой первый
сайт

33. Я серьезно

34. Я серьезно
Это проще чем кажется

35. Для старта понадобятся

36. Для старта понадобятся
Хостинг

37. Для старта понадобятся
Хостинг
Домен

38. Для старта понадобятся
Хостинг
Домен
Кнопочка
«Установить WordPress

39. Вот так просто

40. Для начала работы с
WordPress не требуются

41. Для начала работы с
WordPress не требуются
навыки программирования,

42. Для начала работы с
WordPress не требуются
навыки программирования,
знание CSS, HTML или JS

43. Для начала работы с
WordPress не требуются
навыки программирования,
знание CSS, HTML или JS

44. Вам нужна цель и мотивация
для ее достижения

45. Первые шаги в WordPress
выглядят примерно так:

46. Питер Пауль Рубенс, Ян Брейгель. Адам и Ева в раю

47. Дальше начинается
эволюционный процесс

48. Первый этап
Вас полностью устраивает
функционал одной темы

49. Чем больше функций, тем лучше
Гибкие настройки внешнего вида
Собственные виджеты и шорткоды
Управление слайдерами
Конструктор страниц

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

51. Второй этап (а)
Вам не хватает функционала,
вы начинаете ставить
плагины

52. 1 функция = новый плагин

53. Постепенно приходит понимание:
Плагины разные
Некоторые не работают
друг с другом

54. Следующий логичный шаг:
Использование
фреймворков

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

56. Используемые плагины /
фреймворки:
Jetpack
ACFPro
Toolset

57. Второй этап (б)
Вас не устраивает
внешний вид некоторых
элементов темы

58. Ура, в WordPress
есть дочерние темы

59. Хороший плагин:
Child Theme Creator
by Orbisius

60. Оказывается, что чем навороченнее
тема, тем сложнее что-либо
в ней редактировать

61. На этом этапе уже понадобится
минимальное знание
HTML и CSS
Базовое понимание
структуры файлов
в темах WordPress

62. Третий этап
Использование
стартовых тем

63. Underscores
underscores.me
_TK
themekraft.com

64. Тут уже нужно
Уметь верстать
Знать синтаксис PHP
Знать базовые функции
в цикле WordPress

65. Полезные сайты
wp-kama.ru
htmlbook.ru
getbootstrap.com

66. Развивайтесь постепенно,
но постояно

67. Цифровой мир
Веб-разработка
Профессионализм

68. Как быть профессионалом
уже на старте?

69. Беритесь за то, что знаете

70. Беритесь за то, что знаете
Соблюдайте сроки

71. Беритесь за то, что знаете
Соблюдайте сроки
Любите свое дело

72. и еще...

73. Не лажайте в мелочах

74. Пять типовых ошибок
которые укажут, что вы
пока в начале пути

75. Еще один сайт на WordPress

76. Еще один сайт на WordPress
Идите в Настройки Общие
и поменяйте Краткое описание

77. Кириллические имена файлов
и адреса записей

78. Кириллические имена файлов
и адреса записей
С этим отлично справиться плагин
Cyr to Lat enhanced

79. Очень большие картинки

80. Очень большие картинки
Проверьте, чтобы в шаблоне
выводился указанный размер картинки
(например large или medium)

81. Копирайт разработчиков
темы в подвале сайта

82. Копирайт разработчиков
темы в подвале сайта
Обычно меняется
в настройках темы

83. Шрифты без поддержки
кириллицы

84. Шрифты без поддержки
кириллицы
Укажите другой шрифт в настройках
или стиле дочерней темы

85. На этом, пожалуй, всё

86. Создавайте сайты,
прокачивайте навыки,
любите то, чем
занимаетесь

87. Вопросы?

88. Николай Миронов
wpfolio.ru
solidcreature@gmail.com