Стать веб-программистом и создать свой сайт

Я как ежик в тумане и не имеею четкого предстовления о нем и буду пользоваться

сайтом learn.javascript.ru

Основы JavaScrip:

• Привет, мир!
• Внешние скрипты, порядок исполнения
• Структура кода
• Современный стандарт, "use strict"
• Переменные
• Правильный выбор имени переменной
• Шесть типов данных, typeof
• Основные операторы
• Операторы сравнения и логические значения
• Побитовые операторы
• Взаимодействие с пользователем: alert, prompt, confirm
• Условные операторы: if, '?'
• Логические операторы
• Преобразование типов для примитивов
• Циклы while, for
• Конструкция switch
• Функции
• Функциональные выражения
• Рекурсия, стек
• Именованные функциональные выражения
• Всё вместе: особенности JavaScript

Структуры данных:

• Введение в методы и свойства
• Числа
• Строки
• Объекты как ассоциативные массивы
• Объекты: перебор свойств
• Объекты: передача по ссылке
• Массивы с числовыми индексами
• Массивы: методы
• Массив: перебирающие методы
• Псевдомассив аргументов "arguments"
• Дата и Время

Замыкания, область видимости:

• Глобальный объект
• Замыкания, функции изнутри
• [[Scope]] для new Function
• Локальные переменные для объекта
• Модули через замыкания
• Управление памятью в JavaScript
• Устаревшая конструкция "with"

Методы объектов и контекст вызова:

• Методы объектов, this
• Преобразование объектов: toString и valueOf
• Создание объектов через "new"
• Дескрипторы, геттеры и сеттеры свойств
• Статические и фабричные методы
• Явное указание this: "call", "apply"
• Привязка контекста и карринг: "bind"
• Функции-обёртки, декораторы

Некоторые другие возможности:

• Типы данных: [[Class]], instanceof и утки
• Формат JSON, метод toJSON
• setTimeout и setInterval
• Запуск кода из строки: eval
• Перехват ошибок, "try..catch"

ООП в функциональном стиле

ООП в прототипном стиле

Современные возможности ES-2015

• Сверстать простой макет для проверки скила
• Сверстать макет с использованием JS+JQuery
• Сверстать еще 3 макета