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!

Osoby które kupowały "ASP.NET Core, Angular i Bootstrap. Kompletny przybornik front-end developera", wybierały także:

• Gray Hat C#. JÄ™zyk C# w kontroli i Å‚amaniu zabezpieczeÅ„ 57,74 zÅ‚, (17,90 zÅ‚ -69%)
• ASP.NET Core 6. Kurs video. Rozwijaj aplikacje webowe z Entity Framework Core 179,00 zÅ‚, (71,60 zÅ‚ -60%)
• Testowanie automatyczne w .NET. Kurs video. Zastosowania frameworka nUnit 169,00 zÅ‚, (76,05 zÅ‚ -55%)
• Programowanie asynchroniczne i równolegÅ‚e w C#. Kurs video. Poziom podstawowy 69,00 zÅ‚, (31,05 zÅ‚ -55%)
• Technologia LINQ. Kurs video. Warsztat pracy z danymi z różnych źródeÅ‚ 59,00 zÅ‚, (26,55 zÅ‚ -55%)

Spis treści

ASP.NET Core, Angular i Bootstrap. Kompletny przybornik front-end developera eBook -- spis treści

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