Відео-урок: вивчення JavaScript та jQuery

Ласкаво просимо на остаточне навчання JavaScript та jQuery.

У цьому відео пояснено, що таке JavaScript і яку користь воно нам приносить.

У цьому відео ти дізнаєшся, який редактор ми будемо використовувати, і разом його встановимо.

У цьому відео показано, як використовувати кліки за допомогою JavaScript і як працюють змінні.

Умовний оператор. If (перекладається як "якщо") використовується дуже часто при програмуванні. Наприклад, коли потрібно виконати щось лише тоді, коли виконується певна умова.

У цьому відео йдеться про масиви (поля) в JavaScript. Вони дозволяють нам зберігати кілька інформацій всередині однієї змінної.

У цьому відео ти дізнаєшся про цикли For (петлі). Вони дозволяють нам виконувати певний код кілька разів поспіль.

Функції - це свого роду міні-програма, яку ми можемо використовувати ​​у будь-який момент після її створення. Коли ви натискаєте на вашому телефоні, наприклад, кнопку "Домівка", викликається функція, яка повертає вас на початковий екран. Таким чином, функції значно полегшують роботу.

Тут показується результат виклику (і саме квіз) та створюється HTML-основа.

Тут програмується CSS (зовнішній вигляд) тесту.

Тут програмується і пояснюється JavaScript нашої вікторини.

Ти вже бачив, як працюють функції з одним параметром. Тепер давай розглянемо функції з декількома параметрами. Кілька параметрів використовується, коли потрібно використати функцію з різними змінними. У математиці, наприклад, при додаванні декількох значень.

Є глобальні та локальні змінні. Коротко кажучи: глобальні змінні - це змінні, які створюються поза функціями, а локальні змінні - це ті, які створюються всередині функцій. Тут ми ретельніше розглянемо, як це працює.

У мовах програмування існує можливість створювати функції так, що вони мають значення повернення. До цього ми вже мали функції, які просто виконували якусь дію, але не повертали нічого, з чим ми могли б продовжити працювати. Тому зараз ми розглянемо RETURN.

У цій статті ми розглянемо математичні оператори та оператори присвоєння. Математичні оператори - це досить прості речі, такі як додавання, віднімання і т. д., а оператори присвоєння - можливість досить просто виконувати дії, такі як збільшення на 5. Оскільки це важливо у програмуванні, обидві теми будуть розглянуті тут.

Існує три (або чотири) різновиди циклів при програмуванні: цикли Do-while, While та For. Ми вже зустрілися з циклом For. Тепер ми розглянемо цикл Do-while (з керуванням після тіла циклу) та цикл While (з керуванням перед тілом циклу).

У цій статті мова піде про альтернативу умовам If. Це є конструкція Switch (перемикач) та Case (випадок). Таким чином, ми маємо, як би, перемикач, який переключається між різними випадками та залишається на активному.

Ми вже розглянули масиви, проте не глибоко. Є ще багато речей, які варто знати про масиви. Основною властивістю масиву JavaScript є кількість елементів (довжина). Проте масив має ще інші властивості, такі як індекс, який надає нам інформацію про позицію 0 масиву.

Об'єкти - дуже важливе і цікаве поняття в багатьох мовах програмування. З принципової точки зору, можна описати все як об'єкт. Припустимо, що ми маємо об'єкт, який ми часто бачимо на вулицях: машина. Автомобіль має певні властивості/ознаки і може виконувати певні дії.

Давайте подивимося, як ми можемо створити об'єкти в JavaScript. Для цього ми створимо конструктор-функцію та два екземпляри нашого об'єкта у нашому тегу Head. У межах конструктор-функції, яка має ту ж назву, що й наш об'єкт, ми кажемо програмі, що параметри, які передаються у конструктор-функцію при створенні екземпляру об'єкта, мають бути значеннями цього об'єкта.

Як основу для функцій об'єктів ми починаємо з коду з останнього підручника, в якому ми створювали змінні, які будуть створені при кожному екземплярі нашого об'єкта.

У цьому посібнику ти ознайомишся із об'єктом 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.

Акордеон - це віджет, який дає нам можливість, подібно до акордеону, бачити лише певні частини цілого. Це особливо корисно, якщо ви хочете передати багато інформації, але ця інформація, у вигляді великого тексту, була б надто некерованою.

У цьому посібнику йдеться про Sortables у jQuery UI. Це означає сортуючі елементи. Ти познайомишся з цим, якщо використовуєш продуктивні веб-сайти, такі як Wunderlist або Trello. Можливість зробити елементи сортовними - дуже класна функція, яку ти можеш використовувати у багатьох різних додатках.

Іноді виникає ситуація, коли користувачу потрібно змінювати розмір елемента. Тоді саме для цього підходять Resizable. Вони саме це дозволяють. Знизу праворуч в елементі можна побачити маленький трикутник, на який можна клацнути, а потім, утримуючи вказівник, збільшити або зменшити це.

У jQuery UI можна легко створити елемент за допомогою Draggables, який можна перетягувати взад та вперед. Як це зробити, ми розглянемо тут.

Прогресбари або панелі прогресу - це чудовий інструмент, що допомагає користувачеві зрозуміти, наскільки він вже просунувся в певному процесі. Наприклад, в процесі покупки в інтернет-магазині або під час заповнення опитування користувачу корисно знати, наскільки він вже виконав кроків.

У цьому посібнику я хочу коротко поговорити про ефекти в jQuery UI. Фактично, є дуже круті ефекти, які дозволяють зробити ваш веб-сайт ще краще виглядаючим і, крім того, дивувати ваших користувачів.

У цьому відео ти побачиш результат виклику. Сторінка з частими питаннями.

Тут ми реалізуємо сторінку з Часто задаваними питаннями.

У цьому відео буде представлена гра для мозку, яка програмується в цій главі.

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

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

Гравець вже може виконувати перші дії в грі, зараз ми звернемо увагу на те, щоб гру можна було правильно перезапустити та завершити.

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

Тут представлено додаток розділу. Це є додаток/веб-сайт для списку справ.

Тепер ми створимо основу і розглянемо, як ми можемо створювати та змінювати відповідну тему з допомогою jQuery Mobile.

Тому що ми дотримуємось об'єктно-орієнтованого підходу, нам потрібно створити відповідну архітектуру. Тому ми про це тут піклуємося.

У цьому відео ми додамо сторінки і займемося створенням завдань на сторінці.

Схоже зі сторінкою створення, сторінку редагування також потрібно заповнити та надати відповідні функції.

Тепер можемо ще раз дбати про архітектуру та створити структуру даних.

Оскільки у нас вже є наша структура даних, ми можемо дуже легко викликати її у нашому інтерфейсі користувача.

Під час програмування деякі кроки були необхідні у "потоці вказівок", які ми тепер можемо виправити. Додатково ми займемося постійним збереженням даних та завершимо розробку додатка.