ASP.NET Core, Angular i Bootstrap. Kompletny przybornik front-end developera - ebook

Dobry webdeveloper to wszechstronny webdeveloper. Nie może poprzestawać na znajomości jednego języka i umiejętności korzystania z jednej, konkretnej technologii. Co więcej, rozpowszechnianie się jednostronicowych aplikacji internetowych (ang. Single Page Application, SPA) zaciera wyraźną do niedawna różnicę między pracą programisty back-endu a obowiązkami programisty front-endu. Programiści back-endu muszą dziś poznawać narzędzia do niedawna uznawane za typowe w przyborniku programisty front-endu, takie jak wybrane frameworki JavaScriptu. Powinni też nieźle sobie radzić z technologią CSS. Do tego muszą możliwie szybko zorientować się, które języki i frameworki najlepiej sprostają potrzebom konkretnego projektu.

Ta książka jest przeznaczona dla projektantów, którzy chcą poznać narzędzia do programowania front-endu i nauczyć się ich efektywnego użytkowania w połączeniu z ASP.NET Core MVC. Zawiera najlepsze praktyki tworzenia front-endu i praktyczną wiedzę dotyczącą programowania za pomocą ASP.NET Core MVC. Znalazła się tu również prezentacja najpopularniejszych frameworków i narzędzi służących do tworzenia front-endu, takich jak Angular, Bootstrap, NuGet, Bower, WebPack, Gulp i Azure, ponadto omówiono wprowadzone w Visual Studio 2017 nowe funkcje przeznaczone do tego celu. Przedstawiono także rozwiązania, które umożliwiają wykorzystywanie .NET Core na platformie macOS. Poszczególne koncepcje zostały zilustrowane przejrzystymi fragmentami przykładowego kodu.

W tej książce między innymi:

• zwięzłe wprowadzenie do ASP.NET Core MVC
• praca z Angularem w Visual Studio
• Bootstrap i responsywność stron internetowych
• narzędzia i technologie przydatne do programowania front-endu
• zintegrowane podejście do etapów testowania, kompilowania i wdrażania aplikacji

Znakomite frameworki, specjalne narzędzia - poznaj je wszystkie!

 

O autorze 11

 

O recenzencie technicznym 13

Podziękowania 15

Przedmowa 17

Wprowadzenie 19

1. Co nowego w ASP.NET Core MVC? 25

• Prawidłowe nazywanie rzeczy po imieniu 26
  • ASP.NET Core 26
  • .NET Core 26
  • Visual Studio Code 26
  • Visual Studio 2017 27
  • Wersje omówione w książce 27
• Krótka historia oprogramowania internetowego Microsoft .NET 27
  • ASP.NET Web Forms 28
  • ASP.NET MVC 28
  • ASP.NET Web API 29
  • OWIN i Katana 29
  • Pojawienie się ASP.NET Core i .NET Core 30
• .NET Core 30
  • Rozpoczęcie pracy z .NET Core 31
  • Narzędzie wiersza poleceń 31
• Wprowadzenie do ASP.NET 32
  • Ogólne przedstawienie nowego projektu aplikacji ASP.NET Core MVC 32
  • OWIN 36
  • Anatomia aplikacji ASP.NET Core 38
• Nowe podstawowe funkcje ASP.NET Core 40
  • Środowisko 40
  • Wstrzykiwanie zależności 42
  • Rejestrowanie danych 44
  • Konfiguracja 46
• Ogólny opis wybranego oprogramowania pośredniczącego ASP.NET Core 50
  • Pakiet Diagnostics 50
  • Udostępnianie plików statycznych 51
  • Frameworki aplikacji 52
• ASP.NET Core MVC 52
  • Używanie frameworka MVC wewnątrz ASP.NET Core 52
  • Używanie wstrzykiwania zależności w kontrolerach 54
  • Komponent widoku 55
  • Atrybut pomocniczy znacznika 57
  • Szablon projektu API 61
• Podsumowanie 61

2. Zestaw narzędzi programisty front-endu 63

• Dodatkowe języki programowania, które należy znać 64
  • Node.js 64
  • JSON 65
  • Sass i Less 66
  • Przyszłość języka JavaScript 68
  • TypeScript 68
• Frameworki JavaScriptu 70
  • Angular 70
  • Knockout 72
  • React 73
  • jQuery 75
• Frameworki CSS 76
  • Bootstrap 76
  • Primer CSS 78
  • Material Design Lite 78
  • Semantic UI 79
• Menedżery pakietów 80
  • NuGet 80
  • Bower 81
  • npm 82
  • Struktura katalogów 83
• Menedżery zadań 84
• Podsumowanie 85

3. Angular w pigułce 87

• Koncepcje Angulara 89
• Język frameworka Angular 89
• Przygotowywanie projektu Angulara 90
  • Używanie edytora internetowego 90
  • Używanie projektu startowego 91
  • Używanie narzędzia Angular CLI 91
• Struktura aplikacji Angular 92
  • Punkt wejścia do aplikacji 92
  • Moduł główny 92
  • Komponent główny 93
  • Kod HTML strony głównej 95
• Dołączanie danych 95
  • Interpolacja 96
  • Jednokierunkowe dołączanie danych 96
  • Dołączanie zdarzenia 97
  • Dwukierunkowe dołączanie danych 97
• Dyrektywa 98
• Usługa i wstrzykiwanie zależności 99
• Wiele komponentów 101
• Właściwości wejścia i wyjścia 103
• Komunikacja z back-endem 105
  • Używanie modułu Http 106
  • Użycie obiektu RxJS Observable 107
• Używanie Angulara wraz z ASP.NET MVC 110
  • Połączenie projektów Angulara i ASP.NET Core 112
• Visual Studio 2017 i obsługa frameworka Angular 119
  • Fragmenty kodu 119
  • Lista IntelliSense w plikach TypeScriptu 120
  • Lista IntelliSense w plikach HTML 120
• Podsumowanie 121

4. Bootstrap w pigułce 123

• Wprowadzenie do frameworka Bootstrap 124
  • Instalowanie Bootstrapa 124
  • Najważniejsze funkcje 125
• Style Bootstrapa 126
  • System siatki 126
  • Typografia 130
  • Tabela 131
  • Formularz 131
  • Przycisk 133
• Komponenty 133
  • Ikona glyphicon 133
  • Rozwijane menu 134
  • Grupa znacznika input 135
  • Nawigacja 136
  • Inne komponenty 142
• JavaScript 142
  • Treść oparta na kartach 143
  • Modalne okno dialogowe 144
  • Podpowiedź i dymek 146
• Dostosowanie frameworka Bootstrap do własnych potrzeb za pomocą Less 148
  • Dostosowanie do własnych potrzeb za pomocą witryny internetowej 148
  • Dostosowanie do własnych potrzeb za pomocą Less 149
• Obsługa Bootstrapa w Visual Studio 2017 i ASP.NET Core 150
  • Rozszerzenie Bootstrap Snippet Pack 152
  • Rozszerzenie Glyphfriend 153
  • Atrybut pomocniczy znacznika w ASP.NET Core 154
• Podsumowanie 155

5. Zarządzanie zależnościami za pomocą menedżerów NuGet i Bower 157

• Ogólne koncepcje 158
• Menedżer NuGet 159
  • Pobieranie pakietów za pomocą NuGeta 159
  • Publikowanie własnych pakietów 163
• Menedżer npm 165
  • Instalowanie menedżera npm 165
  • Używanie menedżera npm 165
  • Gdzie są instalowane pakiety? 168
• Menedżer Bower 168
  • Instalowanie menedżera Bower 168
  • Pobieranie pakietów za pomocą Bowera 168
  • Gdzie są instalowane pakiety? 170
  • Tworzenie własnego pakietu 171
• Podsumowanie 171

6. Tworzenie aplikacji za pomocą narzędzi Gulp i webpack 173

• Na czym polega działanie systemu kompilacji front-endu? 174
• Dokładniejsze omówienie narzędzia Gulp 175
  • Rozpoczęcie pracy z narzędziem Gulp 175
  • Plik gulpfile.js 175
  • Typowy plik kompilacji Gulp 177
  • Więcej przepisów na Gulpa 179
  • Sprawdzenie kodu JavaScriptu za pomocą wtyczki JSHint 180
• Wprowadzenie do narzędzia webpack 184
  • Podstawowe koncepcje narzędzia webpack 184
  • Używanie narzędzia webpack 184
  • Kolejne możliwości narzędzia webpack 188
• Visual Studio 2017 i systemy kompilacji 189
  • Rozszerzenie Bundler & Minifier 189
  • Okno Eksplorator modułu uruchamiającego zadania 192
  • Lista IntelliSense dla narzędzia Gulp 193
• Podsumowanie 194

7. Wdrażanie aplikacji ASP.NET Core 195

• Nowy model hostingu ASP.NET Core 195
• Wdrożenie w serwerze IIS 197
  • Upewnienie się o dostępności serwera IIS 197
  • Instalowanie AspNetCoreModule 199
  • Publikowanie aplikacji za pomocą wiersza poleceń 199
  • Utworzenie witryny internetowej 200
  • Publikowanie aplikacji za pomocą Visual Studio 201
• Wdrażanie do Azure 202
  • Wdrażanie do Azure za pomocą Visual Studio i metody Web Deploy 203
  • Ciągłe wdrażanie do Azure za pomocą systemu git 206
• Wdrażanie do kontenera Docker 210
  • Instalowanie obsługi Dockera 210
  • Publikowanie obrazu Dockera 213
• Podsumowanie 214

8. Programowanie poza Windowsem 215

• Instalowanie .NET CORE w systemie macOS 216
• Tworzenie pierwszej aplikacji ASP.NET Core w systemie macOS 217
  • Używanie narzędzia dotnet 217
  • Używanie narzędzia Yeoman 220
• Visual Studio Code 222
  • Konfigurowanie Visual Studio Code 222
  • Funkcje programistyczne oferowane przez Visual Studio Code 223
  • OmniSharp 229
  • Inne środowiska IDE 229
• Używanie narzędzi działających w powłoce 230
• Podsumowanie 230

9. Zebranie wszystkiego w całość 231

• Tworzenie witryny internetowej wyświetlającej wyniki trójboju 232
• Tworzenie witryny administracyjnej 232
  • Konfigurowanie Entity Framework 235
  • Tworzenie stron obsługujących operacje CRUD 240
• Tworzenie witryny rejestracji 243
• Wyświetlanie wyników w czasie rzeczywistym 247
  • Tworzenie działającej po stronie klienta aplikacji Angular 247
  • Tworzenie API sieciowego 252
• Nawiązywanie połączenia z urządzeniami IoT 255
• Wdrażanie aplikacji 258
• Podsumowanie 260

Skorowidz 261