Кога: 08.02.2026г.
Къде: на живо онлайн (Zoom)
Сертификат: да
Видео запис на обучението: да
Допълнителни учебни материали: да
Задание за домашна работа + видео обратна връзка
Група: макс 30 души
Технологии
Figma
CSS3
Tailwind
Cursor
Какво ще можеш да правиш след обучението
В края на това практическо обучение, освен, че ще си на „ти“ с дев колегите си, ще можеш съвсем сам да създаваш уеб страници, че дори и responsive.
1
Да пишеш HTML и CSS като разработчик
По време на работилницата ще работим със съвременен CSS, а съшо и със CSS framework в лицето на Tailwind – широко използвана технология сред разработчиците.
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 на нови секции
– ще работим с релативни единици, за да имаме флуидна страница, изглеждаща и функционираща добре на всяко устройство
За кого е подходящо обучението
Какво ще получиш
Практически познания и опит
за изграждане на уеб страници, както и технологиите, които се използват за тази цел
Подобряване на комуникативни умения
ще говориш „на един език“ с колегите си разработчици
Видео запис на цялото обучение
+ допълнителни материали
Задание и обратна връзка
разписано задание за домашна работа + ревю и видео обратна връзка
Сертификат
за участието ти в работилницата
Форма за записване
Цената за участие е 240лв / 122.72€ с ДДС.
Плащането се извършва с карта или чрез банков превод след попълване на формата по-долу.
Групата е до 30 души. Свободни места – 29
Отзиви на участници ❤️
Прочети обратна връзка от участници в предходни издания на тази и други работилници – от UX/UI дизайнери до начинаещи front-end разработчици.
Още от първата работилница усетих как тези нови знания допълват съществуващите ми умения в дизайна. Огромна заслуга имаш ти като лектор, който успя да направи сложната на вид материя достъпна и интересна.
Жаклина Симова
Петя, страхотна си ❤️ Наистина ми беше толкова интересно, че чаках с нетърпение да изпратиш записа, за да доизчистя грешките, които в бързината направих по кода. По много лесен и възприемчив начин ни въведе.
Ния Иванова
Като UX/UI дизайнер, мога да споделя, че получих много стойност. Влязохме и в дискусия, получихме полезни препоръки как да предадем Figma файла към разработчиците, за да съобразим важни принципи за тях и не само.
Видяхме изработването на една landing страница от край до край, изграждане на синтаксиса ѝ в CSS3 и HTML5, качването на проекта в GitHub на едно основно ниво, но с много добри насоки.
Славянка Георгиева
Обясняваш достъпно и с нормално темпо. Смятам за много смислено обучението, тъй като ще улесни работата ми като ux/ui дизайнер, както и работата ми с колеги. Също така ми дава възможност да погледа от друга перспектива процеса по създаване на дизайн система, което смятам също за много ключово.
Антонио Георгиев
За мен това беше едно от най-удовлетворяващите и смислени обучения, на които съм била през последната година.
Михаела Ризова
Много съм доволна от работилницата, беше ми много много интересно. Много професионално и увлекателно обучение. Супер смислено, достатъчно теория и въвеждане в материята и изчерпателна практическа част, която нагледно предтавя стъпка постъпка как да си разработим уебстраница.
Блонди ис дъ бест <3
Елеонора Воденичарова
Чудесна работилница!
В рамките на няколко часа успях да получа толкова много знания, които определено ще са полезни в работата ми като UI Дизайнер и ИТ Проджект мениджър.
Ренета Георгиева
Нормално е да имаш въпроси
Затова отговарям на някои от тях тук. А ако има такива, които не са споменати – не се колебай да ми пишеш на hi@devblondie.com
08.02.2026г. – 10:00 – 16:00 часа
Ще ни липсваш 🙁 но няма проблем – веднага след провеждане на обучението ще получиш запис от него, както и всички материали, които сме разработвали.
Да, разбира се 🙂 Мога да издам фактура както за физческо лице, така и за юридическо.
Да, всеки участник ще получи сертификат за завършване на съответната работилница.
Не, няма дори да се опитвам да те заблудя, че за 5 часа ще станеш програмист. Но за 5 часа ще видиш процесите, които съпътстват създаването на една уеб страница, а отделно от това ще получиш допълнителни учебни материали, които да ти помогнат да създадеш първият си софтуерен продукт.
След края на работилницата ще полчуиш имейл със задание – дизайн на малка страница, реализиран във Figma. Задачата ти ще бъде да го превърнеш в адаптивна уеб страница, използвайки HTML5 и CSS3 – технологиите, които сме усвоили по време на практическата част. Не се притеснявай, ще имаш пълни инструкции и ясни очаквания за това какъв трябва да бъде крайния резултат 🙂
О, да! Нямам търпение да видя какво ще сътвориш и доколко си успял/а да усвоиш HTML5 и CSS3. Ще разгледам работата ти индивидуално и ще ти изпратя имейл с текстова и видео обратна връзка, така че да си вземеш максимума от приложеното.
