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

В этом курсе мы продолжим изучение основ JavaScript и создадим на практике клон Paint в окне браузера
Rating: 4.5 out of 5 (50 ratings)
822 students
Russian

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

Requirements

  • Основы HTML
  • Основы CSS
  • Основы JavaScript

Description

Добро пожаловать на вторую часть курса по основам 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!


Who this course is for:

  • Начинающие веб-разработчики на JavaScript

Instructor

Tech Lead / Fullstack Developer / Analytics Enthusiast
Anton Golosnichenko
  • 4.5 Instructor Rating
  • 220 Reviews
  • 1,940 Students
  • 13 Courses

Последние 10 лет я увлекаюсь программированием и веб-разработкой, маркетингом и аналитикой. С 2016 года работаю в ведущих агентствах performance-маркетинга в России.

Я являюсь сертифицированным специалистом по работе в рекламных и аналитических системах Яндекса, Google и myTarget.

Я основал проект ИзиКодерс, потому что у меня есть мечта научить тысячи людей создавать и продвигать собственные цифровые продукты. ИзиКодерс - это не только уроки по программированию, маркетингу и аналитике, в первую очередь это источник вдохновения для людей, чтобы создавать что-то осмысленное, что-то, чем можно будет гордиться.

Так что скорее приступайте к занятиям, и вперед к новым приключениям! :)


Технический стек:

Backend:

- Python (Django / Flask)

- Ruby on Rails


Frontend:

- React

- Vue.js


Data Science:

- Pandas

- Matplotlib

- Scikit-learn

- R