Описание
Данный курс научит вас программировать на языке JavaScript, являющийся самым востребованным в мире. Курс состоит из 8 разделов, в которых вы с нуля освоите этот язык и сможете создавать самые разные программы для самых разных задач любой сложности.
Какие знания требуются для прохождения курса?
Для прохождения курса по JavaScript нужно быть знакомым с HTML и CSS. Но поскольку курсы по HTML и CSS уже включены в курс по JavaScript, то если вы их не знаете, просто начинайте просмотр с этих бонусных курсов. В остальном, никаких специальных знаний не требуется. Только базовые навыки работы с компьютером: создание файлов/папок, создание/извлечение архивов, умение печатать текст.
Содержание курса
Курс состоит из 8 разделов и его отличительной особенностью является то, что в конце каждого раздела (кроме первого) имеется полноценный практический пример, основанный на знаниях из этого раздела, либо из этого раздела плюс уже пройденных.
Раздел 1. Введение
В данном разделе вы узнаете:
- Как с максимальной эффективностью проходить курс?
- Как работает JavaScript? Это очень важная базовая информация, которую необходимо знать.
- Какое ПО потребуется для написания программ на JavaScript, где его скачать и как установить?
После просмотра данного раздела вы уже будете знать, как работает JavaScript, а также будете иметь весь необходимый софт для написания своих программ на этом языке.
Раздел 2. Основы программирования на JavaScript
Теперь, когда у нас всё готово для старта, мы можем приступить к написанию первых программ на JavaScript. И в этом разделе вы узнаете:
- Как пишутся программы на JavaScript?
- Как работать с консолью разработчика?
- Что такое переменные, какие есть типы переменных, как они используются?
- Как происходит преобразование из одного типа в другой?
- Что такое константы и когда их стоит применять на практике?
- Какие есть арифметические, логические и строковые операции? Всё это снабжено множеством примеров.
- Для чего нужен и как выглядит условный оператор?
- Как работают и для чего нужны операторы цикла for и while?
- Как использовать оператор switch-case?
- Что такое функции, а также как правильно их использовать в JavaScript?
- Что такое функциональные выражения?
- Что такое стрелочные функции?
- Как обрабатывать ошибки с помощью try-catch и что такое исключения?
- Что такое массивы и как с ними работать в JavaScript?
- Что такое замыкание?
- Как подключать сторонние скрипты?
В качестве практического примера мы создадим простое хранилище данных, данные для которого будем запрашивать у пользователя. Так же вы увидите, как анализируются и обрабатываются различные команды от пользователя.
Это достаточно объёмный раздел, который даст вам всю необходимую основу для создания вами первых полезных программ на языке JavaScript.
Раздел 3. Объектно-ориентированное программирование на JavaScript
Объектно-ориентированное программирование (ООП) – это самый популярный и самый часто встречаемый подход при разработке программ. Теоретически, любую программу можно сделать без него, но практически для средних и крупных проектов сделать это будет крайне сложно и очень долго. Более того, в JavaScript встроенных объектов очень много, и с ними так же нужно уметь работать. Поэтому ООП надо знать. И как раз в этом разделе вы узнаете:
- Что такое ООП?
- Какие есть парадигмы ООП?
- Как создаются объекты в JavaScript и как с ними работать?
- Как создать конструкторы и методы?
- Что такое Symbol и как его использовать?
- Что такое методы toString и valueOf?
- Что такое класс и как он создаётся на языке JavaScript?
- Что такое геттеры и сеттеры в JavaScript?
- Что такое статические свойства и методы и, главное, как их применять на практике?
- Как реализовано в JavaScript наследование классов и, главное, как эту парадигму использовать в реальных проектах?
- Что такое модификаторы доступа?
- Какие есть флаги свойств и как их использовать?
- Что такое примеси?
В качестве практического примера мы создадим простое хранилище данных, данные для которого будем запрашивать у пользователя. Так же вы увидите, как анализируются и обрабатываются различные команды от пользователя.
Это достаточно объёмный раздел, который даст вам всю необходимую основу для создания вами первых полезных программ на языке JavaScript.
Раздел 4. Стандартные функции и объекты в JavaScript
Язык JavaScript не был бы таким замечательным, если бы не содержал в себе множество готовых функций и объектов. И посмотрев этот раздел, вы узнаете:
- Какие есть математические функции?
- Какие есть строковые функции?
- Что такое регулярные выражения, как их создавать и как их применять?
- Что такое формат JSON и как с ним работать в языке JavaScript?
- Какие есть функции для работы с массивами?
- Что такое объект Map и как с ним работать?
- Что такое объект Set и как его применять?
- Какие есть функции для работы с датой и временем?
- Как использовать функции setTimeout и setInterval?
- Как работать с интернационализацией в JavaScript?
В практическом примере вы увидите, как анализируется качество встроенного генератора случайных чисел с помощью написанного нами скрипта. Это очень полезный пример для различных оценок данных.
Посмотрев этот раздел, вы не только освоите все те функции, объекты и их методы, что мы разберём, но и увидите определённые закономерности при их использовании. Как следствие, сможете уже самостоятельно в справочнике искать необходимые вам функции и без труда их использовать. И с этого момента для вас уже не будет нерешаемых задач.
Раздел 5. Работа с HTML-документом
Важнейшей областью применения JavaScript являются Web-страницы. И посмотрев этот раздел, вы узнаете:
- Что такое DOM?
- Как перемещаться по DOM-дереву?
- Как получить доступ к любому HTML-элементу на странице?
- Как управлять атрибутами HTML-элемента?
- Как работать со стилями через JavaScript?
- Как добавлять и удалять элементы на HTML-странице?
В практическом уроке мы создадим скрипт, который будет выводить на HTML-страницу набор всех пользователей сайта вместе с их данными. Причём, данные мы будем динамически генерировать случайным образом.
После прохождения этого раздела, вы сможете полностью управлять любой HTML-страницей, делая всё, что вам необходимо.
Раздел 6. События в JavaScript
События – это важнейшая тема очень многих языков программирования. Есть даже специальные событийно-ориентированные языки. И посмотрев этот раздел, вы узнаете:
- Что такое события?
- Как обрабатываются события в JavaScript?
- Какие есть браузерные события и как их можно использовать?
- Какие есть события у мыши?
- Какие есть события у клавиатуры?
- Какие есть события у элементов формы и самой формы?
В практическом уроке вы увидите создание двухуровневого сворачиваемого меню.
Посмотрев этот раздел, вы сможете уже взаимодействовать с пользователем. Например, пользователь отправляет форму, а вы её перехватываете, проверяете и выводите информацию об ошибках, если они есть, и отправляете форму на сервер, если их нет. И это лишь один из бесконечного множества примеров, которые вы сможете уже реализовывать после прохождения этого и предыдущих разделов.
Раздел 7. Асинхронность в JavaScript
С асинхронностью в JavaScript приходится сталкиваться очень часто, и для новичков эта тема не самая простая. Но в данном разделе вы увидите, что ничего сложного в этом нет, и просмотрев этот раздел вы узнаете:
- Что такое асинхронность и как с ней работать?
- Что такое промисы и как их использовать при асинхронных событиях?
- Что такое async и await как их использовать?
В качестве практического примера вы увидите асинхронную загрузку изображения со стороннего сайта, а потом удаление изображения спустя заданное время.
После этого раздела, для вас асинхронность уже станет более, чем простым явлением, и вы сможете с ней грамотно работать и использовать все её преимущества.
Раздел 8. Сетевые запросы
Умение отправлять сетевые запросы – это то, что JavaScript делает сверхполезным языком. С помощью этой технологии (которая, кстати, называется Ajax) можно делать динамическую подгрузку данных с серверной части. И действительно сейчас сложно найти современный сайт, где не использовался бы данный подход хотя бы частично. Простой пример: пользователь добавляет запись на стене в том же контакте, и при этом страница у него заново не загружается, а комментарий сразу добавляется и виден при этом всем остальным посетителям. Вот как раз этому мы и будем учиться в этом разделе, посмотрев который вы узнаете:
- Как делаются запросы через fetch?
- Как отправлять POST-запросы?
- Как отправлять файлы на сервер через JavaScript?
- Как отправлять сразу целиком формы без перезагрузки страницы?
- Как эффективнее выполнять частые запросы (например, для создания чата)?
В практическом уроке вы увидите, как делается чат. Разные пользователи смогут заходить на сайт, отправлять сообщения, которые сразу же будут у них отображаться, а также у всех других посетителей. В общем, всё это вы увидите в практическом уроке этого раздела.
А пройдя этот раздел, вы сможете создавать сайты с динамической подгрузкой данных.
Помимо самого курса «Программирование на JavaScript с Нуля до Гуру 2.0» вы также получите и целых 5 отлично дополняющих основной курс Бонуса.
Бонус 1. Библиотека jQuery
Данный бонус содержит в себе 10 видеоуроков, в которых вы узнаете, почему jQuery является на сегодняшний день очень актуальным (так как ходит миф, что он устарел и не нужен), а также узнаете следующее:
- Как установить jQuery?
- Как делать выборку элементов?
- Как работать с функциями html и text?
- Как управлять атрибутами элементов через jQuery?
- Как управлять стилями?
- Как добавлять и удалять элементы?
- Как обрабатывать события?
- Как делать анимацию через jQuery?
- Как отправлять POST-запросы на сервер?
Также вы увидите реализацию одной и той же задачи на чистом JavaScript и с применением библиотеки jQuery, и вы сразу поймёте, почему jQuery актуален и любим огромным сообществом разработчиков и сегодня.
Бонус 2. Защита JavaScript-кода от копирования
Поскольку ваш код JavaScript является открытым, его может скопировать любой желающий. В этих бонусных уроках вы узнаете, как можно защитить свою работу от этого.
Бонус 3. Решение упражнений из курса
В этом бонусе вы получите решение всех упражнений из курса. Причём, вы получите не просто готовые решения (они, разумеется, приложены к курсу), а ещё и множество видеоуроков, где решается абсолютно каждое упражнение из курса.
Это очень ценный бонус для тех, кто хочет убедиться, что он выполнил задание правильно.
Бонус 4. HTML для начинающих
Для того чтобы использовать JavaScript, обязательно нужно знать язык HTML. Поэтому и был к курсу по JavaScript добавлен ещё один бонус, который называется «HTML для начинающих». Данный бонус содержит в себе 15 видеоуроков, в которых вы с нуля познакомитесь и научитесь применять важнейший язык при создании сайтов.
Посмотрев этот бонус, вы научитесь создавать и работать с HTML-страницей, добавлять ссылки, изображения, заголовки, текст, iframe, формы, аудио и видео, favicon и многое-многое другое.
Разумеется, в этом бонусе используется именно HTML5.
Бонус 5. CSS для начинающих
Наравне с HTML5 стоит и CSS3, который также крайне желательно освоить перед прохождением курса по JavaScript. И этот бонус поможет вам этого достичь. Сам бонус содержит в себе 15 видеоуроков, в которых вы с нуля научитесь использовать CSS на практике.
Посмотрев этот бонус, вы узнаете: как подключить CSS, как подключить шрифты, как задать внешний вид текста, как работать с селекторами, как настраивать внешний вид списков, как задавать фон, как задавать градиент, как делать анимации, трансформации, как использовать CSS-спрайты и многое другое.
