painmaker

Coursehunter как бич-вариант различных курсов. Если нужны бумажки-сертификаты, то udemy. А вообще, учить нужно начинать с печатных изданий. Советую начинать с класики - Дэвид Фленеган "JavaScript Подробное руководство", Этан Браун "Изучаем JavaScript", Кайл Симпсон (вся серия You Don't Know JS).

https://codepen.io/anon/pen/bXbWyZ как вариант

https://jsfiddle.net/Guruprasad_Rao/xya6gs93/1/

Загуглить для начала "open graph разметка".
Если кратко: в head сайта добавить теги:
"og:locale" — указывает локализацию (язык сайта), можно использовать значение "ru_RU" по умолчанию.
"og:type" — указывает тип страницы (статья, новость, видео, категория и т. д.), можно использовать по умолчанию "article".
"og:title" — указывает заголовок статьи.
"og:description" — указывает краткое описание, которое выводится при формировании превью ссылки.
"og:url" — ссылка на страницу сайта.
"og:image" — ссылка на картинку, которая будет отображаться в посте.
"og:site_name" — название сайта.

setInterval, setTimeout, async, await ... выбирайте что больше подходит

По нажатию на кнопку создаете событие. В нем проводите валидацию введенных данных. Далее обычная конструкция if/else. Если все ок - возвращаете сообщение, и через setTimeout скрываете форму. в блоке else, если не прошла выалидация, генерируете ошибку и выводите в форму, с подстветкой некорректных данных