Это больше чем видео курс, серия лекций или цикл статей. Это комплексная программа обучения, которая позволит Вам действительно выучить основы языка javascript и не взорвать Ваш мозг. Если Вы будете выполнять все рекомендации и задания у вас будет результат!



Если раньше у Вас не получалось это не Ваша вина, возможно Вас просто неправильно учили.



Программа курса

• Модуль 1 введение

1. Общая информация

· История возникновения и эволюция javascript.

· Предметная область использования, зачем знать javascript.

· javascript и Java, коротко про ECMAScript.

· В чем разница ECMAScript5 и ECMAScript6.

· Обзор структуры курса и методики обучения.



2. Базовые знания

· Редакторы кода, какой выбрать.

· Структура кода, подключение скриптов.

· Понятие переменных.

· 6 типов данных (новый тип Symbol из ECMAScript6).

· Операторы.

· Преобразование типов.



• Модуль 2 Начало работы, базовые конструкции и синтаксис

1. Практическое занятие. Редактор кода + Git

· Установка IDE.

· Что такое система контроля версий Git.

· Примеры работы в консоли (создание и подключение к репозиторию, commit, pull, push).

· Работа с помощью программы SourceTree.



2. Основные операторы

· Операторы сравнения ().

· Логические операторы (||, &&, !).

· Тернарный оператор (? :).

· Условные операторы (if, ?).

· Циклы while, for, for...in.



3. Обзор домашнего задания «Основные операторы»



4. Функции, основные понятия

· Определение функции.

· Особенности работы с переменными.

· Functionexpression и functiondeclaration.

· Глобальные функции.



5. Обзор домашнего задания «Функции»



6. Объекты

· Понятие и создание объекта.

· Работа с объектами, перебор свойств.

· Объект Array, основные методы.

· Объект String, основные методы.

· Объект Date, основные методы.



7. Обзор домашнего задания «Объекты»



• Модуль 3 DOM, События, замыкание, модуль

1. Работа с DOM

· Что такое DOM структура документа.

· Навигация по DOM структуре.

· Обзор основных методов объекта document: getElement* и querySelector*.

· Создание, удаление и добавление элементов в DOM дерево.

· Работа со стилями средствами javascript.

· Что такое BOM.



2. Обзор домашнего задания «DOM»



3. События

· Введение в браузерные события.

· Обзор наиболее популярных событий мышки и клавиатуры.

· Назначение обработчика событий.

· Всплывание (bubbling) и распространение событий.

· Делегирование событий.



4. Обзор домашнего задания «События»



5. Замыкание функции, модуль

· Scope функции или лексическое окружение.

· Что такое замыкание.

· Function and variable hoisting.

· Самовызывающаяся функция.

· Что такое модуль, базовый пример реализации.



6. Обзор домашнего задания «Замыкание функции, модуль»



• Модуль 4 Объектно ориентированное программирование, this

1. Ключевое слово this

· Какую роль выполняет this в javascript.

· Особенности работы this при создании новых объектов.

· Пример «модуля» с методами объявленными через this.

· Пример потери контекста, решение проблемы, анонимной функции.

· Функция bind() и карринг.

· Назначение call() и apply().



2. Обзор домашнего задания «Ключевое слово this»



3. Наследование и ООП (Часть 1)

· Что такое Объектно Ориентированное Программирование, основные принципы.

· Понятие объекта с точки зрения ООП.

· Наследование и цепочка прототипов в javascript.

· Пример прототипного наследования для готовых объектов используя __proto__.



4. Наследование и ООП (Часть 2)

· Пример прототипного наследования используя Object.create().

· Пример реализации прототипного наследования используя функцию конструктор.

· Наследование одного класса другим с помощью современного и классического метода.



5. Обзор домашнего задания «Наследование и ООП»

модуль 5 Бонусный урок на ваш выбор и сессия кодинга в реальном времени



Примеры программ которые вы напишите:

• Камень, ножницы, бумага

• Игральные кости

• Часы + Будильник + Счетчик обратного отсчета

• Счетчик букв в текстовом поле

• Фото галерея

• Табы или аккордион

• Калькулятор расчёта стоимости товара

• Форма регистрации + скрытый пароль который открывается на клик

• А так же тесты, специальные задания на закрепление теории и многое другое

 

Информация о курсе:

Название: Понятный javascript

Год выпуска: 2016

Автор: Евгений Калюжный

Жанр: Обучающее видео

Выпущено: Онлайн-курсы "JSExpert"

Продолжительность: 46:08:13

Язык: Русский



Файл

Формат: MP4

Видео: ~242 kb/s, 1276x720

Аудио: AAC, 144 kb/s (1ch)

Размер: 5.52 GB



Скачать: Понятный javascript (Видеокурс) >>>

Отправьтесь на охоту за яркими впечатлениями с Ольгой @piskalik.
В OPPO Reno 10x Zoom Ольга впервые столкнулась с инновационной тройной камерой и десятикратным гибридным зумом. Раскрытие его возможностей стало для неё особенно интересной задачей. Она отправилась на поиски сюжетов в центр Москвы, а также на один день выехала за её пределы.

Узнайте больше на Prophotos.ru

https://prophotos-ru.livejournal.com/3087171.html

Samsung GT-S5222 DUOS

Распад НАТО начался!

Распад НАТО начался!

В новом обзоре мы протестировали десять комплектов из широкого ассортимента компании Saramonic. Они помогут качественно записывать звук во время видеосъёмки в самых разных ситуациях — от спонтанной съёмки ролика на улице до хорошо подготовленного интервью, репортажа или выступления музыканта. Многие компоненты типовых комплектов обладают взаимной и перекрестной совместимостью, а это позволит видеографам гибко комбинировать их, чтобы добиваться наилучшего качества записи при любых условиях.

Узнайте больше на Prophotos.ru

https://prophotos-ru.livejournal.com/3086483.html

В новой статье на примере продукции компании Saramonic мы расскажем о разных видах оборудования для звукозаписи комплектах, оптимальных для популярных сценариев видеозаписи. Одно из главных преимуществ техники этой марки — высокое качество и широкая функциональность при цене ощутимо меньшей, чем у конкурентов.

Узнайте больше на Prophotos.ru

https://prophotos-ru.livejournal.com/3085859.html

Россия все таки сломала западное единство. Шоу начинается!


Россия все таки сломала западное единство ...