Как стать вебмастером — профессионалом с нуля самостоятельно, простыми словами — пошаговая инструкция из опыта.

4.8
(39)

Как стать вебмастером с нуля? с чего начать?, — мой путь.

kak-stat-web-masterom

Как стать вебмастером, — этот вопрос сам по себе не правильный, и сделанный больше для маркетинга и привлечение на курсы по программированию, вот тут есть мой отзыв об курсах, на которых я учился. На самом деле вебмастер или Веб разработчик,- это очень емкое словосочетание. В него входит много профессий, такие как:

  • Интернет-маркетолог
  • Веб-дизайнер
  • Копирайтер
  • Верстальщик
  • Front-end разработчик
  • Back-end разработчик
  • SEO-шник

И это далеко не весь список профессий, даже больше скажу,- каждую перечисленную можно еще разделить на множество под ролей, в зависимости от ширины и глубины создаваемого web проекта. Я расскажу именно путь кода, т.е.

1.   Верстальщик
2.   Front-end
3.   Back-end

В результате изучение этих трех ремесел получается, — Full-stack программист.

Учимся по принципу Парето, —
20%  времени тратим на теорию(видео, книги, статьи)
80%  на практику(набираем код).

kak-stat-webmasterom

 



Определяемся со стеком технологий которые нужно изучить.
Тут тоже как и во всем, действуем по принципу Парето.  20% технологий даст 80% знаний для полноценной работы в вебе.



Верстальщик.

Для верстальщика это :

  1. HTML — достаточно будет понять как строится html страница, принцип работы 20-30 тегов, — это все можно будет узнать из уроков в youtube, на обучающих платформах типа «htmlAcademy» или «loftshool»(в личном кабинете есть бесплатные курсы). По времени думаю займет один-два дня.
  2. CSS — здесь нужно знать: как обратится к тому или иному тегу html, — так называемые селекторы, и второе,- это свойства т.е. задания цвета текста, задание шрифта для текстовых блоков, установка размеров изображений, отступы и прочее, — это быстро подхватится, вот что по сложнее в css,- это позиционирование блоков на странице, но не стоит пугаться, — все приходит с опытом, если есть желание значит будет и настойчивость и усидчивость, и займет по времени от 2 недель до 4.
  3. JavaScript – очень емкий язык программирования, дающий большие возможности, но для верстальщика не стоит лезть в дебри, достаточно будет научиться делать всплывающие окна, обрабатывать данные с формы(например регистрации), пригодится понимание технологии AJAX(для отправки данных на сервер), тем событий и DOM. В массе своей можно изучить фреймворк JQuery. Тот же самый JavaScript,  только многое делается за ширмой, упрощая жизнь верстальщика. Так же есть очень много прекрасных плагинов написанных на JQuery, типа: Слайдеры, календари, плагины для валидации данных, всяческая анимация и прочее, их реально много, и большинство задач можно перекрыть плагинами на JQ. Изучение займет от одного месяца.

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

kak-stat-webmasterom

И.М.Х.О


Естественно время затраченное на изучение вышеперечисленных технологий, оно индивидуально, я прикинул среднюю температуру по больнице. Если вчера Вы еще грузили мешки с цементом, то нужно по больше времени что бы научится думать в этой плоскости. Ну а если Вы работаете админом на серверах, то обучение займет меньше времени чем я прикинул.
Так же хотелось бы пояснить за скорость верстки, это очень немаловажный фактор. И в офисе и на фрилансе, никто ждать не будет, а как правило всем нужно еще в прошлый четверг. На начальном этапе, даже после указанного выше времени, — скорость будет низкая. Как ускорится?:  конечно же помогут фреймворки и workflow, подробнее опишу в статьях в моём блоге.

 



Front-End программист.

Для Front-End программиста,- это все то что я перечислил выше, и конечно же тут нужно углубится в язык программирования JavaScript, и охватить больше его возможностей, сюда уже нужно идти с хорошим опытом верстки.
Во фронтеэнде, нужно понимать JavaScript очень глубоко, здесь уже JQuery не перекроет все задачи. Здесь нужно понимать такие темы как:

  • Асинхронность
  • Промисы
  • ООП
  • MVC

 

И конечно же нужно изучить серьёзный фреймворк, выбрать можно из трёх китов:

  • Angular.js
  • React.js
  • Vue.js

Во фронтенд, думаю можно идти уже после года верстки.

 


 

Back-End программист.


Для Back-End программиста, не обязательно уметь хорошо верстать, но html & CSS & JavaScript,-  желательно знать на базовом уровне.
На бэкэнде пишут на разных языках, известные мне это:

  • Node.js
  • Python
  • Ruby
  • PHP


Есть такая CMS(можно сказать конструктор сайтов) WordPress, так вот на ней написаны 32%  всех сайтов в сети интернет. А сама CMS написана на стеке HTML + CSS + JavaScript + PHP, так вот это одна из причин почему я выбрал PHP. И соответственно для бэкэнд разработчика решившим работать с php, нужно хорошо знать все основы программирования, затем погрузится в особенности языка PHP, понимать темы OOP, MVC, паттерны проектирования и определится с фреймворком, их здесь тоже превеликое множество. Например: Phalcon,  CakePHP, Zend Framework2. Но судя по вакансиям на hh.ru, одни из востребованных, это Laravel и Yii2.


 

FullStack разработчик.


Ну и конечно FullStack разработчик, это вебмастер, знающий и юзающий все выше перечисленные технологии, и имеющий большой опыт в web программировании. В результате чего очень большая ответственность и зарплата.
Помимо HardSkill,- так сказать навыков программирования, есть еще
SoftSkill навыки изучаемые во вторую очередь, например:

  • Слепой набор на клавиатуре
  • Английский язык
  • Photoshop
  • Умение искать информацию
  • Коннект с коллегами и с заказчиком
  • Навык переключаться между задачами
  • Избирательность в области обучения
  • Умение самостоятельно обучаться


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

kak-stat-webmasterom

 

Итог.

Так же нужно понимать что градация присутствует и в front-end и в back-end и в fullstack. Разделить можно таким образом, —

  1. Junior — разработчик, который решил множество учебных задач, владеет терминологией, способен закрывать задачи организации, тут пока о качестве молчу.
  2. Middle — разработчик, который помимо решения повседневных задач, работает с архитектурой проекта, знает не на слуху с десяток паттернов проектирования, и капнул уже не только в ширину, но и в глубину, своего стека технологий. Архитектура здесь главное понятие, но и тестирование кода с обширным покрытием тоже в навыке. И так же не забываем, hard скилы и soft скилы на высоте.
  3. Senior — разработчик, соответственно может то что и предыдущие двое. Но этот человек, «монстр», его стэк может быть и не широк, но он очень глубоко понимает свой стэк, так же интерпритаторы, умеет работать с большой нагрузкой пользователей на сервер, либо на браузер, очень часто тут нарастают скилы devOps и QA инженерии.

И опять же всё это далеко приблизительно, потому как в каждой организации, свои устои, и своё понимание того, что хорошо что плохо.


5 принципов как стать быстро и качественно вебмастером / веб разработчиком?:

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

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

  3. Не распыляйте свое внимание, концентрируйтесь на выбранном стеке. (Как определится со стеком расскажу в моем блоге)

  4. Наставник(куратор, учитель, джедай), это программист который закроет пробелы в понимании, поможет в трудную минуту.
    Есть вариант пойти на курс и там будет купленный наставник. Бывают программисты которые готовы быть наставниками в обмен на что-то, например за монотонную работу, или за место на хостинге. Но есть такие программисты которые, готовы быть для начинающих наставниками, в обмен на партнерство в проектах.
    И возможно лучший вариант это друг наставник, коим я являюсь для хорошего друга и я надеюсь в будущем,- коллеги.

  5. Если Вам попался материал, который Вы не понимаете, или идет очень тяжко, это скорей всего происходит из- за неизвестной терминологии, оборотов текста к которым, Вы просто еще не готовы. Берите материал(источник информации) который на порядок легче.
    Начать с супер современной книги или курса, — это все равно что начинать движение на автомобиле с пятой скорости, машина конечно поедет, но скорость наберет не скоро. К примеру я JavaScript пытался учить, но мне очень тяжко давался. И по этому я купил книгу, — «JavaScript для детей»(Ник Морган) и тогда дело пошло. Исходя из этого советую искать материал для детей для школьников, это даст Вам хороший разгон в обучении, терминологию и прочее для того что бы перейти на следующий уровень изучения языка программирования.

 

kak-stat-webmasterom

Поделиться ссылкой:

Насколько был полезен этот пост?

Кликни что бы проголосовать

Средний рейтинг 4.8 / 5. Всего голосов 39

Пока нет голосов, будьте первым кто оценит этот пост.

Комментарии 1

  • Добрый день! Интересная статья. Хочу начать учиться. Плохо, что мне 63, голова уже не та ,но очень хочу попробовать. Пока только неплохо владею фотошопом. Спасибо за знания.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *