Впечатленения от изпита по CSS

CSS examПреминах успешно поредния изпит в академиятa – още един взет с отличен в списъка ми 🙂 Жалко, че времето отново ме притисна на изпита и не успях да преборя и трите задачи. Явно трябва да премина още доста изпити преди да мога да преборя стреса, който ме връхлита по време на изпит. Две седмици преди края на втората фаза от обучението стана ясно, че финалният изпит по CSS ще бъде практически, a не тест, както очаквах. Стана ясно също, че оценяването ще бъде автоматично. По тази причина имаше доза неяснота относно критериите на оценяване.

Подготовка за изпита

Още след домашното по „SASS“ реших, че това ще бъде предпроцесора, който ще ползвам на изпита. В деня преди изпита си подготвих „Solution“ във Visual Studio. Добавих три проекта за всяка една от задачите. Във всеки един от проектите си добавих SASS файл с готови миксини за градиенти, бордери и др.

Изпит

Как се разви изпитът за мен – още с подаването на условията ми беше ясно кои от задачите ще ми отнемат повече време и кои ще станат бързо. Втора задача ми се видя най-сложна и затова започнах първо с задачата за менюто – задача 1:

Задача 1

hover-sub-item-1-1Решението беше ясно – задаваме релативна позиция на li елементите в основният лист и после задаваме абсолютна позиция на останалите листове. За около час бях почти готов и имах почти ‘pixel perfect“ решение. Тогава обаче видях, че имам малък проблем – бях сложил бордер не на хиперлинка в li елемента, а на самия li елемент. Направих промяната, но „pixel perfect“ дизайна ми отиде на вятъра. Загубих доста време, докато го възстановя. Имах трудности и с това, че съответствията в изкачащото меню се следят трудно в инспектора. В крайна сметка стигнах до това решение -> Решение

Задача 3

initial
Тази задачка като цяло беше доста лесна. Имаше само няколко градиента и използване на някой от псевдо селекторите за да се уловят различните прозорци и да се подравнят наляво или надясно. Задачката ми отне около час, но така и не остана време за последната задача от изпита. Това е решението ми на задача 3: -> Решение
В крайна сметка 200 точки и взел с отличие. Не е зле като за начинаещ. Надявам се на следващият изпит да се представя още по добре 🙂