Please enable JavaScript.
Coggle requires JavaScript to display documents.
Технології розробки веб-сайтів - Coggle Diagram
Технології розробки веб-сайтів
Планування
• Визначення цілей сайту
• Цільова аудиторія
• Конкурентний аналіз
• Створення wireframe / mockup
• Вибір платформи: CMS чи кастомна розробка
UX/UI Дизайн
• Принципи юзабіліті
• Responsive Design
• Mobile First
• Figma / Adobe XD / Sketch
• Типографіка, кольори, іконки
• Accessibility (доступність)
Фронтенд (Frontend)
• Основи
o HTML5
o CSS3 (Flexbox, Grid)
o JavaScript (ES6+)
• Фреймворки
o React
o Vue.js
o Angular
o Svelte
• CSS-фреймворки
o Bootstrap
o Tailwind CSS
• Інструменти
o Webpack / Vite
o Babel
o ESLint
Бекенд (Backend)
• Мови програмування
o PHP (Laravel, Symfony)
o Python (Django, Flask)
o JavaScript (Node.js, Express)
o Java (Spring)
• Робота з API
o REST API
o GraphQL
• Безпека
o Захист від XSS, CSRF
o HTTPS / SSL
• Авторизація
o JWT
o OAuth2
Бази даних
• Реляційні
o MySQL
o PostgreSQL
• Нереляційні
o MongoDB
o Firebase
• ORM
o Sequelize, TypeORM, Prisma
Деплоймент та DevOps
• Хостинг
o Vercel, Netlify
o DigitalOcean, AWS, Heroku
• Контейнери
o Docker
o Kubernetes (K8s)
• CI/CD
o GitHub Actions
o GitLab CI/CD
• Моніторинг
o Sentry, LogRocket
o Google Analytics
Тестування
• Тестування UI
o Jest, React Testing Library
• Е2Е тестування
o Cypress, Selenium
• Code Quality
o SonarQube
o Linting / Prettier
SEO та Маркетинг
• Основи SEO
Мета-теги, структура
Sitemap, robots.txt
• Швидкість завантаження (PageSpeed)
• Open Graph / Twitter Cards
• Соціальні мережі / Email маркетинг
Інструменти розробника
• Git, GitHub, GitLab
• IDE: VS Code, WebStorm
• Браузерні DevTools
• Postman (API тестування)
• Figma для спільної роботи