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

В этом курсе мы продолжим изучение основ JavaScript и создадим на практике клон 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!

Course Information

Tags: ,

Course Instructor

Courseis.is
Courseis.is Author

Find what your next course is. We will help you find course, get skilled, and get hired.

This course does not have any sections.

Course Information

Tags: ,