Текст73439483945984356676578879
я/////////////////////////////////// Слайд 1 ///////////////////////////////////
Веб-разработка - одна из самых значимых и прибыльных отраслей в IT. Она обладает огромным количеством преимуществ и вот только некоторые из них:
/////////////////////////////////// Слайд 2 ///////////////////////////////////
Первая - возможность к самообразованию. Для того чтобы научится разрабатывать сайты не нужно ходить на всякие дорогостоящие курсы,покупать книги и так далее.В интернете огромное количество сайтов где вы можете научится этому ремеслу и сайтов где сотни таких же вы могут помочь вам. Кроме того можно учится просто смотря как работает то,что сделали другие,благо код абсолютно всех сайтов не скрыт и доступен через консоль разработчика которая есть в каждом современном браузере.
/////////////////////////////////// Слайд 3 ///////////////////////////////////
Вторая немаловажная причина - веб-разработка не требует материальных вложений.В отличии от фотографии где требуются дорогие фотоаппараты и объективы или геймдизайна где нужно иметь дорогой компьютер,в веб разработке не нужны горы денег.Все что вам нужно на первых парах это текстовый редактор, браузер и фотошоп.
/////////////////////////////////// Слайд 4 ///////////////////////////////////
Третья причина - в веб разработке каждый найдёт себя: умеешь хорошо рисовать и тянешься к прекрасному - иди в веб-дизайн. Нравится программировать бекенд и фронтенд разработка для тебя. Не можешь определиться - иди в верстальщики.
/////////////////////////////////// Слайд 5 ///////////////////////////////////
Четвёртая - карьерный рост: из простого верстальщики за год можно перерасти в front end разработчика,и так далее.
/////////////////////////////////// Слайд 6 ///////////////////////////////////
Пятая причина - актуальность профессии. Интернет плотно влился в нашу жизнь,и исчезать из неё ближайшие столетия точно не будет.
/////////////////////////////////// Слайд 7 ///////////////////////////////////
Шестая причина волнует всех здесь присутствующих - заработная плата.Она здесь выше средних по республике.Например front end разработчик получает в среднем 1500-2000$.
/////////////////////////////////// Слайд 8 ///////////////////////////////////
Седьмая причина - если вы многого достигаете в своём деле,на вас могут обратить внимание зарубежные компании и пригласить работать за рубеж.
/////////////////////////////////// Слайд 9 ///////////////////////////////////
Теперь поговорим о самом процессе разработки сайта.
В процессе разработки сайта могут участвовать от одного до нескольких десятков человек. Все эти люди имеют разные обязанности.
/////////////////////////////////// Слайд 10 //////////////////////////////////
На начальном этапе создания сайта,продумывается идея, регистрируется доменное имя,составляется техническое задание.
Идеей нашего сайта стал сайт школы,доменное имя нам было не нужно - мы делали всего лишь демо-страницу.
/////////////////////////////////// Слайд 11 //////////////////////////////////
Начинается все с создания технического задания.Техническое задание - это документ в котором описываются пожелания заказчика,технологии которые будут использоваться и так далее. Техническое задание формируется совместным трудом заказчика и исполнителя.
Так как тематикой нашего сайта стал сайт школы мы пришли к такому ТЗ:
1.Сайт должен быть строгим,потому что это все таки сайт государственного учреждения.
2.Сайт должен быть современным.
3.Сайт должен быть лёгким,чтобы откываться при медленном интернете.
4.Сайт должен был сделан в формате блога, то есть быть предназначенным для публикования новостей.
/////////////////////////////////// Слайд 12 //////////////////////////////////
После того как мы определились с ТЗ, я приступил к разработке дизайна.
Дизайн мы делали в фотошопе. Так как нам пришлось работать в сжатые сроки, макет отображал у нас только разметку главной страницы.При разработке настоящего макета,дизайнер охватывает все страницы сайта.
Когда создание макета было закончено,он выглядел как то так.
/////////////////////////////////// Слайд 13 //////////////////////////////////
Во время работы я вдохновлялся российским новостным сайтом tjournal и социальной сетью instagram и в итоге у меня получилось вот это:
{Пикчи}
/////////////////////////////////// Слайд 14 //////////////////////////////////
{Картинка с макетом}
Таким образом скрестивши разметку tjournal и цвета instagram у нас получился простой,приятный и строгий сайт.
/////////////////////////////////// Слайд 14 //////////////////////////////////
Как только дизайнер заканчивает работу в дело вступает верстальщик.
Работа верстальщика заключается в переносе макета из графического редактора в HTML документ,и скопировать его оформление в CSS.
Я переписал сайт в HTML и создал для него CSS стиль. В ходе верстки мы немного отошли от макета,так как в нашем случае макет был приблизителен, а сайт мы делали для себя. Работая на заказ хороший верстальщик должен абсолютно точно передавать макет дизайнера.
{Пикча с Brackets}
После этого мы получили сайт который можно открыть через браузер,однако многие элементы остались неактивными.
{Пикча с Макет/Сайт}
/////////////////////////////////// Слайд 15 //////////////////////////////////
Для того чтобы дать элементам жизнь (в нашем случае боковой панели) нам понадобилось освоить ремесло фронт-енд разработчика. На самом деле "форнтэндщик" это такой же верстальщик,только он еще и программировать умеет. Он может и сайт сверстать и скрипт написать,и библиотеку создать.
Однако в нашем случае нам потребуется только использование готовых скриптов и библиотек. В нашем случае это были библиотека иконок от google,библиотека анимаций и скрипт для движения сайдбара.
Это лишь наглядный минимум чтобы показать вам. Если использовать этот сайт в реальной жизни понадобится еще больше скриптов и библиотек.
/////////////////////////////////// Слайд 16 //////////////////////////////////
{Изменения}
/////////////////////////////////// Слайд 17 //////////////////////////////////
Теперь рассмотрим то что получилось у нас в итоге.
Мы сделали главную страницу школьного сайта. Создали для него CSS стиль,и шаблон для создания новых страниц, благодоря чему теперь можно быстро сверстать остальные необходимые страницы для сайта.
/////////////////////////////////// Слайд 18 //////////////////////////////////
Что нужно сделать для того чтобы этот сайт работал:
- Доверстать оставшиеся страницы
2. Сделать мобильную версию
3. Поставить сайт на CMS чтобы было просто им управлять
4. Разместить его на сервере