Трепачёв Д.П. © 2012-2021 г.
Запись на курсы по HTML, CSS, JavaScript, PHP, фреймворкам и CMS,
а также: помощь в поиске работы и заказов, стажировка на реальных проектах→
theory.phphtml.net
  • Справочники
    • Справочник по тегам и атрибутам HTML5
    • Справочник по свойствам CSS3
    • Справочник по методам JavaScript
    • Справочник по методам jQuery
    • Справочник по работе с Canvas
    • Справочник по функциям PHP
    • Справочник по командам MySQL
  • Учебники
    • Учебник HTML+CSS для новичков
    • Учебник JavaScript+jQuery для новичков
    • Учебник PHP+SQL для новичков
    • Фреймворки JavaScript
    • Фреймворки PHP, парсинг
    • Новый учебник по JavaScript (на ES6)
    • Новый учебник по HTML CSS (на флексах, не дописан)
    • Учебник по ООП и MVC на PHP
    • Учебник по NodeJS
    • Учебник по фреймворку Vue
    • Учебник по фреймворку Laravel
    • Учебник по работе с AJAX на PHP
    • Учебник по Wordpress для администратора
    • Учебник WordPress для PHP разработчика
  • Задачники
    • Задачник HTML+CSS с нуля
    • Задачник JavaScript+jQuery с нуля
    • Задачник PHP+SQL с нуля
    • Задачник по фреймворкам JavaScript
    • Задачник по фреймворкам PHP, парсингу
  • Вебинары
    • Бесплатные вебинары по HTML+CSS
    • Бесплатные вебинары по JavaScript
    • Бесплатные вебинары по PHP
  • Книги
ученикам: с 25.12 по 3.01 11.01 ухожу на новогодние каникулы. Буду отвечать по возможности
◄ ►

Задачи на работу с canvas на JavaScript

Учебник JavaScript

  • Урок №
    Задачник
    JavaScript для новичков
  • Урок №
    Основы
    языка JavaScript
  • Урок №
    Основы работы
    с массивами и объектами
  • Урок №
    Работа с конструкциями
    if-else и switch-case
  • Урок №
    Работа с циклами
    for и while
  • Урок №
    Работа
    с математическими функциями
  • Урок №
    Работа со строковыми
    функциями в JavaScript
  • Урок №
    Функции
    работы с массивами
  • Урок №
    Практика на комбинации
    стандартных функций
  • Урок №
    Основы работы
    с пользовательскими функциями
  • Урок №
    Приемы работы
    с флагами
  • Урок №
    Приемы работы
    с логическими значениями
  • Урок №
    Приемы работы
    с циклами
  • Урок №
    Приемы работы
    с массивами
  • Урок №
    Правильное использование
    пользовательских функций
  • Урок №
    Практика на
    пользовательские функции
  • Урок №
    Продвинутая работа
    с пользовательскими функциями

Практика

  • Урок №
    Практика
    на отработку циклов и функций

Работа с DOM

  • Урок №
    Основы
    работы с DOM
  • Урок №
    Работа
    с элементами HTML страницы
  • Урок №
    Работа
    с датами в JavaScript
  • Урок №
    Работа
    с таймерами в JavaScript
  • Урок №
    Продвинутая
    работа с событиями
  • Урок №
    Продвинутая
    работа с DOM
  • Урок №
    Работа
    с метриками
  • Урок №
    Работа
    с метриками для window
  • Урок №
    Основы работы
    с объектом Event
  • Урок №
    Продвинутая работа
    с объектом Event
  • Урок №
    Разные
    полезные темы
  • Урок №
    новая вкладка с new.code.mu
    Работа с узлами

Практика

  • Урок №
    Практика
    JavaScript для новичков

  • Урок №
    Практика
    минипроекты JavaScript

  • Урок №
    новая вкладка ютуб
    Разбор квадратного календарика
  • Урок №
    новая вкладка ютуб
    Разбор игры найди случайное число в таблице

Некоторые продвинутые вещи

  • Урок №
    Анонимные
    функции и замыкания
  • Урок №
    Некоторые продвинутые
    функции JavaScript
  • Урок №
    Нюансы
    работы с событиями

ES6

  • Урок №
    Нововведения
    в ES6 для новичков
  • Урок №
    новая вкладка с new.code.mu
    Коллекция Set
  • Урок №
    новая вкладка с new.code.mu
    Коллекция Map

Рекомендованное ES6

  • Урок №
    плейлист на ютуб
    Практическое применение ES6

Некоторые видео могут забегать вперед, тк к этому месту учебника мы прошли еще не весь ES6. Просто пропускайте такие видео, посмотрите потом.

Регулярки

  • Урок №
    Введение, задач нет
  • Урок №
    Работа с регулярными
    выражениями. Глава 1.
  • Урок №
    Работа с регулярными
    выражениями. Глава 2.
  • Урок №
    Работа с регулярными
    выражениями. Глава 3.
  • Урок №
    Работа с регулярными
    выражениям. Глава 4.
  • Урок №
    Отличия
    от PHP версии

Разное

  • Урок №
    Работа
    с форматом JSON
  • Урок №
    Работа
    с куки (cookie)
  • Урок №
    Работа
    с локальным хранилищем
  • Урок №
    Анимация
    и другие эффекты

Работа с канвасом

  • Урок №
    Введение, задач нет
  • Урок №
    Основы
    работы с canvas
  • Урок №
    Продвинутая
    работа с canvas

Практика

  • Урок №
    Продвинутая
    практика JavaScript

AJAX

  • урок исключен (мало материала), по аяксу скоро будет отдельный учебник (много материала)

Контекст

  • Урок №
    Введение, задач нет
  • Урок №
    Продвинутая
    работа с контекстом

Drag-and-Drop

  • Урок №
    новая вкладка с new.code.mu
    Доступные события
  • Урок №
    новая вкладка с new.code.mu
    Перемещение элемента по окну
  • Урок №
    новая вкладка с new.code.mu
    Перемещение на другой элемент
  • Урок №
    новая вкладка с new.code.mu
    Объект event.dataTransfer
  • Урок №
    новая вкладка с new.code.mu
    Картинка при перетягивании
  • Урок №
    новая вкладка с new.code.mu
    Вид курсора

ООП

  • Урок №
    Введение, задач нет
  • Урок №
    Основы
    работы с ООП
  • Урок №
    Наследование
    классов в JavaScript
  • Урок №
    Применение
    ООП при работе с DOM
  • Урок №
    Практика
    по ООП в JavaScript
  • Тут скоро будут еще уроки
    по функциональному и прототипному
    стилю ООП.

Практика по ООП

Ваша задача: посмотрите, попробуйте повторить.

  • Урок №
    новая вкладка ютуб
    Игра 5 точек в ряд без ООП для разминки
  • Урок №
    новая вкладка ютуб
    Игра 5 точек в ряд ООП вариант
  • Урок №
    новая вкладка ютуб
    Хранение массива в локальном хранилище (предварительная теория)
  • Урок №
    новая вкладка ютуб
    Стикеры ООП (нужны основы Drag-and-Drop, выше в учебнике есть)

Практика

  • Урок №
    Дипломные
    проекты на JavaScript

ES6

  • Урок №
    новая вкладка с new.code.mu
    Тип Symbol
  • Урок №
    новая вкладка с new.code.mu
    Итераторы и генераторы

Promise ES6

  • Урок №
    новая вкладка с new.code.mu
    Функции resolve reject
  • Урок №
    новая вкладка с new.code.mu
    Метод catch
  • Урок №
    новая вкладка с new.code.mu
    Цепочки промисов
  • Урок №
    новая вкладка с new.code.mu
    Перехват ошибок
  • Урок №
    новая вкладка с new.code.mu
    Promise.all
  • Урок №
    новая вкладка с new.code.mu
    Promise.race
  • Урок №
    новая вкладка с new.code.mu
    async await
  • Урок №
    новая вкладка с new.code.mu
    Загрузка картинок

Библиотека jQuery

Тк. jQuery устаревает, объявляю эти уроки не обязательными и выношу в конец учебника (так по уровню уроки середины учебника, если что). В перспективе переедет в отдельный учебник по jq.

  • Урок №
    Основы
    работы с jQuery
  • Урок №
    Манипулирование
    элементами страницы
  • Урок №
    Работа
    с набором элементов
  • Урок №
    Работа
    с событиями jQuery
  • Урок №
    Эффекты и анимация
    библиотеки jQuery
  • Урок №
    Практика на отработку
    библиотеки jQuery
  • Урок №
    Работа с
    библиотекой jQueryUI
  • Урок №
    Популярные плагины
    библиотеки jQuery

Перед решением задач изучите теорию к данному уроку.

← Предыдущая страница Следующая страница →

Учебник JavaScript

  • Урок №
    Задачник
    JavaScript для новичков
  • Урок №
    Основы
    языка JavaScript
  • Урок №
    Основы работы
    с массивами и объектами
  • Урок №
    Работа с конструкциями
    if-else и switch-case
  • Урок №
    Работа с циклами
    for и while
  • Урок №
    Работа
    с математическими функциями
  • Урок №
    Работа со строковыми
    функциями в JavaScript
  • Урок №
    Функции
    работы с массивами
  • Урок №
    Практика на комбинации
    стандартных функций
  • Урок №
    Основы работы
    с пользовательскими функциями
  • Урок №
    Приемы работы
    с флагами
  • Урок №
    Приемы работы
    с логическими значениями
  • Урок №
    Приемы работы
    с циклами
  • Урок №
    Приемы работы
    с массивами
  • Урок №
    Правильное использование
    пользовательских функций
  • Урок №
    Практика на
    пользовательские функции
  • Урок №
    Продвинутая работа
    с пользовательскими функциями

Практика

  • Урок №
    Практика
    на отработку циклов и функций

Работа с DOM

  • Урок №
    Основы
    работы с DOM
  • Урок №
    Работа
    с элементами HTML страницы
  • Урок №
    Работа
    с датами в JavaScript
  • Урок №
    Работа
    с таймерами в JavaScript
  • Урок №
    Продвинутая
    работа с событиями
  • Урок №
    Продвинутая
    работа с DOM
  • Урок №
    Работа
    с метриками
  • Урок №
    Работа
    с метриками для window
  • Урок №
    Основы работы
    с объектом Event
  • Урок №
    Продвинутая работа
    с объектом Event
  • Урок №
    Разные
    полезные темы
  • Урок №
    новая вкладка с new.code.mu
    Работа с узлами

Практика

  • Урок №
    Практика
    JavaScript для новичков

  • Урок №
    Практика
    минипроекты JavaScript

  • Урок №
    новая вкладка ютуб
    Разбор квадратного календарика
  • Урок №
    новая вкладка ютуб
    Разбор игры найди случайное число в таблице

Некоторые продвинутые вещи

  • Урок №
    Анонимные
    функции и замыкания
  • Урок №
    Некоторые продвинутые
    функции JavaScript
  • Урок №
    Нюансы
    работы с событиями

ES6

  • Урок №
    Нововведения
    в ES6 для новичков
  • Урок №
    новая вкладка с new.code.mu
    Коллекция Set
  • Урок №
    новая вкладка с new.code.mu
    Коллекция Map

Рекомендованное ES6

  • Урок №
    плейлист на ютуб
    Практическое применение ES6

Некоторые видео могут забегать вперед, тк к этому месту учебника мы прошли еще не весь ES6. Просто пропускайте такие видео, посмотрите потом.

Регулярки

  • Урок №
    Введение, задач нет
  • Урок №
    Работа с регулярными
    выражениями. Глава 1.
  • Урок №
    Работа с регулярными
    выражениями. Глава 2.
  • Урок №
    Работа с регулярными
    выражениями. Глава 3.
  • Урок №
    Работа с регулярными
    выражениям. Глава 4.
  • Урок №
    Отличия
    от PHP версии

Разное

  • Урок №
    Работа
    с форматом JSON
  • Урок №
    Работа
    с куки (cookie)
  • Урок №
    Работа
    с локальным хранилищем
  • Урок №
    Анимация
    и другие эффекты

Работа с канвасом

  • Урок №
    Введение, задач нет
  • Урок №
    Основы
    работы с canvas
  • Урок №
    Продвинутая
    работа с canvas

Практика

  • Урок №
    Продвинутая
    практика JavaScript

AJAX

  • урок исключен (мало материала), по аяксу скоро будет отдельный учебник (много материала)

Контекст

  • Урок №
    Введение, задач нет
  • Урок №
    Продвинутая
    работа с контекстом

Drag-and-Drop

  • Урок №
    новая вкладка с new.code.mu
    Доступные события
  • Урок №
    новая вкладка с new.code.mu
    Перемещение элемента по окну
  • Урок №
    новая вкладка с new.code.mu
    Перемещение на другой элемент
  • Урок №
    новая вкладка с new.code.mu
    Объект event.dataTransfer
  • Урок №
    новая вкладка с new.code.mu
    Картинка при перетягивании
  • Урок №
    новая вкладка с new.code.mu
    Вид курсора

ООП

  • Урок №
    Введение, задач нет
  • Урок №
    Основы
    работы с ООП
  • Урок №
    Наследование
    классов в JavaScript
  • Урок №
    Применение
    ООП при работе с DOM
  • Урок №
    Практика
    по ООП в JavaScript
  • Тут скоро будут еще уроки
    по функциональному и прототипному
    стилю ООП.

Практика по ООП

Ваша задача: посмотрите, попробуйте повторить.

  • Урок №
    новая вкладка ютуб
    Игра 5 точек в ряд без ООП для разминки
  • Урок №
    новая вкладка ютуб
    Игра 5 точек в ряд ООП вариант
  • Урок №
    новая вкладка ютуб
    Хранение массива в локальном хранилище (предварительная теория)
  • Урок №
    новая вкладка ютуб
    Стикеры ООП (нужны основы Drag-and-Drop, выше в учебнике есть)

Практика

  • Урок №
    Дипломные
    проекты на JavaScript

ES6

  • Урок №
    новая вкладка с new.code.mu
    Тип Symbol
  • Урок №
    новая вкладка с new.code.mu
    Итераторы и генераторы

Promise ES6

  • Урок №
    новая вкладка с new.code.mu
    Функции resolve reject
  • Урок №
    новая вкладка с new.code.mu
    Метод catch
  • Урок №
    новая вкладка с new.code.mu
    Цепочки промисов
  • Урок №
    новая вкладка с new.code.mu
    Перехват ошибок
  • Урок №
    новая вкладка с new.code.mu
    Promise.all
  • Урок №
    новая вкладка с new.code.mu
    Promise.race
  • Урок №
    новая вкладка с new.code.mu
    async await
  • Урок №
    новая вкладка с new.code.mu
    Загрузка картинок

Библиотека jQuery

Тк. jQuery устаревает, объявляю эти уроки не обязательными и выношу в конец учебника (так по уровню уроки середины учебника, если что). В перспективе переедет в отдельный учебник по jq.

  • Урок №
    Основы
    работы с jQuery
  • Урок №
    Манипулирование
    элементами страницы
  • Урок №
    Работа
    с набором элементов
  • Урок №
    Работа
    с событиями jQuery
  • Урок №
    Эффекты и анимация
    библиотеки jQuery
  • Урок №
    Практика на отработку
    библиотеки jQuery
  • Урок №
    Работа с
    библиотекой jQueryUI
  • Урок №
    Популярные плагины
    библиотеки jQuery
Трепачёв Дмитрий Петрович © 2012-2021 г.
По всем вопросам пишите в контакт: Я в контакте