W poprzednim wpisie wyjaśniłem, 'dlaczego' i 'jak' powinniśmy go generować. Teraz nadszedł czas, aby dowiedzieć się 'jak go używać' w rzeczywistym projekcie.
Blazor na dobre zagościł wśród rozwiązań frontendowych dla .NET Developerów, możliwe jest nawet tworzenie aplikacji mobilnych i desktopowych z jego wykorzystaniem. A czy Ty miałeś okazję zapoznać się z Blazorem? Jeżeli nie to w tym wpisie pomogę Ci wejść do świata Blazora!
When you implement auth in you application you can be addicted to a provider, like facebook, ofice365 or google. It always better to be independent of external contract. How to handle it? How to configure Auth to be independent of provider?
Architektura 909 dni, 7 godzin, 7 minut temu 83 źrodło rozwiń
Interfejs użytkownika jest ważnym elementem bezpieczeństwa aplikacji, musi on być łatwy w obsłudze, jednocześnie nie może on być wektorem ataku, np. nie powinien używać mechanizmów mogących ujawnić login i hasło podmiotom trzecim. Dostawcy tożsamości, w tym Auth0, upraszają to zadanie, dając swoim klientom gotowe...
Kilka tygodni temu pojawił się pierwszy artykuł o frameworku Blazor na blogu. Od tamtego czasu zmienił się status frameworka. Wyszedł z fazy eksperymentalnej i aktualnie jest w wersji Preview. Część Server-side zostanie wydana wraz z .NET Core 3.0 we wrześniu 2019. Na stabilną część Client-side działającą na WebAssembly przyjdzie nam poczekać dodatkowy rok, do momentu wydania .NET 5. Ale i tak myślę, że warto już teraz interesować się tym frameworkiem. W dzisi...
Od kilku lat następuje coraz większa specjalizacja w tworzeniu aplikacji webowych. Jeszcze jakiś czas temu, tworząc projekt w ASP.NET MVC, większość rzeczy robiliśmy po stronie serwera, dodając pojedyncze dynamiczne elementy w jQuery po stronie przeglądarki. Teraz po stronie serwera tworzymy głównie API, które następnie jest wykorzystywane przez aplikację działającą w przeglądarce, tworzącą interfejs użytkownika. Takie podejście powoduje, że świat frontendu zn...
Temat mikroserwisów w świecie IT jest ciągle żywy. Jak każda nowość – generuje dużo szumu i wzbudza wiele kontrowersji. Jeszcze do niedawna rozmowy o architekturze mikroserwisowej dotyczyły tylko i wyłącznie backendu aplikacji. Przestarzały, nielubiany i krytykowany przez wielu monolit spychany był w stronę warstwy prezentacji. W pewnym momencie zaczęto się zastanawiać – czy coś nam zaraz nie wybuchnie?
Architektura 2218 dni, 6 godzin, 3 minuty temu 162 źrodło rozwiń
If you create your modern, brand-new page in a well-known asp.net mvc, sooner or later you will need an asynchronous code. The obvious choice is (or was?) A jquery. The problem is that despite being a powerful library, jquery requires quite a lot of coding to create even basic stuff. Our team needed a 2-way-binding, easy-to-use, well-documented substitution to jquery. Finally – we have chosen angularjs. However, in the .net world the mvc is an mpa (multi-page application) but angularjs is more into the s...
Sztuka programowania 2260 dni, 6 godzin, 44 minuty temu 97 źrodło rozwiń
„The web has evolved. Finally, testing has too.” These words welcome us on the main page of the Cypress.io project, a new framework used to create the E2E tests in web applications. In my opinion, this statement is extremely accurate, and I would like to explain why I believe so.
Sztuka programowania 2312 dni, 6 godzin, 35 minut temu 79 źrodło rozwiń
Rozpoczynając swoją aktualną pracę w pewien sposób pożegnałem się z tematami frontend-owymi. Wiadomo, nie postawiłem grubej, czerwonej, nieprzekraczalnej linii, po prostu zajmuje się tym zdecydowanie rzadziej. Ostatnio jednak natrafiłem na zagadnienie, które zdecydowanie mnie zainteresowało, mianowicie tworzenie interfejsu dla konstruktora klasy w TypeScript. Od razu zaznaczam, że nie będę w tym artykule omawiał konfiguracji środowiska pod aplikację. Jeżeli to wasze pierwsze spotkanie z tą technologią po...
Sztuka programowania 2319 dni, 7 godzin, 21 minut temu 102 źrodło rozwiń
TechnologiePrzemek Smyrdek Ekosystem najpopularniejszych frameworków front-endowych jest w dzisiejszych czasach na tyle duży, że stworzenie aplikacji typu “hello world” zgodnie z najnowszymi trendami na rynku przerasta wielu początkujących programistów. Konfiguracja projektu w zależności od środowiska, układ folderów i plików czy też narzędzia odpowiedzialne za poszczególne etapy budowania aplikacji – wszystko to sprawia, że “bootstrapując” aplikację opierającą się np. o Reacta czy Angulara wielu z na...
Front-end to stosunkowo młoda dziedzina programowania, która w ostatnich latach niesamowicie przyśpieszyła. W dzisiejszym poście – o nieco innej niż zwykle formie – o tym, co wydarzyło się na front-endzie w ciągu ostatnich 10 lat oraz o tym, jak te zmiany wpływają na posiadane przez nas umiejętności. Zapraszamy do oglądania! Powiązane Komponenty – podstawowa składowa współczesny... Jeśli programista zajmujący się w dzisiejszych czasach front-endem zostałby zapyta...
Jeśli programista zajmujący się w dzisiejszych czasach front-endem zostałby zapytany o to co łączy popularne obecnie biblioteki i frameworki służące do budowania interfejsu użytkownika, to wskazałby zapewne na komponenty. Nie wszyscy wiedzą jednak czym właściwie komponenty są oraz co dobrego wnoszą do życia twórców aplikacji webowych. Aby poznać odpowiedzi na tego typu pytania przyjrzyjmy się frameworkowi Angular, którego rozwój daje nam pogląd na to w którą s...
Obietnice szturmem zdobyły uznanie wśród programistów JavaScript dając im lepszą kontrolę nad asynchronicznością. W artykule przedstawiona została natywna implementacja w przeglądarkach internetowych.
Wprowadzenie do Progressive Web Apps (PWA). Czyli rozwiązania pozwalającego na zainstalowanie aplikacji webowej na ekranie głównym smartfona bez konieczności korzystania z App Store.
Mobile development 2529 dni, 6 godzin, 55 minut temu 191 źrodło rozwiń
Półtora roku temu, kiedy zdecydowałem, że czas skupić się w pełni na front-endzie, zauważyłem wśród moich znajomych programistów dziwne poruszenie. Front-end? Kolorowe przyciski i zabawa w grafika? Przecież dopiero co zostałeś programistą, a teraz przeskakujesz na front-end? Tak – tej gałęzi programowania można zarzucić wiele. Niektórzy sprowadzą ją do kwiatków w JSie żeby pokazać, że na front-endzie nie ma miejsca na aplikacje z prawdziwego zdarzenia.
Niedawno pisaliśmy na naszym blogu o PWA, czyli nowej fali aplikacji webowych które sposobem działania przypominają to, co znamy z natywnych aplikacji mobilnych. Jednym z najczęściej przewijających się punktów dotyczących PWA jest wsparcie dla trybu offline i odporność takiej aplikacji na wahania sieci. Brzmi nieźle, ale jakie korzyści w praktyce możemy zaoferować naszym użytkownikom dodając do naszej aplikacji możliwość korzystania z niej bez połączenia z Internetem?
Progressive Web Apps to kolejny etap w rozwoju współczesnych stron internetowych i aplikacji webowych. Dzięki najnowszym funkcjonalnościom przeglądarek internetowych możemy przenieść wrażenia do tej pory zarezerwowane tylko dla mobilnych aplikacji natywnych w świat projektów które miały być dostępne jedynie za pośrednictwem przeglądarki internetowej. Czym są PWA i jak dostosować istniejący projekt do tego standardu?
W projekcie Webowym z bogatą logiką FrontEndową zawsze w pewnym momencie stajemy przed problemem synchronizacji klas, które mamy w C# z tymi po stronie FE. Jednym z ułatwień jest korzystanie z TypeScript, który udostępnia silne typowanie po stronie FE. Tutaj na scenę wchodzi TypeLITE