Илья Пирожок

Базы данных - это отдельная большая область знаний, актуальна в т.ч. и для веба. Трудно найти область программирования где в той или иной степени не нужны были бы базы данных.
Другие сферы, обычно, достаточно узко специализированы. Можете выбрать любое направление, которое по душе.

В некоторых местах Elementary OS еще слабая, это пишут люди, которые давно с ней знакомы.
Если же вы хотите красоту как в OS X, и функционал полноценной ОС, то почему бы просто не накатить на Ubuntu оболочку Freya (оболочку Elementary OS)?

https://www.youtube.com/watch?v=L5dK74bnBOY

"Мои знания HTML\CSS3(с фреймворками и препроцессорами), ванильный JS и jQuery, Основы PHP."

- так вот после всего этого вам просто необходимо изучить и использовать Bower (хотя без него можно обойтись), тот же Gulp или Webpack (как-то с трудом себе представляю жизнь без них - это сборщики проэктов), ну и Node.js для js на сервере.

Да если ты не гуру front-ender, то знать всё досконально не нужно да и невозможно. Как правило в WEB-разработке есть просто действия (включая фронт-енд сторону) которые однообразно и из проекта в проект повторяют одну и туже операцию. Для этих целей - grunt и gulp. Но даже если вы его не знаете - труда написать простенький сценарий - не составит. Важно понимать общие понятия (конкатенация, минимизация). Также и с bower. Если Вы понимаете, что такое пакетный менеджер, то этого будет достаточно, чтобы "прокурить" и bower.io. А вообще - не заморачивайтесь. Всему можно научиться - просто читая документацию и ориентируясь в общих чертах для чего это надо.

1. Это две совершенно разные профессии.
2. Ничего общего нет. Дизайнер рисует в фотошопе/скетче. Верстальщик работает с HTML+CSS кодом. Другое дело, что эти профессии должны знать друг о друге и понимать какие-то принципы работы друг друга, чтобы в итоге получился веб-сайт, а не непонятно что.
3. Вначале рисуют дизайн, потом его верстают.
4. Важность обоих профессий одинакова.

Да, как и во всех других сферах, бывают универсалы, которые умеют и рисовать и верстать. Но качество будет никаким, специализация решает.

1. Спокойно.
2. Вопросы? Это что допрос?
3. Клиенту вообще не надо говорить никаких терминов. Ему надо знать какую выгоду он получит от сайта, а на чем он сделан, как и т.п. его вообще не долно касаться. Есть тонкость человеческого восприятия, люди легче впитывают информацию которая в настояшем времени. Пример: "И у вас есть сайт, который ежедневно приводит в вашу компанию новых клиентов и от этого ваш доход растет очень быстро и вы ощущаете себя свободным, счастливым человеком..."
4. Склонить? Человек сам должен осознать, что сайт сделает его жизнь лучше.

Вам то что больше нравится? Данные технологии тесно связаны и понимать как всё работает необходимо в любом случае и следить нужно за развитием технологий на обоих ветвях. Ну и останавливаться на них тоже не стоит, можно посмотреть на nodeJs, попробовать noSQL базы данных, может даже другой серверный язык ( ruby, java, ...etc). Только попробовав большое число технологий вы сможете понять, что нравится именно вам. Главное - не ориентироваться только на деньги в этом вопросе: если вы будете следить за новыми технологиями и активно знакомиться с ними, а ещё лучше - принимать участие в их разработке в виде контрибьютора/альфа-юзера - проблемы с работой и, как следствие деньгами, у вас не будет.

На PHP/mysql - больше работы на данный момент.
На JS - больше перспектив в будущем.
Выбирайте.

Никто от вас не скрывает новые функции HTML5. Вы сами легко можете убедиться в том, что нет никаких чудо-функций, которые сами будут "адаптировать" сайт. Возможные способы адаптивного дизайна названы. Поэтому пусть "ваш работник" вам поподробнее расскажет, что он имеет в виду. Может, он говорил не про фронтенд.
Про

<meta name="viewport" content="width=device-width, initial-scale=1.0">

выше верно отметили.

По умолчанию ширина окна просмотра на iPhone устанавливается равной 980px. Но ваш дизайн может плохо соответствовать данному диапазону. Значение может быть для шаблона слишком большим или маленьким.

Поэму я бы не сказал что viewport это способ адаптивности, это тег который не даёт появится горизонтальной прокрутке но удобство работы с сайтом от этого не сильно повышается. Всё будет адски мелко.

Можете попробовать поковыряться в демках с codepen.io.
Вот, например, калькуляторы: codepen.io/search/pens?q=calculator
А здесь показано написание калькулятора на JS от начала до конца: thecodeplayer.com/walkthrough/javascript-css3-calc...

Примеров небольших разобранных приложений очень много, вбивайте конкретный запрос на английском, скринкастов тоже хватает. Пример: pong game example

найдитеи и скачайте мастер-классы и курсы Игоря Борисова... все на практите делае,т есть торренты вебинаров

Соглашусь, что от понимания синтаксиса до написания реальных приложений маленькая пропасть.. видимо это самая крутая часть кривой вхождения.. собственно сам испытываю такие проблемы. Могу ещё посоветовать patterns Стояна Стефанова, сейчас читаю, но опять же насколько сильно поменяется JS после ES6.. какие паттерны как будут выглядеть..

В любом случае выход только один.. практика практика практика.

Нужно пилить, пилить и пилить, чтоб что-нибудь получилось.
А вы думаете у других было все так просто - прочел пару книжек и все пошло по маслу?

Материал нужно закреплять практикой и повторять , чтоб не забывать и закрепить. Люди годами учатся, набирают опыт, делают ошибки - исправляют и т.д.

Есть много книжек, статей где небольшие программы/проэкты просто поэтапно расписаны. Я думаю нужно сначала повторить - запомнить , потом пытаться что то свое добавить, далее с нуля написать небольшое приложение и понимание придет. Все таки программирование эта больше практика, а не теория.

html это частный случай XML.
XML это просто структурированный документ с данными, для создания структуры используются теги.
XML формат удобен для создания различных открытых форматов данных, которые потом можно открывать и править нештатными средствами, которые могут даже не поддерживать весь функционал (например выводить и править только те теги, про которые знают, остальные сохранять как есть.

Например docx - уже xml

А вообще - википедия.