- Тренажер с практикой
-
Бессрочный доступ к теории
-
Асинхронный формат обучения
Включено в курс
Чему вы научитесь
- Оживлять веб-страницы добавляя в них интерактивность
- Взаимодействовать с любыми элементами на странице, выбирать их или изменять
- Обеспечивать универсальную работу JavaScript в любом браузере
- Правильно обрабатывать формы
- Выполнять AJAX запросы на сервер
- Использовать JQuery для обработки DOM
Описание
Браузер — это особая среда, в которой JavaScript получает возможность взаимодействовать с загруженными страницами сайтов. Для этого браузер предоставляет специальные объекты с большим количеством методов. С их помощью можно выполнять любые преобразования HTML добавляя интерактивность на странице. Не важно какой используется фреймворк или библиотека, все они, в конечном итоге, работают через эти объекты. Знание этой темы – основа фронтенд разработки, на которую нанизывается все остальное.
Уроки курса
-
2
JavaScript в браузере
Научиться использовать js в браузере. Узнать об отличиях между серверным и клиентским js. -
3
Глобальный объект Window
Познакомиться с глобальными объектами предоставляемыми браузером. -
5
Навигация по DOM-дереву
Познакомиться со структурой DOM дерева. Научиться перемещаться по ней. -
6
Декларативный поиск по DOM-дереву
Познакомиться с поисковыми методами: getElementById, querySelector и другими. -
9
Манипулирование DOM деревом
Научиться изменять DOM дерево, добавлять и удалять элементы. -
10
Управление узлами DOM
Научиться модифицировать элементы. Понять разницу между атрибутами и свойствами. -
12
Введение в события
Познакомиться с событийной моделью браузера. Изучить базовые события и их особенности работы. -
15
Перехват и всплытие
Разобраться со стадиями событий. Познакомиться с тем как можно перехватить всплывающее событие и остановить его распространение. -
16
События документа
Познакомиться с событиями возникающими при загрузке и выгрузке документа. -
17
AJAX
Научиться выполнять AJAX запросы используя современный API браузера - fetch -
18
JQuery
Научиться пользоваться библиотекой JQuery. Узнать почему её требуют в каждой вакансии, но компании продолжают отказываться от её использования. -
19
Самостоятельная работа
Дополнительные задания, которые позволяют закрепить полученную теорию -
20
Дополнительные материалы
Статьи и видео, подобранные командой Хекслета. Помогут глубже погрузиться в тему курса
Формат обучения
Испытания
Это практические задания, которые мы советуем выполнить после завершения курса. Задания помогут вам получить дополнительный опыт в программировании и закрепить полученные навыки. Обычно мы рекомендуем выполнить 3-5 испытаний. Но если не получается, не отчаивайтесь. Просто вернитесь к ним позже
| # | Задание | % завершений |
|---|---|---|
| 1 | Модальное окно | 83% |
| 2 | Пятнашки | 70% |
| 3 | Цитаты Тото Роббинса | 91% |
| 4 | Прогресс | 91% |
Впечатления
Очень интересное задание (второе подряд)! Результат полученный не может не радовать. Интересно покликать свою работу.
Задачка просто огонь!) Решил меньше, чем за час и почти как учителя. Правда, код учителя лучше в "технологическом плане". Про обновление координат пустой клетки что то не подумал. В моем коде пустая клетка ищется при каждом клике.
Пару часов и готово! Решение учителя великолепное! У меня 16 строк кода у учителя 4! 0 :1 в пользу учителя! :))
Не придумал как по-простому определять, что цель события находится рядом с пустой ячейкой. Пришлось городить огород. В решении учителя определение соседней ячейки просто космос.
Хорошее задание, встряхнул мозги наконец-то! У меня слишком подробная декомпозиция получилась, но я получил удовлетворение. )) https://ru.hexlet.io/code_reviews/48670
С нуля до разработчика. Возвращаем деньги, если не удалось найти работу.
