E-book details

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

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

Simone Chiaretta

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

  • Title: ASP.NET Core, Angular i Bootstrap. Kompletny przybornik front-end developera
  • Author: Simone Chiaretta
  • Original title: Front-end Development with ASP.NET Core, Angular, and Bootstrap
  • Translation: Robert Górczyński
  • ISBN: 978-83-283-5195-0, 9788328351950
  • Date of issue: 2019-04-02
  • Format: Ebook
  • Item ID: aspnca
  • Publisher: Helion