Javascript manual на русском

Подробное руководство по JavaScript

Учебник по JavaScript, с понятными и подробными материалами, содержащими множество примеров и решения различных реальных практических задач.

JavaScript – единственный язык программирования, встроенный в браузер. Он позволяет придать веб-страницам динамичность и интерактивность.

Обязательным условием для изучения JavaScript является знание двух других веб-технологий: HTML и CSS. В отличие от JavaScript, HTML и CSS – это языки для описания структуры и стилей веб-страниц.

Часть 1: Основы JavaScript

• Знакомство с JavaScript
  • Знакомство с JavaScript. Подключение к странице
  • Выражения, переменные и типы данных
  • Операторы
  • Логические и побитовые операторы
  • Работа с числами
  • Инструкции и их отличие от выражений
  • Условные инструкции
  • Циклы
  • Функции и классический способ их создания
  • Функциональные выражения и стрелочные функции
  • Область видимости и контекст
  • Локальные и глобальные переменные
  • Замыкание
  • Основы создания объектов и работы с ними
  • Создание объектов с помощью конструктора
  • Прототипы и наследование
  • Всё о ES6 классах
  • Практика по ES6 классам
    • Анимация на JavaScript с помощью Canvas и ES6 классов
    • Массивы
    • Сортировка массива с помощью функции
    • Ассоциативные массивы
    • Работа с массивами

    Часть 2: Асинхронный JavaScript

    Часть 3: JavaScript в браузере

    • Объектная модель браузера (BOM)
      • Объектная модель браузера
      • Объект window: открытие и закрытие окон
      • Размеры окна и позиция прокрутки
      • Перемещение окна и прокрутка страницы
      • alert , prompt и confirm — диалоговые окна в JavaScript
      • Объект window: фреймы
      • Методы btoa и atob
      • Объект Location — URL документа
      • Объект Navigator – информация о браузере
      • Объект History — история просмотра страниц
      • Объект Screen – информация об экране
      • Объект Document — содержимое окна браузера
      • Что такое DOM и зачем он нужен?
      • Узлы и элементы DOM-дерева
      • Структура и обход документа
      • Методы для выбора HTML-элементов на странице
      • Получение и установка контента элементам
      • Работа с атрибутами и свойствами элементов
      • Управление классами и стилями элементов
      • Создание, вставка и удаление элементов
      • Размеры и скроллинг элементов
      • Введение в события. Обработчик событий
      • Всплытие и погружение событий
      • Свойства и методы объекта события
      • Отмена стандартных действий браузера
      • Создание кастомных событий
      • Браузерные события и примеры их использования
      • Обработка событий CSS-переходов
      • Cookies
      • LocalStorage и SessionStorage

      Часть 4: Общение с сервером, AJAX

      Часть 5: Создание интерактивных компонентов интерфейса

      • Todo List
      • Вертикальный аккордеон
      • Всплывающие сообщения
      • Кнопка «Показать ещё»
      • Модальное окно
      • Пользовательский (кастомный) Select
      • Слайдер с несколькими активными элементами
      • Слайдер с одним активным элементом
      • Табы (вкладки)
      • Таймер обратного отсчёта
      • в которых используется серверный php-код
        • Звездный рейтинг для оценки материалов на сайте
        • Простой чат-бот
        • Социальные кнопки
        • Форма обратной связи

        Часть 6: Примеры скриптов для решения различных задач на сайте

        Часть 7: Редакторы кода и IDE

        Часть 8: Использование сторонних библиотек в веб-разработке

        Часть 9: Библиотека jQuery

        • Что такое jQuery? Загрузка и подключение к сайту
        • С чего начинается написание кода на jQuery?
        • Выбор, фильтрация и перемещение по элементам
          • Выбор элементов
          • Фильтры для выбора элементов
          • Работа с выборкой
          • Навигация по элементам
          • Фильтрация элементов набора
          • Цепочка методов
          • Атрибуты элементов
          • Добавление и удаление классов
          • Работа с HTML, текстом и атрибутом value
          • Добавление и удаление DOM-свойств (disabled, checked, selected и т.д.)
          • Получение и установка CSS-свойств элементам
          • Ширина и высота элементов (в планах)
          • Позиционирование элементов
          • data-атрибуты и внутреннее хранилище jQuery
          • Создание, добавление и удаление элементов
          • Управление видимостью (базовые эффекты)
          • Создание анимации (в планах)
          • Сокращённые AJAX методы
          • События AJAX (в планах)
          • Получение данных формы
          • Перебор массива, объекта и элементов

          Популярное

          1. 1. Bootstrap 3 — Navbar (горизонтальное меню) 367K
          2. 2. Модальное окно Bootstrap для сайта 367K
          3. 3. Слайдер для сайта на чистом CSS и JavaScript 362K
          4. 4. Маска ввода для HTML элемента input 353K
          5. 5. CSS медиа-запросы (media queries) 327K
          6. 6. Форма обратной связи для сайта с отправкой на почту 323K
          7. 7. Bootstrap — Carousel (карусель) 296K

          Источник

          Руководство JavaScript

          «Руководство по JavaScript» покажет вам как использовать JavaScript и даст общее представление о языке. Если вам нужна исчерпывающая информация о возможностях языка, посмотрите руководство JavaScript.

          Главы

          Это руководство разделено на несколько глав:

          • ВведениеОб этом руководствеО JavaScriptJavaScript и JavaECMAScriptИнструментыHello World
          • Грамматика и типыБазовый синтаксис и комментарииОбъявленияОбласть видимости переменныхПоднятие переменныхСтруктуры и типы данныхЛитералы
          • Порядок выполнения и обработка ошибокif. elseswitchtry / catch / throwОбъекты ErrorОбъект Promise
          • Циклы и итерации for while do. while break/continue for..in for..of
          • ФункцииОбъявление функцийВызов функцийОбласть видимости функцийЗамыканияАргументы и параметрыСтрелочные функции
          • Выражения и операторыПрисваивание и СравнениеАрифметические операторыПобитовые операторы и логические операторыУсловный (тернарный) операторы
          • Числа и датыЧисловые литералыОбъект NumberОбъект MathОбъект Date
          • Форматирование текстаСтроковые литералыОбъект StringШаблонные литералыИнтернационализацияРегулярные выражения
          • Индексированные коллекцииМассивыТипизированные массивы
          • КоллекцииMapWeakMapSetWeakSet
          • Работа с объектамиОбъекты и свойстваСоздание объектовОпределение методовГеттеры и Сеттеры
          • Подробнее про объектную модельПрототипно-ориентированное ООПСоздание иерархии объектовНаследование
          • ПромисыГарантииЦепочка вызововРаспространённые ошибкиКомпозицияПорядок выполнения
          • Итераторы и ГенераторыИтераторыИтерируемые объектыГенераторы
          • Мета программированиеОбъект ProxyОбработчики и ловушкиОтзываемый ProxyРефлексия
          • Следующая статья »

          Found a content problem with this page?

          This page was last modified on 22 окт. 2022 г. by MDN contributors.

          Your blueprint for a better internet.

          Источник

          Современный учебник JavaScript

          Перед вами учебник по JavaScript, начиная с основ, включающий в себя много тонкостей и фишек JavaScript/DOM.

          Первые две части посвящены JavaScript и его использованию в браузере. Затем идут дополнительные циклы статей на разные темы.

          Язык JavaScript

          Здесь вы можете изучить JavaScript, начиная с нуля и заканчивая продвинутыми концепциями вроде ООП.

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

          Онлайн-курсы

          Онлайн-курсы — это не быстро устаревающие видео-записи, а живые вебинары. Ведёт их преподаватель — опытный действующий разработчик. С теорией, практикой, ответами на вопросы, проектом и обратной связью по вашему коду («code review»).

          Основы веб-разработки

          JavaScript / DOM / Интерфейсы

          JavaScript / DOM / Интерфейсы

          Современная верстка

          Архитектура и паттерны

          Фреймворки, смежные технологии

          Angular

          Node.js

          React

          TypeScript

          Vue.js

          RxJs

          Браузер: документ, события, интерфейсы

          Изучаем работу со страницей – как получать элементы, манипулировать их размерами, динамически создавать интерфейсы и взаимодействовать с посетителем.

          Тематические разделы

          Следите за обновлениями javascript.ru

          Комментарии

          • Если вам кажется, что в статье что-то не так — вместо комментария напишите на GitHub.
          • Для одной строки кода используйте тег , для нескольких строк кода — тег , если больше 10 строк — ссылку на песочницу (plnkr, JSBin, codepen…)
          • Если что-то непонятно в статье — пишите, что именно и с какого места.

          Источник

          Читайте также:  Пример работы CSS