Frontend

Webpack 4 - pierwsze kroki z module bundlerem

frontlive.pl 4 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 4 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 4 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 4 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 4 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 4 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 4 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 4 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 4 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 4 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 4 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 4 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 4 lat temu Poznaj techniki obsługi Firestore, stwórzmy aplikację z naszymi ulubionymi twórcami!

Co wprowadziło ES6 do JavaScript cz. 1

bugajsky.pl 4 lat temu Od wprowadzenia w życie standardu ES6 minęło już niemal 5 lat. Mimo to wiele osób przez cały czas nie orientuje się co takiego zostało zmienione.

Firebase - pobieranie danych z Firestore

frontlive.pl 4 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 4 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 4 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 4 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 4 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 4 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 4 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 5 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 5 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 5 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 5 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 5 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...

AngularJS – Komunikacja z serwerem

bugajsky.pl 5 lat temu To już ostatni wpis cyklu AngularJS na moim blogu. W tym materiale opowiadam o asynchronicznych zapytaniach do serwera. Dzięki którym nasza aplikacja może.

Asynchroniczność w JavaScript

fsgeek.pl 5 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 5 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...

Co to jest Headless CMS?

fsgeek.pl 5 lat temu Systemy CMS są powszechnie znane i lubiane przez wielu ludzi, którzy chcą prowadzić własną stronę, blog czy też sklep ale nie mają wiedzy by wszystko zrobić sami od zera. Jednak istnieje wersja tego systemu, która nazywa się Headless CMS...

AngularJS – Routing

bugajsky.pl 5 lat temu W tym wpisie utworzymy po raz pierwszy aplikację SPA (Single Page Application) z wykorzystaniem AngularJS. Będzie to prosta aplikacja, pokazująca jakie możliwości daje.

Podsumowanie 2018 i plany na 2019

fsgeek.pl 5 lat temu Rok 2018 był dla mnie niesamowitym okresem. Wydarzyło się wiele na blogu, który zaczął przyciągać coraz więcej czytelników oraz powoli kończę moje studia inżynierskie. Dziś krótkie podsumowanie co udało mi się zrobić i jakie plany są na aktualny rok....

DevTalk #85 – O Rust z Bartkiem Smykla

devtalk.pl 5 lat temu Witajcie w osiemdziesiątym piątym odcinku podcastu DevTalk! Czasami zdarza mi się rozmawiać z gośćmi na temat technologii mniej znanych, mniej powszechnych, albo zwyczajnie egzotycznych. Wraz z Bartkiem Smykla rozmawiamy dziś o Rust. Bartek jest prog...

AngularJS – Struktura projektu

bugajsky.pl 5 lat temu W tym wpisie zajmiemy się organizacją plików w projekcie. Pisząc mniejszy lub większy projekt warto skupić się na tym, aby tworzone przez nas.

5 bibliotek, które pomogą w napisaniu własnego CLI...

fsgeek.pl 5 lat temu Narzędzia CLI są bardzo powszechne w programowaniu. Spotkamy je na frontendzie (AngularCLI, VueCLI), backendzie (dotnet, phpspec), w powłoce linuksa i jego poleceniach oraz wielu różnych bibliotekach. A jak napisać własne CLI w Node.js, które pomoże ...

DevRaport – Projekt Quizomania

bugajsky.pl 6 lat temu Projekt ten ma za zadanie pomóc w nauce pytań zamkniętych, a także wzbogacić moją wiedzę z poznawanego ostatnim czasem frameworka VueJS. Aplikacja powstała.

DevRaport – Początek nowego cyklu

bugajsky.pl 6 lat temu Czytając w drodze do Krakowa książkę Macieja Aniserowicza Zawód programista, zrozumiałem co najbardziej podobało mi się podczas trwania konkursu DajSięPoznać 2017. Było to.

AngularJS – Podstawowe dyrektywy

bugajsky.pl 6 lat temu W tym wpisie zostaną omówione podstawowe dyrektywy, których jeszcze nie używaliśmy podczas nauki omawianego frameworka. We wcześniejszych materiałach korzystaliśmy z kilku dyrektyw wbudowanych.

Bądź produktywny - wyciągnij więcej z Bitbucketa

fsgeek.pl 6 lat temu Git jest narzędziem, który wykorzystujemy prawie codziennie i nie da się ukryć jak wiele rzeczy nam ułatwia. Aby z niego korzystać wykorzystujemy platformę Git lub Bitbucket. I dziś o tej drugiej chciałem chwilę poopowiadać, ponieważ oprócz samej moż...

Angular pipes - czyli jak przekształcać zmienne na...

fsgeek.pl 6 lat temu Każda aplikacja internetowa operuje na dużych ilościach danych, które musi w jakiś sposób wyświetlić. Rzadko kiedy są to dane proste takie jak tekst czy liczba - dużo częściej mamy do czynienia z obiektami, które trzeba jakoś zaprezentować. Czasami t...