გასაგები JavaScript. ვიდეოკურსი (RUS/2016)

გასაგები JavaScript. ვიდეოკურსი (RUS/2016)

მასალა წარმოადგენს არა მხოლოდ ვიდეო კურსს, არამედ ეს არის ლექციების და სტატიების ციკლი. კომპლექსური შესწავლის პროგრამა, რომელიც საშუალებას მოგცემთ შეისწავლოთ 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 Бонусный урок на ваш выбор и сессия кодинга в реальном времени

Примеры программ которые вы напишите:
• Камень, ножницы, бумага
• Игральные кости
• Часы + Будильник + Счетчик обратного отсчета
• Счетчик букв в текстовом поле
• Фото галерея
• Табы или аккордион
• Калькулятор расчёта стоимости товара
• Форма регистрации + скрытый пароль который открывается на клик
• А так же тесты, специальные задания на закрепление теории и многое другое


loading...

იხილეთ სქრინები



loading...


გადმოწერეთ


loading...

პაროლი არქივზე: file.ge
12.gif2.gif3.gif4.gif

| დათვალიერება: 819 ჯერ | |
loading...