Инструменты и знания, необходимые современному разработчику сайтов

Инструменты и знания, необходимые современному разработчику сайтов


Начинающего разработчика сайтов (даже верстальщика) на пути становления опытным «Senior» ожидает ряд трудностей. Это и выбор редактора, и подготовка собственной сборки и нюансы кодинга.

В настоящее время существует большой выбор программ для разработки сайтов, но все они делятся на два типа: визуальные (WYSIWYG) редакторы, где все элементы подобно MS Word легко и непринужденно размещаются на странице и текстовые редакторы кода.

Визуальные (WYSIWYG) редакторы


Позволяют «на ходу» видеть все вносимые в дизайн изменения подобно тому, как работает редактор MS Word. Соответственно, изменение шрифтов, размеров или цвета производится путем выделения объекта и нажатия на соответствующий пункт меню.

Наиболее известные представители


— Macromedia Dreamviewer (с 2008 года переименована в Adobe Dreamviewer);
— Adobe Muse;
— Microsoft Office SharePoint (до MS Office 2007 называлась Microsoft FrontPage);
— WYSIWYG Web Builder;

Избежать головной боли с созданием сайта в Киеве поможет студия Webplus. Ребята занимаются не только разработкой, но и продвижением и поддержкой сайтов.

Особенности визуального кодинга


— Удобно делать макеты и шаблоны (еще удобнее в Adobe Photoshop);
— Добавляет кучу ненужного кода, который, в идеале нужно вычищать;
— Нет нормально привязки к CSS стилям. Если пользователь не разбирается, то каждый последующий элемент создается, как новый со своими собственными стилями, часто прямо в HTML коде.
— Вызывают привыкание и нежелание пользователя развиваться в данном направлении;

Текстовые редакторы кода


Опытные верстальщики не признают и никогда не признают визуальные редакторы. Свести воедино и посадить на CMS шаблон, сгенерированный в WYSIWYG редакторе может оказаться той еще задачей, а последующие правки или смена стилей сразу на всем проекте потребует внесения значительных правок в код.

Наиболее известные представители


— Sublime Text;
— Notepad++;
— Brackets;
— VIM;

Работа с графикой


Несомненным лидером у веб-разработчиков по графике является Adobe Photoshop, но он уже не используется в тех объемах, как 5-10 лет назад, когда было модно делать выпуклые кнопки, рисуя их в виде градиента и вырезая полоску толщиной в 1 пиксель с последующим повторением ее в коде.

Концепция современного дизайна сайтов стремится к максимальному исключению графических элементов. Актуальный на текущий момент Material Design, по своей сути, является минимализмом и не признает ничего лишнего, кроме монолитного цвета и аккуратных теней (не всегда).

Поэтому, современным верстальщикам и дизайнерам, отчасти, проще, чем 5-10 лет назад, когда в моде были фоновые картинки и анимация на всех этапах. А появление готового фреймворка Fontawesome для иконок свело работу Фотошопа к рисованию в нем макета будущего сайта.

Логотип не всегда удобно рисовать в PS т.к. здесь его нужно собирать с нуля. Например, AAA Logo имеет огромный набор элементов именно для логотипа.

Языки разработки


Примитивная верстка сайтов легко обойдется лишь HTML и CSS, но таких проектов практически не осталось и придется также осваивать азы javascript и JQuery.

Для работы с движками сайтов (CMS) также понадобится понимание основ PHP и чтение кода SQL.



Понравилась статья "Инструменты и знания, необходимые современному разработчику сайтов" из раздела Веб разработка » HTML/CSS? Подпишись на RSS. Будь в курсе всего происходящего на сайте
Комментариев: 0 •  Просмотров: 43   Дата: 29-ноя-2018, 12:26

Похожие статьи

Комментарии

b
i
u
s
|
left
center
right
|
emo
color
|
hide
quote
translit

© 2010-2017 devarts.pro v 7.0: flexyflat tpl Designed by devarts
Карта сайта HTMLКарта сайта XMLПравообладателям
Яндекс.Метрика