О курсе
Курс "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 и СЅЅ, а также знания JavaScript на базовом уровне.
Этот курс входит в специальности:
Предварительные Требования
- Знание HTML и СЅЅ, также базовые знания JS, также базовые знания 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 файлов.