Курс JavaScript

Навіщо вивчати JavaScript?

JavaScript (JS) - найкращий друг Front End-розробника. HTML задає розмітку сайту, CSS відповідає за зовнішній вигляд, а JavaScript все це "оживляє". За допомогою JavaScript веб-розробник визначає, як веб-сторінка відреагує на дії користувача.

• JavaScript - найпопулярніша мова програмування для браузерів.
• Якщо ви не знаєте JS, то розробка інтерактивних сайтів для вас недоступна.
• JavaScript досить простий, але містить усі фундаментальні речі: об'єктно-орієнтовану модель та структури даних.
• Вивчивши JS, ви отримаєте базове уявлення про всі "сіподібні" мови: С++, C#, Java і PHP.
• JavaScript вийшов понад 20 років тому, але не застарів, а розвивається, спрощуючи веб-розробку.

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

• Введення в JavaScript, середовище розробки та інструменти. Основні браузери. Введення HTML/CSS. Структура проекту. Перша сторінка.
• Систематизація базових знань HTML/CSS. Типові розмітки. Аналіз макету.
• Основні компоненти (меню, таби, форми, галереї).
• Форматування коду. Семантика. Особливості HTML5/CSS3. Адаптивна верстка. Twitter Bootstrap.
• Практика. Аналіз типових помилок у верстці.
• Перший сценарій. Знайомство з консоллю. Робота з Git.
• Структура коду, змінні, типи та структури даних, методи вбудованих об'єктів.
• Керуючі структури (умовні оператори, логічні оператори, цикли).
• Функції та їх різновиди. Робота із аргументами функцій. Асинхронний код. Callback.
• Області видимості. Замикання. Рекурсія. Підміна контексту виконання функції.
• Визначення поняття DOM-дерева. Принципи роботи з DOM-деревом та взаємодії з CSS. Робота з вікнами та вкладками.
• Принципи роботи з подіями у DOM-дереві. Обробка подій, делегування.
• jQuery - основи роботи з бібліотекою та використання її для маніпуляції з DOM деревом.
• Робота з анімацією на сторінці. CSS transition та JS анімації.
• AJAX — методи асинхронної взаємодії із сервером на поточному домені. Крос-доменні запити.
• Основи об'єктно-орієнтованого програмування. Особливості ООП у JavaScript.
• Спадкування в JavaScript.
• Шаблони повторного використання коду. Шаблони написання коду, що підтримується.
• Шаблони роботи з DOM-деревом без використання сторонніх бібліотек. Шаблони проектування.
• Принципи організації коду на великих проектах. Інструменти статичного аналізу якості коду. Оптимізація. Стиснення.
• MVC фреймворки. Принципи побудови односторінкових додатків.
• Основи використання фреймворків React.js, Angular.js. Використання Require.js для керування завантаженням коду.
• Регулярні вирази JavaScript. Шаблони валідації. HTML5, робота зі сховищами на стороні клієнта. Local storage.