Главная страницаКатегория jqueryОсновы jQuery и чистый DOM Scripting

Основы jQuery и чистый DOM Scripting

Name: Основы jQuery и чистый DOM Scripting
Rating: 4.1 (31 reviews)

Advanced JS Fundamentals to jQuery & Pure DOM Scripting

frontendmasters

★4.1 (всего оценок - 31)

Продолжительность

8 ч 52 мин

Категория

JQuery

Количество уроков

70 Видео

Дата добавления

21 февр. 2017 г., 00:00

Язык

Английский

Дата выхода

7 февр. 2017 г., 11:51

Дата обновления

28 апр. 2026 г., 20:47

Изучите фундаментальные принципы работы jQuery и чистого DOM Scripting, чтобы уверенно ориентироваться в современных интерфейсах и понимать, как устроены самые популярные JavaScript‑библиотеки. Курс поможет вам укрепить базу, научиться мыслить структурно и создать собственные инструменты для работы с DOM без лишних зависимостей.

Что вы узнаете на курсе

Программа курса сочетает разбор поведения JavaScript «под капотом» и практику разработки с использованием DOM API и приемов, применяемых в jQuery. Такой подход позволит не только выучить синтаксис, но и понять логику работы браузера.

Глубокое понимание JavaScript

Вы разберете ключевые механики языка, которые необходимы каждому разработчику, работающему с DOM и библиотеками уровня jQuery.

Основные концепции

Работа ключевого слова this в разных контекстах
Цепочки прототипов и механизм наследования
Различные типы компараторов и их влияние на выполнение кода

Работа с памятью и указателями

Поймете, как данные хранятся в памяти, чем отличаются ссылки от примитивов и как это влияет на производительность и поведение вашего кода.

Глубокое погружение в jQuery и DOM Scripting

Вы изучите функциональные принципы jQuery, узнаете, зачем она была создана и как современные браузеры упростили работу с DOM. На практических занятиях вы создадите упрощенную версию собственной библиотеки, используя возможности чистого JavaScript.

Понимание архитектуры jQuery

Разберете устройство ядра библиотеки, принципы облегченного селектирования, манипуляции DOM и обработки событий.

Построение собственной DOM‑библиотеки

На практике создадите свой мини‑фреймворк, который повторяет ключевые функции jQuery. Это поможет вам глубже понять, как устроены популярные инструменты и как оптимизировать собственный JavaScript‑код.

Практические навыки

Селектирование элементов и построение chainable‑методов
Манипуляции DOM без сторонних библиотек
Работа с событиями и их делегированием
Оптимизация собственных решений

По завершении курса вы будете уверенно работать с DOM, понимать внутреннюю логику jQuery и сможете создавать собственные инструменты для решения задач интерфейсной разработки.

Удален по просьбе правообладателя

Урок 1.00:04:30
Introduction
Урок 2.00:10:20
Basic JS
Урок 3.00:05:28
JavaScript Features
Урок 4.00:08:27
Data Types & Operators
Урок 5.00:06:15
References
Урок 6.00:08:58
The delete Keyword
Урок 7.00:06:22
typeof
Урок 8.00:06:16
Summary
Урок 9.00:04:37
“==“ vs. “===“
Урок 10.00:12:25
Comparison Operators Explained
Урок 11.00:12:25
Types as Arguments
Урок 12.00:08:51
Counter Example 1
Урок 13.00:12:38
Counter Example 2
Урок 14.00:11:25
Closure Gotchas
Урок 15.00:02:44
Exercise 1: Making a Tag Library
Урок 16.00:10:27
Exercise 1: Solution
Урок 17.00:14:33
What is “this”?
Урок 18.00:10:12
The Dot(.) Operator
Урок 19.00:05:26
Exercise 2: Finding Properties
Урок 20.00:14:59
Exercise 2: Solution
Урок 21.00:02:27
Exercise 3: Invoking Functions
Урок 22.00:14:29
Exercise 3: Solution
Урок 23.00:05:18
Shared Properties & Prototype Methods
Урок 24.00:12:34
Prototypal Inheritance
Урок 25.00:04:34
Exercise 4: Implementing the ‘new’ Keyword
Урок 26.00:08:27
Exercise 4: Solution
Урок 27.00:03:59
Object.create()
Урок 28.00:05:54
Exercise 5: Creating the instance Operator
Урок 29.00:11:02
Exercise 5: Solution
Урок 30.00:04:09
$.extend()
Урок 31.00:03:43
Exercise 6 and Solution: Implementing $.extend
Урок 32.00:10:41
Day 1 Recap
Урок 33.00:03:41
Type Checking
Урок 34.00:02:28
Exercise 7: Implementing $.isArray()
Урок 35.00:04:28
Exercise 7: Solution
Урок 36.00:07:57
Exercise 8: Implementing isArrayLike()
Урок 37.00:08:07
Exercise 8 Solution
Урок 38.00:01:34
Exercise 9: $.each()
Урок 39.00:07:02
Exercise 9: Solution
Урок 40.00:01:41
Exercise 10: Implementing $.makeArray()
Урок 41.00:02:23
Exercise 10: Solution
Урок 42.00:05:48
Exercise 11: Implementing $.proxy()
Урок 43.00:09:44
Exercise 11: Solution
Урок 44.00:02:46
Finding from the Document
Урок 45.00:07:45
Exercise 12: Creating the $ function
Урок 46.00:11:30
Exercise 12: Solution
Урок 47.00:02:49
Exercise 13: Implementing the html() method
Урок 48.00:05:40
Exercise 13: Solution
Урок 49.00:02:55
Exercise 14 and Solution: val() function
Урок 50.00:06:16
Exercise 15: Eliminating “new”
Урок 51.00:05:20
Exercise 15: Solution
Урок 52.00:10:23
Exercise 16: Implementing the text() method
Урок 53.00:14:29
Exercise 16: Solution
Урок 54.00:15:27
Exercise 16: Solution, continued
Урок 55.00:07:05
Exercise 17: Adding a find() method
Урок 56.00:10:23
Exercise 17: Solution
Урок 57.00:11:32
Exercise 18: Implementing the next() method
Урок 58.00:05:42
Exercise 18: Solution
Урок 59.00:06:18
Implementing the prev() method
Урок 60.00:09:04
Refactoring Traversing Code
Урок 61.00:06:07
Implementing the attr() method
Урок 62.00:06:54
Creating a css() method
Урок 63.00:05:24
DOM Layout & Positioning
Урок 64.00:10:34
Adding width() and offset methods
Урок 65.00:01:18
Adding show() and hide() methods
Урок 66.00:03:19
Event API
Урок 67.00:12:43
Adding bind() & unbind() methods
Урок 68.00:11:00
Event Propogation
Урок 69.00:04:16
Event Delegation
Урок 70.00:16:17
Building a Tabs Widget

Автор - frontendmasters

frontendmasters

FrontendMasters — одна из ведущих онлайн-платформ для изучения фронтенд- и веб-разработки. Курсы представлены в формате видеоворкшопов и преподаются практикующими экспертами из крупных технологических компаний. Платформа охватывает широкий спектр современных технологий (JavaScript, React, TypeScript и др.) и делает упор на глубокое понимание и применение знаний на практике.

+792

Комментарии