Хей, имам нещо специално за теб!

5 грешки, които допускаш по време на интервю

Попълни имейл адрес, на който до минута ще получиш обещаното ;)

Code basics for designers

Персонализирани обучения, които премахват бариерите между дизайн и разработка.

Научи повече
.container {
    display: grid;
    grid-template-columns: repeat (3, 1fr);
    grid-template-rows: 2;
    & .item {
        grid-column-start: 2;
    } 
}
Научи повече

Защо липсата на базови front-end умения е проблем?

Когато на лице е липса на основни front-end познания, свързани с HTML и CSS, три основни проблема се появяват:

Пропуски в комуникацията

Дизайнерите могат да създадат layout или интеракции, които са трудно приложими на практика поради липса на разбиране за техническите ограничения. Това води до чести дискусии напред-назад, несъответстващи очаквания и напрежение между екипите.

Нереалистичен или неефективен дизайн

Дизайнерите могат да пренебрегнат ключови технически аспекти, като адаптивен layout (responsiveness), достъпност или оптимизация на производителността. Без разбиране на начина, по който се създават уеб сайтове, те могат да предложат решения, които са прекалено сложни.

Пропуснати възможности

Без основно разбиране на концепциите за разработка, дизайнерите може да подценят инструменти като variables, auto-layout (breakpoints) и интерактивни прототипи. Тези функции улесняват работния процес, подобряват консистентността и насърчават по-добро сътрудничество с разработчиците.

Кои са coding уменията, които всеки дизайнер е добре да притежава

Не е нужно всеки дизайнер да бъде и наполовина разработчик, но основни познания, свързани с технологиите по-долу спомагат за по-ефективен и по-бърз процес по разработване, а също и по-добра комуникация.

HTML5

Научете как съдържанието в уеб се структурира чрез семантични елементи (например <header>, <section>, <article>…).

CSS3

Запознайте се с основите на стилизирането като оформление, типография, цветове, разстояния и анимации.

Flexbox & Grid

Изучаването на Flexbox и Grid помага на дизайнерите да създават адаптивни, отзивчиви оформления, които са в синхрон с разработката.

Breakpoints

Разберете как оформленията се адаптират към различни размери на екрани и устройства. Това знание гарантира, че дизайните са практични за реална употреба.

Accessibility

Разбирането на достъпността гарантира, че дизайнът е инклузивен и удобен за всички.

Petya Petkova {dev} blondie; at AWWWARDS Conf.
Поискай оферта

Какво ще получи екипът ви?

Tailor-made обучение, което включва в себе си вашите процеси и технологиите, с които вашите дизайнери и разработчици създават.

Petya Petkova {dev} blondie; at AWWWARDS Conf.

1. Теоретични познания

Въпреки че обучението няма да бъде скучна лекция, то ще включва теоретична част, която засяга фундаментите на уеб разработката.

2. Практически познания – работа по реален проект

По време на обучението ще работим върху реален проект – landing страница, като дизайнът може да бъде ваш* или предоставен от мен.

3. Всички разработени материли, презентации и запис

Не е нужно да запомняте всичко, а да вникнете в процесът. Всички материали и разработки ще бъдат изпратени след приключване на обучението.

* след предварително обсъждане на необходимите елементи с цел покриване на материалите в обучението

Поискай оферта

Планът е следния:

В няколко стъпки бързо и лесно ще успеем да идентифицираме нуждите на екипа ви и да предоложа напълно съобразено с вас обучение.

1. Изпращане на запитване

Изпратете своето запитване чрез формата по-долу. С отговорите на посочените въпроси ще ми помогнете да се ориентирам преди онлайн срещата ни (стъпка 2).

2. Онлайн среща и предложение

Ще проведем кратък разговор (онлайн) и ще обсъдим нуждите ви, след което ще получите персонализиран план за обучение, както и оферта.

3. Провеждане на обучението

След одобрен план за обучение и потвърдена оферта ще изберем дата(и) за реализиране на плана.

Поискай оферта

Защо да ми се доверите

Петя Петкова

Здравейте ☺️

Аз съм Петя Петкова, full-stack developer, лектор и създател на {dev} blondie; – мястото, на което уеб програмирането се преподава на човешки език.

Винаги съм била привлечена от пресечната точка между дизайн, front-end и back-end разработка. С {dev} blondie; създадох пространство, в което тези уж различни дветове не само се срещат, но и процъфтяват заедно.

Независимо дали съм запретнала ръкави над нов проект, споделям идеи на сцена или водя практически работилници, целта ми е да направя процесът по създаване за уеб по-достъпен и да насърча начинаещи (и не само) уверено да създават дигитални продукти, свързвайки дизайна с разработката.

Поискай персонализирана оферта

Направи първата крачка към upskill-ване на UX/UI екипът си. След изпращане на формата ще получиш имейл с опция за запазване на час за онлайн среща.

Wall of Love ❤️

Още от първата работилница усетих как тези нови знания допълват съществуващите ми умения в дизайна. Огромна заслуга имаш ти като лектор, който успя да направи сложната на вид материя достъпна и интересна.

zhaklina-simova
Жаклина Симова

Петя, страхотна си ❤️ Наистина ми беше толкова интересно, че чаках с нетърпение да изпратиш записа, за да доизчистя грешките, които в бързината направих по кода. По много лесен и възприемчив начин ни въведе.

Ния Иванова
Ния Иванова

Изключително полезен workshop! За хора с базови познания по HTML, CSS, и JavaScript се изясняват доста неща и се показа процеса по писане на сайт Бих се записал за бъдещи workshop-и.

Бисер Дойков
Бисер Дойков

За мен това беше едно от най-удовлетворяващите и смислени обучения, на които съм била през последната година.

zhaklina-simova
Михаела Ризова

Обучението не просто оправда очакванията ми, то ги надмина! Хареса ми как е структуриран материала, а също и отношението ти и към разработката, и към нас.

zhaklina-simova
Боряна Алексива

Получих много интересна и нова за мен информация за front-end и създаването на интернет сайтове за уеб и мобилна версия.

Светла Христова
Светла Христова

Чудесна работилница!
В рамките на няколко часа успях да получа толкова много знания, които определено ще са полезни в работата ми като UI Дизайнер и ИТ Проджект мениджър.

zhaklina-simova
Ренета Георгиева

Вече използвам немалка част от придобитите знания! Сякаш изпитвах един страх с grids и media queries, но вече не е така! Доста по-свободно си пиша SASS/CSS 🙂

zhaklina-simova
Мартин Маринов

Въпроси, които ви интересуват

Колко време би продължило едно такова обучение?

Ще имаме конкретна времева рамка след като науча какви са нуждите на екипа ви и дали има конкретни технологии (освен споменатите тук), които искате да засегнем. Като ориентир – средно такъв тип обучение отнема между 8 и 12 часа (разделени в два или повече дни).

Колко време ще отнеме да подготвиш обучението специално за нас?

След потвърждаване на обучителния план ще са ми нужни между 14 и 20 дни да подготвя пълната програма и материали, след което сме готови за провеждане на обучението.

Може ли обучението да се проведе в наш офис?

Да, разбира се 🙂
Важно е да осигурите подходящо помещение и необходимата техника за презентиране. Другото важно е да имате свежо кафе и 5-6 студени бири в хладилника, за да си поговорим в неформален разговор в края на деня.

П.С. Ако желаете, обучението може да бъде проведено и онлайн в Zoom, като всичко ще бъде записано и изпратено след края му.

Може ли да работим с наш дизайн?

Да, възможно е.
Тук е важно да отбележа, че е необходимо дизайнът да покрива изискванията на обучението, например – да има секция, за която е удачно да се използва CSS Grid, да има custom шрифтове, за да демонстрираме тяхното добавяне, да има breakpoints, за да демонстрирам как се работи с media queries и др.

По време на предварителната ни среща можем заедно да разгледаме и обсъдим възможността за реализиране на ваш дизайн.

Колко би струвало едно такова обучения на фирмата ни?

Компонентите, които съставят цената на едно такова обучение, са няколко, като докато не разполагам с тази информация не мога да назова конкретна цена. Самата информация събирам в няколко стъпки – първо чрез попълване на формата на тази страница, второ – по време на срещата, която ще проведем онлайн.

Самото плащане се реализира на два пъти40% преди провеждане на обучението и 60% след неговото приключване.

Може ли да ни издадеш фактура?

Задължително (все пак не искам да ядосвам и моите хора в отдел счетоводство 🙂