Javascript самоучитель с заданиями

Подробное руководство по 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 учебник научит вас от базового до продвинутого.

          Динамическое обновление HTML

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

          Пример

          Примерs in Each Chapter

          With our «Попробуйте сами» editor, you can edit the source code and view the result.

          Пример

          Пример в каждой главе

          С помощью нашего редактора «Попробуйте сами» вы можете редактировать исходный код и просматривать результат.

          Пример

          Мой Первый JavaScript

          Мы рекомендуем прочитать этот учебник в последовательности, указанной в левом меню.

          Учитесь на примерах

          Лучше всего учиться на примерах. Примеры чаще легче понять, чем текстовые объяснения.

          Данный учебник дополняется объяснения поясняющими примеры «Попробуйте сами».

          Если вы попробуете все примеры, вы узнаете много нового о JavaScript за очень короткое время!

          Зачем изучать JavaScript?

          JavaScript является одним из 3 языков, все веб разработчики должны знать:

          1. HTML определение содержания веб страниц

          2. CSS чтобы указать макет веб страниц

          3. JavaScript для программирования поведения веб страниц

          Веб-страницы — не единственное место, где используется JavaScript. Многие настольные и серверные программы используют JavaScript. Node.js является самым известным. Некоторые базы данных, такие как MongoDB и CouchDB, также используют JavaScript в качестве языка программирования.

          Ты знал?

          JavaScript и Java — это совершенно разные языки, как по концепции, так и по дизайну.

          JavaScript был изобретен Бренданом Эйхом в 1995 году и стал стандартом ECMA в 1997 году.
          ECMA-262 — официальное название стандарта. ECMAScript — это официальное название языка.

          Вы можете прочитать больше о различных версиях JavaScript в главе JS Версии.

          Скорость обучения

          В учебнике скорость обучения — ваш выбор.

          Если вы испытываете трудности, сделайте перерыв или перечитайте материал.

          Всегда убеждаясь, что вы понимаете все примеры в «Попробуй сам».

          Ссылки на JavaScript

          Schoolsw3 поддерживает полный справочник по JavaScript, включая все объекты HTML и браузера.

          Ссылка содержит примеры для всех свойств, методов и событий и постоянно обновляется в соответствии с последними веб-стандартами.

          Упражнения по JavaScript

          Тест-викторина по JavaScript

          Проверьте свои навыки работы с JavaScript в Schoolsw3!

          Экзамен по JavaScript — Получить диплом!

          W3Schools’ Онлайн-Сертификация

          Идеальное решение для профессионалов, которым необходимо сбалансировать работу, семью и построение карьеры.

          Уже выдано более 25 000 сертификатов!

          Сертификат HTML документирует ваши знания по HTML.

          Сертификат CSS документирует ваши знания по CSS.

          Сертификат JavaScript документирует ваши знания по JavaScript и HTML DOM.

          Сертификат Python документирует ваши знания по Python.

          Сертификат jQuery документирует ваши знания по jQuery.

          Сертификат SQL документирует ваши знания по SQL.

          Сертификат PHP документирует ваши знания по PHP и MySQL.

          Сертификат XML документирует ваши знания по XML, XML DOM и XSLT.

          Сертификат Bootstrap документирует ваши знания по Bootstrap фреймворк.

          Источник

          JavaScript Упражнения

          Вы можете проверить свои навыки JavaScript с помощью упражнений Schoolsw3.

          Упражнения

          Мы собрали множество упражнений на JavaScript (с ответами) для каждой главы JavaScript.

          Попробуйте решить упражнение, отредактировав код, или поcмотреть ответ, чтобы увидеть, что вы сделали не так.

          Посмотрите свой счет

          Вы получите 1 балл за каждый правильный ответ. Ваш счет и общий счет всегда будут отображаться.

          Начать упражнения JavaScript

          Если вы не знаете JavaScript, предлагаем вам прочитать Учебник JavaScript с нуля.

          Онлайн сертификация Schoolsw3

          Идеальное решение для профессионалов, которым необходимо совмещать работу, семью и карьеру.

          Уже выдано более 25 000 сертификатов!

          HTML Сертификат документирует ваши знания HTML.

          CSS Сертификат документирует ваши знания современного CSS.

          JavaScript Сертификат документирует ваши знания JavaScript и HTML DOM.

          Python Сертификат документирует ваши знания Python.

          jQuery Сертификат документирует ваши знания jQuery.

          SQL Сертификат документирует ваши знания SQL.

          PHP Сертификат документирует ваши знания PHP и MySQL.

          XML Сертификат документирует ваши знания XML, XML DOM и XSLT.

          Bootstrap Сертификат документирует ваши знания the Bootstrap framework.

          Мы только что запустили
          SchoolsW3 видео

          ВЫБОР ЦВЕТА

          

          Сообщить об ошибке

          Если вы хотите сообщить об ошибке или внести предложение, не стесняйтесь отправлять на электронное письмо:

          Ваше предложение:

          Спасибо Вам за то, что помогаете!

          Ваше сообщение было отправлено в SchoolsW3.

          ТОП Учебники

          ТОП Справочники

          ТОП Примеры

          Получить сертификат

          SchoolsW3 оптимизирован для бесплатного обучения, проверки и подготовки знаний. Примеры в редакторе упрощают и улучшают чтение и базовое понимание. Учебники, ссылки, примеры постоянно пересматриваются, чтобы избежать ошибок, но не возможно гарантировать полную правильность всего содержания. Некоторые страницы сайта могут быть не переведены на РУССКИЙ язык, можно отправить страницу как ошибку, так же можете самостоятельно заняться переводом. Используя данный сайт, вы соглашаетесь прочитать и принять Условия к использованию, Cookies и политика конфиденциальности.

          Источник

          Читайте также:  Html поставить комментарий в