Поиск по блогу

TypeScript. Начало работы, часть 4 из 7

TypeScript является строго типизированным языком, и каждая переменная и константа в нем имеет определенный тип. При этом, в отличие от JavaScript, нельзя динамически изменить ранее указанный тип переменной. Для установки типа применяется двоеточие, после которого указывается название типа.

TypeScript. Начало работы, часть 3 из 7

Теперь настроим проект на TypeScript в редакторе VS Code. Директория проекта в корне будет содержать файлы конфигурации + директорию src для исходников и директорию build для скомпилированных файлов. Сначала нужно установить расширение ESlint для форматирования и линтинга кода.

TypeScript. Начало работы, часть 2 из 7

На самом деле, TypeScript из коробки мало чем отличается от JavaScript. Поэтому если изначально не изменить настройки проекта, то большая часть преимуществ языка не будет задействована. Если выразить смысл всей статьи одним предложением — надо открыть tsconfig.json и установить флаг strict в секции compilerOptions в значение true.

TypeScript. Начало работы, часть 1 из 7

TypeScript — типизированное надмножество JavaScript, предназначенное для выявления ошибок на этапе компиляции. Код на TypeScript компилируется в код JavaScript, который выполняется в любом браузере. Эта надстройка вокруг основного языка JavaScript дает разработчикам статическую типизацию и приведение типов.

Магазин на JavaScript, часть 19 из 19. Редактирование характеристик и рефакторинг приложения

При редактировании товара нужно иметь возможность редактировать и характеристики. В принципе, мы могли бы поступить просто — отправить все характаристики на сервер вместе с остальными данными товара. В этом случае сервер удалит все существующие характеристики и создаст новые из полученных.
Теги: Backend • Express.js • Frontend • JavaScript • Node.js • ORM • React.js

Магазин на JavaScript, часть 18 из 19. Панель управления: редактирование категорий и брендов

Продолжаем работать с панелью управления — нужно добавить возможность редактирования и удаления категорий и брендов. Для этого создадим компоненты UpdateCategory.js и UpdateBrand.js. Этим компонентам нужны функции fetchCategory и fetchBrand, которые должны быть в файле http/catalogAPI.js — но их там не оказалось.
Теги: Backend • Express.js • Frontend • JavaScript • Node.js • ORM • React.js

Магазин на JavaScript, часть 17 из 19. Панель управления: список заказов, категорий и брендов

В панели управления тоже нужно показывать список всех заказов в магазине и отдельный заказ — так что создаем компоненты AdminOrders.js и AdminOrder.js + добавляем новые маршруты в AppRoutes.js. После этого создаем компоненты для показа списка категорий и брнедов + компонент модального окна для создания категории и бренда.
Теги: Backend • Express.js • Frontend • JavaScript • Node.js • ORM • React.js

Магазин на JavaScript, часть 16 из 19. Личный кабинет, список заказов и отдельный заказ

Теперь займемся личным кабинетом. Здесь много что можно сделать — история заказов в магазине, профили для удобного оформления, изменение пароля, избранные товары. Но мы ограничимся только историей заказов — а то конца и края не видно с этим магазином. Для начала добавим маршруты для просмотра списка заказов и отдельного заказа…
Теги: Backend • Express.js • Frontend • JavaScript • Node.js • ORM • React.js

Магазин на JavaScript, часть 15 из 19. Работа с заказами на сервере, оформление заказа

Как-то совсем упустил работу с заказами. Нам нужно на сервере создать две таблицы базы данных, создать маршруты и классы контроллера и модели. Потом протестировать все http-запросы — на создание заказа администратором и обычным пользователем, на получение списка всех заказов и одного заказа администратором и пользователем.
Теги: Backend • Express.js • Frontend • JavaScript • Node.js • ORM • React.js

Магазин на JavaScript, часть 14 из 19. Кнопка «Назад», страница товара, корзина покупателя

У первого способа есть существенный недостаток — нельзя поделиться ссылкой. То есть, пользователь зашел на наш сайт, выбрал категорию и бренд, перешел на вторую страницу, увидел что-то интересное — и решил поделиться ссылкой. Но эта ссылка будет иметь вид http://server.com — нет выбранной категории, выбранного бренда…
Теги: Backend • Express.js • Frontend • JavaScript • Node.js • ORM • React.js
Каталог оборудования
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Производители
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Функциональные группы
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.