Нова работилница
От Figma до браузър с Cursor AI
От Figma до браузър
с Cursor AI
Пиши HTML5, CSS3 и JavaScript като mid-level front-end разработчик с помощта на изкуствен интелект.
Къде: на живо онлайн (Zoom)
Сертификат: да
Видео запис на обучението: да
Допълнителни учебни материали: да
Обратна връзка: 100%
Група: макс 30 души
Кога: 26.04.2025г., 10:00 – 15:30 часа
Технологии
Figma
HTML
CSS
JS
Cursor
Какво ще научиш по време на това обучение
По време на тази практическа работилница ще пишем HTML, CSS и JavaScript с помощта на Cursor AI. Целта ни ще бъде да създадем интерактивен, адаптивен и съвременен уеб сайт, състоящ се от няколко страници (разбира се, реализиран като дизайн във Figma).
1
Напреднали техники за писане на HTML, CSS и JavaScript
Това, че ще използваме ИИ за по-ефективно и оптимизирано писане на код не означава, че ще подминем основните технологии, които представляват front-end – HTML, CSS и JavaScript.
Cursor AI ще бъде наш помощник (и дори учител), но сами ще създаваме структурата (HTML), стиловете (CSS) и функционалностите (JS) в проекта ни.
2
Какво е ИИ за програмиране и как да вземем максимума от него
На първо място ще видим как и с какво специализираният за програмиране ИИ се отличава от останалите генератирни модели.
Ще се запознаем с техники, които да прилагаме, като например подаване на команди на човешки език, импортиране на документация на библиотеки, създаване на boilerplate структура.
3
Как да настроим и използваме Cursor AI за максимална ефективност
Ще инсталираме Cursor AI и ще се запознаем с интерфейса му. Ще разгледаме възможностите за чат с Cursor AI, както и неговия Composer.
Ще зададем основни настройки на софтуера и ще импортираме документация на няколко библиотеки, с което ще ускорим процеса по разработка с директно подаване на команди, свързани с външния софтуер и не само.
Как ще протече обучението
Внимание: това е практическо обучение.
Означава, че няма да прекарваме време само в приказки, а тъкмо обратното – ще създаваме заедно!
Теоретична част: 1 час
– кратко въведение в HTML5
– кратко въведение в CSS3
– кратко въведение в JavaScript за уеб
– JavaScript библиотеки и как да ги използваме
– какво е ИИ за програмиране
– какво е Cursor AI
– възможности на Cursor AI
– заплаха ли е ИИ за програмистите
Практическа част: 4 часа
– ще инсталираме Cursor AI и ще го настроим
– ще създадем основната архитектура на проекта си с помощта на Cursor AI
– ще създадем HTML структурата за една от на страниците и ще я стилизираме
– ще използваме Cursor AI, за да пресъздадем вече създадената структура на първата страница, но с разлики за останалите две
– ще използваме Cursor AI за помощник при създаването на контактна форма
– ще импортираме документация на JavaScript библиотека за анимиране и ще използваме Cursor AI за създаване на интеракции
За кого е подходящо това обучение
Какво ще получиш
Форма за записване
Цената за участие е 150лв. с ДДС.
Плащането се извършва с карта или чрез банков превод след попълване на формата по-долу.
Групата е до 30 души.
Свободни места – 19
Те ми се довериха ❤️
От 2024-та до сега организирах 2 пълни курса и над 16 работилници, а междувременно развивам блога на {dev} blondie; в който може да намериш много полезна и практическа информация, свързана с програмирането.
Още от първата работилница усетих как тези нови знания допълват съществуващите ми умения в дизайна. Огромна заслуга имаш ти като лектор, който успя да направи сложната на вид материя достъпна и интересна.
Жаклина Симова
Петя, страхотна си ❤️ Наистина ми беше толкова интересно, че чаках с нетърпение да изпратиш записа, за да доизчистя грешките, които в бързината направих по кода. По много лесен и възприемчив начин ни въведе.
Ния Иванова
Изключително полезен workshop! За хора с базови познания по HTML, CSS, и JavaScript се изясняват доста неща и се показа процеса по писане на сайт Бих се записал за бъдещи workshop-и.
Бисер Дойков
За мен това беше едно от най-удовлетворяващите и смислени обучения, на които съм била през последната година.
Михаела Ризова
Получих много интересна и нова за мен информация за front-end и създаването на интернет сайтове за уеб и мобилна версия.
Светла Христова
Чудесна работилница!
В рамките на няколко часа успях да получа толкова много знания, които определено ще са полезни в работата ми като UI Дизайнер и ИТ Проджект мениджър.
Ренета Георгиева
Нормално е да имаш въпроси
Затова отговарям на някои от тях тук. А ако има такива, за които не съмс е сетила – не се колебай да ми пишеш на hi@devblondie.com
Обучението ще се проведе на 26.04.2025г. от 10:00 до 15:30 часа в Zoom. Пордължителността на модула е 5:30 часа (с почивките).
Ще ни липсваш 🙁 но няма проблем – веднага след провеждане на обучението ще получиш запис от него, както и всички материали, които сме разработвали.
Cursor AI има както безплатна, така и платена версия. По време на работилницата ще работим с платената му версия (20$ на месец) с цел демонстриране пълния потенциал на софтуера за целите на нашия проект.
Да, разбира се 🙂 Мога да издам фактура както за физческо лице, така и за юридическо.
Работилницата е проектирана по начин, който да позволи и на напълно начинаещи да участват и да разберат материята, както и да си тръгнат с умението да я прилагат. Въпреки това ако имаш макар и минимални познания по HTML, CSS и JavaScript ще се чувстваш в свои води 😉
Да, всеки участник ще получи сертификат за завършване на съответната работилница.
