AleninD

Какую книгу посоветуете к прочтению по css или начать изучение js?

Отложить в сторону книги, взять 3 дизайна в psd - лендинг (одностраничный сайт), корпоративный(многостраничный, с более сложной структурой), интернет-магазин - начать с лендинга и дальше по увеличению:

1. Сверстать ручками, без использования бутстрапа и других библиотек(с учетом семантики, доступности, адаптивности под все экраны, прикрутить несложную анимацию - карусели, popup, разобраться в анимации с помощью css и js(что можно сделать с помощью css, а где лучше написать на js) - в чем профит - (поможет разобраться как работает css без библиотек и фреймворков, начнет развиваться логика построения хороших интерфейсов, как перестраиваются блоки, дизайнерские ошибки, свои ошибки).

2. После первого-второго пет проекта - используете все элементы автоматизации - препроцессоры, сборщики, библиотеки которые вы точно не напишите сами, и пишите интерфейс с нуля в 2-5 раз быстрее - в чем профит - зная, что под капотом, не задавая глупых вопросов, почему иногда проще написать сетку с нуля, чем использовать сетку бутстрапа(в случае если дизайнер придумал "СУПЕР-МЕГО-САЙТ на 100000000 шекелей, не заморачивась о сетке и не думая о тех людях, которые будут верстать его шедевр), познакомитесь с gulp\grunt\pug,sass\scss\less и еще кучи прикладных инструментов.

3. Посадить его на любую из популярных CMS(для лендинга\корпоративного - WP, Modx, Joomla, Drupal, для магазина (WP, Bitrix, OpenCart) - в чем профит - поймете что нужно клиенту на рынке(не в каждую дырку заталкивается SPA(очень много бизнеса работает на стандартных инструментах), как организована работа контент менеджеров, которые наполняют сайты, оптимизация, плюсы и минусы)

4. Проделав все этапы - у вас есть хорошая база(отличный html и css, вы знаете что такое семантика, кроссбраузерность, адаптивность, знаете базу js, jquery и пишите простые скрипты без подключения библиотеки в 100кб, для того что бы вывести в меню "гамбургер" на мобилках.
Дальше вы решаете - либо делаете упор на JS(и углубляетесь в React\Vue, Angular) участвуя в проектах по разработке SPA и становитесь после года тяжкой работы джуном), либо делаете упор на PHP(CMS, Laravel, Symfony и тд и тп) и так же через год тяжкой работы становитесь джуном.

5. Через 3-4 месяца пытаетесь устроится на работу, особо не заморачиваясь на деньгах.

Очень легко
Изучите питон
Изучите циклы и встроенные функции - вам их хватит с головой

Насколько выгодным будет трансфер в SAP

будет очень тяжело выйти с него в случае какого нибудь форсмажора.

Никто из моих знакомых SAP'истов не сидит без работы и дня. Правда, никто из них свою работу не любит.

Что первое, что второе, по описанию, требуют WebGL. Второй вариант проще и легче в плане кода будет: статичная сфера с текстурой + текст, который описывает движение по её орбите.

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

Типа так:


UPDATE. Увидел такой баг в Android Chrome в результате совместной работы border-radius и overflow:

Нашел решение хаком. Нужно добавить следующее к такому блоку:

-webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); /* this fixes the overflow:hidden in Chrome/Opera */

Это исправило проблему, обновил песочницу.

https://gtmetrix.com/reports/virtualnyeochki.ru/Yk...

Можете прям смело по пунктам проходится, ваша задача - довести до А(в идеальном варианте).
Сделайте на сервере gzip кэширование, подключите http\2 на сервере что бы уменьшить количество запросов к серверу, так же gtmetrix советует вам сложить ваши изображения в спрайт(сомнительно в 2019 году для такого сайта), попробуйте их пожать.
Google Speed insight - это субъективный инструмент, общий (примерный) анализ вашей оптимизации делается отдельными инструментами, причем тестируется в условиях - плохого интернета, нагрузки и тд.

Если брать средний магазин(типичный), среднее качество работы исполнителя, то вёрстка и посадка на wordpress выйдет примерно в 30 000 рублей. Несмотря на то, что встречаются заказчики готовые платить за качество, к сожалению, большинство заказчиков гонится за низкой стоимостью, поэтому, чаще всего, вам даже этих денег не заплатят. Надо ещё учитывать, уровень этой работы относительно несложный, поэтому и количество откликов будет в районе 20-30, предоставляя заказчику огромный выбор исполнителей. Одно дело посадка на wordpress, другое - посадка на laravel или django, например.

Советую установить плагин WPML (платный плагин). Множество настроек, поддержка многих языков. Присутствует форум тех. поддержки. Оперативно отвечают.

Никаки, это выводится автоматом.
Бот берет самые важные страницы и самые посещаемые

Еще жив. Для небольших и несложных сайтов подойдет. Визитки, каталоги или магазин. Не важно. Главное не пытайтесь делать гипермаркет.
Выигрывает в простоте интеграции вёрстки.

лечи причину, а не последствия
попробуй убрать у этого wrapper все паддинги в медиа-запросах, по ходу это он не влезает по ширине