Про курс
Курс "JavaScript шаблони" буде корисний для всіх розробників, які вже мають знання і досвід програмування на JavaScript, але хочуть зробити свій код по-справжньому гарним. На даному курсі розглядаються кращі практики програмування та проєктування застосунків.
Уроки 1-3 охоплюють основи JavaScript. Ви переглянете основи мови програмування та дізнаєтесь деякі правила й особливості кращих практик, а також зрозумієте, як з цими основами працювати. Ви розглянете роботу з літералами об'єктів і масивів, користувацькими конструкторами, роботою з простими типами, структурами даних Set і Map, а також з функціями та їх типами.
Уроки 4-5 присвячені найбільш популярним шаблонам проєктування, як-от Singleton, Factory, Facade, Proxy, Decorator, Iterator, Strategy, Mediator і Observer. Ви дізнаєтесь про призначення і структуру кожного з цих шаблонів та особливості їх використання в JavaScript. Після цих уроків ви зможете ефективно застосовувати шаблони проєктування для створення і вдосконалення зрозумілого стандартизованого коду для розв’язання найбільш популярних завдань.
Останній урок розглядає шаблони роботи з DOM (Document Object Model), вебворкерами та розгортанням. На уроці ви навчитеся роботі з ДОМ деревом, шаблонами та антишаблонами, дізнаєтесь, як працюють вебворкери та як розгорнути свій вебдодаток, додавши async та defer.
Курс розрахований на поглиблення знань JS та покращення розуміння існуючих інструментів, і їх використання. Таким чином він підійде студентам, що вже мають базові знання HTML та СSS, а також знання JavaScript на базовому рівні.
Цей курс входить до спеціальності:
Попередні Вимоги
- Знання HTML та СSS, також базові знання JS
Ви навчитеся
- Писати якісний код з використанням кращих практик при створенні повноцінних вебзастосунків.
- Розуміти основні концепції JavaScript та вдало застосовувати їх у своїх застосунках.
- Створювати об’єкти, масиви та використовувати їх для збереження інформації та її маніпулювання під час роботи застосунку.
- Використовувати різні типи функцій та знати, коли кожен з них застосовувати.
- Розуміти термінологію та вміти застосовувати в своєму коді найбільш популярні шаблони проєктування в необхідних місцях для побудови більш складних структур.
- Створення функціоналу та його оптимізація.
- Працювати з DOM деревом та маніпулювати ним, оновлювати дані та виводити їх користувачу.
- 3 год 31 хв
- 31.07.2024
- 6
- 01.08.2024
- українська
Що входить до курсу
Поговоримо про різні види літералів об'єктів, як-от порожні об'єкти, об'єкти з властивостями та вкладені об'єкти. Також буде розглянуто, що таке користувацькі конструктори та як їх використовувати для створення об'єктів з однаковими властивостями. Дізнаємось, що таке літерали масивів та як їх використовувати для створення масивів у JavaScript. Буде розглянуто роботу з об’єктами обгортками, як-от числа, рядки. Учні вивчать структури даних Set і Map, які дозволяють зберігати унікальні значення та пари ключ-значення відповідно.
На уроці студенти ознайомляться з термінами функції, параметрами, аргументами та поверненням значення. Будуть розглянуті різні типи функцій та їх особливості, поняття колбеків та їх використання. Студенти дізнаються, як створювати та використовувати замикання для реалізації приватності даних. Ознайомимося з технікою карірування та її використання у функціях. Розберемо поняття мемоізації та її використання у функціях.
Будуть розглянуті поняття про те, що змінні можуть бути локальними або глобальними, і як це впливає на доступ до них з різних частин програми. Розберемо концепцію просторів імен, яка дозволяє зберігати змінні в окремих областях видимості і уникнути конфліктів імен. Поговоримо про те, як використовувати шаблон Модуль для створення збірки функцій та змінних, які можна експортувати для використання в інших частинах програми.
Роздивимось на практиці, як створити класи на основі інших класів, як використовувати ключове слово "extends" для наслідування властивостей та методів батьківського класу, та як перевизначати методи, щоб додати нову функціональність до нащадка.
Особливу увагу приділено розбіру шаблонів Singleton, Factory, Facade, Proxy, Decorator. На уроці докладніше розглянемо кожен з цих шаблонів, їх призначення, особливості реалізації та приклади використання в JavaScript.
На уроці детально розглянемо шаблони Iterator, Strategy, Mediator, Observer. Докладніше розглянемо кожен з цих шаблонів, їх призначення, особливості реалізації та приклади використання в JavaScript.
Ознайомимося з тим, як звертатися до елементів DOM, змінювати їх властивості та стилі, додавати та видаляти елементи, обробляти події, використовуючи різні шаблони, як-от модуль та інші. Урок покаже, як створювати та використовувати вебворкери, передавати та отримувати повідомлення між потоками та використовувати їх для розподілу завдань. Розберемо async defer атрибути + оптимізацію завантаження Js файлів.
Доступ до повного курсу з навчальними матеріалами та тестуванням на 30 днів за 14,99 USD
Придбати