Calabonga SOFT

Angular + Web API: Как создать Angular-приложение на ASP.NET MVC 5 без использования MVC 5

В этой краткой статье покажу и расскажу как запусть Angular на Web API (OWIN), то есть на ASP.NET MVC5 без использования самого MVC5. То есть в вашем распоряжении будет только API-контролеры, а всё остальное останется за бортом.

$/Uploads\angular-plus-web-api-kak-sozdat-angular-prilozhenie-na-asp-net-mvc-5-bez-ispolzovaniya-mvc-5\10.png$

aspnet mvc nuget web api spa angular single page application

Aurelia: Приятно познакомиться

В Интернете можно найти огромное количество клиентских фреймворков для разработки Single Page Application (SPA). Для примера приведу самые известные: AngularJS, ExtJS, EmberJS, BackboneJS. Все они имеют свою историю, свои плюсы и минусы и своих разработчиков (поклонников). Но мой выбор пал на новый, можно сказать "свежий" фреймворк, который называется Aurelia.

$/Uploads\aurelia-priyatno-poznakomitsya\175-10.PNG$

javascript spa aurelia фреймворки

SPA: Тестовая площадка или основа для одностраничного портала

В последнее время мне часто приходится заниматься тестированием различных технологий, которые так или иначе связаны с JavaScript: HTML5, SPA, Knockout и другие фреймворками, а так же WEB API. Создание проекта для тестов и установка требуемых сборок занимает некоторое время каждый раз. Дабы избежать траты времени, я сделать небольшой nuget-пакет, который существенно облегчает (сокращает) процесс подготовки проекта.

$/Uploads\spa-testovaya-ploschadka-ili-osnova-dlya-odnostranichnogo-portala\172-10.PNG$

nuget knockout spa durandaljs

Что значит имя 7: Новые модули для Durandal и встроенные компоненты фреймворка

В этой статье будем использовать гаджеты (gadgets), которые предоставлены во фреймворке BreezeJS. Например, будем выводить модальное окно с информацией по значению для конкретной буквы имени.

$/Uploads\chto-znachit-imya-7\150-10.png$

spa durandaljs что значит имя breezejs

Что значит имя 6: BreezeJS и DurandalJS как основные инструменты для создания Single Page Application

В этой статье продолжим работу над приложением "Что значит имя", которое построено по принципу Single Page Application. Добавим новые модули, маршруты, создадим запросы на сервер с предикатами при помощи BreezeJS

$/Uploads\chto-znachit-imya-6\149-10.png$

spa durandaljs что значит имя breezejs

Что значит имя 5: Разработка клиента на JavaScript при помощи BreezeJS

В статье будет показано как можно создать связку Клиент (BreezeJS) + Сервер (BreezeController)

$/Uploads\chto-znachit-imya-5\148-10.png$

spa durandaljs что значит имя breezejs

Что значит имя 4: Изучаем BreezeJS на примере SPA об именах

В этой статье речь пойдет об очень мощном фреймворке, который называется BreezeJS и предназначен для работы с данными на клиенте через специализированный Web API. Установим, подключим и настроим BreezeJS, создадим запросы, научимся фильтровать данные.

$/Uploads\chto-znachit-imya-4\147-0_c2273315-98ba-4a57-90e1-3efa4317ddce.png$

spa durandaljs что значит имя breezejs

Что значит имя 3: База данных для SPA или Code First на EntityFramework

В предыдущей статье из цикла “Что значит имя” было показано что из себя представляет DurandalJS и как с ним работать. В этой статье будем работать с EntityFramework: создадим базу данных по принципу Code First; создадим классы сущностей, настроим SQL-подключение.

$/Uploads\chto-znachit-imya-3\01.png$

mvvm code first entity framework spa что значит имя

Что значит имя 2: Изучаем DurandalJS как SPA на примере сайта об именах

На этот раз будем знакомиться с DurandalJS, который является базовым фреймворком для нашего сайта, построенного по архитектуре Single Page Application. В статье будут описаны основные принципы и правила построения приложения на DurandalJS.

$/Uploads\chto-znachit-imya-2\145-01.png$

html5 spa durandaljs что значит имя

Что значит имя 1: Создаем новый сайт по принципу Single Page Application

Это первая статья из цикла статьей посвященных созданию сайтов по технологии Single Page Application (SPA). В этой статье: создадим проект Visual Studio, установим необходимые библиотеки, сделаем настройки библиотек и сайта.