Кога: 08.02.2026г.
Къде: на живо онлайн (Zoom)
Сертификат: да
Видео запис на обучението: да
Допълнителни учебни материали: да
Задание за домашна работа + видео обратна връзка
Група: макс 20 души
Технологии
Figma
CSS3
Cursor
Какво ще можеш да правиш след обучението
В края на това практическо обучение, освен, че ще си на „ти“ с дев колегите си, ще можеш съвсем сам да създаваш уеб страници, че дори и responsive.
1
Да пишеш HTML и CSS като разработчик
По време на работилницата ще работим със съвременен CSS – nesting, релативни единици за размери (rem, vw), atomic CSS.
2
Да използваш по-комплексни layout модели
За целите на страницата, която ще създадем, ще приложим както CSS Flexbox, така и CSS Grid. Ще видиш какви са ползите и ще знаеш кое кога се използва.
3
Да създаваш флуидни уеб страници
След като създадем страницата, ще създадем media query правила, с които да сме сигурни, че уеб страницата ни изглежда добре на всякакви устройства и резолюции.
Как ще протече обучението
Внимание: това е практическо обучение.
Означава, че няма да прекарваме време само в приказки, а тъкмо обратното – ще създаваме заедно (точно така, ти също ще имаш задачи и участие).
Теоретична част – 1 час
– какво е най-новото от CSS3
– какво са CSS библиотеките и т.нар. frameworks и за какво се използват
– какво представляват media queries и как се създава флуидност
– какво е Flexbox
– какво е Grid
– какви видове размери има в CSS и как да се адаптират спрямо устройството
– как и какъв AI можем да използваме, за да превеждаме дизайн в код
– какво е Cursor и как да го използваме
Практическа част – 4 часа
– ще работим с дизайн, подаден във Figma, съдържащ компоненти, променливи и варианти
– ще работим в Cursor IDE – редактор на код, подпомаган от изкуствен интелект
– ще създадем структурата на страницата, използвайки семантичен HTML5
– ще пренесем всички стойности за цветове, шрифтове и размери от Figma
– ще започнем да стилизираме страницата си
– ще използваме Flexbox и Grid за задаване layout на нови секции
– ще работим с релативни единици, за да имаме флуидна страница, изглеждаща и функционираща добре на всяко устройство
За кого е подходящо обучението
Обучението е насочено към UX/UI дизайнери, които искат да научат повече за това как дизайните им се реализират в уеб. В тази работилница наблягаме основно на т.нар. responsive, на това как елементите в дизайна си взаимодействат при различни резолюции и как разработчиците създават правила за различен layout.
Какво ще получиш
Практически познания и опит
за изграждане на уеб страници, както и технологиите, които се използват за тази цел
Подобряване на комуникативни умения
ще говориш „на един език“ с колегите си разработчици
Видео запис на цялото обучение
+ допълнителни материали
Задание и обратна връзка
разписано задание за домашна работа + ревю и видео обратна връзка
Сертификат
за участието ти в работилницата
Форма за записване
Тази работилница е вече проведена.
Можеш да оставиш имейл адрес, на който да те уведомя, когато има обявени нови дати.
Отзиви на участници ❤️
Прочети обратна връзка от участници в предходни издания на тази и други работилници – от UX/UI дизайнери до начинаещи front-end разработчици.
Обучението беше изключително полезно. Дори на следващия ден имах среща с колегите програмисти, на която се чувствах по-уверена, че съм много по-наясно с кода и какво обясняват. От твоя страна беше много полезно и приятно, че можехме да задаваме въпроси и да получим помощ на момента. Отношението ти беше прекрасно и това също зададе много положителен тон и улесни навлизането ни в тази никак лесна материя. Много благодаря!
Гергана Ковачева
Петя, страхотна си ❤️ Наистина ми беше толкова интересно, че чаках с нетърпение да изпратиш записа, за да доизчистя грешките, които в бързината направих по кода. По много лесен и възприемчив начин ни въведе.
Ния Иванова
Като UX/UI дизайнер, мога да споделя, че получих много стойност. Влязохме и в дискусия, получихме полезни препоръки как да предадем Figma файла към разработчиците, за да съобразим важни принципи за тях и не само.
Видяхме изработването на една landing страница от край до край, изграждане на синтаксиса ѝ в CSS3 и HTML5, качването на проекта в GitHub на едно основно ниво, но с много добри насоки.
Славянка Георгиева
Още от първата работилница усетих как тези нови знания допълват съществуващите ми умения в дизайна. Огромна заслуга имаш ти като лектор, който успя да направи сложната на вид материя достъпна и интересна.
Жаклина Симова
Обясняваш достъпно и с нормално темпо. Смятам за много смислено обучението, тъй като ще улесни работата ми като ux/ui дизайнер, както и работата ми с колеги. Също така ми дава възможност да погледа от друга перспектива процеса по създаване на дизайн система, което смятам също за много ключово.
За мен това беше едно от най-удовлетворяващите и смислени обучения, на които съм била през последната година.
Михаела Ризова
Много ми хареса атмосферата, теоритичната част, но и задачата и всички подробности, както и личното отношение към участниците. Хареса ми, че работилницата се усети като „а safe space for women in tech “ където няма място за „глупави въпроси“.
Единствено темпото при задачата беше много бързо за мен като начинаеща и не можах да наваксам на живо, но вярвам, че гледайки записа и често натискайки „пауза“, ще смогна и ще разбера повече за HTML&CSS и да навляза в повече детайли за успешно изпълнение на задачата.
Стефания Коларова
Много съм доволна от работилницата, беше ми много много интересно. Много професионално и увлекателно обучение. Супер смислено, достатъчно теория и въвеждане в материята и изчерпателна практическа част, която нагледно предтавя стъпка постъпка как да си разработим уебстраница.
Блонди ис дъ бест <3
Елеонора Воденичарова
Чудесна работилница!
В рамките на няколко часа успях да получа толкова много знания, които определено ще са полезни в работата ми като UI Дизайнер и ИТ Проджект мениджър.
Ренета Георгиева
Нормално е да имаш въпроси
Затова отговарям на някои от тях тук. А ако има такива, които не са споменати – не се колебай да ми пишеш на hi@devblondie.com
08.02.2026г. – 10:00 – 16:00 часа
Ще ни липсваш 🙁 но няма проблем – веднага след провеждане на обучението ще получиш запис от него, както и всички материали, които сме разработвали.
Да, разбира се 🙂 Мога да издам фактура както за физческо лице, така и за юридическо.
Да, всеки участник ще получи сертификат за участие в работилницата.
Не, няма дори да се опитвам да те заблудя, че за 5 часа ще станеш програмист. Но за 5 часа ще видиш процесите, които съпътстват създаването на една уеб страница, а отделно от това ще получиш допълнителни учебни материали, които да ти помогнат да създадеш първият си софтуерен продукт.
След края на работилницата ще полчуиш имейл със задание – дизайн на малка страница, реализиран във Figma. Задачата ти ще бъде да го превърнеш в адаптивна уеб страница, използвайки HTML5 и CSS3 – технологиите, които сме усвоили по време на практическата част. Не се притеснявай, ще имаш пълни инструкции и ясни очаквания за това какъв трябва да бъде крайния резултат 🙂
О, да! Нямам търпение да видя какво ще сътвориш и доколко си успял/а да усвоиш HTML5 и CSS3. Ще разгледам работата ти индивидуално и ще ти изпратя имейл с текстова и видео обратна връзка, така че да си вземеш максимума от приложеното.
