JavaScript Базовый
Для кого этот курс
• Начинающие c базовыми навыками работы с JavaScript.• Студенты, прошедшие курс JavaScript Стартовый
• Разработчики с небольшим опытом в программировании на других языках.
• Тестировщики.
Предварительные требования
• Знание базового синтаксиса JavaScript (прохождение курса JavaScript Стартовый)• Знание HTML и основных CSS свойств и CSS селекторов
Продолжительность
36 ч.
Количество уроков
18 занятий
Стоимость обучения
259
Курс входит в
Специальности FrontEnd Разработчик + AI Skills, Full-stack. Node.js Разработчик + AI SkillsПрограмма курса
1
Поиск элементов и DOM дерево
• Понятие окружения в JavaScript
• DOM – Document Object Model
• BOM – Browser Object Model
• Поиск элементов в DOM, использование методов querySelector и querySelectorAll
• Типы узлов DOM дерева
• Основные свойства узлов DOM дерева
• Методы для навигации по узлам DOM дерева
• DOM – Document Object Model
• BOM – Browser Object Model
• Поиск элементов в DOM, использование методов querySelector и querySelectorAll
• Типы узлов DOM дерева
• Основные свойства узлов DOM дерева
• Методы для навигации по узлам DOM дерева
2
Изменение DOM дерева. CSS стили
• Способы создания узлов в DOM дереве
• Вставка и удаления узлов
• Способы клонирования узлов DOM дерева
• Свойства и атрибуты элементов
• Методы для работы с атрибутами
• Работа с пользовательскими атрибутами data-*
• Использование CSS стилей, свойства className и classList
• Вычисленные стили и работа с ними
• Вставка и удаления узлов
• Способы клонирования узлов DOM дерева
• Свойства и атрибуты элементов
• Методы для работы с атрибутами
• Работа с пользовательскими атрибутами data-*
• Использование CSS стилей, свойства className и classList
• Вычисленные стили и работа с ними
3
События. Часть 1
• Что такое событие
• Основные события
• Обработка событий через HTML атрибуты
• Обработка событий через свойства узлов DOM дерева
• Обработка событий с помощью метода AddEventListener
• Основные события
• Обработка событий через HTML атрибуты
• Обработка событий через свойства узлов DOM дерева
• Обработка событий с помощью метода AddEventListener
4
События. Часть 2
• Объект Event для получения дополнительных данных при обработке события
• События DOMContentLoaded и load
• Примеры обработки событий мыши
• Примеры обработки событий клавиатуры
• События DOMContentLoaded и load
• Примеры обработки событий мыши
• Примеры обработки событий клавиатуры
5
События. Часть 3
• Фазы прохода события по DOM дереву
• Регистрация обработчика события на разные фазы
• Отмена выполнения действия по умолчанию связанного с событием
• Отмена всплытия или погружения события
• Примеры использования делегирования события при использовании метода addEventListener
• Регистрация обработчика события на разные фазы
• Отмена выполнения действия по умолчанию связанного с событием
• Отмена всплытия или погружения события
• Примеры использования делегирования события при использовании метода addEventListener
6
Функции конструкторы
• Разница между функцией фабрикой и функцией конструктором
• Использование функций конструкторов
• Работа с прототипами
• Циклическая конструкция for/in
• Использование ключевого слова instanceof
• Использование функций конструкторов
• Работа с прототипами
• Циклическая конструкция for/in
• Использование ключевого слова instanceof
7
Классы
• Понятие классов
• Использование ключевого слова class
• Конструкторы и методы классов
• Getter и setter
• Закрытые и открытые поля классов
• Использование ключевого слова class
• Конструкторы и методы классов
• Getter и setter
• Закрытые и открытые поля классов
8
Классы. Наследование
• Наследование классов в JavaScript
• Ключевое слово extends
• Работа с конструкторами в классах наследниках
• Использование ключевого слова super
• Переопределение методов
• Статические методы и свойства
• Ключевое слово extends
• Работа с конструкторами в классах наследниках
• Использование ключевого слова super
• Переопределение методов
• Статические методы и свойства
9
Контекст функции
• Что такое контекст функции
• Смена контекста через методы apply, call и bind
• Планирование вызова функции, использование методов setTimeout и setInterval
• Контекст в стрелочных функциях
• Особенности использования контекста при использовании функций обратного вызова
• Смена контекста через методы apply, call и bind
• Планирование вызова функции, использование методов setTimeout и setInterval
• Контекст в стрелочных функциях
• Особенности использования контекста при использовании функций обратного вызова
10
Замыкания
• Глобальный объект и глобальные переменные, что такое globalThis
• Контекст выполнения
• Лексическое окружение
• Замыкания
• Примеры использования замыканий
• Контекст выполнения
• Лексическое окружение
• Замыкания
• Примеры использования замыканий
11
Формы и элементы управления
• Тег form
• Способы получения формы и ее элементов через JavaScript код
• Примеры работы с основными элементами управления через JavaScript код
• Способы получения формы и ее элементов через JavaScript код
• Примеры работы с основными элементами управления через JavaScript код
12
Проверка данных формы
• Обработка события submit
• События blur и focus
• События copy, paste и cut
• Встроенная проверка пользовательского ввода (HTML5 валидация)
• Добавление своей логики во встроенную проверку пользовательского ввода форм
• Основы работы с регулярными выражениями и примеры применения регулярных выражений для проверки пользовательского ввода
• Создание пользовательского сценария для проверки пользовательского ввода
• События blur и focus
• События copy, paste и cut
• Встроенная проверка пользовательского ввода (HTML5 валидация)
• Добавление своей логики во встроенную проверку пользовательского ввода форм
• Основы работы с регулярными выражениями и примеры применения регулярных выражений для проверки пользовательского ввода
• Создание пользовательского сценария для проверки пользовательского ввода
13
Cookies и Web Storage
• Что такое cookies и как с ними работать в JavaScript
• Обзор Web Storage API
• Использование sessionStorage и localStorage
• Событие storage
• Обзор Web Storage API
• Использование sessionStorage и localStorage
• Событие storage
14
Обработка исключений
• Что такое исключение
• Конструкция try catch
• Использование блока finally
• Использование ключевое слово throw
• Создание пользовательских исключений
• Конструкция try catch
• Использование блока finally
• Использование ключевое слово throw
• Создание пользовательских исключений
15
Асинхронный код. Promise
• Что такое синхронный и асинхронный код
• Использование функций обратного вызова для организации асинхронного кода
• Использование Promise для асинхронного кода
• Цепочки promise
• Обработка исключений при работе с Promise
• Использование методов Promise API
• Использование функций обратного вызова для организации асинхронного кода
• Использование Promise для асинхронного кода
• Цепочки promise
• Обработка исключений при работе с Promise
• Использование методов Promise API
16
Сетевые запросы
• Что такое HTTP
• Структура HTTP протокола, как выглядит запрос и ответ
• Использование метода fetch для отправки HTTP запроса через JavaScript код
• Настройка HTTP запроса при работе с методом fetch
• Отмена HTTP запроса, отправленного через метод fetch
• Структура HTTP протокола, как выглядит запрос и ответ
• Использование метода fetch для отправки HTTP запроса через JavaScript код
• Настройка HTTP запроса при работе с методом fetch
• Отмена HTTP запроса, отправленного через метод fetch
17
Практическое занятие
Часть 1
18
Практическое занятие
Часть 2
По завершению курса вы будете уметь
1
Работать с DOM деревом, находить элементы, создавать, удалять и менять состояние существующим элементам
2
Работать с стилями через JavaScript код
3
Использовать события, применять технику делегирования событий работая с разными фазами события (Capture Phase и Bubble Phase)
4
Использовать HTML template и шаблонизатор mustache.js
5
Работать с функциями конструкторами и прототипами
6
Использовать классы и наследование классов, понимать принципы объектно-ориентированного подхода при разработке на JavaScript
7
Работать с функциями и использовать замыкания – понимать, что такое лексическое окружение, контекст.
8
Работать с формами и проверять данные веденные в формы
9
Работать с данными на стороне клиента используя cookies и Web Storage
10
Обрабатывать исключения и создавать пользовательские исключения
11
Организовывать асинхронный код с помощью функций обратного вызова и Promise
12
Создавать сетевые запросы с помощью метода fetch
Попробуйте бесплатно
Полноценное занятие с тренером
Что входит в курс
36 часов живого обучения с тренером
Практические занятия и проверка ДЗ
Общение с группой
Поддержка ментора и ассистента
Тестирование и Сертификат
Видео курс от ITVDN
Как проходит обучение
1
Живые онлайн занятия
с тренером
2
Выполнение
домашних заданий
3
Проверка ДЗ
и фидбек
4
Тестирование
и сертификация
Сертификат после прохождения курса
Сертификат после прохождения курса
Тестирование и сертификация ИТ специалистов проходит на нашей собственной платформе TestProvider.com
Вы получаете заверенный сертификат от CyberBionic Systematics, подтверждающий уровень ваших знаний и увеличивающий шансы на успешное трудоустройство.
Каждый сертификат имеет серийный номер, работодатель может его проверить и убедиться в подлинности сертификата.
Готов
начать обучение?
Отправляй заявку и зафиксируй свою скидку на обучение
Виталий Мазяр
Web Frontend Developer. Тренер – консультант. Сертифицированный тренер Microsoft. Автор видео курсов на ITVDN
Богдан Мартыненко
Frontend Developer. Тренер – консультант
Тарас Заславский
FrontEnd Developer. Тренер-консультант
Владислав Белик
React FrontEnd Developer, тренер-консультант по направлению FrontEnd
Ростислав Силивейстр
WEB Frontend Developer. Тренер – консультант
Алексей Татаренков
FrontEnd Developer, тренер-консультант в CyberBionic Systematics
Алексей Кучеренко
тренер-консультант направления FrontEnd at CyberBionic Systematics
Александр Виноградов
Software Developer, тренер-консультант по направлению Node.js Developer в CyberBionic Systematics
Отзывы наших студентов
Отзывы с DOU
Olha Aliakina
Python developer
Я пройшла курс Python Developer.
Мені сподобалось, Python досить глибоко вивчали, з нуля і до асинхроного програмування, WebSocket... Насправді дуже багато тем розглянули, отримала уявлення як правцювати з БД, Git. Також вивчали Django, вже не так глибоко як Python, але достатньо, щоб робити проекти типу блог, веб магазин.
Домашки у мене займали часу, якщо на базовому курсі все встигати було легко, то починаючи з ООП вже потребували більше часу. Але насправді дуже корисні завдання і різні, щоб мозок запрацював у різних напрямках однієї теми. Щоб виконати дз, у моєму курсі конктетно, треба було також переглядати лекції на ITDVN, не тільки лекцію викладача. Бо часто відповідь як вирішити певну задачку була на лекції ITDVN на відповідну тему.
Після кожного з курсів можна пройти тестування і отримати сертифікацію по курсу. Для джунів це досить хороша опція, бо ці сертифікати можна викладати на лінкедин, щоб було підтвердження навчання. Що я і зробила. Тому рекомендувала б не забивати на тестування, а проходити.
Я б сказала, що пройти курс Python Developer було для мене визванням, встигати робити всі домашки і кінцевий проект не було легко, але було варто того. Нагрузка відчувалась, але якраз нагрузка і запускає роботу мозку в потрібному напрямку. Я задоволена курсом.
Прочитать оригинал
Отзывы с Facebook
Евгений Евгеньевич
Angular Developer
Пройшов у CyberBionics все що тільки можна))
Близько 5 різних курсів по frontend після чого вже 5 років є Angular розробником і нещодавно піврічний курс по .NET
Дякую школі, вона допомогла мені стати тим, хто я є.
Прочитать оригинал
Отзывы с Google
Дмитрий Беляев
.NET Developer
Пройшов курс за спеціальністю .NET розробник, від початку до кінця. Дуже вдячний людям за їхню працю, розуміння та допомогу. Чуйність від персоналу досить висока, так само, як і навички тренера (Михайла Козіна) - впевненість у поданні матеріалу, підкреслення важливих моментів та їх повторення при необхідності. Заняття проходять у комфортній обстановці, без будь-якої напруги. Навчання на останньому уроці не обривається, адже Команда CBS дає змогу отримати досвід роботи в їхній компанії, що є неймовірним бонусом.
Прочитать оригинал
Компании, в которых работают наши студенты
Остались вопросы?
Подскажем, с чего начать, какую специальность выбрать и как найти первую работу.
О курсе JavaScript Базовый
Изучение курса JavaScript Базовый предполагает наличие начальных знаний и умений, соответвующих программе курса JavaScript Стартовый. На курсе JavaScript Базовый вы сможете детально изучить семантику и особенности работы с конструкциями языка JavaScript.
На протяжении 18 занятий вы освоите главные принципы использования данного языка при построении пользовательских интерфейсов и при создании сценариев, использующих объектно-ориентированные техники и функциональные подходы. Этот курс станет фундаментом для дальнейшего изучения библиотек и фреймворков, базирующихся на языке JavaScript. Последние 2 занятия будут посвящены исключительно практике для надежного закрепления пройденного материала. Успешно завершив обучение на данном курсе, вам намного легче будет понять и начать использовать такой фреймворк, как Angular, или библиотеку React.
В курсе можно выделить несколько главных тем:
• Работа с DOM
• Обработка событий
• Объектно-ориентированное программирование, классы и наследование
• Углубленное изучение функций – контекст, лексическое окружение, замыкание
• Хранение данных на клиенте
• Работа с асинхронным кодом
• Сетевые запросы
Для каждого урока предусмотрено домашнее задание, выполнив которое, вы не только закрепите материал, но и увидите дополнительные варианты использования изученных конструкций.
В курсе можно выделить несколько главных тем:
• Работа с DOM
• Обработка событий
• Объектно-ориентированное программирование, классы и наследование
• Углубленное изучение функций – контекст, лексическое окружение, замыкание
• Хранение данных на клиенте
• Работа с асинхронным кодом
• Сетевые запросы
Для каждого урока предусмотрено домашнее задание, выполнив которое, вы не только закрепите материал, но и увидите дополнительные варианты использования изученных конструкций.