Frontend

Uruchomienie kodu JavaScript w aplikacji na system...

myenv.net 4 lat temu Javascript to potężny język skryptowy, który jest bardzo popularny. Istnieje wiele świetnych bibliotek, które nie są przepisane do Javy lub Kotlina. Oczywiście możemy tworzyć aplikacje w xHTML, React Native, ale jest to bardzo ograniczona forma. Zast...

GraphQL + TypeScript - wygeneruj sobie typy!

frontlive.pl 4 lat temu Lubimy zaoszczędzać czas, a jednocześnie zrobić coś dobrze. Tak samo jest w przypadku programowania. Poznaj GraphQL Code Generator - narzędzie, które zaoszczędza czas i zapewnia TypeScriptowe typy!

Node.js i MongoDB - łączenie z bazą danych

fsgeek.pl 4 lat temu Zazwyczaj jak uczymy się o bazach danych to o bazach relacyjnych np.: MySQL. Jednak nie jest to jedyna możliwość i możemy korzystać również z baz dokumentowych, których reprezentantem jest MongoDB. Jest to też dosyć popularna baza, z której możemy......

GraphQL + React - apollo, hooki i paginacja

frontlive.pl 4 lat temu Jak połączyć GraphQL i React? Skorzystać z Apollo! Wybierzmy się na tą misję i stawmy czoła realnej aplikacji!

GraphQL - zapytania, mutacje i schema

frontlive.pl 4 lat temu Kontynuujemy przygodę ze światem GraphQLa i zabieramy się za realne zagadnienia 🥳 Dziś poznasz zapytania, mutacje, scheme, typy i wiele więcej, a w następnym wpisie, ze zdobytą dziś wiedzą podbijamy Reakta!

GraphQL - podstawy

frontlive.pl 4 lat temu GraphQL jest językiem zapytań, który stanowi alternatywę do standardowego RESTa. Jest bardziej elastyczny, precyzyjny i przede wszystkim wygodniejszy.

Raport DESI 2020 – za mało kobiet w IT!

nowoczesny-frontend.pl 4 lat temu Wkurzyłem się. Zupełnie przypadkiem trafiłem na artykuł Polska branża IT ma się słabo. Brakuje specjalistów, pracuje bardzo mało kobiet. Dotyczy on raportu DESI 2020 –…

Portfolio programisty z GitHub Profile README

frontlive.pl 4 lat temu Ostatnio na GitHubie pojawiła się bardzo interesująca nowość, a mianowicie, zostało wprowadzone GitHub Profile README. Zobacz czym jest i dlaczego powinieneś zrobić swój własny profil README!

Svelte - nie tylko React, Vue i Angular

frontlive.pl 4 lat temu Obecnie w środowisku frontendowym mamy świętą trójcę jeżeli chodzi o frameworki/biblioteki UI. Jest to jak prawdopodobnie wiecie React, Vue i Angular. Warto jednak wyrwać się na chwilę z tej bańki i poznać coś innego. Pora na Svelte!

CSS Houdini - przyszłość CSSa czy niepotrzebna now...

frontlive.pl 4 lat temu CSS Houdini to zbiór API, udostępnionych przez przeglądarkę, dzięki którym, mamy bezpośredni dostęp do drzewka CSSOM.

React - Suspense & Concurrent mode

frontlive.pl 4 lat temu Concurrent mode to zestaw nowych funkcjonalności, w tej chwili w fazie eksperymentalnej. Całą filozofia concurrent mode opiera się na nieblokowaniu renderowania elementu.

Webpack 4 - loadery, pluginy i niestandardowa konf...

frontlive.pl 4 lat temu W poprzednim wpisie poznałeś podstawy Webpacka, dzisiaj wykorzystamy tą wiedzę w praktycę i stworzymy pełnoprawną konfigurację projektu.

Czym się wyróżnia dojrzały Scrum?

sages.pl 4 lat temu Obecnie zdecydowana większość firm stosuje Agile (metodyki zwinne), w tym również w zdecydowanej większości Scrum. Przyjrzyjmy się zatem temu zagadnieniu bliżej - po przeczytaniu niniejszego wpisu dowiesz się, jak sprawić, by spotkania były efektywne...

Webpack 4 - pierwsze kroki z module bundlerem

frontlive.pl 5 lat temu Webpack to tzw. module bundler, pozwala nam na budowanie drzewa zależności, które ma na celu połączenie wielu modułów naszej aplikacji w jeden pakiet.

Atomic Design - myśl atomami i klockami LEGO!

frontlive.pl 5 lat temu Jak dobrze zorganizować strukturę katalogów, w naszej aplikacji, tak, aby całość choćby przy większych rozmiarach była czytelna i łatwa w utrzymaniu? Atomic Design na ratunek!

TypeScript - React, Redux i Styled Components

frontlive.pl 5 lat temu Moje ulubione połączenie - React + TypeScript! Sprawdź jak typować aplikację, która korzysta z Reakta, Reduxa i Styled Components - kompletny poradnik!

DevTalk #116 DevTalk #116 ift z Sebasti– O Mikroko...

devtalk.pl 5 lat temu Gdy JavaScript się rozwinął, okazało się, iż nie jest w stanie unieść złożonych projektów. Trzeba było wymyślić język, za pomocą którego utrzymanie systemów będzie prostsze, tańsze i bardziej przewidywalne. Tak powstał TypeScript! W sto szesnastym od...

TypeScript - Generics, klasy i zaawansowane typy

frontlive.pl 5 lat temu Zagłębiamy się w TypeScripta. W tym wpisie poznasz typy genereczyne, typy zaawansowane, a i dla fanów OOP coś się również znajdzie!

TypeScript - podstawy

frontlive.pl 5 lat temu TypeScript jest statycznie typowanym językiem od Microsoftu, bazuje on na JS. Uwierz mi, jak już go poznasz, nie będziesz chciał się wracać do czystego JavaScriptu

JavaScript - ES6 to już przeżytek, nastała era ES2...

frontlive.pl 5 lat temu JavaScript cały czas się zmienia, kilka lat temu powstała specyfikacja ES6, która po dziś dzień, jest uważana, przez niektórych, za nowość. Niestety programistyczny świat i technologię rozwijają się bardzo gwałtownie i co roku wychodzą nowe ficzery.

JavaScript - Nullish coalescing & Optional chainin...

frontlive.pl 5 lat temu Specyfikacja ECMAScript cały czas się rozwija, powstają nowe interesujące featury. Jakiś czas temu, zostały zaproponowane dwa nowe: nullish coalescing i optional chaining

CircleCi + Netlify - Continuous Integration & Depl...

frontlive.pl 5 lat temu Na pewno każdy z Was słyszał o magicznym CI/CD, ale co to takiego, z czym się to je i dlaczego zaoszczędzi Ci to mnóstwo czasu?

README na GitHubie - robisz to źle!

frontlive.pl 5 lat temu Bardzo często spotykam się ze źle zrobionym README w autorskich projekach na GitHubie. Wiele osób zaznacza tylko tytuł projektu i pozostawia plik pustym.

Firebase - reguły zabezpieczeń, cloud functions i ...

frontlive.pl 5 lat temu Zabezpiecz swoją aplikację dzięki reguł bezpieczeństwa, wykonaj funkcję po stronie serwera i wypuść kod na produkcję!

S01E07 - Eryk Napierała - Wydajność front-endu

podcast.allegro.tech 5 lat temu Jak mierzymy wydajność Allegro i jak dbamy, by była jak najlepsza? Jakich narzędzi używamy? Przed jakimi wyzwaniami stajemy? Czym w ogóle jest dla nas wydajność? Jak przekłada się ona na odczucia użytkownika? Co się stało, iż strona koszyka dwukrotni...

Firebase - dodawanie danych do Firestore

frontlive.pl 5 lat temu Poznaj techniki obsługi Firestore, stwórzmy aplikację z naszymi ulubionymi twórcami!

Firebase - pobieranie danych z Firestore

frontlive.pl 5 lat temu Wnieś swoją wiedzę na temat Firebase na wyższy poziom, poznaj Firestore - bazę danych Firebase.

Firebase - autoryzacja w 10 minut? To mozliwe!

frontlive.pl 5 lat temu Potrzebujesz autoryzacji użytkowników wraz z prostym formularzem logowania i rejestracji. Firebase sprawdzi się idealnie!

DevTalk #112 – O Progressive Web Applications z Ad...

devtalk.pl 5 lat temu Nie trzeba się martwić, jak aplikacja wygląda na różnych urządzeniach. Jeden kod źródłowy wystarczy, by zawojować wszystkie systemy operacyjne. Mniej zachodu przy aktualizacjach niż w przypadku apek natywnych… Nic dziwnego, iż o Progressive Web Appli...

ESLint - statyczna analiza kodu w JavaScript

fsgeek.pl 5 lat temu Narzędzia do statycznej analizy kodu występują w każdym języku programowania. W JavaScript jednym z takich narzędzi jest ESLint. Pomaga nam nie tylko utrzymać czysty kod ale niejednokrotnie zapobiega powstawaniu błędów. I tyle wystarczy by być obowią...

Cypress - proste testy e2e

fsgeek.pl 5 lat temu Testy są integralną częścią tworzenia oprogramowania, pomagając nam nie tylko w pisaniu dobrego kodu ale również zabezpieczają nas przed błędami w przyszłości. zwykle na frontendzie piszemy testy jednostkowe testując logikę pojedynczego komponentu. A...

Podsumowanie 2019 i plany na 2020

fsgeek.pl 5 lat temu To już prawie tradycja, iż w ostatnim poście w roku tworzę krótkie podsumowanie mijającego roku i snuję plany na przyszły rok. Jak więc wyszedł mi ten rok na blogu i jakie są plany na przyszły?

ES2020 - co nowego nas czeka?

fsgeek.pl 5 lat temu Wielkimi krokami zbliża się do nas Nowy Rok a wraz z nim nowe funkcjonalności w JavaScript. Czy wiemy czego możemy się spodziewać? I czy warto na to czekać? Co się zmieni w tym popularnym języku i jak to wpłynie...

Typecript 3.7 - Optional Chaining i Nullish Coales...

fsgeek.pl 5 lat temu Ostatnio wyszedł Typescript 3.7, który zawiera kilka oczekiwanych przez programistów funkcjonalności. Dziś chciałbym opowiedzieć o dwóch nowościach na które sam czekałem i które mogą uprościć tworzony przez nas kod czyli i .

Typescript - any vs unknown

fsgeek.pl 5 lat temu Dużo ludzi wybiera Typescripta z powodu przewagi oraz bezpieczeństwa jakie daje typowanie. Jednak nie wszystkie biblioteki i wbudowane funkcje mają dobrze opisane typy i możemy się natknąć na typ . Jak możemy się przed nim bronić i jak może...

DevTalk #103 – O Flutterze z Dominikiem Roszkowski...

devtalk.pl 5 lat temu Cześć! Moja ukochana jesień zadomowiła się na dobre! Niestety częściej wywołuje to chandrę niż zachwyt, ALE… Spokojnie, mam na to remedium. Nic nie rozgrzewa programistycznych serc lepiej niż DevTalk! Zwłaszcza iż w sto trzecim odcinku poruszamy szal...

Czy NodeGUI jest następcą Electrona?

fsgeek.pl 5 lat temu Do tej pory jeżeli chcieliśmy stworzyć aplikację desktopową z wykorzystywaniem JavaScriptu to nie mieliśmy prawie żadnego wyboru. Istniała tak naprawdę tylko jedna biblioteka, która pozwalała na to czyli Electron. Ale ostatnio pojawił się nowy gracz,...

Koa.js - middlewares

fsgeek.pl 5 lat temu Aplikacje w Koa.js są budowane przy pomocy zestawów funkcji zwanych middlewares. Dzięki takiej architekturze jesteśmy w stanie wydzielić logikę do poszczególnych funkcji i korzystać z tych samych funkcji w różnych projektach. Dziś o tym jak tworzyć t...

Jak uczyć się programowania?

fsgeek.pl 5 lat temu Rynek potrzebuje coraz więcej programistów - z tym zdaniem można się często spotkać. Dlaczego tak się dzieje? Odpowiedź jest prosta - prawie każda dziedzina i proces może zyskać dzięki dedykowanej aplikacji. Jednak jak się uczyć programowania zarówno...

Upload plików w aplikacji

fsgeek.pl 5 lat temu Upload plików w aplikacji jest dość często pojawiającą się funkcjonalnością. Pozwala na wysyłanie plików do innych osób, serwisów, dostarczaniu danych do aplikacji żeby nie musieć wypełniać ich manualnie lub zwykłym umieszczaniu zdjęć na stronie. Pod...

Kto jest kim, czyli role w WebDevelopmencie

fsgeek.pl 5 lat temu Podczas tworzenia aplikacji można rozróżnić wiele różnych ról, z których każda jest odpowiedzialana za inną część aplikacji i posiada inne umiejętności. jeżeli jesteś początkującym programistą, lub twój partner/ka jest programistą/ką to te magiczne n...

[.core] SignalR and angular. How to send notificat...

juniordevops.pl 5 lat temu In this article I will show you how to connect application written in angular with core backend using SignalR. The…

Czym są Web Components?

fsgeek.pl 5 lat temu Za co tak bardzo lubimy biblioteki typu React lub całe frameworki jak Angular? W moim przypadku jest to możliwość tworzenia komponentów, zamykania w nich części logiki a następnie wielokrotne wykorzystywanie ich w aplikacji. Ale czy jest to domena ty...

DevTalk #96 – O Nauce Frontendu z Maciejem Korsane...

devtalk.pl 6 lat temu Dzisiaj mamy już 96. odcinek DevTalk. To zobowiązuje do czegoś nieco specjalnego. Francja-elegancja, będzie o SZTUCE! Ale jak to… o sztuce? Temat mamy trochę techniczny, trochę nietechniczny. Coś, co przez jednych uznawane jest za programowanie, prze...

Komunikacja między widokiem a głównym wątkiem w El...

fsgeek.pl 6 lat temu Jak tworzymy aplikację w Electronie to widok i główna część aplikacji są od siebie oddzielone. Jednak czasami możemy potrzebować odwołać się z widoku do głównego wątku aby na przykład wyświetlić powiadomienie lub też powiadomić widok o zdarzeniu, któ...

DevTalk #92 – O błędach w tworzeniu WWW z Tomaszem...

devtalk.pl 6 lat temu Cześć! 92. odcinek podcastu DevTalk wjeżdża na pełnym gazie! Specjalizacją naszego dzisiejszego Gościa jest… krytyka. Ale taka wyjątkowa. Nie hejterstwo, ale krytyka konstruktywna, z klasą. Obszar tej specjalizacji to szeroko rozumiane "strony intern...

AssemblyScript czyli WebAssembly dla programistów ...

fsgeek.pl 6 lat temu WebAssembly z każdym rokiem coraz bardziej się rozwija i pojawia się wiele nowych narzędzi do niego, które wspomagają tworzenie kodu. Stanowi nadzieję, iż będziemy w stanie wyodrębnić część funkcjonalności z kodu JavaScript i uruchomić je bezpośredni...

Worker Threads w Node.js

fsgeek.pl 6 lat temu Wielowątkowość jest obecna w prawie wszystkich językach programowania. W dobrych rękach potrafi działać cuda, przyspieszając program lub przenosząc kosztowne operacje do osobnego wątku tak aby nie obciążać aktualnego. Node.js z każdym rokiem staje si...

Asynchroniczność w JavaScript

fsgeek.pl 6 lat temu Asynchroniczność to chleb powszedni dla programistów JavaScript. Przez jednych uwielbianych, przez innych nienawidzony ale nie można odmówić mu użyteczności. Oczywiście istnieje kilka sposobów jak można sobie z nią poradzić oraz jeszcze więcej pułape...

Testowanie w JavaScript - Mocha i Chai

fsgeek.pl 6 lat temu Jak często powtarzam pisanie testów jest istotną częścią tworzenia kodu. Chronią nas przed błędami, utrzymują nasz kod w dobrym stanie oraz pomagają podczas zmian w nim. W JavaScript mamy wiele bibliotek, które pomagają nam w tworzeniu oraz uruchamia...