Ivan Bogachev

В основе Веб хранилища лежат два механизма:
- хранилище сессии (sessionStorage) обслуживает область хранения данных для каждого домена, доступное на протяжении сессии. (пока браузер открыт, даже в случае перезагрузки страницы)
- локальное хранилище (localStorage) делает тоже самое, но сохраняет данные даже в случае, если переоткрыть браузер.

https://developer.mozilla.org/ru/docs/Web/API/Web_...
Очевидно обычные переменные "погибнут" при перезагрузке страницы, не говоря уже о браузере.

Попробуйте VanillaJS. Этот фреймворк просто создан для того, чтобы добавлять и удалять CSS классы. А вообще - такое можно с помощью CSS анимации сделать (без скриптов).

Critical CSS вставляется инлайново в начале страницы, а остальная гора стилей уже подключается в конце. Таким образом юзер сразу видит красивую страничку, а все, что не так важно (например стили для футера - пока он там еще до него доскролит...), уже потом подгружается.

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

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

Если давно варитесь в какой-то области и все достало, но нужно что-то делать (у всех такое бывает), то есть вариант на несколько дней забить на все и погрузиться во что-то совершенно незнакомое (наконец попробовать выучить какой-нибудь haskell, ну или хотя бы common lisp, почитать про нейронные сети, купить губную гармошку и научиться на ней играть - простое, но прикольное занятие). Обязательно гулять (если не можете бесцельно гулять, то простой совет: пошли за хлебом - сходите не в ближайший магазин, а в магазин за пару кварталов) и много спать. Выключать компьютер и телефон после 9 вечера. Можно еду готовить - тоже не особо умственно сложное занятие, но хорошо отвлекает. Ну и вкусная еда еще никому плохо не делала. Мозг отдохнет и можно будет вернуться к основной деятельности.

theaigames.com - ресурс вполне себе живой, когда в последний раз туда заходил, там люди писали ботов для какой-то стратегии, техасского холдема и омахи, а потом они соревновались между собой. Теперь там и го, и большие крестики-нолики и еще какие-то игрушки.

Подобная фигня происходит из-за неправильных округлений (с браузерами такое бывает довольно часто, правда обычно проявляется в вещах вроде calc() в css). Вот тут есть статейка по теме media-запросов, и вывод из нее довольно простой - используйте или только max-width или только min-width и все будет хорошо.

Я не имею в виду 2-4 недельные программы, я про 6-12 месяцев, где они обещают научить всему и сделать портфолио

(имхо) За 6 месяцев любой целеустремленный человек и без них научится многому и сам сделает себе портфолио, не говоря уже о 12. Говорю по себе - год назад я что-то писал на Си и немного администрировал линуксы, сильно заинтересовался фронтендом, начал гуглить, отвечать на вопросы на тостере, много практиковался, сейчас уже делаю очень прикольные вещи, фрилансю. А не целеустремленный и с курсами не сможет ничему научиться, поскольку слушать мало, нужно практиковаться. Если вы будете прикладывать усилия к своему самообучению, то курсы - это в лучшем случае знакомства (что тоже полезно, конечно, но учиться только ради знакомств несколько странно).

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

Есть (по идее) две категории сущностей - сама организация, которая каталог предоставляет, и собственно предложения о продаже. Если выражаться в терминах schema.org, то первая сущность относится к Thing > Organization. У нее есть address, description, email, могут быть events, foundingDate, location, logo, telephone, image... и еще много всего, что эту организацию описывает. Сами предложения о продаже недвижимости более всего подходят к Thing > Intangible > Offer, а у оффера могут быть availability, availabilityEnds, availabilityStarts, category, offeredBy, price, priceCurrency, priceValidUntil, review, description, image и еще куча всего. Так что открывайте свой сайт, открывайте документацию, и прям по списку смотрите, какие свойства соответствующих сущностей есть у вас на страницах.

Не так давно сталкивался с похожей проблемой. После обновления npm начал переодически терять права на запись в локальную папку node_modules, в результате половина пакетов оказывались недоустановленными. Обнаружилось это случайно и пару дней костылилось запуском всего, что можно, от администратора. Причину так и не узнал, вернулся к своему линуксу и старой версии npm.

Я вас еще больше запутаю, сказав, что UX (user experience, эмоции, когда пользователю приятно) - это не то же самое, что usability (когда пользователю удобно). Хороший дизайнер должен понимать что-то и в том и в другом, вроде бы это всегда так было. А по поводу названий - это мода. Вот дизайнеры сейчас называют себя UI/UXами, админы в свитерах с оленями - DevOpsами, верстальщики-бутстрапщики называют себя frontend-developerами, а чуваки, пишущие на erlang - просто царями. И никого не парит зачем эти слова были придуманы - в данной ситуации они просто показывают "смотрите какой я крутой".

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

Нуждаемся в rss ленте, но у сайта нету движка. Т.е. html+css+js...на сайте ежедневно создаются записи/страницы:)

Мсье знает толк в извращениях... Быть может стоит хотя бы какой-нибудь jekyll прикрутить? Заодно и лента будет сама генерироваться.

Правильно ли я применил адаптивную верстку

Сам факт задания такого вопроса заставляет усомниться в правильности, и с энтузиазмом найти косяки. Так вот: вы совсем забыли про то, что на телефоне, как бы так сказать, может быть низкий экран.


А еще отступы везде немного плавают (не знаю, может дизайн такой, может я привередливый).

А вот это

function dropOne() {}
function dropTwo() {}
function dropThree() {}
function dropFour() {}

Можно было бы и получше оформить.

На чистом CSS такое сделать не получится. Проще всего использовать волну (верхнюю ее часть) в виде SVG картинки (пример). Надеюсь проблем с тем, чтобы нарисовать ее одной кривой, не возникнет.