В данном разделе Вы узнаете:
- Как с максимальной эффективностью проходить курс?
- Как работает JavaScript? Это очень важная базовая информация, которую необходимо знать.
- Какое ПО потребуется для написания программ на JavaScript, где его скачать и как установить?
После просмотра данного раздела Вы уже будете знать, как работает JavaScript, а также будете иметь весь необходимый софт для написания своих программ на этом языке.
- Раздел №2. Основы программирования на JavaScript
Теперь, когда у нас всё готово для старта, мы можем приступить к написанию первых программ на JavaScript.
И в этом разделе Вы узнаете:
- Как пишутся программы на JavaScript?
- Как работать с консолью разработчика?
- Что такое переменные, какие есть типы переменных, как они используются?
- Как происходит преобразование из одного типа в другой?
- Что такое константы и когда их стоит применять на практике?
- Какие есть арифметические, логические и строковые операции? Всё это снабжено множеством примеров.
- Для чего нужен и как выглядит условный оператор?
- Как работают и для чего нужны операторы цикла for и while?
- Как использовать оператор switch-case?
- Что такое функции, а также как правильно их использовать в JavaScript?
- Что такое функциональные выражения?
- Что такое стрелочные функции?
- Как обрабатывать ошибки с помощью try-catch и что такое исключения?
- Что такое массивы и как с ними работать в JavaScript?
- Что такое замыкание? Это, по моим наблюдениям, один из самых популярных вопросов на собеседовании для 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» почти к каждому уроку идут упражнения, они уже подготовлены и продуманы за Вас. Вам же останется их только выполнить, получив при этом максимальную пользу.
Помимо самого курса «Программирование на JavaScript с Нуля до Гуру 2.0» Вы также получите и целых 5 отлично дополняющих основной курс Бонуса.
Бонус №1. Библиотека jQuery
Данный Бонус содержит в себе 10 видеоуроков, в которых Вы узнаете, почему jQuery является на сегодняшний день очень актуальным (так как ходит миф, что он устарел и не нужен), а также узнаете следующее:
- Как установить jQuery?
- Как делать выборку элементов?
- Как работать с функциями html и text?
- Как управлять атрибутами элементов через jQuery?
- Как управлять стилями?
- Как добавлять и удалять элементы?
- Как обрабатывать события?
- Как делать анимацию через jQuery?
- Как отправлять POST-запросы на сервер?
Так же Вы увидите реализацию одной и той же задачи на чистом JavaScript и с применением библиотеки jQuery, и Вы сразу поймёте, почему jQuery актуален и любим огромным сообществом разработчиков и сегодня.
- Бонус №2. Защита JavaScript-кода от копирования
Поскольку Ваш код JavaScript является открытым, его может скачать к себе любой желающий. И на моей памяти было минимум 4 заказчика, которые просили защитить код от копирования, так как они боялись, что их достаточную серьёзную разработку могут бесплатно украсть конкуренты. И как раз в этих бонусных уроках Вы узнаете, как можно защитить свою работу от этого.
- Бонус №3. Решение упражнений из курса
Очень многие меня давно об этом просили, и в этом Бонусе Вы получите решение всех упражнений из курса. Причём, Вы получите не просто готовые решения (они, разумеется, приложены к курсу), а ещё и множество видеоуроков, где я показываю, как решается абсолютно каждое упражнение из курса. Это очень ценный Бонус для тех, кто хочет убедиться, что он выполнил задание правильно.
- Бонус №4. HTML для начинающих
Для того, чтобы использовать JavaScript обязательно нужно знать язык HTML. Поэтому и был к курсу по JavaScript добавлен ещё один Бонус, который называется «HTML для начинающих». Данный Бонус содержит в себе 15 видеоуроков, в которых Вы с нуля познакомитесь и научитесь применять важнейший язык при создании сайтов. Посмотрев этот Бонус, Вы научитесь создавать и работать с HTML-страницей, добавлять ссылки, изображения, заголовки, текст, iframe, формы, аудио и видео, favicon и многое-многое другое. Разумеется, в этом Бонусе используется именно HTML5.
- Бонус №5. CSS для начинающих
Наравне с HTML5 стоит и CSS3, который так же крайне желательно освоить перед прохождением курса по JavaScript. И этот Бонус поможет Вам этого достичь. Сам Бонус содержит в себе 15 видеоуроков, в которых Вы с нуля научитесь использовать CSS на практике. Посмотрев этот Бонус, Вы узнаете: как подключить CSS, как подключить шрифты, как задать внешний вид текста, как работать с селекторами, как настраивать внешний вид списков, как задавать фон, как задавать градиент, как делать анимации, трансформации, как использовать CSS-спрайты и многое-многое другое.
