Всем доброго времени дня, зарабатывая себе на хлеб автомобильными перевозками мне всегда было интересно, как обстоят дела в других сферах деятельности и сегодня я хочу рассказать о том, как меня занесло в IT и как мне было больно.
Прогуливаясь зимним январским вечером мне пришла в голову идея - расширять свой кругозор и направление деятельности, обучится чему-то новому. Посидев вечерок в интернете, я прикинул, что на данный момент на рынке труда востребованы грамотные IT специалисты и IT компании с очень хорошим доходом.
Алчность овладела мной. Поставив себе цель - быстренько обучится и грести бабло лопатой, я, долго не думая, нашел курс по созданию сайтов и записался на обучение.
В феврале началось приключение. Пробравшись сквозь буран, я пришел в аудиторию на курсы. Познакомился с коллективом. Люди оказались очень отзывчивыми, а во время обучения не было той самой схемы: «Преподаватель – гуру и все должны ему поклоняться», было на оборот! Учителя были «на ровне» со студентами. Если они чего-то не знали, то гуглили и искали решение вместе со всеми, а не задрав нос ловко уходили от ответа.
Время шло, занятия шли, было все доступно и ясно. Ладони чесались, а в мыслях крутился вопрос: «Ну, когда же я быстренько закончу обучение и начну фрилансить!? Баблишко, Баблишко!» Но как в песне поется: «В жизни так бывает ооо..», пришёл Он – JavaScript.
Бесцеремонно, он встал напротив меня, а затем пробил в под дых и добил локтями! Было больно! Я долго не понимал, что происходит, и что мне с этим делать, как в нем разбираться…?
Выбора особо не было, за учебу было уплачено, и я решил сесть и покорить его. Ночами, после основной работы я сидел и разбирался, а информация по другим web-технологиям все выдавалась и выдавалась.
Под тяжестью полученной информации моя черепушка начала трещать по швам, а вечный недосып пристроился сзади, мой организм сдал, и я заболел, а за окном был март.
Во время болезни, я перевел дух, собрался с мыслями и свободное время, пустил на изучение IT. На данном этапе нам рассказывали про html и css верстка сайтов и все из этого вытекающее. Информацию я усваивал, все шло хорошо, а мыслей про большой и легкий заработок после обучения больше не было. Ее место заняла другая «нейронная связь»: «Как бы не отстать от программы и не пустить все обучение под откос?»
Успешно выздоровев и вернувшись к обычному порядку вещей. С мыслью «доползти» я проходил до середины апреля.
В апреле пришел опять Он – JavaScript, со своим глобальным объектом .this. Хотелось все бросит и уйти. Хотелось плакать. Хотелось убивать. Я думал, что я тупой! (может быть и правда тупой х/з)
Не знаю, что на меня тогда повлияло, может быть моя супруга (привет! Если читаешь), а может быть хоть какие-то успехи в дизайне, но я решил пройти до конца!
Собрав яйца в кулак, я продолжил изучение. Прошел май, со своим групповым проектом, кстати я не успел его сделать, мне было стыдно, но тут же я узнал, что жизнь после дедлайна существует!
Наступил июнь, нагрузка чуть спала и нам предстояло создать свой финальный проект, алгоритмом создания которого я хочу поделится с вами дорогие читатели. Может быть, его демонстрация хоть чуточку покажет, что создание сайта это не так просто!
Вэб-разработка начинается с одного не мало важного процесса такого, как сбор и анализ данных и других подготовительных работ. Для того чтобы разрабатываемый сайт был успешным и привлекал постоянный поток клиентов, а как следствие постоянный поток денежных средств бизнесу, необходимо провести анализ ниши в которой создается сайт. Структурировать все входящие данные и создать карту сайта.
После составления карты сайта и оценки объема работ рисуется макет всех страниц сайта. Он создается с учетом последних тенденций UX/Ui дизайна, а также формируя дизайн проект в него необходимо было включать все разделы, которые были сформированы при создании карты сайта (пункт выше).
По завершению всех «подготовительных» работ начинается самое интересное, начинается web-разработка.
Frontend разработка.
На этом этапе происходит создание визуальной части сайта, те создается тот контент, который видит пользователь, когда переходит на сайт. Лучше всего суть этого процесса отображает картинка
Разработка визуальной части осуществляется в несколько этапов:
Верстка сайта – это процесс создания структурной разметки и отображения содержимого сайта в использование технологии HTML5 и CSS3.
Как говориться в Википедии, что этот процесс сложен и имеет творческую основу, ни один из способов не является каноничным и принятым как основа. Все подходы к вёрстке имеют как преимущества, так и недостатки.
С помощью HTML создаётся разметка статистических страниц сайта, с помощью CSS производится работа со стилистической частью сайта, добавляется интерактивность и медиа запросы под различные устройства.
С помощью JavaScript (либо его библиотек) создаются дополнительные визуальные эффекты и интерактивность, которую невозможно реализовать при CSSиверстке.
При создании своего тестового сайта я использовал библиотеки JQuery. С помощью которых добавил на сайт слайдеры.
backend разработка — это процесс создания сервисной части сайта, те это процесс создания того на чем будет держаться все содержимое и как оно будет работать и взаимодействовать.
Если переместиться на автомобильную отрасль, то frontend это кабина седельного тягача и кузов полуприцепа, а backend это все то, что осталось от грузовика, все его силовые агрегаты - двигатель, коробка передач, мосты, колеса, рама и прочее, те все благодаря чему он передвигается.
В моем тестовом проекте для backend части была использована уже готовая CMS система WordPress. CMS(Content Management System) это программное обеспечение, позволяющее управлять контентом сайта: создавать и публиковать записи, размещать виджеты, менять дизайн, редактировать различные элементы, добавлять функционал и т. д. Систему управления контентом сайта также называют движком сайта. CMS различают великое множество, но существуют основные популярные (WordPress, Moguta, Joomla, Drupal и другие)
При использовании CMS системы мне было необходимо все созданную frontend часть «натянуть» на движок WordPress с уникальной визуальной темой.
Далее проводилась настройка данной CMS системы к собственной верстке
С помощью костылей, лома и какой-то матери я завершил Web- разработку и приступил к стратегии продвижения моего первого творения, а стратегия продвижения заключается в следующем:
В рамках CEO продвижении сайта необходимо проследит, чтобы верстка всех страниц сайта была выполнена с использованием правильных тегов HTML (заголовки «h1», «2» и т.д., атрибуты alt и title у картинок). В административной части сайта была предусмотрена возможность редактирования не только содержимого страниц, но и их заголовков и мета-описания, которые используются поисковиками. Для того, чтобы запретить индексацию административной части сайта, к которой не должно быть доступа у простых пользователей, должно быть добавлено соответствующее правило в файе robots.txt. Все URL-адреса у страниц имеют понятный и «читаемый» вид.
В рамках настройки контекстной рекламы должно быть правильно создано и разбито по поисковым запросам - семантическое ядро, правильно настроена контекстная реклама в Яндекс.Директе и Google.Ads, а к разрабатываемому сайту должен быть установлен и настроен счетчик Google Analytics, Яндекс Метрика позволяющие собирать статистику по посещаемости и действиях пользователей на сайте.
В результате моего обучения был создан шаблон сайта вымышленной туристической компании, оказывающей услуги по Нижегородской области.
Мне, как новому IT специалисту необходимо продолжить обучение и наработку опыта по направлению web-технологий, а именно более досконально изучить языки JavaScript, PHP, CMS систему WordPress, CEO и SMM маркетинг, не забывать про последние тренды в web-дизайне – это регулярное посещение сайта Behance.
В завершении этой статьи я хотел отметить, что IT сфера – это тяжелый интеллектуальный труд. Здесь нет легких денег, а вознаграждение, которое получают IT специалисты – заслуженное! Здесь чтобы оставаться в игре – необходимо постоянно изучать новые технологии, постоянно обучаться.
Всем спасибо за внимание, а мне пора ковырять WordPress/