Найти тему
IT для ржавой крысы

Май, карантин, БЭМ

1 мая. Приступила к Проектной работе № 2

Дневниковые записи о том, как проходит обучение "ржавой крысы" (то бишь меня - не молодой, и имеющей гуманитарную профессию, подробнее в предисловии) на курсах "Веб-программирование" Яндекс.Практикума.

Вчера сперва прикончила, наконец, теоретическую часть. Потом порадовалась последней (увы) лекции шведского.

Отвлекусь на шведский на минуточку. Весь апрель 2 раза в неделю в 7 вечера я заходила в ю-туб и на полчасика отвлекалась от всех этих ковид-ужастей. Пару раз, по закону подлости, конечно, шведский совпадал с вебинарами Практикума, но, к счастью, все трансляции записываются, и я их смотрела уже в записи (кому интересно, можно уже все 8 уроков сразу посмотреть на ю-тубе, ссылочку я даю). Курс "Шведский язык с нуля", который всем интересующимся подарило Посольство Швеции в России, за что ему огромная человеческая благодарность (Tack, tack, tack!!!). Для меня во всем этом был прекрасен не столько обучающий языку момент (он с нуля, на уровне hej, tack (привет, спасибо), я итак могу), сколь доп.инфа и подача материала. Очень профессионально все оформлено, очень приятная и четкая преподаватель (Валентина Мельникова), куча сопутствующей интересной информации. И главное - атмосфера, позволяющая, как я уже говорила, отвлечься от реальности и поверить, что "все еще будет"... Не уверена, что в августе на день рождения, как мной планировалось, но обязательно будет.

Возвращаясь к делам учебным. После шведского я, конечно, полезла смотреть Проектную работу № 2. И все... Время было уже к девяти вечера, но я решила, что сейчас быстренько переделаю файловую структуру по БЭМ, как указано в задании, и 1 мая займусь уже производством новых блоков.... АГА, три раза!

Файловая структура по БЭМ - это я вам скажу полный .... гхм.. БЭМ, в общем. Когда я в тренажере делала все эти папочки и файлики, все было вроде очень понятно. И в целом мне даже нравилось, такая спокойная логичная деятельность. Отмечу, что Проектная работа № 2 является продолжением Проектной работы № 1, т.е. работаешь с теми же файлами, но уже сделанный сайт дополняешь новыми блоками. Так вот когда я начала пытаться из своего одного файла style.css изобразить всю эту грандиозную БЭМ-структуру, я чуть крышей не уехала... Провозилась до полуночи, сил отчитываться уже не было, но вроде бы сделала....

Первомайские труды показали, что сделать то, я сделала, да не до конца. Практически весь день сегодня ушел на эту, чтоб ее, файловую структуру. Полбеды ее сделать, две беды все это импортировать, да еще так, чтобы все работало. Я часа два убила на попытки понять, почему у меня чертовы логотипы в хедере и футере исчезли. Что я только с ними не делала... И ссылки исправляла (при переносе частей стиля по разных файлам в разных папках - потом неизбежно приходится все ссылки перепроверять). И импортировала по разному. И головой о монитор билась :) В общем добилась я эффекта, но уже и сама не пойму как.... И в целом не уверена, что вся моя БЭМ-красота будет оценена на код-ревью, особенно в части импорта.

В общем наивные планы сегодня заниматься производством новых блоков рухнули. Только вечером я пару блоков засунула в html-файл, как заготовку, для завтрашних разборок по их оформлению. А там еще блок с видео есть...

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