Menu

Front-end Development

W ramach: Programowanie i WWW

Czym jest: Front-end Development

Front-end to obecnie najmocniej i najbardziej dynamicznie rozwijająca się obecnie dziedzina programowania. Specjaliści z branży front-endu są poszukiwani przez topowe firmy, a ich zarobki są z roku na rok coraz wyższe. Dla osób początkujących nauka front-endu może wydawać się trudna - i rzeczywiście, do tego, by zostać profesjonalnym “front-endowcem” należy opanować wiele umiejętności, narzędzi oraz przyswoić wiele informacji.

Kolejną przeszkodą jest to, jak niezwykle szybko rozwijają się technologie i narzędzia front-endowe. Dlatego też często materiały, które można znaleźć na temat front-endu okazują się przedawnione. Kursy front-end developmentu na eduweb.pl powstają w odpowiedzi na zapotrzebowanie na aktualne i sprawdzone materiały na ten temat.

W kursach front-endu zaczynamy od przedstawienia Ci krok po kroku podstaw, czyli HTML i CSS. Przejdziemy przez naukę JavaScript i jQuery, aby wreszcie przejść do nauki najważniejszych frameworków Front-endowych - tutaj będziesz masz do wyboru naukę EcmaScript, jak i Angulara, Reacta i Vue.js, jak również innych, popularnych rozwiązań ułatwiających i przyspieszających pracę. Podczas nauki front-endu będziesz pracował z Webpackiem i w uporządkowany sposób dowiesz się jak stworzyć witrynę internetową.

więcej... ukryj...

Wprowadzenie

Piotr Palarz dba o spójnosc i aktualnosc materialów w tym dziale. Posluchaj, dla kogo sa przeznaczone i czego sie nauczysz.

zobacz wprowadzenie

Zarobki ekspertów Front-end Development

Stanowiska: Junior Front-End Developer, Senior Front-End Developer, Full-Stack Developer
Wynagrodzenia netto: 4000-10000 zł
Kto rekrutuje? WP, Samsung, WP, Roche, WP, Nokia, Samsung, mBank, Asseco

zobacz oferty pracy
1 godzina 40 minut

Strony WWW w Rekordowym Czasie

Dzięki Webflow i SystemFlow

Czy da się zarobić 10.000 zł na stronie wykonanej w 2 godziny? Jak się okazuje - tak, trzeba tylko poznać najnowsze technologie no-code i ich praktyczne zastosowania. Już wkrótce zmieni się na dobre to, jak podchodzimy do tworzenia stron WWW oraz front-endu a klasyczne podejście w przypadku wielu projektów odejdzie w zapomnienie. Będziemy pracować szybciej, skuteczniej i lepiej. Wymaga to jednak zmian - w myśleniu twórców, freelancerów, agencji, klientów. Okazuje się, że często osoby bez dużego doświadczenia są w stanie tworzyć i dowozić projekty lepiej i szybciej, niż zespół developerów. Jednak i jedni i drudzy zdecydowanie zyskają na nowym podejściu, które chcę Wam pokazać. W ramach Warsztatu wykonamy praktyczny projekt prostej strony, która z pewnymi modyfikacjami została w rekordowym czasie wdrożona dla klienta... za rekordową cenę. Najważniejsze jest jednak, że wszyscy byli zadowoleni. Zobacz, że to możliwe i zacznij uczyć się właściwych technologii!

Grzegorz Róg

6 godzin 45 minut

Kurs Angular

od Podstaw

Angular to jeden z najbardziej popularnych i cenionych frameworków front-end na świecie. Trudno się temu dziwić, ponieważ dzięki świetnej współpracy z najnowszymi technologiami jest to także rewolucja w produktywności i komforcie tworzenia aplikacji internetowych. Obecnie Angular jest też jedną z najbardziej cenionych umiejętności w CV front-end developera, co sprawia, że nasz nowy kurs to pozycja obowiązkowa dla każdego, kto zajmuje się front-endem i chce poznać Angular od podstaw!

Mateusz Kulesza

42 minuty

JavaScript bez Tajemnic

Scope, this, closure i typy złożone

JavaScript nieustannie się rozwija i stopniowo pojawiają się w nim funkcje, które usprawniają pracę lub adresują określone problemy. Jednak ze względu na konieczność zachowania wstecznej kompatybilności, pewne elementy pozostają niezmienne co jest jednocześnie zaletą i wadą. Podczas nauki JavaScriptu można spotkać zagadnienia, które często sprawiają problemy nawet doświadczonym programistom. Na podstawie przeprowadzonej ankiety, zrobiliśmy ich listę i te najczęściej spotykane opracowaliśmy tak, aby były zrozumiałe dla każdej osoby posiadającej podstawy znajomości tego języka.

Adam Gospodarczyk

8 godzin 15 minut

Strony WWW bez Kodowania

Dzięki narzędziom no-code

W tym kursie poznasz techniki tworzenia stron WWW bez kodowania, z pomocą nowoczesnych narzędzi i edytorów. Narzędzia no-code to rewolucja w podejściu do tego, jak projektujemy strony internetowe. Coraz większe możliwości web builderów pozwalają na tworzenie witryn w rekordowym czasie. Dzięki temu, że nie korzystamy z klasycznych metod kodowania, takie narzędzia są także dużo bardziej dostępne dla osób początkujących. Ten kurs to prawdziwa, wybuchowa mieszanka wiedzy o podejściu no-code, w połączeniu z konkretnymi scenariuszami, w których je zastosujemy!

Grzegorz Róg

1 godzina 12 minut

Vue 3

Przegląd nowości

Vue.js w wersji 3 to nadal znane i lubiane Vue, ale w świetnej, nowej, bardziej wydajnej odsłonie. Prace nad tym frameworkiem trwały ponad 2 lata. Framework został napisany całkowicie od nowa - dzięki temu jest znacznie bardziej modułowy i zapewnia wyraźnie większą wydajność. Z zewnątrz nie zmieniło się jednak tak wiele. Nowa odsłona to wynik kompromisu pomiędzy dodanymi nowościami, niekompatybilnymi zmianami, a zachowaniem natury Vue 2, którą pokochały miliony designerów i deweloperów. W materiale tym poznasz wszystkie najważniejsze nowości i zmiany jakie zawitały w oficjalnym wydaniu Vue 3.0.0!

Piotr Palarz

3 godziny 52 minuty

Kurs Webflow

E-commerce

Profesjonalny sklep z autorskim layoutem w kilkanaście godzin? Tak właśnie wyglądała droga do tworzenia źródeł do tego kursu. W tym kursie dowiesz się, jak z pomocą Webflow i jego nowego modułu e-commerce, przygotować w pełni funkcjonalny sklep internetowy - dla Ciebie, lub Twojego klienta. Naszym zdaniem Webflow to godna uwagi alternatywa dla WooCommerce czy Shopify, posiadająca wiele zalet jeśli chodzi o elastyczność, skalowalność i profesjonalizm tworzonego rozwiązania. Ma jednak na razie także kilka wad, które należy rozważyć podczas realizacji konkretnego projektu. Zapraszamy na kurs, w ramach którego Grzegorz krok po kroku przeprowadzi Cię przez budowę kompletnego sklepu dla marki odzieżowej w Webflow.

Grzegorz Róg

46 minut

Nowoczesny Workflow Webdevelopera

Edycja 2020-21

W pracy programisty, prócz samej wiedzy i umiejętności, niezwykle ważny jest odpowiedni zestaw narzędzi i ich konfiguracja. Na rynku nieustannie pojawiają się nowe rozwiązania, których zadaniem jest ułatwienie nam pracy. Z tego powodu istotne jest, aby pozostawać na bieżąco i regularnie sprawdzać co nowego pojawiło się w ostatnim czasie. W tym warsztacie poznasz narzędzia, z których warto korzystać w 2020 roku - w tym m.in.: IDE i ich konfiguracja, przydatne wtyczki, praca w środowisku developerskim, nowe warte uwagi frameworki, nowoczesne narzędzia no-code i low-code i trochę sprzętu.

Adam Gospodarczyk

2 godziny 14 minut

Kurs GraphQL

Techniki Pracy

Na przestrzeni ostatnich lat GraphQL stał się bardzo popularny. Coraz więcej firm inwestuje w GraphQL ze względu na rewolucyjne podejście do pobierania danych oraz jego prostotę. Dlatego, jeżeli spojrzymy na rynek pracy to możemy zobaczyć, że GraphQL staję się pewnego rodzaju "must have", którego z pewnością warto się nauczyć. W tym Kursie poznasz podstawy GraphQL i dowiesz się, jak możesz wykorzystać go w codziennej pracy i projektach.

Przemysław Nowak

47 minut

Tailwind CSS

Czy zastąpi Bootstrapa?

Arkusze stylów CSS pozornie są proste do opanowania i nie ma w nich zbyt wielu skomplikowanych elementów. Największym wyzwaniem okazuje się jednak zarządzanie nimi wraz z rozwojem projektu. Z tego powodu powstało wiele bibliotek i technik zarządzania kodem CSS. Przez lata najpopularniejszy był Bootstrap oraz konwencja nazewnicza - BEM CSS. Od niedawna stosunkowo świeże podejście prezentuje Tailwind CSS, który rozwiązuje problem w zupełnie nowy sposób. W tym Materiale poznasz jego wady i zalety na tle innych dostępnych na rynku rozwiązań stworzonych z myślą o skalowalnym zarządzaniu kodem CSS.

Adam Gospodarczyk

4 godziny 45 minut

Kurs Webflow

Techniki Zaawansowane i CMS

Dzięki Webflow możesz tworzyć strony WWW bez konieczności kodowania - zarówno statyczne, jak i dynamiczne, z wykorzystaniem CMS oraz bazy danych. To narzędzie, które zmienia sposób, w jaki tworzymy internetowe serwisy, pozwalając nam pracować wydajnie jednak w zgodzie ze standardami. Naszym zdaniem to narzędzie, które zasługuje na miano "kolejnego WordPress'a". W tym Kursie dowiesz się jak przygotować kompletny system blogowy z wykorzystaniem CMS w ramach Webflow. Jeśli jeszcze nie masz podstaw Webflow, zachęcamy do skorzystania wcześniej z kursu podstawowego.

Grzegorz Róg

28 minut

Czy warto uczyć się TypeScript’u?

Kiedy i od czego zacząć

TypeScript na przestrzeni ostatnich lat coraz mocniej zaznacza swoją obecność w świecie web developerów. Mimo tego nadal wielu programistów odsuwa w czasie naukę tego języka, a niektórzy nawet... rezygnują z jego wykorzystania. Z czego to wynika? O jakich zaletach oraz wadach TypeScript’u trzeba wiedzieć? W tym webinarze Adam Gospodarczyk pomoże podjąć Wam decyzję o tym czy - i kiedy - warto sięgnąć po ten nadzbiór języka JavaScript.

Adam Gospodarczyk

2 godziny 35 minut

Kurs TypeScript

Techniki Zaawansowane

Kurs, który masz przed sobą to dopełnienie Kursu Podstawowego TypeScript, który znajdziesz na eduweb.pl. W tym, skondensowanym materiale Adam Gospodarczyk na praktycznych przykładach wprowadzi Cię w trudniejsze i bardziej zaawansowane mechanizmy TypeScript, który stał się jedną z obowiązkowych pozycji w resume każdego web developera. W kursie dowiesz się między innymi, jak pracować ze złożonymi typami, ich definicjami, konfiguracją czy type guards. To jeden z najważniejszych kursów do przerobienia dla każdego, kto zajmuje się front-endem i web developmentem. Miłego odbioru!

Adam Gospodarczyk

5 godzin 47 minut

Kurs Webflow

Strony WWW bez Kodowania

Webflow to obecnie najlepszy wizualny edytor stron WWW. To prawdziwa rewolucja jeśli chodzi o projektowanie i wdrażanie zarówno statycznych, prostych stron, jak i witryn zawierających dynamiczne treści a nawet gotowych systemów e-commerce. Z wykorzystaniem technologii no-code publikacja stron jest szybsza i łatwiejsza niż kiedykolwiek. Ten kurs ma za zadanie wprowadzić Cię w Świat stron bez kodowania z pomocą Webflow, adresując najważniejszy element - layout. W skrócie, poznasz wszystkie techniki które pozwalają na wykonanie dowolnego projektu w Webflow, od czystej kartki, aż po działającą, statyczną witrynę. To świetny wstęp dla tych z Was, którzy jeszcze nie mieli do czynienia z Webflow, chcą ugruntować podstawy, bądź stworzyć swoją pierwszą stronę!

Grzegorz Róg

34 minuty

Wszystko o Typach

JavaScript i TypeScript

TypeScript dzięki wprowadzeniu statycznego typowania na zawsze zmienił oblicze JavaScriptu. W tym Warsztacie Adam Gospodarczyk z Overment przedstawi główne różnice pomiędzy TypeScript a JavaScript, a także szereg zalet statycznego typowania.

Adam Gospodarczyk

1 godzina 54 minuty

Kurs TypeScript

od Podstaw

TypeScript dzięki wprowadzeniu statycznego typowania na zawsze zmienił oblicze JavaScriptu. W tym Kursie poznasz jego działanie, które wykorzystasz w swojej codziennej pracy. Co ważne, TypeScript oferuje również dostęp do funkcji, które jeszcze nie są częścią standardu ECMAScript. Przez istnienie tzw. nadzbioru języka JavaScript - kod pisany w JavaScript jest w 100% kompatybilny z TypeScriptem. W efekcie możesz zacząć używać go już teraz i stopniowo wdrażać w swoich projektach.

Adam Gospodarczyk

3 godziny 32 minuty

Kurs Accessibility

Dostępność stron WWW

Nawet najbardziej estetyczna, nowoczesna strona czy aplikacja internetowa jest bezużyteczna, gdy użytkownik nie może z niej skorzystać w wygodny sposób. Na twórcy stron WWW ciąży duża odpowiedzialność - powinien tworzyć strony, które są nie tylko atrakcyjne wizualnie, ale też dostępne i użyteczne dla wszystkich. Niestety, wielu developerów zapomina o tym aspekcie lub nie posiada odpowiedniej wiedzy, potrzebnej do tego, by tworzyć strony dostępne dla użytkownika. Znajomość zagadnień z tego Kursu pomoże Ci tworzyć lepsze, zoptymalizowane dla wszystkich użytkowników strony, zadbać o user experience, jak i poznać nowoczesne, praktyczne rozwiązania, które wykorzystasz w codziennej pracy.

Wojciech Połowniak

2 godziny 2 minuty

Narzędzia Deweloperskie w Przeglądarce

Wydajne Tworzenie Stron WWW

W dzisiejszych czasach, gdy aplikacje internetowe stają się coraz bardziej rozbudowane, znajomość nowoczesnych narzędzi do pracy z nimi to konieczność. Jednym z takich narzędzi jest Chrome DevTools, wbudowane w każdą instalację przeglądarki Chrome na świecie. I choć miliony użytkowników nie wiedzą nawet o jego istnieniu, pozostaje ono zaledwie dwa kliknięcia od nich. Przekonaj się jak to narzędzie uzupełni proces Twojej pracy nad stronami internetowymi!

Piotr Palarz

1 godzina 24 minuty

Kurs HTTP i API

Jak działają strony i aplikacje

Kurs HTTP i API to wprowadzenie do technologii web i tego, jak działa Internet oraz przeglądarka. Powinien zapoznać się z nim każdy, kto planuje tworzyć strony internetowe i chce rozwijać swoją karierę w ścieżkach webdevelopmentu. Przyda się też twórcom i właścicielom internetowych projektów, którym pozwoli lepiej zrozumieć mechanizmy działające pod maską webowych stron i aplikacji po to, aby je rozwijać czy korzystać z automatyzacji. Porozmawiamy o wysyłaniu i odbieraniu danych z serwera, plikach tymczasowych i w końcu o API, czyli interfejsie, który pozwala programistom komunikować się z aplikacjami i nowoczesnymi narzędziami.

Grzegorz Róg

4 godziny 1 minuta

Kurs Visual Studio Code

Poznaj najlepszy edytor kodu

Visual Studio Code to obecnie jeden z najpopularniejszych edytorów kodu. Tytuł ten, wśród wielu świetnych narzędzi tego typu, nie był łatwy do zdobycia. VS Code zawdzięcza swój sukces ciągłemu rozwojowi, rosnącej liczbie przydatnych rozszerzeń i możliwości dostosowania do niemal każdego projektu, bez względu na technologię, w której jest tworzony. Z kursu dowiesz się jak wydajnie pracować z tym narzędziem, aby tworzenie kodu było prostsze, szybsze i przede wszystiim - przyjemniejsze.

Piotr Palarz

3 godziny 3 minuty

Kurs CSS Grid

Zaawansowane layouty

CSS Grid to najnowsza metoda pozycjonowania elementów natywna dla CSSa - a niektórzy twierdzą, że jest to następca dla CSS Flexbox. Być może mają racje, ponieważ w porównaniu do Flexboxa, Grid ma o wiele większe możliwości i spójniejszą składnię. Dodatkowo idealnie wpasowuje się w ideę Progressive Enhancement, czyli stopniowego dostarczania coraz to lepszych doświadczeń użytkownikom, w zależności od używanego przez nich urządzenia. CSS grid to potężne narzędzie które pozwoli Ci stworzyć responsywne layouty - nawet bez użycia media queries.

Wojciech Połowniak

31 minut

Formularze w Gatsby.js

Z Firebase i SendGrid

W tym Warsztacie w ciągu zaledwie 30 minut dowiesz się, jak stworzyć prosty i bezpieczny mechanizm wysyłania maili przez formularz osadzony na stronie internetowej. A wystarczą do tego trzy kroki - przekonaj się jakie!

Adam Romanski

4 godziny 29 minut

Kurs Gatsby.js

Szybkie i Nowoczesne Strony

# Wielki Gatsby Gatsby.js wdarł się na frontendowe salony niczym prawdziwa gwiazda! Unikalne rozwiązania dające ogromną swobodę developerom, w połączeniu z potężnym ekosystemem reactowym sprawiły, że już dawno żadna technologia nie wzbudziła takiego entuzjazmu i zainteresowania. Bądź na bieżąco z najnowszymi frontendowymi trendami i dowiedz się, na czym polega sekret tej fenomenalnej technologii. W kursie dowiesz się w jaki sposób poprawnie używać Gatsbyego, jak działa jego routing, w jaki sposób obsługiwać obrazki przy użyciu GraphQL, a także jak budować warstwę danych zasilającą aplikację w odpowiednie treści.

Adam Romanski

7 godzin 1 minuta

Kurs Angular

w Praktyce

Dla każdego kto pracował z Angularem przychodzi moment, w którym znajomość podstaw i pojedynczych technik to za mało. Gdy już poznasz mechanizmy Angulara następnym krokiem są dobre praktyki - właściwa struktura aplikacji, reguły UX / UI oraz dostępne narzędzia i biblioteki. Ponadto gdy aplikacja rośnie pojawiają się kwestie jakości kodu i wczesnego wykrywania błędów. W kursie tym skupiam się więc na 3 najważniejszych zagadnieniach - jakości kodu, użytecznym interfejsie oraz sprawnym zarządzaniu źródłami danych i stanem aplikacji.

Mateusz Kulesza

4 godziny 55 minut

Kurs React

od Podstaw

Od kilku lat React niepodzielnie króluje wśród frameworków JavaScript. Ogromna swoboda jaką daje, intuicyjny sposób tworzenia komponentów i potężny ekosystem wspierający developera niemal w każdej sytuacji, to niewątpliwie największe zalety tej technologii. W tym kursie dowiesz się, w jaki sposób wycisnąć w Reacta jak najwięcej. Odkryjesz jego prawdziwy potencjał i dogłębnie poznasz zagadnienia, które stanowią trzon tego frameworka. Aby zrozumieć rzeczy zaawansowane, należy solidnie opanować podstawy – w tym własnie chcę Ci pomóc.

Adam Romanski

6 godzin 6 minut

Kurs React

Techniki Zaawansowane

Higher Order Components, Render Props, Compound Components... React pełen jest wzorców i narzędzi, których nazwy potrafią przyprawić o ból głowy. Właśnie po to, by uniknąć tego przytłoczenia, został przygotowany ten kurs. Skupimy się w nim praktycznie wyłącznie na React'cie, który mimo że jest niepozorną biblioteką, to kryje w sobie ogromny potencjał i jeszcze większą swobodę działania dla developera. W dużych, komercyjnych aplikacjach wzorce, o których wspominamy, pojawiają się niesłychanie często, a ich poprawne zrozumienie to jedyna droga do tego, abyśmy nie czuli się nieswojo patrząc na nieco bardziej skomplikowany kod.

Adam Romanski

6 godzin 51 minut

Kurs React

w Praktyce

Wiele materiałów dostępnych w sieci zawiera wskazówki jak używać Reacta, jednak brakuje im praktycznego wymiaru. Stosowanie tej technologii w prawdziwym projekcie nieco różni się od prostych przykładów, które na ogół możemy znaleźć. Tak powstał pomysł na kurs React w Praktyce, w którym dowiesz się, z jakich technologii React developerzy korzystają na co dzień, jak konfigurują projekty, jak radzą sobie z problemami zarówno wynikającymi ze skomplikowania interfejsu, jak i logiki biznesowej zawartej w aplikacji.

Adam Romanski

5 godzin 37 minut

Kurs Wordpress

od Podstaw

Poznaj niezwykle popularny i elastyczny system CMS WordPress, który pozwoli Ci w łatwy i szybki sposób tworzyć i zarządzać dynamicznymi stronami WWW. W naszym kursie od podstaw opanujesz obsługę WordPress, jak również zmodyfikujesz grafikę swojej strony i rozszerzysz jej funkcjonalności!

Grzegorz Róg

8 godzin 16 minut

Kurs Bezpieczeństwo Aplikacji Webowych

w Praktyce

Kwestia bezpieczeństwa aplikacji webowych lub stron WWW to temat, który staje się coraz bardziej popularny. Zarówno duże, jak i małe firmy stają się ofiarami ataków hakerów, a wyciek poufnych danych lub informacji może stanowić realne zagrożenie dla przedsiębiorstw. Dlatego jeżeli tworzysz lub zarządzasz aplikacją webową lub stroną WWW i chciałbyś wiedzieć, w jaki sposób odpowiednio ją zabezpieczyć, ten kurs jest właśnie dla Ciebie! Dowiesz się z niego nie tylko tego, jak hakerzy przełamują zabezpieczenia aplikacji oraz jakie konsekwencje może to za sobą nieść, ale też jak skutecznie chronić swoją aplikację lub stronę WWW oraz dane klientów przed atakami.

Grzegorz Goławski

11 godzin 45 minut

Kurs Angular

Techniki Zaawansowane - Wzorce Projektowe

Angular to potężne narzędzie pozwalające szybko i sprawnie tworzyć złożone aplikacje. Dzięki wiązaniom renderowanie interfejsu jest bardzo wygodne, a automatyczne wykrywanie zmian sprawia, że Twoje dane w niemal magiczny sposób pojawiają się na ekranie. Aplikacje to jednak nie tylko sam interfejs użytkownika. Bardzo łatwo jest dodawać kolejne funkcje i opcje - ale tylko do pewnego momentu. Bez odpowiedniej struktury i architektury prosta aplikacja może bardzo szybko przerodzić się w rozbudowane monstrum, nad którym nie mamy żadnej kontroli. Na szczęście - w Angularze jest bardzo wiele mechanizmów, pozwalających od samego początku zapanować nad strukturą aplikacji. Wiele wbudowanych mechanizmów pozwala konstruować aplikacje w oparciu o sprawdzone wzorce projektowe i dobre praktyki.

Mateusz Kulesza

5 godzin 11 minut

Kurs Vue.js

Techniki Zaawansowane

Vue.js to obok React i Angular najpopularniejszy framework do tworzenia nowoczesnych aplikacji internetowych. Jest jednak coś, co wyróżnia go na tle konkurentów - niski próg wejścia! Oznacza to, że nie musisz posiadać zaawansowanej wiedzy lub znać innych frameworków JavaScript, aby rozpocząć swoją przygodę z zupełnie innym podejściem, do tworzenia interfejsów użytkownika napędzanych danymi.

Piotr Palarz

7 godzin 6 minut

Kurs Vue.js

od Podstaw

Vue.js to obok React i Angular najpopularniejszy framework do tworzenia nowoczesnych aplikacji internetowych. Jest jednak coś, co wyróżnia go na tle konkurentów - niski próg wejścia! Oznacza to, że nie musisz posiadać zaawansowanej wiedzy lub znać innych frameworków JavaScript, aby rozpocząć swoją przygodę z zupełnie innym podejściem, do tworzenia interfejsów użytkownika napędzanych danymi.

Piotr Palarz

5 godzin 43 minuty

Kurs Angular

Techniki Zaawansowane - Interfejs

Angular to potężne narzędzie przyspieszające tworzenie zarówno prostych, jak i bardzo złożonych aplikacji internetowych. Jeśli pracowałeś już z Angularem lub jeśli przerobiłeś kurs Angular od Podstaw na platformie Eduweb - wiesz już jak za pomocą tego narzędzia rozwiązać wiele typowych problemów związanych z budowaniem interfejsu aplikacji. Wyświetlanie danych, zmiana styli czy przełączanie widoków - dzięki automatycznemu wykrywaniu zmian w Angularze to wszystko działa bardzo prosto. To jednak nie wszystko co oferuje Angular. We frameworku kryje się wiele przydatnych, ale mało znanych funkcji i narzędzi, które warto poznać - nie tylko po to, by pisać lepszej jakości kod, ale również by być bardziej produktywnym.

Mateusz Kulesza

8 godzin 23 minuty

Kurs Git

System Kontroli Wersji

GIT to system kontroli wersji, który pozwala śledzić postępy Twojej pracy oraz współpracować z innymi osobami, jednocześnie pracującymi nad projektem. Pozwala zadbać o to, działania przebiegały płynnie, i by szybko móc eliminować pojawiające się konflikty. To znaczy, że GIT jest praktycznie dla każdego! I choć głównie korzystają z niego programiści czy front-end developerzy w pracy zespołowej, możesz go również użyć do śledzenia zmian w indywidualnych projektach, nawet gdy pracujesz na innych typach plików.

Mateusz Kulesza

7 godzin 34 minuty

Kurs HTML i CSS

od Podstaw

Chcesz stworzyć swoją pierwszą stronę WWW i poznać podstawy Web Designu? Nie mogłeś lepiej trafić. Projektowanie stron Internetowych zaczyna się właśnie tutaj - od nauki HTML i CSS, które leżą u podstaw każdej witryny. Opanowanie tych zagadnień z Kursu pozwoli Ci od początku nauczyć się poprawnych praktyk, stosowanych przez profesjonalistów, oraz tworzyć nowoczesne strony zgodne ze standardami HTML5 i CSS3!

Grzegorz Róg

3 godziny 4 minuty

Kurs Webpack

Wydajna praca z JavaScript

Kurs, który masz przed soba, wprowadzi Cie od podstaw w swiat nowoczesnego podejscia do pracy z kodem JavaScript. Poznasz potezne narzedzie, jakim jest webpack 2. Umiejetnosc sprawnego wykorzystania webpacka pozwoli Ci pracowac z technologiami front-endowymi duzo sprawiej, wygodniej i przyjemniej. Byc moze miales juz do czynienia z tzw. automatorami zadan. Do najpopularniejszych naleza Gulp.js i Grunt.js. To swietne narzedzia, które odpowiednio skonfigurowane, pozwalaja znacznie uproscic prace nad rozwojem aplikacji internetowych. W ich przypadku, istotny jest jednak sposób, w jaki operuja one na plikach. Dzieje sie to bowiem w sposób liniowy, gdzie pewien zestaw plików, przepuszczamy przez kolejne transformacje. Dobrym przykladem moze byc kompilacja plików “.scss” do kodu CSS, a takze pózniejsza minifikacja tego kodu. Na poczatku wskazujemy pliki wejsciowe, nastepnie konfigurujemy odpowiedni plugin, który zajmie sie kompilacja Sass, a na koncu kolejny plugin, który zminifikuje kod. Innym przykladem moze byc laczenie wielu plików JavaScript w jeden czy optymalizacja obrazków. I choc automatory zadan sa wciaz bardzo przydatne, to my, jako programisci, powinnismy zawsze wybierac odpowiednie narzedzie, do odpowiedniego zadania. Do jakich zatem zadan przydatny bedzie webpack i czym rózni sie od wspomnianych automatorów zadan?

Piotr Palarz

10 godzin 43 minuty

Kurs EcmaScript 6

Nowy Standard JavaScript

Kurs, który masz przed sobą, to 10-godzinna przygoda z najnowszą edycją języka JavaScript. Mowa tutaj konkretnie o specyfikacji EcmaScript 2015, która do języka JavaScript wprowadziła bardzo wiele nowości. Jeśli zatem spotkałeś się z określeniem ES6 lub EcmaScript 6, to chodzi właśnie o tę specyfikację. Nowości, które zostały dodane do języka to z jednej strony nowy, ulepszony zapis, który pozwala realizować dokładnie te same zadania, które mogliśmy wykonać do tej pory, a z drugiej strony pewne nowe konstrukcje, których działania nie da się odwzorować w starszej wersji języka. Pisanie kodu ES6 to dzisiaj standard, a znajomość tej specyfikacji to konieczność, aby utrzymać się na rynku pracy lub postawić na nim pierwsze kroki. Warto zatem poznać wszystkie nowości, które się z nią wiążą.

Piotr Palarz

10 godzin 44 minuty

Kurs NodeJS

w Praktyce

Ten Kurs to 10 godzin przygody z najgorętszą technologią ostatnich lat - platformą Node.js. Jeśli określasz się już mianem Front-end Developera, tworząc strony i aplikacje webowe z użyciem HTML, CSS i JavaScript lub nawet potrafisz pracować z back- endem w innych językach programowania, to jesteś na najlepszej drodze do zmiany pozycji na Full Stack Web Developer. Brzmi nieźle, prawda? Tytułem tym określa się osobę, która zna zarówno technologie klienckie (front-end) jak i serwerowe (back-end). Jeśli zatem czujesz się swobodnie po stronie klienta, to czas pójść dalej. Kurs ten będzie pierwszym, choć dużym krokiem w tym kierunku. Node.js to bowiem technologia serwerowa, lecz wykorzystująca znany Front-end Developerom język JavaScript!

Piotr Palarz

7 godzin 59 minut

Kurs Programowanie w jQuery

w Praktyce

Poznaj jQuery, czyli najbardziej popularną bibliotekę JavaScript na Świecie! Z jQuery korzystają niemal wszystkie nowoczesne serwisy WWW, a nasz Kurs stanowi niezwykle praktyczne i wyczerpujące omówienie tej biblioteki od podstaw, aż po bardziej zaawansowane techniki. Jeśli znasz już HTML i CSS oraz przynajmniej podstawy JavaScript, jQuery to kolejna obowiązkowa pozycja na Twojej drodze do tworzenia świetnych serwisów internetowych.

Piotr Palarz

9 godzin 47 minut

Kurs JavaScript

w Praktyce

Kurs ten jest dopełnieniem wiedzy z zakresu języka JavaScript i Obiektowego Modelu Dokumentu z kursu “JavaScript od Podstaw”. Poprzedni kurs nie jest wymagany, lecz jego przerobienie z pewnością pozwoli dużo lepiej przyswoić wiedzę z tego kursu, gdyż były one przygotowywane równocześnie. Oba te materiały, pozwolą od zera, wskoczyć na naprawdę wysoki poziom rozumienia języka, a także dobrych praktyk pisania kodu. Do tego kursu mogą jednak przystąpić wszystkie osoby, które znają już podstawy języka HTML, CSS i JavaScript i chcą poszerzyć swoją wiedzę, a także spojrzeć zupełnie inaczej na ten język.

Piotr Palarz

10 godzin 55 minut

Kurs JavaScript

od Podstaw

Kurs traktuje o jednym z najpopularniejszych języków programowania na świecie. Materiał przeznaczony jest dla wszystkich osób, które znają już podstawy HTML i CSS i chciałyby przejść poziom wyżej i dodać do swoich stron dynamiczności. W kursie nie brakuje praktycznych przykładów, które celowo zostały ułożone tak, aby wykorzystać w nich jak najwięcej zdobytej wiedzy. Ponadto, oprócz podstaw samego języka JavsScript, poruszamy również tematy zawiązane z Obiektowym Modelem Dokumentu. Dzięki wyraźnemu rozdzieleniu tych dwóch zagadnień, będziesz mógł w przyszłości wykorzystać język JavaScript także do innych zastosowań, nawet poza przeglądarką internetową!

Piotr Palarz

11 godzin 32 minuty

Nowoczesne Aplikacje Webowe

w Backbone.js

Poznaj framework JavaScript MV* Backbone.js od A do Z i przygotuj razem z autorem praktyczną, nowoczesną aplikację webową napędzaną danymi. Kurs, który dla Ciebie przygotowaliśmy, pozwoli Ci wkroczyć w fascynujący świat tworzenia aplikacji webowych działających po stronie klienta! To podstawy które stanowią wprowadzenie do wszystkich tego typu materiałów na eduweb.pl i poza Backbone zawiera on cały proces przygotowania, wdrożenia aplikacji, refaktoryzacji kodu i wiele więcej! Będziemy pracować między innymi z technologiami Node.js, REST, Express.js czy MongoDB!

Piotr Palarz

5 godzin 58 minut

Kurs WooCommerce

Sklep w WordPress

WooCommerce to najpopularniejszy, darmowy dodatek do systemu CMS WordPress, który umożliwia tworzenie złożonych sklepów internetowych, w środowisku, które wielu z nas zna już bardzo dobrze. Kurs który masz przed sobą, został przygotowany w taki sposób, abyś poznał WooCommerce od A do Z. Dzięki WooCommerce oraz wiedzy którą zebraliśmy dla Ciebie wraz z Piotrem Palarzem, bez trudu i w przyjaznym środowisku WordPressa stworzysz swój własny, całkowicie funkcjonalny sklep internetowy.

Piotr Palarz

9 godzin 36 minut

Kurs HTML5 i JavaScript

Techniki Zaawansowane

Nowe specyfikacje HTML5 przy użyciu JavaScript dają niesamowite możliwości twórcom stron WWW. Mechanizmy Geolokacji, Aplikacji Offline, Wideo czy Canvas to standard, który już teraz możemy wykorzystać. Poznaj go na praktycznych przykładach z naszym obszernym kursem. Materiał, który masz przed sobą to kompendium nowoczesnych technik pracy ze stronami WWW, które powinien znać każdy webdeveloper.

Piotr Palarz

9 godzin 42 minuty

Kurs Responsive Web Design

Skuteczne Techniki

Projektowanie na wiele ekranów i rozdzielczości to jedno z największych wyzwań współczesnych front-end developerów. Materiał, który masz przed sobą stanowi szereg niezwykle praktycznych lekcji, dzięki którym będziesz mógł jeszcze skuteczniej kodować responsywne serwisy.

Grzegorz Róg

6 godzin 19 minut

Kurs Preprocesory CSS

SASS, LESS i Compass

Projektuj strony WWW jeszcze szybciej i wydajniej dzięki preprocesorom CSS. Te niezwykle przydatne narzędzia wspomagają proces kodowania witryn internetowych oraz rozszerzania ich o nowe funkcje. W ostatnim czasie Preprocesory CSS stały się obowiązkowym narzędziem każdego webdevelopera a ich nauka nie jest trudna i wymaga jedynie znajomości podstaw CSS!

Piotr Palarz

10 godzin 6 minut

Kurs WordPress - Własne Pluginy

Tworzenie Wtyczek dla WordPress

Twórz własne Pluginy do popularnego systemu CMS WordPress i rozszerzaj możliwości Twoich stron WWW! Kurs, który masz przed sobą to esencja praktycznej wiedzy z pisania Pluginów w PHP na przestrzeni obszernych 10 godzin kursu. To dawka wiedzy niezbędna dla każdej osoby, która zamierza na poważnie zająć się pracą z WordPress!

Maciej Żukiewicz

11 godzin 37 minut

Kurs WordPress - Tworzenie Motywów

Techniki Pracy z CMS WordPress

WordPress to najbardziej popularny i elastyczny system CMS na którym działają tysiące witryn. Nasz kurs to jedyne tak obszerne i kompleksowe opracowanie tematu tworzenia własnych Motywów, zmiany wyglądu i funkcjonowania WordPress. Podczas kursu stworzymy zaawansowaną stronę WWW, wykorzystamy wbudowane funkcje oraz napiszemy setki linii kodu skryptów!

Grzegorz Róg

7 godzin 25 minut

Kurs Strony WWW z CSS3

Nowe Standardy

Nowe standardy oferują twórcom stron WWW niesamowite możliwości. Animacje, efekty, przejścia, elastyczne rozmieszczenie treści - to wszystko możesz osiągnąć z CSS3 już teraz! Dodatkowo, strony w CSS3 ładują się szybciej. Jeśli chcesz tworzyć nowoczesne serwisy internetowe - ten kurs jest właśnie dla Ciebie!

Grzegorz Róg

8 godzin 13 minut

Kurs Elastyczne Strony WWW

Projektowanie na wiele urządzeń i rozdzielczości

Responsive Design to technika, która polega na wykorzystaniu najnowszych standardów jak HTML5 i CSS3 do tworzenia stron WWW, które dobrze prezentują się na popularnych urządzeniach mobilnych jak tablety i telefony. Nie jest to już tylko nowinka, ale aktualny wymóg i nisza na rynku. Z naszym kursem dowiesz się wszystkiego o projektowaniu takich nowoczesnych witryn.

Grzegorz Róg

30 minut

Hooks w React

Poznaj React Hooks – rozwiązanie, które pewnego dnia może zastąpi komponenty klasowe.

Adam Romanski

1 godzina 24 minuty

Mini CMS z Vue

Stwórz własny mini CMS strony typu one-page z logowaniem i dodawaniem wpisów w Vue.js!

Piotr Palarz

1 godzina

Progressive Web Apps - Service Workers

Progressive Web Apps to termin określający aplikacje internetowe, spełniające pewne kryteria. Przyjrzymy się technologii o nazwie Service Workers, która takie zadanie umożliwia.

Piotr Palarz

1 godzina 50 minut

Co nowego w ES6

Dowiedz się co nowego zostało wprowadzone w nowej wersji JavaScriptu, jaką jest EcmaScript 6!

Piotr Palarz

1 godzina 20 minut

Nowości w Angular 4

Poznaj nowości wprowadzone w Angular 4 i dowiedz się jak wprowadzić je do swojej aplikacji!

Mateusz Kulesza

8 minut

Wysyłanie do GitHub

Z tej krótkiej lekcji dowiesz się w jaki sposób utworzyć swoje pierwsze repozytorium w serwisie GitHub, a także jak wysyłać do niego kod tworzonego przez Ciebie projektu.

Piotr Palarz

1 godzina

Poznaj CSS Flexbox

Zobacz jak pozycjonować elementy układu strony z pomocą jednej z najważniejszych metod jaką jest Flexbox w CSS3.

Grzegorz Róg

1 godzina 20 minut

Strony WWW z Jekyll i GitHub Pages

Poznaj zasady działania generatorów statycznych stron jak Jekyll i zobacz jak za darmo hostować stronę na Github Pages!

Piotr Palarz

1 godzina

BEM CSS

Poznaj techniki wykorzystania BEM CSS oraz dowiedz się jak łączyć ją z użyciem preprocesorów SASS!

Piotr Palarz

35 minut

Metody Dyrektyw w AngularJS

W tym Warsztacie omówione zostaną metody dostępne w metodach AngularJS – compile, controller oraz link.

Robert Gurgul

1 godzina

Techniki Kodowania Newsletterów

Poznaj tajniki kodowania mailingów na potrzeby newslettera i dowiedz się jak przetestować poprawność wyświetlania wiadomości!

Piotr Palarz

1 godzina

Firefox Developer Edition

Poznaj Firefox Developer Edition, przeglądarkę stworzoną specjalnie z myślą o Web Developerach!

Piotr Palarz

1 godzina

Wprowadzenie do Git

Poznaj od podstaw jeden z najlepszych systemów kontroli wersji jakim jest Git

Piotr Palarz

44 minuty

Document Editing API w HTML5

Warsztat będący obiecaną kontynuacją ścieżki tworzenia witryn i aplikacji z użyciem HTML5, którą rozpoczęliśmy w kursie HTML5 i JavaScript - Techniki Zaawansowane.

Piotr Palarz

1 godzina 32 minuty

Wprowadzenie do Grunt JS

Poznaj Grunt.JS - automator zadań, który wykona za Ciebie wiele z powtarzających się czynności i pomoże oszczędzić mnóstwo czasu.

Grzegorz Róg

1 godzina 15 minut

Kodowanie w Sublime Text 3

Poznaj świetny edytor kodu Sublime Text 3, który przyda się każdemu Web Developerowi

Piotr Palarz

1 godzina 15 minut

Wordpress WPML

Warsztat, który masz przed sobą, porusza niezwykle ważną kwestię pracy z tym systemem, jaką jest tworzenie i zarządzanie wielojęzycznymi stronami internetowymi.

Piotr Palarz

1 godzina

Fonty na stronach WWW

Dowiedz się jak zastosować dowolną, piękną typografię na stronie WWW

Grzegorz Róg

1 godzina

jQuery i Ajax

Poznaj bibliotekę jQuery oraz metodykę Ajax na praktycznych przykładach.

Maciej Żukiewicz