• Skip to main content
  • Skip to search
  • Skip to select language
MDN Web Docs
  • References
    • Overview / Web Technology

      Web technology reference for developers

    • HTML

      Structure of content on the web

    • CSS

      Code used to describe document style

    • JavaScript

      General-purpose scripting language

    • HTTP

      Protocol for transmitting web resources

    • Web APIs

      Interfaces for building web applications

    • Web Extensions

      Developing extensions for web browsers

    • Accessibility

      Build web projects usable for all

    • Web Technology

      Web technology reference for developers

  • Learn
    • Overview / MDN Learning Area

      Learn web development

    • MDN Learning Area

      Learn web development

    • HTML

      Learn to structure web content with HTML

    • CSS

      Learn to style content using CSS

    • JavaScript

      Learn to run scripts in the browser

    • Accessibility

      Learn to make the web accessible to all

  • Plus
    • Overview

      A customized MDN experience

    • AI Help

      Get real-time assistance and support

    • Updates

      All browser compatibility updates at a glance

    • Documentation

      Learn how to use MDN Plus

    • FAQ

      Frequently asked questions about MDN Plus

  • Curriculum New
  • Blog
    • Playground

      Write, test and share your code

    • HTTP Observatory

      Scan a website for free

    • AI Help

      Get real-time assistance and support

  • Log in
  • Sign up for free
  1. Изучение веб-разработки
  2. Extension modules
  3. Серверное программирование веб-сайтов
  4. Веб-фреймворк Django (Python)
  5. Безопасность веб-приложения Django
    • English (US)
    • Deutsch
    • Português (do Brasil)
    • 中文 (简体)

Эта страница была переведена с английского языка силами сообщества. Вы тоже можете внести свой вклад, присоединившись к русскоязычному сообществу MDN Web Docs.

В этой статье

  • Обзор
  • Распространённые угрозы/методы защиты
  • Подводим итоги
  • Смотрите также
  • In this module
  1. Getting started modules
  2. Environment setup
    1. Установка базового программного обеспечения
    2. Веб-страницы, веб-сайты, веб серверы и поисковики
    3. Code editors
    4. Работа с файлами
    5. Command line
  3. Your first website
    1. Каким должен быть ваш веб-сайт?
    2. Основы HTML
    3. Основы CSS
    4. Основы JavaScript
    5. Публикация вашего веб-сайта
  4. Web standards
    1. Как работает Веб
    2. Всемирная сеть (веб) и веб-стандарты
    3. How browsers load websites
  5. Soft skills
    1. Research and learning
    2. Collaboration and teamwork
    3. Workflows and processes
    4. Finding a job
  6. Core modules
  7. Structuring content with HTML
    1. Начало работы с HTML
    2. Что внутри "head"? Метаданные в HTML
    3. Основы редактирования текста в HTML
    4. Emphasis and importance
    5. Lists
    6. Структура документа и веб-сайта
    7. Продвинутое форматирование текста
    8. Создание гиперссылок
    9. Разметка письма
    10. Структурируем страницу
    11. Изображения в HTML
    12. Видео и аудио контент
    13. Страница о Mozilla
    14. HTML таблицы основы
    15. HTML таблицы продвинутые возможности и доступность
    16. Аттестация: Структурирование данных о планетах
    17. Forms and buttons
    18. Отладка HTML
    19. Test your skills
      1. HTML text basics
      2. Links
      3. Проверьте свои знания: Изображения в HTML
      4. Audio and video
      5. Advanced HTML text
  8. CSS styling basics
    1. Как работает CSS
    2. Начало работы с CSS
    3. Использование ваших новых знаний
    4. Селекторы CSS
    5. Селекторы атрибута
    6. Псевдоклассы, псевдоэлементы
    7. Комбинаторы
    8. Блочная модель
    9. Каскад и наследование
    10. Значения свойств CSS
    11. Изменение размеров в CSS
    12. Фон и границы
    13. Переполнение содержимого
    14. Элементы изображений, медиа и форм
    15. Стилизация таблиц
    16. Отладка CSS
    17. Понимание основ CSS
    18. Challenge: Fancy letterhead
    19. Challenge: Fancy box styles
    20. Test your skills
      1. Backgrounds and borders
      2. Box model
      3. Проверьте ваши навыки: Каскад
      4. Images and forms
      5. Overflow
      6. Проверьте ваши навыки: Селекторы
      7. Sizing
      8. Tables
      9. Values and units
      10. Writing modes
  9. CSS text styling
    1. Основы стилизирования текста и шрифта
    2. Стилизация списков
    3. Стилизация ссылок
    4. Веб-шрифты
    5. Задание: Стилизирование школьного сайта
  10. CSS макет
    1. Введение в CSS вёрстку
    2. Float
    3. Позиционирование
    4. Flexbox
    5. Grids
    6. Отзывчивый дизайн
    7. Media queries
    8. Фундаментальное понимание раскладки
    9. Test your skills
      1. Flexbox
      2. Проверка ваших навыков: floats
      3. Grid
      4. Проверь свои навыки: Multicol
      5. Проверьте свои навыки: позиционирование
      6. Responsive design and media queries
  11. Dynamic scripting with JavaScript
    1. Что такое JavaScript?
    2. Первое погружение в JavaScript
    3. Что пошло не так? Устранение ошибок JavaScript
    4. Переменные - место хранения необходимой информации
    5. Базовая математика в JavaScript — числа и операторы
    6. Работа с текстом — строки в JavaScript
    7. Полезные методы для строк
    8. Массивы
    9. Генератор глупых историй
    10. Принятие решений в вашем коде — условные конструкции
    11. Зацикливание кода
    12. Функции — Переиспользуемые блоки кода
    13. Создаём свою функцию
    14. Возвращаемые значения функций
    15. Введение в события
    16. Сравнение разных Event Targets
    17. Галерея изображений
    18. Основы объектов в JavaScript
    19. Управление документами
    20. Получение данных с сервера
    21. Работа с JSON
    22. Debugging and error handling
    23. Test your skills
      1. Arrays
      2. Conditionals
      3. Events
      4. Проверь свои навыки: Функции
      5. JSON
      6. Loops
      7. Math
      8. Objects
      9. Strings
      10. Variables
  12. JavaScript frameworks and libraries
    1. Introduction
    2. Framework features
    3. Начало работы с React
    4. React ToDo app
    5. React components
    6. React events and state
    7. React editing, filtering, conditional UI
    8. React accessibility
    9. React resources
  13. Accessibility
    1. Что такое доступность?
    2. Accessibility tools
    3. HTML: Хорошая основа для доступности
    4. CSS и JavaScript доступность - лучшие практики
    5. WAI-ARIA
    6. Accessible multimedia
    7. Mobile accessibility
    8. Устранение проблем доступности
    9. Test your skills
      1. CSS and JavaScript
      2. HTML
      3. WAI-ARIA
  14. Design for developers
  15. Version control
  16. Extension modules
  17. Advanced JavaScript objects
    1. Прототипы объектов
    2. Object-oriented programming
    3. Наследование в JavaScript
    4. Практика построения объектов
    5. Добавление функций в нашу демонстрацию отбойных шаров
    6. Test your skills
      1. Object-oriented JavaScript
  18. Клиентский веб API
    1. Введение в web APIs
    2. Video and audio
    3. Drawing graphics
    4. Client-side storage
    5. Сторонние API
  19. Асинхронный JavaScript
    1. Введение в асинхронный JavaScript
    2. Делаем асинхронное программирование более простым с async и await