Веб-разработка
Веб-разработка
Веб-разработка — это область информационных технологий, посвящённая созданию сайтов, веб-приложений и онлайн-сервисов, доступных через браузер или API. Она объединяет знания о сетях, языках программирования, проектировании интерфейсов, безопасности и инфраструктуре. Веб-разработка охватывает как фронтенд (видимую часть сайта), так и бэкенд (логику и данные на сервере), а также процессы развертывания, тестирования и поддержки.
Основы интернета и веба
Прежде чем писать код, важно понимать среду, в которой он будет работать.
- 2.03. Сеть и интернет - основы и принципы работы
- 2.03. История развития сетевых технологий
- 2.03. URL URI URN
- 2.03. Сетевые протоколы, порты и установка соединения
- 2.03. Что происходит при загрузке сайта
- 2.03. DNS - система доменных имён и её работа
- 2.03. Cookie
- 2.03. Дополнительные сетевые технологии
- 2.03. HTTP и HTTPS
- 2.03. Сетевые устройства - маршрутизаторы, коммутаторы, модемы
- 2.03. Основы IP-адресации
- 2.03. Надёжная доставка — от идеи к TCP — от идеи к TCP — от идеи к TCP — от идеи к TCP — от идеи к TCP
- 2.03. Интернет-провайдер
- 2.03. Беспроводные сети - Wi-Fi, Bluetooth, LTE
- 2.03. Как работать с сетью
- 2.03. Государственное регулирование интернета
- 2.03. Сеть и интернет — итоги — итоги — итоги — итоги — итоги
- 2.03. Сеть и интернет — чек-лист — чек-лист — чек-лист — чек-лист — чек-лист
- История интернета — глобальная сеть, обеспечивающая связь между устройствами.
- Сайты и веб-сайты — определение и различия между статическими и динамическими ресурсами.
Данные и информация в вебе
Веб-приложения оперируют данными: текстом, изображениями, метаданными, конфигурациями.
- 1.09. Данные и информация
- 1.09. Виды информации
- 1.09. Типы данных в вычислительных системах
- 1.09. Типизация
- 1.09. Метаданные
- 1.09. Данные и информация — итоги — итоги — итоги — итоги — итоги
- 1.09. Данные и информация — чек-лист — чек-лист — чек-лист — чек-лист — чек-лист
- Кэширование — ускорение повторного доступа к данным.
- Хранение данных в браузере и на сервере — localStorage, sessionStorage, IndexedDB, cookies.
Клиентская сторона: фронтенд
Фронтенд — это то, что видит и с чем взаимодействует пользователь.
- 1.035. Базовая информатика
- 1.035. Итоги
- 1.035. Чек-лист
- 1.035. Основы компьютерной грамотности
- 1.035. Терминология новичка
- 1.035. Цифровая безопасность для пользователя
- 1.035. Passkeys и современный вход в аккаунты
- Фронтенд
- Текстовые данные — основа контента.
- Текст в веб-технологиях - HTML, Markdown, шаблоны — обзор ключевых стандартов и возможностей.
Языки разметки и стилей
- 1.24. Основные языки
- 1.24. Естественные и искусственные языки в цифровой среде
- 1.24. Языки запросов - SQL и его аналоги
- 1.24. Языки разметки - HTML, XML, Markdown
- 1.24. Языки стилей - CSS и препроцессоры
- 1.24. Языки программирования
- 1.24. Визуальные языки программирования и моделирования
- 1.24. Классификация языков в IT — итоги — итоги — итоги — итоги — итоги
- 1.24. Классификация языков в IT — чек-лист — чек-лист — чек-лист — чек-лист — чек-лист
- HTML
- Основные HTML-теги и их назначение
- Справочник по HTML
- Практическое задание на HTML
- Веб-игры на HTML5 и Canvas
- HTML-страницы целиком — лаборатория, целые
.htmlс разбором тегов - HTML + CSS — готовые макеты — готовые макеты — готовые макеты — готовые макеты — готовые макеты — лаборатория, полные страницы с разбором CSS
- Tailwind — готовые блоки — готовые блоки — готовые блоки — готовые блоки — готовые блоки — лаборатория, utility-классы и CDN
- CSS-анимации — готовые эффекты — готовые эффекты — готовые эффекты — готовые эффекты — готовые эффекты — fade, spinner, hover с разбором
- 1.24. Основные языки
- 1.24. Естественные и искусственные языки в цифровой среде
- 1.24. Языки запросов - SQL и его аналоги
- 1.24. Языки разметки - HTML, XML, Markdown
- 1.24. Языки стилей - CSS и препроцессоры
- 1.24. Языки программирования
- 1.24. Визуальные языки программирования и моделирования
- 1.24. Классификация языков в IT — итоги — итоги — итоги — итоги — итоги
- 1.24. Классификация языков в IT — чек-лист — чек-лист — чек-лист — чек-лист — чек-лист
- CSS
- Flexbox и CSS Grid
- Основные стили в CSS
- Псевдоклассы и псевдоэлементы
- Анимации, переходы и трансформации
- Адаптивный и отзывчивый дизайн
- Справочник по CSS
- CSS — практика — практика — практика — практика
- HTML + CSS — готовые макеты — готовые макеты — готовые макеты — готовые макеты — готовые макеты — лаборатория, макеты страниц с разбором
- CSS-анимации — готовые эффекты — готовые эффекты — готовые эффекты — готовые эффекты — готовые эффекты — fade, spinner, shimmer, hover с разбором
- Tailwind — готовые блоки — готовые блоки — готовые блоки — готовые блоки — готовые блоки — лаборатория, карточки, grid, формы на Tailwind
JavaScript и динамика
- 5.01. Основы JavaScript
- 5.01. История языка JavaScript
- 5.01. Синтаксис и пунктуация в JavaScript
- 5.01. Структура и подключение JavaScript-кода
- 5.01. Применение JavaScript в вебе и за его пределами
- 5.01. Функции в JavaScript
- 5.01. Область видимости и замыкания в JavaScript
- 5.01. Переменные в JavaScript
- 5.01. Типы данных в JavaScript
- 5.01. Выражения и операторы в JavaScript
- 5.01. Циклы в JavaScript
- 5.01. Асинхронное программирование в JavaScript
- 5.01. Работа с объектами и прототипами
- 5.01. События и обработка событий в браузере
- 5.01. Консоль, отладка и боль
- 5.01. Экосистема JavaScript - инструменты и фреймворки
- 5.01. TypeScript
- JavaScript — практика — практика — практика — практика — практика
- 5.01. Тестирование JavaScript — Vitest и Testing Library — Vitest и Testing Library — Vitest и Testing Library — Vitest и Testing Library — Vitest и Testing Library
- 5.01. Виджеты интерфейса на ванильном JavaScript
- 5.01. Регулярные выражения в JavaScript
- 5.01. Валидация форм в JavaScript
- 5.01. Отмена запросов и поток событий с сервера
- 5.01. Наблюдатели DOM — Intersection, Resize и Mutation — Intersection, Resize и Mutation — Intersection, Resize и Mutation — Intersection, Resize и Mutation — Intersection, Resize и Mutation
- 5.01. Хранение данных в браузере
- 5.01. ES-модули в браузере и обзор Temporal API
- 5.01. Объектная модель браузера (BOM)
- 5.01. Чтение файлов в браузере
- 5.01. Web Components — Custom Elements и Shadow DOM — Custom Elements и Shadow DOM — Custom Elements и Shadow DOM — Custom Elements и Shadow DOM — Custom Elements и Shadow DOM
- 5.01. Кнопка "Поделиться" — DOM, события и Web Share API — DOM, события и Web Share API — DOM, события и Web Share API — DOM, события и Web Share API — DOM, события и Web Share API
- 5.01. Нативные уведомления в браузере — Notification API — Notification API — Notification API — Notification API — Notification API
- 5.01. Canvas 2D — программируемая графика в браузере — программируемая графика в браузере — программируемая графика в браузере — программируемая графика в браузере — программируемая графика в браузере
- 5.01. Рекомендации по разработке на JavaScript
- 5.01. Работа с HTML в JavaScript
- 5.01. Простые приложения на JavaScript
- 5.01. Форматы JavaScript
- 5.01. Ключевые слова языка JavaScript
- 5.01. Встроенные функции JavaScript
- TypeScript — о разделе — о разделе — о разделе — о разделе
Серверная сторона: бэкенд
Бэкенд обеспечивает логику, обработку данных и взаимодействие с базами.
- 2.04. Сайты и веб-сайты
- 2.04. Дизайн веб-интерфейсов
- 2.04. Рекламные технологии в вебе
- 2.04. Адресная строка браузера
- 2.04. Архитектура веб-приложений
- 2.04. Веб-серверы
- 2.04. Конструкторы сайтов
- 2.04. Архитектурные особенности современных веб-приложений
- 2.04. Фоновая работа и офлайн-режим веб-приложений
- 2.04. Хранение данных в браузере и на сервере
- 2.04. Push-уведомления и рассылки
- 2.04. SEO-оптимизация
- 2.04. Персонализация и пользовательские предпочтения
- 2.04. Web API в браузере
- 2.04. Web API на практике - примеры кода
- 2.04. Справочник по Tilda
- 2.04. BB-код — разметка постов на форумах — разметка постов на форумах — разметка постов на форумах — разметка постов на форумах — разметка постов на форумах
- 2.04. История браузера и приватность на клиенте
- 2.04. Интернет, сайт и HTTP — связь с культурой сети — связь с культурой сети — связь с культурой сети — связь с культурой сети — связь с культурой сети
- 2.04. Движки браузеров и линейки продуктов
- 2.04. HTTPS и TLS — шифрование веба — шифрование веба — шифрование веба — шифрование веба — шифрование веба
- 2.04. Polling, Long Polling, SSE и Webhook
- 2.04. Метрики производительности веб-страницы
Языки и фреймворки для бэкенда
- Какой язык программирования выбрать
- 5. Языки - о разделе
- Веб-разработка и REST API на Python — веб и API
- Django в Python
- Spring Framework — Spring
- JavaServer Faces - фреймворк для веб-интерфейсов
- Веб-разработка и API на C# — веб-разработка и интеграции
- ASP.NET - фреймворк для веб-приложений
- Справочник по ASP.NET
- Документация и практика ASP.NET (Microsoft Learn)
- История языка PHP
Проектирование и архитектура
Успешные веб-проекты требуют продуманной структуры.
- 4.04. Проект программного обеспечения
- 4.04. Модульность и компонентный подход в разработке
- 4.04. Оптимизация размера и производительности приложений
- 4.04. Фреймворк
- 4.04. Библиотека
- 4.04. Сборка, компиляция и публикация приложений
- 4.04. Манифесты зависимостей — requirements.txt, package.json, Dockerfile — requirements.txt, package.json, Dockerfile — requirements.txt, package.json, Dockerfile — requirements.txt, package.json, Dockerfile — requirements.txt, package.json, Dockerfile
- 4.04. Основы работы с контейнерами
- 4.04. Микрофреймворк
- 4.04. Основы архитектуры
- Проектирование веб-разработки
- Процессы и потоки выполнения
- Объектно-ориентированное программирование
- Программные парадигмы
Инфраструктура и эксплуатация
Современная веб-разработка невозможна без автоматизации и облачных решений.
- 9.11. Введение в программирование
- 9.11. Блоки
- 9.11. Scratch
- 9.11. Edublocks
- 9.11. Типы данных
- 9.11. Программа на Python
- 9.11. Программа на JavaScript
- 9.11. Путеводитель по языкам
- 9.11. MIT App Inventor
- 9.11. PascalABC.NET
- 9.11. Кумир
- 9.11. Стартовые проекты MIT Scratch
- 9.11. Scratch: платформер и демосцена
- 9.11. Практика 1 — радуга — радуга — радуга — радуга
- 9.11. Практика 2 — лабиринт — лабиринт — лабиринт — лабиринт
- 9.11. Практика 3 — баскетбол — баскетбол — баскетбол — баскетбол
- 9.11. Практика 4 — арканоид — арканоид — арканоид — арканоид
- 9.11. Практика 5 — астероиды — астероиды — астероиды — астероиды
- 9.11. Практика 6 — платформер — платформер — платформер — платформер
- 9.11. Метод обучения
- 9.11. Практика — Прыг-скок — Прыг-скок — Прыг-скок — Прыг-скок
- 9.11. Python — структуры данных — структуры данных — структуры данных — структуры данных
- 9.11. Python — turtle — turtle — turtle — turtle
- 9.11. Python — классы — классы — классы — классы
- 9.11. Практика — платформер — платформер — платформер — платформер
- 9.11. Программирование — итоги — итоги — итоги — итоги
Безопасность
Защита данных и пользователей — неотъемлемая часть веб-разработки.
- Информационная безопасность
- 8.07. Обеспечение безопасности
- 8.07. Методы защиты информации
- 8.07. Сертификация и сертификаты
- 8.07. Безопасность приложений
- 8.07. Контроль и отслеживание
- 8.07. Шифрование
- 8.07. Авторизация и аутентификация
- 8.07. Устаревшие подходы
- 8.07. Уровни доверия и SSL TLS
- 8.07. Вирусы и вредоносные программы
- 8.07. Антивирусы
- 8.07. Zero Trust и облачная безопасность
- 8.07. Легальный сбор информации
- 8.07. Инъекции
- 8.07. Аудит
- 8.07. Безопасность в Docker
- 8.07. Пессимистическая и оптимистическая блокировки в базах данных
- 8.07. Взаимоблокировка
- 8.07. Уязвимости и атаки на API
- 8.07. Жизненный цикл атаки
- 8.07. Honeypots и приманки
- 8.07. Безопасность IoT
- 8.07. Патчи и управление уязвимостями
- 8.07. Кейс — захват аккаунтов через AI-поддержку и дипфейк — захват аккаунтов через AI-поддержку и дипфейк — захват аккаунтов через AI-поддержку и дипфейк — захват аккаунтов через AI-поддержку и дипфейк — захват аккаунтов через AI-поддержку и дипфейк
- 8.07. Стилеры (info-stealer)
- 8.07. Как выявлять замаскированные вирусы?
- Информационная безопасность
- Безопасность приложений
- Инъекции
Дополнительные аспекты
- 2.04. Сайты и веб-сайты
- 2.04. Дизайн веб-интерфейсов
- 2.04. Рекламные технологии в вебе
- 2.04. Адресная строка браузера
- 2.04. Архитектура веб-приложений
- 2.04. Веб-серверы
- 2.04. Конструкторы сайтов
- 2.04. Архитектурные особенности современных веб-приложений
- 2.04. Фоновая работа и офлайн-режим веб-приложений
- 2.04. Хранение данных в браузере и на сервере
- 2.04. Push-уведомления и рассылки
- 2.04. SEO-оптимизация
- 2.04. Персонализация и пользовательские предпочтения
- 2.04. Web API в браузере
- 2.04. Web API на практике - примеры кода
- 2.04. Справочник по Tilda
- 2.04. BB-код — разметка постов на форумах — разметка постов на форумах — разметка постов на форумах — разметка постов на форумах — разметка постов на форумах
- 2.04. История браузера и приватность на клиенте
- 2.04. Интернет, сайт и HTTP — связь с культурой сети — связь с культурой сети — связь с культурой сети — связь с культурой сети — связь с культурой сети
- 2.04. Движки браузеров и линейки продуктов
- 2.04. HTTPS и TLS — шифрование веба — шифрование веба — шифрование веба — шифрование веба — шифрование веба
- 2.04. Polling, Long Polling, SSE и Webhook
- 2.04. Метрики производительности веб-страницы
- Онлайн-контент и стриминг
Инструменты и практика
- 4.14. Процесс разработки программного обеспечения
- 4.14. Разработка и отладка — итоги — итоги — итоги — итоги — итоги
- 4.14. Разработка и отладка — чек-лист — чек-лист — чек-лист — чек-лист — чек-лист
- 4.14. Профессиональные практики и культура разработки
- 4.14. Типовые задачи разработчика — справочник-шпаргалка — справочник-шпаргалка — справочник-шпаргалка — справочник-шпаргалка — справочник-шпаргалка
- 4.14. Отладка
- 4.14. Анализ и оптимизация производительности приложений
- 4.14. Создание и публикация собственной библиотеки
- 4.14. Пет-проекты
- 4.14. План развития разработчика
- 4.14. Организация структуры кодовой базы
- 4.14. README для разработчика
- 4.14. Проверка и валидация
- 4.14. Разработка расширений для веб-браузеров
- Система контроля версий Git
- Установка и настройка Git
Поиск и анализ
- 1.21. Поисковые системы
- 1.21. Языки поисковых запросов
- 1.21. Эффективный поиск в интернете
- 1.21. Популярные поисковые системы
- 1.21. ИИ для новичка
- 1.21. ИИ-инструменты в поисковиках
- 1.21. Факт-чекинг и первоисточники
- 1.21. Поиск информации — итоги — итоги — итоги — итоги — итоги
- 1.21. Поиск информации — чек-лист — чек-лист — чек-лист — чек-лист — чек-лист
Коммуникация и формы
- 1.22. Цифровая коммуникация
- 1.22. Мессенджеры и чаты
- 1.22. Электронная почта
- 1.22. Видеовстречи и голосовые звонки
- 1.22. Организационная иерархия и деловая переписка
- 1.22. Цифровые формы и анкеты
- 1.22. Тон в сети — CAPSLOCK, T9 и форумные сигналы — CAPSLOCK, T9 и форумные сигналы — CAPSLOCK, T9 и форумные сигналы — CAPSLOCK, T9 и форумные сигналы — CAPSLOCK, T9 и форумные сигналы
- 1.22. Как задать вопрос на форуме и в сообществе
- 1.22. SMS и сотовые сообщения
- 1.22. Коммуникация и общение — итоги — итоги — итоги — итоги — итоги
- 1.22. Коммуникация и общение — чек-лист — чек-лист — чек-лист — чек-лист — чек-лист
Государственный контекст
- 2.03. Сеть и интернет - основы и принципы работы
- 2.03. История развития сетевых технологий
- 2.03. URL URI URN
- 2.03. Сетевые протоколы, порты и установка соединения
- 2.03. Что происходит при загрузке сайта
- 2.03. DNS - система доменных имён и её работа
- 2.03. Cookie
- 2.03. Дополнительные сетевые технологии
- 2.03. HTTP и HTTPS
- 2.03. Сетевые устройства - маршрутизаторы, коммутаторы, модемы
- 2.03. Основы IP-адресации
- 2.03. Надёжная доставка — от идеи к TCP — от идеи к TCP — от идеи к TCP — от идеи к TCP — от идеи к TCP
- 2.03. Интернет-провайдер
- 2.03. Беспроводные сети - Wi-Fi, Bluetooth, LTE
- 2.03. Как работать с сетью
- 2.03. Государственное регулирование интернета
- 2.03. Сеть и интернет — итоги — итоги — итоги — итоги — итоги
- 2.03. Сеть и интернет — чек-лист — чек-лист — чек-лист — чек-лист — чек-лист
Веб-разработка — это динамичная, многогранная дисциплина, сочетающая техническую точность, творческий подход и постоянное обучение. Она позволяет создавать продукты, которые ежедневно используют миллионы людей, и открывает широкие возможности для карьерного и профессионального роста.