Разработка Веб-сайтов

Что такое веб-разработка?

Процесс создания веб-сайтов и веб-приложений.

• Frontend (Клиентская часть)
• Backend (Серверная часть)
• Базы данных

Frontend: Технологии

То, что видит пользователь в браузере.

• HTML: Структура страницы
• CSS: Внешний вид и стили
• JavaScript: Интерактивность и логика

HTML (HyperText Markup Language)

Язык разметки для создания структуры веб-страниц.

<h1>Заголовок</h1>
<p>Это параграф текста.</p>
<img src="image.jpg" alt="Описание">

CSS (Cascading Style Sheets)

Язык стилей для описания внешнего вида HTML-документа.

h1 {
  color: blue;
  font-size: 24px;
}

p {
  color: #333;
}

JavaScript

Язык программирования для добавления интерактивности.

• Обработка событий (клики, ввод)
• Манипуляция DOM (изменение HTML/CSS)
• Асинхронные запросы (AJAX/Fetch)
• Анимации (включая Canvas!)

Backend: Технологии (Примеры)

Логика на сервере, работа с данными.

• Node.js (JavaScript)
• Python (Django, Flask)
• PHP (Laravel, Symfony)
• Ruby (Ruby on Rails)
• Java (Spring)
• Базы данных: SQL (PostgreSQL, MySQL), NoSQL (MongoDB)

Инструменты Разработчика

• Редактор кода (VS Code, Sublime Text, WebStorm)
• Браузерные инструменты разработчика (DevTools)
• Система контроля версий (Git - *хотя здесь недоступен*)
• Менеджеры пакетов (npm, yarn)

Следующие шаги

• Изучайте HTML, CSS, JavaScript
• Практикуйтесь: создавайте простые страницы
• Выберите направление (Frontend/Backend/Fullstack)
• Изучайте фреймворки (React, Vue, Angular, Node.js...)
• Создавайте портфолио