1. опис DOM є основою фронтенд розробки. Робота з будь-якими фреймворками і бібліотеками починається...
2. уроки курсу
3. JavaScript в браузері
4. Глобальний об'єкт Window
5. DOM Дерево
6. Пошук по дереву
7. тести
8. Поліфілли
9. Введення в події
10. Перехоплення і спливання
11. події документа
12. AJAX
13. JQuery
14. стан додатки
15. MVC
16. випробування
17. Автор
18. враження #

опис

DOM є основою фронтенд розробки. Робота з будь-якими фреймворками і бібліотеками починається з розуміння цієї теми. Основні теми, які будуть розглянуті в даному курсі: * Маніпуляції DOM деревом * BOM * Поліфілли * Інструменти розробника в браузерах * AJAX * Jquery

Пререквізіти

уроки курсу

• Вступ

  Познайомитися з курсом і його цілями

• JavaScript в браузері

  Навчитися використовувати js в браузері. Дізнатися про відмінності між серверним і клієнтським js.

• Глобальний об'єкт Window

  Познайомитися з глобальними об'єктами наданими браузером. Розібрати деякі компоненти BOM, наприклад, навігацію, роботу з історією, посиланнями.

• DOM Дерево

  Познайомитися зі структурою DOM дерева. Навчитися переміщатися по ній.

• Пошук по дереву

  Познайомитися з пошуковими методами: `getElementById`,` querySelector` і іншими.

• тести

  Познайомитися з системним тестуванням

• Поліфілли

  Дізнатися яким чином нівелювати відмінності між браузерами при роботі з DOM

• Введення в події

  Познайомитися з подієвої моделлю браузера. Навчитися використовувати події і створювати інтерактивні додатки.

• Перехоплення і спливання

  Розібратися зі стадіями подій. Навчитися перехоплювати події і зупиняти їх спливання.

• події документа

  Познайомитися з подіями виникають при завантаженні і вивантаженні документа.

• AJAX

  Навчитися виконувати AJAX запити використовуючи сучасне API браузера - fetch

• JQuery

  Навчитися користуватися бібліотекою JQuery. Дізнатися чому її вимагають в кожній вакансії, але компанії продовжують відмовлятися від її використання.

• стан додатки

  Навчитися бачити стан програми та виділяти його. Познайомитися з тим як розділяти фронтенд на модулі.

• MVC

  Познайомитися з архітектурою Model-View-Controller

випробування

Це практичні завдання, які ми радимо виконати після завершення курсу. Завдання допоможуть вам отримати додатковий досвід у програмуванні та закріпити отримані навички.

Автор

Кирило Мокевнін

Співзасновник і технічний директор освітнього проекту Hexlet. Співорганізатор конференції Nastachku.ru. У минулому керував філією undev.ru в Ульяновську, а до цього працював в Qik (Skype). Створює інженерну культуру в компаніях і несе в маси XP, DDD і DevOps. Євангеліст ментального програмування.

враження #

Чи не придумав як по-простому визначати, що мета події знаходиться поруч з порожньою осередком. довелося городити город . У рішенні вчителя визначення сусідньої комірки просто космос.

Пару годин і готово! Рішення вчителя чудове! У мене 16 рядків коду у вчителя 4! 0: 1 на користь вчителя! :))

Гарне завдання, струснув мізки нарешті! У мене дуже докладна декомпозиція вийшла, але я отримав задоволення. )) https://ru.hexlet.io/code_reviews/48670