Този уебсайт е създаден за професионалната компютърна паралелка „Приложен програмист“ в СУ "Йордан Йовков", гр. Сливен. Основната му цел е да информира бъдещите ученици и техните родители за обучението, приемните условия, учебната програма и проектите на учениците.
Сайтът предоставя модерна, динамична и интуитивна платформа, чрез която посетителите могат:
- Да научат повече за специалността
- Да проверят учебния план и технологиите, които ще изучават
- Да се запознаят с извънкласните дейности и допълнителните проекти
- Да изчислят своя състезателен бал чрез интерактивен калкулатор
- Да разгледат портфолиото с ученически проекти
- Да се свържат с училището чрез форма за контакт
🚀 Този уебсайт е разработен от ученици, работещи в екип под ръководството на по-опитни ученици от горните класове и техните учители.
💡 Това не е просто сайт – това е доказателство за мотивацията, знанията и уменията на младите разработчици!
🔗 Чрез сътрудничество и насоки от по-големи ученици, които изпълняват ролята на ментори, участниците в проекта са успели да създадат функционален, модерен и иновативен уебсайт, представящ тяхната паралелка и нейните възможности.
📌 Този проект е пример за ефективно обучение чрез практика, където учениците не само усвояват нови знания, но и ги прилагат в реален уеб проект под ръководството на свои по-опитни съученици и учители! 🚀
✅ Популяризиране на паралелката Професия „Приложен програмист“
✅ Представяне на учебната програма – кои технологии се изучават
✅ Демонстрация на уменията на учениците чрез страница с проекти
✅ Осигуряване на лесен достъп до информация за кандидатстване
✅ Привличане на бъдещи ученици
✅ Стимулиране на интереса към програмирането чрез интерактивни елементи
Проектът е реализиран с помощта на съвременни уеб технологии:
- HTML5 – изграждане на структурата на страниците
- CSS3 – стилове, анимации и отзивчив дизайн
- JavaScript (ES6+) – добавяне на интерактивност и динамични елементи
- WebGL / Spline – 3D анимация за модерно потребителско изживяване
- Responsive Design – сайтът е адаптиран за мобилни устройства и таблети
/css
├── base.css # Глобални стилове (фон, навигация, анимации)
├── home.css # Начална страница
├── bal.css # Калкулатор за бал
├── about.css # За паралелката
├── training-program.css # Учебна програма
├── extracurricularActivities.css # Извънкласни дейности
├── projects.css # Проекти
├── contact.css # Контакти
├── scrollBar.css
├── social.css
├── testimonials.css
/js
├── main.js # Основни функции (меню, динамика)
├── home.js # Анимации и popup ефекти за началната страница
├── robot.js # Контролира 3D модела на роботчето
├── contact.js
├── effects.js
├── extracurricularActivities.js
├── form.js
├── projects.js
├── testimonials.js
/html
├── index.html # Начална страница
├── about.html # За паралелката
├── training-program.html # Учебна програма
├── extracurricular.html # Извънкласни дейности
├── projects.html # Проекти
├── contact.html # Контакти
├── privacy-policy.html
├── terms.html
├── 404.html
/images # Графични ресурси (икони, банери, 3D модели)
- Динамичен банер с анимация и заглавие
- Кратко представяне на паралелката
- Икони с информация за основните направления:
- Уеб приложения
- Мобилни приложения
- Десктоп приложения
- Бази данни
- Изкуствен интелект
- Разпределение на предметите по специалността
- Описание на изучаваните програми и технологии
- Графики и икони за по-лесно възприемане на информацията
- Интерактивен калкулатор, който изчислява състезателния бал на учениците на база оценките по БЕЛ, математика, ИТ и чужд език
- Динамичен дизайн с анимации и визуални ефекти
- Подробно обяснение на методиката за изчисляване на бала
- Галерия с реализирани ученически проекти
- Възможност за разглеждане на подробно описание на всеки проект
- Включва форма за контакт, чрез която потребителите могат да изпратят съобщение
- Показва информация за връзка: телефон, имейл, работно време
- Интеграция с Google Maps – позволява лесно намиране на училището с динамично вградено местоположение
- Бутони за социални мрежи за бърз достъп до Facebook, TikTok и YouTube
1️⃣ Клонирайте хранилището
git clone https://github.com/0ktim/programisti.git2️⃣ Отворете проекта в Visual Studio Code 📂 Стартирайте VS Code и отворете папката на проекта: File → Open Folder → изберете проекта
3️⃣ Инсталирайте Live Server (ако все още не е инсталиран) ⚡ Отидете в разширенията на VS Code (Ctrl + Shift + X) и потърсете: 🔍 Live Server → Кликнете "Install"
4️⃣ Стартирайте уебсайта локално ▶ Отворете index.html → Десен бутон → "Open with Live Server" 🌍 Това ще стартира локален сървър и ще отвори сайта в браузъра
5️⃣ Редактирайте и обновявайте в реално време 🔄 При всяка промяна страницата ще се презарежда автоматично 📌 За ръчно презареждане в браузъра натиснете: Ctrl + R
1️⃣ Клонирайте хранилището
git clone https://github.com/0ktim/programisti.git2️⃣ Отворете index.html в браузър
- Директно чрез двоен клик
- Стартирайте локален сървър (примерно чрез Python):
python -m http.server 8000
- След това отворете
http://localhost:8000в браузъра:http://localhost:8000
Ако имате въпроси, предложения или искате да допринесете за развитието на проекта, не се колебайте да се свържете с нас.
🎓 СУ "Йордан Йовков" – Сливен | Приложен програмист | 2025
🚀 Развиваме бъдещите IT специалисти днес!