Видео-урок: изучение JavaScript и jQuery

Добро пожаловать на ультимативный курс по JavaScript и jQuery.

В этом видео объясняется, что такое JavaScript и какая польза от него.

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

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

Оператор if. If (перевод: если) используется очень часто при программировании. Например, когда нужно выполнить что-то только в случае, если определенное условие выполняется.

В этом видео речь идет об массивах (полях) в JavaScript. Они позволяют нам сохранять несколько информаций внутри одной переменной.

В этом видео ты узнаешь, что такое циклы For-Loops (петли). Это позволяет нам выполнять определенный код несколько раз подряд.

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

Здесь показан результат задания (а именно, викторина), а также создается основа HTML.

Здесь программируется CSS (внешний вид) викторины.

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

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

Существуют глобальные и локальные переменные. Коротко говоря, глобальные переменные - это переменные, которые определяются вне функций, а локальные переменные - те, которые определяются внутри функций. Здесь мы более подробно рассмотрим, как это работает.

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

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

Существует три (или четыре) различных типа циклов при программировании: цикл Do-while, цикл While и цикл For. Цикл For мы уже изучили. Теперь мы рассмотрим цикл Do-while (управляемый нижней границей) и цикл While (управляемый верхней границей).

В этой статье речь идет о альтернативе условиям If. Речь идет о Switch (переключатель) и Case (случай). Имеется в виду переключатель, который переключается через различные случаи и останавливается там, где активен.

Мы уже рассмотрели массивы, но не углубились в детали. Есть еще многое, что нужно знать о массивах. Основное свойство массива JavaScript - количество элементов (length). Однако у массива есть и другие свойства, такие как, например, индекс, который дает нам информацию о позиции 0 в массиве.

Объекты - это крайне важное и интересное понятие во многих языках программирования. В принципе, можно описать все как вид объекта. Давайте возьмем объект, который мы чаще всего видим на улицах: машина. У машины есть определенные характеристики и может выполнять определенные действия.

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

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

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

В этом руководстве ты узнаешь объект Math. Это объект, основанный на классе Math, который поставляется с множеством крутых свойств и функций.

В этом видео речь идет об объекте Date или классе Date. Это объекты, которые можно использовать для интеграции времени в программу. Здесь не обязательно подразумевается время или дата, а также может быть временной интервал. Объект Date содержит время, прошедшее с момента 1970-01-01 00:00:00. Существует различные способы передачи параметров конструктору Date.

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

В этом видео речь идет о наследовании и полиморфизме. Два концепта объектно-ориентированного программирования.

В этой статье мы обсудим вопрос: Что такое jQuery? jQuery - это библиотека JavaScript, которая позволяет нам создавать еще более крутые веб-сайты.

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

В этом уроке вы узнаете, как с помощью jQuery можно изменить внешний вид веб-страницы. Для этого мы можем легко перезаписать атрибут поля, например. В этом примере мы можем изменить ссылку iframe (то есть src/source), наводя курсор на квадрат. Можно легко изменить код и, например, увеличить размер квадрата, переписав атрибуты Height и Width, когда наведен курсор. В общем, теперь можно использовать этот метод, чтобы легко изменить внешний вид веб-страницы.

Одной из крутых функций jQuery является возможность плавного затухания элемента. В этом примере мы затухаем одну кнопку, как только нажимаем на другую кнопку. Для этого мы используем функцию FadeOut («Затухание»). Чтобы потом снова показать элемент, мы используем функцию FadeIn.

В этом видео мы занимаемся анимацией в jQuery. Это что-то движущееся. Мы обеспечиваем движение/изменение элемента на нашем веб-сайте. Для этого есть функция в jQuery. Она называется animate() и ожидает три параметра.

Давайте посмотрим, что такое jQuery UI.

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

В этом руководстве речь идет о сортируемых элементах в jQuery UI. Это означает сортируемые элементы. Ты это знаешь, если используешь продуктивные веб-сайты, такие как Wunderlist или Trello. Возможность сортировать элементы - это очень крутая функция, которую можно использовать во многих различных приложениях.

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

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

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

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

В этом видео ты увидишь результат этого вызова. Страницу с часто задаваемыми вопросами.

Здесь мы реализуем страницу FAQ.

В этом видео будет представлена игра "Brain-Game", которая будет создана в этой главе.

Сначала мы займемся структурой и внешним видом игры.

Теперь мы займемся некоторыми функциями игры.

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

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

Здесь будет представлено приложение главы. Речь идет о приложении/веб-сайте для списка дел.

Теперь мы создадим основу и посмотрим, как мы можем создать и настроить соответствующую тему с помощью jQuery Mobile.

Поскольку мы придерживаемся объектно-ориентированного подхода, нам нужно создать соответствующую архитектуру. Мы заботимся об этом здесь.

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

Подобно странице создания, страница редактирования также должна быть заполнена и получить соответствующую функциональность.

Теперь мы можем еще раз заняться архитектурой и создать структуру данных.

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

При программировании нам понадобилось выполнить несколько шагов в «потоке объяснений», которые мы теперь можем исправить. Кроме того, мы займемся постоянным сохранением данных и завершим разработку приложения.