Кога: 25.01.2026г.
Къде: на живо онлайн (Zoom)
Сертификат: да
Видео запис на обучението: да
Допълнителни учебни материали: да
Задание за домашна работа + видео обратна връзка
Група: макс 30 души
Технологии
Figma
HTML5
CSS3
Git
Какво ще можеш да правиш след обучението
В края на това практическо обучение, освен, че ще разбираш колегите си програмисти по-добре, ще умееш да работиш с редактор на код, посредством който, чрез използването на HTML и CSS ще можеш да създаваш уеб страници.
1
Да работиш с
редактор за код
Ще можеш да работиш с редактор на код (VSCode) и ще се увериш, че изобщо не е толкова страшно или сложно, колкото изглежда.
2
Да създаваш
уеб страници
Ще знаеш как да създадеш основата за една уеб страница и да я напълниш със семантични HTML тагове (ще объднем доста внимание и на уеб достъпността).
3
Да стилизираш
уеб страници
Най-сладкото – ще можеш да вземеш всичките си дизайн тоукъни от Figma и да ги превъплатиш в код, посредством CSS.
Как ще протече обучението
Внимание: това е практическо обучение. Означава, че няма да прекарваме време само в приказки, а тъкмо обратното – ще създаваме заедно (точно така, ти също ще имаш задачи и участие).
Теоретична част – 1 час
– какво е HTML5
– какво означава семантичен HTML
– защо уеб достъпността е все по-важна и как да си сутръдничиш с девовете за постигането ѝ
– какво е CSS3
– как се интегрират променливи от Figma в CSS
– как се превеждат основни layout модели от Figma в CSS
– какво представляват компонентите в уеб
– какво е Visual Studio Code и как се работи с него
Практическа част – 4 часа
– ще инсталираме редактор за код (IDE)
– ще създадем първият си уеб проект – папка
– ще създадем първият си HTML документ
– ще създадем markup-a на страницата, използвайки HTML тагове
– ще създадем първият си CSS файл и ще го асоциираме с HTML документа
– ще стилизираме вече добавените HTML елементи
– в края на обучението ще имаме готова уеб страница
За кого е подходящо обучението
Какво ще получиш
Практически познания и опит
за изграждане на уеб страници, както и технологиите, които се използват за тази цел
Подобряване на комуникативни умения
ще говориш „на един език“ с колегите си разработчици
Видео запис на цялото обучение
+ допълнителни материали
Задание и обратна връзка
разписано задание за домашна работа + ревю и видео обратна връзка
Сертификат
за участието ти в работилницата
Форма за записване
Цената за участие е 240лв / 122.72€
Плащането се извършва с карта или чрез банков превод след попълване на формата по-долу.
Групата е до 30 души. Свободни места – 28
Отзиви на участници ❤️
Прочети обратна връзка от участници в предходни издания на тази и други работилници – от UX/UI дизайнери до начинаещи front-end разработчици.
Още от първата работилница усетих как тези нови знания допълват съществуващите ми умения в дизайна. Огромна заслуга имаш ти като лектор, който успя да направи сложната на вид материя достъпна и интересна.
Жаклина Симова
Петя, страхотна си ❤️ Наистина ми беше толкова интересно, че чаках с нетърпение да изпратиш записа, за да доизчистя грешките, които в бързината направих по кода. По много лесен и възприемчив начин ни въведе.
Ния Иванова
Като UX/UI дизайнер, мога да споделя, че получих много стойност. Влязохме и в дискусия, получихме полезни препоръки как да предадем Figma файла към разработчиците, за да съобразим важни принципи за тях и не само.
Видяхме изработването на една landing страница от край до край, изграждане на синтаксиса ѝ в CSS3 и HTML5, качването на проекта в GitHub на едно основно ниво, но с много добри насоки.
Славянка Георгиева
Обясняваш достъпно и с нормално темпо. Смятам за много смислено обучението, тъй като ще улесни работата ми като ux/ui дизайнер, както и работата ми с колеги. Също така ми дава възможност да погледа от друга перспектива процеса по създаване на дизайн система, което смятам също за много ключово.
Антонио Георгиев
За мен това беше едно от най-удовлетворяващите и смислени обучения, на които съм била през последната година.
Михаела Ризова
Много съм доволна от работилницата, беше ми много много интересно. Много професионално и увлекателно обучение. Супер смислено, достатъчно теория и въвеждане в материята и изчерпателна практическа част, която нагледно предтавя стъпка постъпка как да си разработим уебстраница.
Блонди ис дъ бест <3
Елеонора Воденичарова
Чудесна работилница!
В рамките на няколко часа успях да получа толкова много знания, които определено ще са полезни в работата ми като UI Дизайнер и ИТ Проджект мениджър.
Ренета Георгиева
Нормално е да имаш въпроси
Затова отговарям на някои от тях тук. А ако има такива, които не са споменати – не се колебай да ми пишеш на hi@devblondie.com
25.01.2026г. от 10 до 16 часа.
Ще ни липсваш 🙁 но няма проблем – веднага след провеждане на обучението ще получиш запис от него, както и всички материали, които сме разработвали.
Да, разбира се 🙂 Мога да издам фактура както за физческо лице, така и за юридическо.
Да, всеки участник ще получи сертификат за завършване на съответната работилница.
Не, няма дори да се опитвам да те заблудя, че за 5 часа ще станеш програмист, а това не е и целта. Но за 5 часа ще видиш процесите, които съпътстват създаването на една уеб страница и ще научиш как да подготвяш дизайните си по по-ефективен начин. А отделно от това ще получиш допълнителни учебни материали, които да ти помогнат да създадеш първият си софтуерен продукт.
След края на работилницата ще полчуиш имейл със задание – дизайн на малка страница, реализиран във Figma. Задачата ти ще бъде да го превърнеш в уеб страница, използвайки HTML5 и CSS3 – технологиите, които сме усвоили по време на практическата част. Не се притеснявай, ще имаш пълни инструкции и ясни очаквания за това какъв трябва да бъде крайния резултат 🙂
О, да! Нямам търпение да видя какво ще сътвориш и доколко си успял/а да усвоиш HTML5 и CSS3. Ще разгледам работата ти индивидуално и ще ти изпратя имейл с текстова и видео обратна връзка, така че да си вземеш максимума от приложеното.
