Кога: 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.
Какво ще получиш
Практически познания и опит
за изграждане на уеб страници, както и технологиите, които се използват за тази цел
Подобряване на комуникативни умения
ще говориш „на един език“ с колегите си разработчици
Видео запис на цялото обучение
+ допълнителни материали
Задание и обратна връзка
разписано задание за домашна работа + ревю и видео обратна връзка
Сертификат
за участието ти в работилницата
Форма за записване
Цената за участие е 122.72€ / 240лв. с ДДС.
Плащането се извършва с карта или чрез банков превод след попълване на формата по-долу.
Групата е до 20 души. Свободни места – 11
Отзиви на участници ❤️
Прочети обратна връзка от участници в предходни издания на тази и други работилници – от 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. Ще разгледам работата ти индивидуално и ще ти изпратя имейл с текстова и видео обратна връзка, така че да си вземеш максимума от приложеното.
