Vanilla JavaScript [2021] – создаем клон Paint в браузере

Добро пожаловать на вторую часть курса по основам JavaScript для начинающих веб-разработчиков!

Если вы начинающий веб-разработчик, то вы находитесь в нужном месте! JavaScript – это основной язык, который используется для веб-разработки. Но применение JavaScript не ограничивается только фронтендом, на нем также можно создавать бэкенд сайтов (Node.JS), мобильные приложения (React Native), даже десктопные приложения, и все это с использованием одного лишь JavaScript!

Что такое Vanilla JS? Это термин для обозначения “чистого” JavaScript без использования каких-либо библиотек и фреймворков. К сожалению, сейчас на рынке очень много узких специалистов – по React, по Angular, по Vue.js и т.д., но очень мало специалистов по чистому JavaScript. Правда в том, что один раз выучив Vanilla JS вы потом сможете легко применять полученные знания при работе в любом другом фреймворке, который основан на javascript.

Таким образом, вы получите конкурентное преимущество при трудоустройстве, ведь вы будете знать язык, а не какой-то отдельный фреймворк или библиотеку!

После прохождения курса вы:

• Поймете всю мощь языка JavaScript и его интерактивных возможностей!
• Создадите с нуля клон Paint, который будет работать прямо в окне браузера с помощью JavaScript
• Научитесь работать с Canvas и его свойствами

Что мы изучим:

• Работа с HTML5 Canvas из JavaScript
• Обработка событий мыши
• 2D контекст
• 2D рисование в браузере
• Изменение размера кисти
• Сохранение изображения на локальном компьютере

Что мы сделаем на практике:

• Клон программы Paint, который будет работать прямо в окне браузера
• Внедрим палитру для редактирования цвета рисования
• Сделаем два режима работы – рисование и заливка цветом
• Добавим функцию сохранения изображения на локальном компьютере

До встречи на уроках!

Добро пожаловать на курс по основам JavaScript – часть 2!