5 из 5
5
4 отзыва

Супер JavaScript

Самый полный обучающий курс по изучению языка программирования JavaScript от автора образовательного канала ITDoctor
Автор курса:
Исмаил Усеинов
20 студентов зачислены
Язык программирования JavaScript

Курс состоит из 65 занятий, которые объединены в 4 главы, где будет рассмотрено 114 практических примера. Длительность курса составляет 20 часов.

Супер JavaScript — практический видеокурс: в каждой главе теоретический материал будет закрепляться множеством наглядных примеров кода.

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

Я рекомендую изучать этот курс:

-Тем, кто только начинает свой путь в мире web-технологий и программирования

-Тем, кто уже знает HTML и CSS, но хочет изучать что-то новое и более крутое

-Тем, кто хочет получить востребованную и хорошо оплачиваемую профессию

-Тем, кто хочет научиться создавать интерактивные графические интерфейсы для своих web-приложений

Основные особенности курса:

-Грамотно составленные уроки с наглядными практическими примерами способствуют лучшему усвоению материала.

-Курс предоставляется вам навсегда, без каких-либо лимитов и ограничений по времени. Занимайтесь тогда, когда вам удобно.

-По завершении курса у вас будет опыт создания множества современных интерактивных элементов для сайта.

-Видео курс включает в себя 65 уроков общей продолжительностью 20 часов.

Автор курса Исмаил Усеинов в 2017 году основал обучающий YouTube канал ITDoctor. Делюсь своими знаниями в области программирования и создания сайтов. Сформировал свою собственную методику обучения, которая позволяет ученикам максимально эффективно осваивать изучаемый материал.

Основы языка JavaScript

1
Введение в JavaScript. Работа с консолью разработчика, создание переменн

В этом уроке мы создадим свой первый скрипт на языке JavaScript и научимся пользоваться консолью разработчика в браузере.

2
Строковый и логический тип данных

Вы узнаете про строковый и логический тип данных и научимся записывать разные значения в переменные.

3
Шаблонные строки, Случайные числа, Округление чисел

Рассмотрим шаблонные строки, научимся создавать случайные числа и округлять любые числа с помощью специальных математических функций.

4
Массивы

В это уроке вы узнаете, что такое массив, как его создать, для чего он нужен и освоите разные приемы необходимые для работы с массивами.

5
Объекты

Узнаете что такое объекты на JavaScript. Мы рассмотрим их сходства и отличия с массивами и научимся работать с объектами.

6
Диалоговые окна, Условия, Тернарный оператор, Переключатель Switch

В этом уроке мы научимся пользоваться диалоговыми окнами, создавать условные конструкции и применять оператор Switch.

7
Циклы (5 видов)

Я расскажу вам про 5 видов циклов на языке JavaScript и покажу на примерах для чего они нужны и как их создавать.

8
Функции и решение 6 задач

Мы научимся создавать свои собственные функции, а так же решим 6 задач и закрепим полученные в предыдущих уроках знания.

9
Работа с датой и временем

Я расскажу как работать с датой и временем на языке JavaScript, а так же вы получите шпаргалку по работе с объектом Date, разработанную мной.

10
Документация кода на JSDoc и Исключения

В этом уроке я расскажу как правильно документировать свой код с помощью JSDoc, а так же мы рассмотрим обработку исключений.

11
Объектно-Ориентированное Программирование, Прототип, Конструктор, Класс

В этом уроке я расскажу вам про объектно-ориентированный подход в программировании на языке JavaScript. Научу вас создавать классы и объекты.

12
Возможности ECMAScript 2015 (ES6)

В дополнение к основам JavaScript я расскажу вам про некоторые отличные возможности стандарта ES6 который уже отлично поддерживается почти всеми браузерами. В этом уроке мы рассмотрим такие темы как: Babel, Константы, Оператор расширения, Деструктивное присваивание, Стрелочные функции, Сохранение контекста, Двоичные числа, Восьмеричные числа, Проверка на целое число, Проверка на число и значение NaN, Тригонометрические и Алгебраические методы, Определение знака числа, Повторение строки, Поиск в строке, Заполнение массива, Ключи и значения массива, Множества, Удаление дубликатов в массиве.

Работа с DOM деревом

1
Введение

Введение. Если вы будите повторять за мной все примеры кода в соответствующих файлах из прикрепленных архивов (их вы найдете в начале каждой главы), то в конце курса у вас будет огромная библиотека с примерами кода для различных ситуаций и вы сможете в любой момент быстро найти интересующий вас фрагмент кода. Поэтому рекомендую вам повторять все самостоятельно, к тому же это поможет лучше усвоить информацию.

2
Выбор элемента DOM

В этом уроке мы начнем знакомство с DOM деревом, и узнаем как можно найти HTML элементы на языке JavaScript для дальнейшей работы с этим элементом.

3
Атрибуты, Создание элементов

Я расскажу вам как работать с HTML атрибутами на языке JavaScript. Мы научимся добавлять, удалять, заменять атрибуты и их значения. А так же мы научимся создавать свои новые элементы.

4
Генерация вложенных списков

В этом уроке мы научимся генерировать вложенный список UL из обычного JavaScript объекта.

5
Календарь

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

6
Задание
7
Сортировка таблицы

В этом уроке мы создадим простой скрипт с помощью которого можно будет отсортировать любую таблицу на странице по выбранному столбцу.

8
Часы

Напишем скрипт который будет генерировать время на странице.

9
Классы и метрики

В этом уроке я расскажу вам, как работать с CSS классами из JavaScript. Мы научимся удалять, добавлять и проверять наличие класса у элемента. Так же поговорим про метрики и рассмотрим для чего они нужны.

10
Таблица с журналами

В этом уроке мы научимся создавать таблицу из массива данных на JavaScript. Мы воспользуемся методом массива forEach и тернарным оператором для достижения желаемого результата.

11
Номера из объекта

Решим похожую задачу но будем создавать таблицу не из массива, а из объекта. Рассмотрим как можно объединять ячейки таблицы из кода и закрепим ранее полученные знания в Главе 1.

12
Вывод карточек с сортировкой

В этом уроке мы поработаем с многомерными структурами данных на JavaScript и сгенерируем таблицу с отсортированными данными.

13
Вывод карточек людей

Создадим универсальную функцию, которая будет генерировать карточки с информацией о пользователях.

14
Карточки с днями рождения

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

15
Таймер с прогрессбаром

Создадим функцию, которая будет генерировать прогресс бар для указанного нами времени обратного отсчета.

16
Генератор имен

Создадим функцию которая позволит нам генерировать интересные никнеймы из двух массивов с прилагательными и существительными. Так же реализуем отображение случайных сгенерированных имен по несколько секунд, а так же возможность отобразить все результирующие элементы.

17
Локальное хранилище (localStorage)

В этом уроке я научу вас работать с localStorage на языке JavaScript. Локальное хранилище позволит нам записывать различные данные и не терять их даже после перезагрузки браузера или компьютера.

Обработка события

1
Обработчики событий

В этом уроке мы начнем знакомство с обработчиками событий на языке JavaScript.

2
Скрыть / Показать элемент

Рассмотрим как можно скрыть и показать любой элемент на сайте с помощью JavaScript.

3
Простой слайдер

В этом уроке мы создадим простой слайдера изображений и рассмотрим основные принципы манипуляции с элементами, классами и атрибутами.

4
Тёмная тема

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

5
Не jQuery

В этом уроке я покажу, как можно создать свой JavaScript класс для упрощения работы с элементами DOM. С помощью этого класса мы сможем создавать объекты, которые будут являться DOM элементами и так же у этих объектов будет несколько интересных методов и свойств, которые мы реализуем в классе.

6
Фазы события и Делегирование

Я расскажу вам про фазы срабатывания событий на языке JavaScript и научу пользоваться мощным приемом разработки - делегированием. Делегирование - это один из главных приемов работы с событиями, который необходимо освоить в первую очередь.

7
Счётчик

В это уроке мы создадим свой элемент у которого будет характерное только для него поведение.

8
Переключатель

Рассмотрим еще один часто используемый тип поведения и реализуем функционал переключателя.

9
Удаление карточек

В этом уроке мы преобразуем код из главы 2 и будем использовать прием делегирование, чтобы оптимизировать ранее написанный без этих знаний код.

10
Разворачиваемые подменю

За основу мы возьмем код из главы 2 и усовершенствуем его, добавив возможность сворачивать и разворачивать элементы списка, который генерируется из объекта.

11
Сортировка таблицы

Улучшим код из главы 2, где мы реализовали сортировку таблицы по фиксированному столбцу. Но в этом уроке мы сделаем возможность сортировки таблицы при нажатии на заголовок любого столбца таблицы.

12
Всплывающая подсказка

В этом уроке мы научимся работать с событиями мыши, которые срабатывают при наведении на элемент и сделаем всплывающую подсказку при наведении на элемент.

13
Отмена стандартного поведения

Я расскажу как отменить стандартное поведение различных элементов DOM, мы рассмотрим для чего это нужно и как можно использовать на JavaScript.

14
Сочетание клавиш

В этом уроке я расскажу вам про то как отслеживать нажатые клавиши CTRL, SHIFT, ALT, CMD при разных событиях. Это поможет нам выполнять обработку событий только если произошло нажатие нескольких клавиш.

15
Выделение через CTRL

В этом уроке мы сделаем список, элементы которого можно выделять как по одиночке так и несколько сразу используя зажатый CTRL.

16
Range-Слайдер

Рассмотрим как создать свой собственный слайдер для выбора значения. Это будет аналог input с типом range, но мы сможем стилизовать этот ползунок так как захотим.

17
События клавиатуры

В этом уроке рассмотрим основные события клавиатуры и научимся с ними работать.

18
Работа с формами

Расккажу как работать с формами на JavaScript. Мы научимся получать данные из разных элементов формы. Из чекбоксов, радио кнопок, селектов и многое другое что связано с формами.

19
Фокус и потеря фокуса

Познакомимся с событиями фокуса и потери фокуса у элементов форм и научимся их обрабатывать.

20
Перемещение по стрелкам

Реализуем возможность HTML элемента быть под вокусом даже если это не элемент формы и сделаем возможноть перемещения элемента на странице по клавишам-стрелкам.

21
События форм и буфера обмена

В этом уроке мы изучим дополнительные события форм, а также события буфера обмена.

22
События страницы, async и defer скрипты

В этом уроке рассмотрим события жизенного цикла страницы, а также способ подключения скриптов с использованием атрибутов async и defer.

23
Диапазон и Выделение

Мы научимся работать с диапазонами Range и выделением Selection на языке JavaScript.

24
Депозитный калькулятор

Напишем свой собственный простой депозитный калькулятор и реализуем работу с формами для ввода пользовательских данных и отображение результата в виде столбчатых гистограм.

25
Генератор CSS тени

Создадим генератор CSS тени для быстрого и удобного подбора необходимых параметров свойства box-shadow. Создадим интерактивный интерфейс с возможностью все настраивать с помощью ползунокв, чекбоксов и инпутов с разными типами.

26
Задание
27
Система уведомлений

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

Дополнительно

1
Работа с текстовыми файлами и FileReader

В этом уроке мы будем работать с текстовыми файлами и научимся считывать данные из файла на языке JavaScript.

2
Создание анимации на JS и CSS

Рассмотрим как создается анимация на языке JavaScript с помощью каскадных таблиц стилей CSS.

3
Регулярные выражения

Самый длинный урок в этом крусе посвящен регулярным выражениям. Регулярные выражения это мощный инструмент для поиска и замены текста в строках.

4
Библиотека list.js: Поиск и сортировка обычных списков

В этом уроке мы научимся работать с библиотекой List.js. Эта библиотека позволяет создавать из обычных HTML списков, структуры с возможностью поиска и сортировки.

5
Библиотека sweetalert2.js: Всплывающие модальные окна с иконками

Библиотека sweetalert2.js позволяет очень просто создавать различные модальные всплывающие окна. Я покажу как подключить эту библиотеку и настроить у себя всплывающее окно.

6
Библиотека popper.js: Всплывающие текстовые подсказки

Чтобы создать всплывающую подсказку возле любого HTML блока мы воспользуемся библиотекой popper.js

7
Библиотека baguetteBox.js: Галерея изображений

Для создания галереии изображений существует простая библиотека baguetteBox.js, с помощью которой можно очень быстро и просто создать галерею у себя на сайте.

8
Библиотека lightgallery.js: Галерея изображений

Библиотека lightgallery.js включает в себя более расширенный функционал для создания галереии изображений. Мы рассмотрим как работать с ней для того, чтобы вы могли выбирать способ создания галереии в зависимости от необходимого функционала.

9
Библиотека flatpickr.js: Календарь

С помощью библиотеки flatpickr.js можно очень быстро и просто создать календарть у себя на сайте и настроить для него различные фильтры и ограничения.

10
Библиотека cleave.js: Валидация форм

Библиотека Cleave.js позволяет очень просто настроить валидацию формы для таких типов данных как дата, номер телефона, номер банковской карты и время.

11
Библиотека mixItUp3.js: Фильтрация элементов

С помощью библиотеки mixItUp3.js можно настроить сортировку и фильтрацию любых элементов у себя на сайте, это может быть каталог товаров или список фильмов все зависит только от ваших задач.

12
Библиотека swiper.js: Слайдер изображений

Чтобы создать слайдер любой сложности можно воспользоваться библиотекой Swiper.js, которая написана без каких либо зависимостей от других скриптов и позволяет делать слайдеры любой сложности.

13
Заключение
You can view and review the lecture materials indefinitely, like an on-demand channel.
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don't have an internet connection, some instructors also let their students download course lectures. That's up to the instructor though, so make sure you get on their good side!
5
5 из 5
4 Рейтинги

Детальный Рейтинг

Звезды 5
4
Звезды 4
0
Звезды 3
0
Звезды 2
0
Звезды 1
0
4c5b84381d9235381a505642dc6b0179
3-дневная гарантия возврата денег

Этот курс включает:

20 часов видео по запросу
1 статья
Полный пожизненный доступ
Доступ с мобильного
Сертификат об окончании