Kursy vue js

Konfiguracja Podstawowe funkcje w Selenium Znajdowanie elementów na stronie Klikanie Wywoływanie skryptu JS... Wymagana podstawowa znajomość Pythona.

WprowadzenieVue.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.Zaawansowane techniki pracy z Vue.jsPraca z wieloplikowymi komponentamiZarządzanie stanem aplikacji z VueXRouting z użyciem vue-routerPraca z danymi z użyciem axiosTechniki walidacji formularzyPraktyczne projektyMasa przydatnych wskazówekKurs, który masz przed sobą, to kontynuacja wydanego wcześniej kursu Vue.js od Podstaw. W pierwszym kursie omówione zostały najważniejsze koncepcje pracy z Vue, a w tym materiale poruszamy już bardziej zaawansowane tematy. Przede wszystkim skupimy się na pracy z użyciem nowoczesnego workflow, co da nam niezwykłą swobodę tworzenia aplikacji internetowych. Jeśli zatem znasz już podstawy pracy z tym frameworkiem i chcesz wskoczyć na kolejny poziom wtajemniczenia, ten kurs jest zdecydowanie dla Ciebie. A co znajdziesz w materiale?Zaawansowane koncepcjeNa początku zobaczysz, jak szybko tworzyć pliki startowe do nowej aplikacji z użyciem narzędzia vue-cli. Omówimy możliwość dzielenia kodu na wiele plików, tworzenia szablonów, a także wykorzystywania bezpośrednio funkcji renderującej, do której zamieniane są na etapie builda wszystkie szablony. Zobaczysz również czym są i jak pracować z komponentami funkcyjnymi i tzw. mixinami, które pozwolą reużywać raz napisany fragment kodu.Zarządzanie stanem aplikacji z VueXPrzepływ informacji to bardzo ważny temat w każdej aplikacji internetowej. Vue oferuje kilka sposobów na to, aby komponenty mogły się ze sobą komunikować. Ich omówienie zaczniemy od najprostszych technik, które świetnie sprawdzają się w wielu przypadkach. Następnie rozszerzymy możliwości instancji Vue w ten sposób, aby wszystkie komponenty miały dostęp do scentralizowanego miejsca, gdzie przechowywany będzie stan aplikacji. Tam jednak, gdzie aplikacja wymaga zarządzania większą ilością danych jednocześnie, powyższe techniki mogą być niewystarczające. Z tego powodu, podobnie jak w innych frameworkach, Vue posiada oficjalny wzorzec oraz bibliotekę do zarządzania stanem aplikacji. Rozwiązanie to nazywa się VueX i w kursie zostanie ono dokładnie omówione. Zobaczysz zatem jak skonfigurować tzw. store, jak przechowywać w nim dane, jak je wyświetlać w widokach, aktualizować za pomocą tzw. mutacji czy pracować z nimi wykorzystując akcje. Przekonasz się, że początkowa większa ilość pracy, aby wszystko skonfigurować, w pewnym momencie zaczyna się opłacać.Routing w aplikacjiTworzenie nowoczesnych aplikacji typu SPA (Single Page Application) nie może się obejść bez zmian widoków. Dobrą praktyką jest, aby wraz z takimi zmianami, aktualizowany był również pasek adresu. Wykonanie takiego zadania umożliwiają nam tzw. routery. Vue posiada oficjalny dodatek o nazwie vue-router, który w tym kursie dokładnie omówimy. Zobaczysz jak dołączyć router do swojego projektu, a także jak konfigurować ścieżki. Poruszymy tematy takie jak generowanie odnośników, dynamiczne parametry, tworzenie zagnieżdżonych ścieżek czy nawigacja z poziomu kodu JavaScript. Dowiesz się również, jak tworzyć tzw. guardy, które umożliwią lub zablokują możliwość wyświetlania wybranego widoku, np. w zależności od tego czy użytkownik jest aktualnie zalogowany.Praca z danymi z serweraTrzecim, po zarządzaniu stanem aplikacji i wykorzystaniu routingu, komponentem, który niezbędny jest do tworzenia aplikacji napędzanych danymi, jest możliwość wysyłania zapytań HTTP. Tę czynność umożliwi nam bardzo popularna, acz niezależna od Vue biblioteka axios. Zobaczysz jak za jej pomocą pobierać i wysyłać dane. Aby jednak jak najwygodniej pracować z tym rozwiązaniem, połączymy axios z Vue, udostępniając tak naprawdę jej metody wewnątrz każdego komponentu.Walidacja formularzyW jednym z rozdziałów kursu podejmiemy temat walidacji formularzy. Zobaczysz jak z pomocą popularnego pluginu dla Vue, robić to w bardzo prosty sposób. Omówimy różne funkcje walidujące, które umożliwią sprawdzenie poprawności pól tekstowych, radio czy checkboxów. Zobaczysz jak w łatwy sposób wyświetlać komunikaty o błędach i warunkowo zmieniać wygląd pól. Nie zabraknie również informacji o asynchronicznej walidacji, która pozwoli nam na żywo sprawdzać czy wpisany adres email jest dostępny czy też nie.Praktyczne projektyKurs ten oczywiście to nie tylko niezbędna teoria, ale także praktyczne przykłady. Aby jak najlepiej poznać omawiane techniki, wykorzystamy je do stworzenia ciekawych aplikacji. Pierwszą z nich będzie konfigurator produktu, który umożliwi użytkownikowi wybór podzespołów zamawianego komputera. Każdy taki wybór będzie wpływał na końcową cenę, która będzie na bieżąco aktualizowana. Po wybraniu wszystkich opcji, dane prześlemy na serwer. To projekt który pokaże Ci jak przechowywać dane z użyciem VueX, a także jak na ich podstawie wyświetlić widok i napisać logikę. Innym projektem, który wykonamy, będzie Quiz. To aplikacja, gdzie użytkownik odpowiadał będzie na serię pytań pobranych z serwera, a do wyboru będą 3 odpowiedzi. Po przejściu przez wszystkie pytania, wyślemy do serwera zapytanie, a ten w zamian zwróci nam listę poprawnych odpowiedzi. Dzięki temu pokażemy użytkownikowi, gdzie miał rację, a gdzie popełnił błąd. Aplikacja ta wykorzystywać będzie wszystkie najważniejsze techniki, tj. VueX, routing, a także Ajax.Dla kogo jest ten kurs?Kurs ten jest dla wszystkich osób, które czują się już swobodnie w pracy z frameworkiem Vue. Jeśli zatem masz już solidną wiedzę podstawową lub przerobiłeś kurs Vue.js od Podstaw, to zdecydowanie jesteś gotów na poszerzenie swoich umiejętnośći w pracy z tym frameworkiem. Co ważne, doświadczenie w pracy z innymi frameworkami JavaScript nie jest tutaj wymagane, a jedyne co będzie bardzo pomocne, to znajomość nowej składni EcmaScript 6.Dlaczego wybrać właśnie ten kurs?Kurs wideo to najbardziej efektywna a zarazem najprzyjemniejsza forma nauki. Jest on tak prowadzony, byś cały czas mógł go śledzić z zainteresowaniem i zaangażowaniem, a także czerpać satysfakcję ze zdobytej wiedzy!Wiedza, którą otrzymujesz w tym kursie, to nie tylko sucha teoria, ale również wskazówki od praktyka z wieloletnim doświadczeniem, dzięki którym dużo łatwiej będzie Ci opanować materiał i pracować efektywniej.Uczysz się na praktycznych przykładach. Kurs, który masz przed sobą to esencja praktycznej wiedzy i doświadczenia a także wzorów, które oszczędzą Ci godziny pracy i poszukiwań.

swoją pierwszą stronę internetową Napiszesz pierwszą aplikację w Node JSPoznasz podstawy platformy Vue... Chcesz zostać programistą, ale nie wiesz od czego zacząć? Chcesz nauczyć się programować, ale nie chcesz spędzić pięciu lat w uniwersyteckiej bibliotece? Chcesz odmienić swoje życie i zacząć nową karierę programisty? Jeśli tak to ten kurs jest dla Ciebie. Nauczysz się z niego praktycznych podstaw programowania, napiszesz pierwszy program i stworzysz swoją stronę internetową. Ten kurs jest pierwszym z trzech kursów ścieżki 'Programowanie serwisów internetowych w JavaScripcie' Czego nauczysz się na kursie Podstaw działania Internetu i tworzenia stron internetowychJęzyka Java ScriptTechnologi Vue.js Tworzenia stron internetowych przy użyciu platformy Bootstrap Obsługi narzędzi pomocnych w pracy programisty Dowiesz się co to jest NodeJS i npm Napiszesz swoją pierwszą aplikację serwerową oraz stworzysz pierwszą aplikację webową. Co oferujemy Materiał podzielony na 10 łatwo przyswajalnych, tygodniowych lekcjiKilkadziesiąt lekcji wideo (ok 10 godzin)Dodatkowe materiały dostępne w formie elektronicznejZadania praktyczneQuizy sprawdzające Twoją wiedzęProjekt końcowyDostęp do instruktorów poprzez komunikator Slack. Dla kogo jest ten kurs Dla każdego kto chce zostać programistą Co musisz wiedzieć przystępując do kursu Jak włączyć komputerCo to jest Internet i jak uruchomić przeglądarkę Jeśli naprawdę chcesz zostać programistą, to jest Twój pierwszy krok.

Chcesz poznać najnowsze mechanizmy języka JavaScript? Dobrze trafiłeś!Kurs pokazuje, co zostało dodane w standardach ES6+ (ECMAScript 6, ES2016, ES2017 i ES2018).[na końcu wersja TL;DR]Celem kursu jest stworzenie portfolio programisty. A zbliżając się do celu, poznajesz kolejne mechanizmy i narzędzia. Tworzymy i rozwijamy jeden projekt. Od początku, do końca, korzystając z istniejących rozwiązań i serwisów, np. GitHub API.Na początku czeka Cię trochę konfiguracji i instalowania. Node.js oraz npm stały się niezastąpionymi narzędziami, używanymi w codziennej pracy, również nad front-endem. Z kolei ESLint oraz webpack, pozwolą lepiej zorganizować kod oraz pliki wynikowe, aby umożliwić wystawianie ich na świat - dla innych programistów i dla użytkowników końcowych.Następne kroki, to przejście przez nowe instrukcje języka. Programowanie obiektowe z użyciem słów kluczowych class, extends itd., deklarowanie zmiennych przy pomocy const oraz let, a także destrukturyzacja i domyślne wartości funkcji.Dalej, komunikacja ze swiatem zewnętrznym przy pomocy instrukcji fetch, async/await oraz lepsza organizacja kodu - wykorzystanie reużywalnych Web Componentów.Kolejna cześć skupia się na wyglądzie, nadaje styl. Skorzystasz tu z tzw. CSS modules.Następnie, kompozycja ponad dziedziczenie, zwrócenie uwagi na wady programowania obiektowego i pokazanie, jak mechanizmy typu Object.assign, spread operator i shorthand property, wspomagają składanie obiektów z małych części.Wisienką na torcie jest omówienie nieistniejących (jeszcze) dekoratorów i wykorzystanie Babela lub TypeScripta do przetłumaczenia kodu na aktualnie akceptowaną przez przeglądarki wersję :)Końcówka to zaawansowane generatory (yield) oraz Proxy. Jest też skupienie się na testach jednostkowych oraz konsoli przeglądarki, aby przybliżyć rzeczy, zajmujące znaczną część codziennego czasu pracy.Nie ma tutaj nauki zbędnych lub przestarzałych frameworków i bibliotek. Bo te przychodzą i odchodzą. Od 2016 roku na fali jest React, ale jeszcze szybciej rośnie Vue. Przed 2016 rządził jednak Angular, a gdzieś obok wciąż jest też Ember ze swoją zmienną popularnością (ostatnio rośnie). Wszystkie te narzędzia ostatecznie są jednak czystym JavaScriptem, a nauczane w kursie techniki nadają się do zastosowania w połączeniu z każdym z nich. Co więcej, Web Componenty już dzisiaj są wykorzystywane przez firmy, jako nić porozumienia, część wspólna dla zespołów, używających różnych rozwiązań.TL;DRKurs skupia się na najnowszych mechanizmach języka JavaScript (ES6+, ES.Next).W kolejnych sekcjach pojawiają się rozwiązania, przybliżające do ostatecznego celu - stworzenia portfolio programistyNode, npmESLint, WebpackKlasy, const, letDestrukturyzacja, domyślne wartościfetch, async, awaitWeb ComponentsCSS modulesObject.assign, spread, shorthand propertyBabel, TypeScript, dekoratoryGeneratory (yield)Testy jednostkowe, konsola przeglądarki, Proxy Nie ma tutaj nauki zbędnych lub przestarzałych frameworków i bibliotek.

Vue jest obecnie jednym z najpopularniejszych frameworków do tworzenia aplikacji internetowych. Kurs pokazuje od podstaw jak efektywnie wykorzystać go. Z czego się składa?WstępPoznasz narzędzia przydatne do efektywnej pracy z Vue. Przejdziesz przez ich instalację oraz generację projektu. Następnie poznasz strukturę projektu, a także, przydatną do debugowania, oficjalną wtyczkę Vue devtools.Podstawowe elementyZostaniesz zapoznany z podstawowymi elementami Vue. Poznasz w jaki sposób korzystać z interpolacji tekstu, w jaki sposób obsługiwać zdarzenia elementów HTML. Zobaczysz, jak przy pomocy Vue manipulować stylami CSS. Poznasz możliwości zmieniania widoku aplikacji w zależności od danych.Tablice i obiektyVue umożliwia wyświetlanie list w bardzo przejrzysty sposób. Poznasz jak operować na tablicach i obiektach korzystając z reaktywności Vue.FormularzeNastępnie dowiesz się jak pobierać od użytkownika dane każdego typu i reagować na ich zmianę.KomponentyAplikacje w Vue składają się z komponentów. Poznasz w jaki sposób tworzyć własne komponenty oraz jak wymieniać dane pomiędzy nimi.RouterRouter jest dodatkiem do Vue umożliwiającym tworzenie Single-page application (SPA). Dowiesz się jak dodać go do swojego projektu oraz definiować ścieżki.VuexNa koniec poznasz bibliotekę służącą do centralnego zarządzania stanem aplikacji - Vuex.

Vue.js to jeden z najpopularniejszych frameworków języka JavaScript. Po ukończeniu tego kursu: będziesz potrafił tworzyć nowoczesne i wydajne aplikacje internetowe,opanujesz podstawy oraz zaawansowane zagadnienia platformy. Kurs składa się z części teoretycznej i praktycznej. Nasz instruktor krok po kroku pokaże Ci, jak stworzyć aplikację od podstaw. Jak wygląda kurs? Start Zaczniesz od instalacji oraz konfiguracji frameworka, następnie utworzysz obowiązkowe “Hello Vue”, kolejno poznając najważniejsze dyrektywy, sposoby wyświetlania danych oraz sposoby manipulowania nimi. Komponenty Po poznaniu podstaw działania Vue, nauczysz się podstaw działania komponentów oraz sposobów tworzenia swoich komponentów, z których będziesz korzystać wielokrotnie w swoich aplikacjach, tworząc kod tylko raz i wykorzystując go wiele razy. Style Następnie, wykorzystując dyrektywy Vue, nauczysz się pracy ze stylami – łatwego manipulowania wyglądem elementów HTML. Router Kiedy już działanie Vue będzie dla Ciebie jasne i oczywiste, poznasz sposoby korzystania z biblioteki vue-router pozwalającej na tworzenie pełnoprawnej aplikacji SPA (Single Page Application). W tym rozdziale dowiesz się, jak sterować ścieżkami w swoich aplikacjach. Vuex Kiedy router nie będzie miał już przed Tobą żadnych tajemnic, poznasz architekturę Flux oraz bibliotekę Vuex pozwalającą na zarządzanie centralnym stanem aplikacji w Twoich SPA-ch. Projekt Na koniec stworzysz własną aplikację służącą do zarządzania zgłoszeniami, np. w dziale Help Desk. To będzie projekt, w którym jeszcze raz powtórzymy wszystkie poznane do tej pory zagadnienia. Bonus Dodatkowo, tylko w naszym kursie, masz możliwość skorzystania z mini-kursów, które wprowadzą Cię w świat standardu ES2015(ES6) oraz pre-procesora SASS. Dzięki temu będziesz pisać aplikacje, wykorzystując najnowocześniejsze technologie.

WprowadzenieVue.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.Najważniejsze koncepcje VuePraca z szablonamiReagowania na akcje użytkownikaPraca z klasami i stylami CSSObsługa formularzyTworzenie animacjiWłasne komponentyNowoczesny workflowAby zacząć korzystać z Vue, wystarczy dodać do strony jeden element <script> i zacząć rozszerzać HTML o nowe możliwości prezentacji danych, które w całości kontrolujemy z poziomu kodu JavaScript. Najlepsze jest jednak to, że gdy dane się zmienią, Vue odzwierciedli wszystkie zmiany na stronie. Koniec zatem z odwoływaniem się z poziomu kodu JavaScript do elementów z drzewa DOM i 'ręczną' ich manipulacją! Czy łatwość użycia Vue oznacza, że jest to framework prosty i nienadający się do budowania ambitnych aplikacji internetowych? Absolutnie nie! Jeżeli potrafisz korzystać z workflow opartego na webpacku, znasz nową składnię ES6 i chcesz swoje projekty dzielić na wiele uporządkowanych plików - możesz w ten sposób pracować. Jeśli jednak przy innych frameworkach przytłoczyły Cię wszystkie dodatkowe narzędzia i nie potrafiłeś się skupić na najważniejszym, czyli poznawaniu frameworka, to tutaj tego problemu nie doświadczysz.Pierwsze kroki z VueW kursie tym krok po kroku poznasz ten lekki, acz potężny framework. Zaczniemy od instalcji i obowiązkowego projektu 'Hello World!'. Dowiesz się czym jest 'Virtual DOM' i dlaczego Vue z niego korzysta. Następnie zobaczysz jak kontrolować wybraną część strony internetowej za pomocą metod, właściwości i dynamicznych atrybutów. Aby zrozumieć reaktywność Vue, przyjrzymy się konstrukcjom języka JavaScript, które ją umożliwiają.Obsługa zdarzeń i praca z dyrektywamiAby aplikacja mogła być interaktywna, nie może być obojętna na działania użytkownika. Z tego powodu zobaczysz, jak przypisywać obsługę zdarzeń, takich jak np. kliknięcie, jak do funkcji przekazywać parametry oraz jak korzystać z natywnego obiektu Event. Nie zabraknie również informacji o tym, jak modyfikować obsługę zdarzeń tak, by np. przechwycić jednoczesne wciśnięcie wybranej kombinacji klawiszy. Jak się przekonasz, dyrektywy Vue pozwolą Ci na manipulację nie tylko zachowaniem, ale i wyglądem elementów HTML. Omówimy dokładnie jak kontrolować przypisywane klasy CSS, a także liniowe style. Wszystko to oczywiście na praktycznych przykładach! Poznasz również sposoby warunkowego wyświetlania elementów, a także iteracji. Już na tym etapie będziesz gotowy do stworzenia swojego pierwszego, praktycznego projektu. Będzie do Counter, a zatem licznik odliczający od 10 do 0. Jeśli kiedykolwiek korzystałeś z biblioteki jQuery, zobaczysz totalnie inne podejście - proste i czytelne.Praca z formularzamiW jednym z rozdziałów kursu omówimy dokładnie techniki pracy z formularzami. Zobaczysz jak przechwytywać wpisywane przez użytkownika dane, na wszystkich rodzajach pól, jakie oferuje język HTML. Abyś wszystko jak najlepiej zrozumiał, spróbujemy wspólnie zaimplementować tzw. dwukierunkowe wiązanie danych, które Vue oferuje za pomocą jednej dyrektywy. Z kursu dowiesz się także czym są oraz jak tworzyć własne filtry, jak odwoływać się do elementów z drzewa DOM, gdy jest to konieczne, a także co oferują nam własne dyrektywy.KomponentyJedną z największych zalet frameworka Vue.js jest możliwość tworzenia komponentów. Są to własne elementy HTML, które możemy umieszczać w wybranych miejscach naszej aplikacji. Element taki to jednak nie tylko wygląd, który definiujemy za pomocą szablonu, ale także (a może i przede wszystkim) logika, kontrolowana z poziomu kodu JavaScript. Zobaczysz jak zarejestrować własny komponent lokalnie oraz globalnie, jak sprawić, aby był reużywalny, przyjmując różne dane oraz jak komunikować się pomiędzy komponentami, by aplikacja pozostawała w synchronizacji. W tym celu omówimy dwa kierunki komunikacji, najpierw rodzic-dziecko, a później dziecko-rodzic. Na tym etapie wykonamy bardzo ciekawy, praktyczny projekt. Będzie to tabela napędzana danymi. Każdy wiesz tabeli prezentował będzie dane jednej osoby, a kliknięcie ikony kosza pozwoli na jej usunięcie. Ikona edycji zaś, zamieni wiesz w pola input, za pomocą których zaktualizujemy dane. W projekcie tym wykorzystamy niemal całą wcześniej zdobytą wiedzę!AnimacjeVue.js oferuje możliwość animowania elementów, kiedy są one pokazywane lub ukrywane. I omówienia tego tematu nie mogło również zabraknąć w tym kursie. Poznasz sposoby na animowanie elementów w użyciem CSS, zobaczysz jak animować podmianę jednego komponentu na drugi, a także jak uzyskać taki efekt dla listy elementów. Mając już wiedzę z zakresu tworzenia własnych komponentów, stworzymy wspólnie element, który pozwoli na animację innych, zawartych w nim elementów. W tym celu zintegrujemy nasz komponent z biblioteką animate.css.Nowoczesny workflowPrzez większą część kursu pracować będziemy pisząc kod JavaScript w standardzie ES5, a więc tym najpopularniejszym. Nie będziemy również korzystać z żadnych skomplikowanych narzędzi. Wszystko to po to, abyś mógł jak najlepiej zrozumieć sedno Vue.js, a nie zastanawiać się, który zapis jest specyficzny dla tego frameworka, a który to część nowego standardu JavaScript lub syntactic sugar dodany przez narzędzie uruchamiane z poziomu terminala. Nie oznacza to jednak, że z Vue nie da się pracować w sposób nowoczesny! Oczywiście jest taka możliwość i doskonale się o tym przekonasz. W jednym z rozdziałów kursu omówimy narzędzie vue-cli, które pozwoli nam przygotować startowy projekt nowej aplikacji, a także środowisko skonfigurowane z użyciem webpack'a, które umożliwi nam wydajną pracę. Na tym etapie zobaczysz, że komponentu Vue można tworzyć w zupełnie oddzielnych plikach z rozszerzeniem .vue, gdzie umieścimy zarówno szablon jak i logikę komponentu, a także (opcjonalnie) jego style CSS. Kurs ten zwieńczymy stworzeniem nowoczesnej aplikacji, wykorzystując najnowszy zapis ES6 i workflow stworzony z użyciem vue-cli. Projektem tym będzie Slideshow, a więc galeria zdjęć. Stworzymy od podstaw kilka komponentów, dodamy własny preloader obrazów, a także możliwość pobierania listy obrazów z serwera. Do tego celu wykorzystamy popularną bibliotekę axios, która umożliwia łatwe wykonywanie zapytań HTTP. Pod koniec dodamy do naszej aplikacji również routing, aby na pasku adresu odzwierciedlać aktualnie wyświetlany obraz, a także umożliwić nawigację za pomocą przycisków 'Wstecz' i 'Do przodu' dostępnych w przeglądarce internetowej. To zadanie ułatwi nam bardzo popularny plugin dla Vue, który nazywa się vue-router. Zobaczysz jak go zainstalować, a także skonfigurować. Następnie omówimy dynamiczne parametry, które odczytamy w komponencie. Finalnie zaktualizujemy adres URL z poziomu kodu JavaScript. Ostatnim krokiem jaki wykonamy, będzie stworzenie builda produkcyjnego naszej aplikacji, który gotowy będzie do na stronę internetową.Dla kogo jest ten kurs?Kurs ten jest dla wszystkich osób, które znają już język JavaScript i sposoby na pracę z Obiektowym Modelem Dokumentu. Aby go rozpocząć, nie jest wymagana znajomość innych frameworków, ale taka wiedza na pewno nie zaszkodzi, a pomoże lepiej zrozumieć te zagadnienia, które są dla nich wspólne. Nie jest również wymagana wiedza z zakresu EcmaScript 6 czy webpack'a, lecz na pewno będzie pomocna w ostatim rozdziale tego kursu. Nieważne zatem czy Vue.js będzie pierwszym frameworkiem, który poznasz, czy będzie to odskocznia od React'a czy Angulara - na pewno to narzędzie Cię zaskoczy!Dlaczego wybrać właśnie ten kurs?Kurs wideo to najbardziej efektywna a zarazem najprzyjemniejsza forma nauki. Jest on tak prowadzony, byś cały czas mógł go śledzić z zainteresowaniem i zaangażowaniem, a także czerpać satysfakcję ze zdobytej wiedzy!Wiedza, którą otrzymujesz w tym kursie, to nie tylko sucha teoria, ale również wskazówki od praktyka z wieloletnim doświadczeniem, dzięki którym dużo łatwiej będzie Ci opanować materiał i pracować efektywniej.Uczysz się na praktycznych przykładach. Kurs, który masz przed sobą to esencja praktycznej wiedzy i doświadczenia a także wzorów, które oszczędzą Ci godziny pracy i poszukiwań.

Moje ulubione technologie to PHP ( Laravel) oraz Java Script ( React, Vue).... Czy masz chęć uruchomić swój własny sklep internetowy?Bardzo często słyszę, że proces stworzenia własnego sklepu internetowego jest trudny, czasochłonny i co najważniejsze kosztowny.Branża e-commerce z roku na rok rośnie w siłę, w roku 2019 wartość rynku przekroczyła 50 miliardów złotych.Pojawia się pytanie, czemu Ciebie tam jeszcze nie ma?A może jest problem ze stworzeniem sklepu internetowego?Myślę, że też miałbym problem wydać 5000 zł na stworzenie sklepu internetowego na samym początku, zanim mój biznes jeszcze by ruszył. Wolałbym te pieniądze wydać na marketing.Teraz może być tylko lepiej.Postanowiłem przygotować bardzo praktyczny kurs, który pomoże ci procesie od zakupu domeny i serwera, po konfigurację wtyczek płatności.W czym może ci kurs?kompleksowa budowa sklepu internetowegozaoszczędzisz czasoszczędzasz pieniądzepoznasz proces budowy sklepu onlinePrawda jest taka, że możesz stworzyć swój własny sklep internetowy w mniej niż jeden dzień, płacąc mniej niż 100 złotych z góry.

Biblioteka React to jedno z najpopularniejszych rozwiązań w pracy front-end developera.  React to nowe podejście do tworzenia interfejsów użytkownika. Ten kurs ma dać Ci mocne fundamenty teoretyczne, ale także, poprzez wiele przykładów, nauczyć cię praktycznego wykorzystania React. To nie jest chwilowa moda czy przypadek, że mnóstwo ogłoszeń o pracę na stanowisku front-end developera wymaga znajomości Reacta. Jeśli poznałaś/poznałeś już JavaScript, to kolejnym krokiem w Twojej nauce może być React.UPGRADE 09.2020 - kilkanaście godzin materiałów dogranych przez Mateusza Domańskiego: Hooki, React Context, Redux, MobX czy TypeScript (mini kurs). A na deser projekt w którym tworzymy front (React) i backend aplikacji.W kursie uczę biblioteki React od podstaw, jednak od uczestnika wymagam już podstaw HTML i CSS oraz podstawowej znajomości JavaScript. W pierwszej fazie kursu przypomnę najważniejsze koncepcje JS, które często pojawiają się podczas pisania aplikacji w React, takie jak klasa, dziedziczenie, funkcja strzałkowa, sposoby pracy na tablicy i mechanizm this. Jeśli nie czujesz się mocna/mocny w JS, to przed rozpoczęciem nauki React zapraszam Cię do mojego kursu Programowanie w JavaScript. Pamiętaj, że React to biblioteka JavaScript.Kurs jest skierowany do osób, które nie mają żadnego doświadczenia w pracy z biblioteką React lub poznali ją, ale jedynie bardzo powierzchownie.

Просмотреть этот курс Разработка Веб-разработка React JSПросмотреть этот курс React JS - twórz interfejsy... Czasochłonne i nużące - takie zazwyczaj jest budowanie interfejsów użytkownika. Z ReactJS kompletnie zmienisz swoje podejście do tego tematu, a Twój sposób pracy zmieni się o 180 stopni!Wiele narzędzi i frameworków ma za zadanie ułatwić budowanie interfejsów, ale w praktyce - nadal jest to żmudne zadanie, podczas którego napotykasz się na wiele błędów.No, chyba, że... Opanujesz ReactJS. A z tym kursem będzie to prostsze i wygodniejsze niż kiedykolwiek!ReactJS nie jest po prostu kolejną biblioteką, która ma ułatwić Ci pracę - to całkowita zmiana podejścia do tworzenia interfejsów uzytkownika i interakcji. Wyobraź sobie, że możesz raz zdefiniować wygląd interfejsu, a potem tylko przekazywać mu nowe dane, nie martwiąc się o renderowanie. Zmiany treści i struktura aktualizują się automatycznie na stronie… Brzmi jak marzenie? Z biblioteką React jest to nie tylko możliwe, ale jeszcze prostsze, niż się wydaje!CO JEST ZAWARTE W KURSIE? dowiesz się jak przebiega praca z DOM i z ReactDOMpoznasz najważniejsze elementy EcmaScript6będziesz tworzyć dynamiczny UI niezależny od źródła danychzbudujesz konfigurowalne komponenty Reactpoznasz najważniejsze narzędzia i dobre praktykidowiesz się czym są Single Page Applications z React Routerzaimplementujesz architekturę Fluxpoznasz niemutowalne dane, Redux i “cofanie aplikacji w czasie'WAŻNE! Kurs należy przerabiać z wykorzystaniem ReactJS w wersji 15.3. Na obecną chwilę nie planujemy wydania nowej wersji kursu, ponieważ mimo zmian w aktualizacjach frameworka - wiedza zawarta w materiale w dalszym ciągu jest aktualna, a przyswojenie lekcji z użyciem ReactJS w wersji 15.3 pozwoli na poprawne i wygodne budowanie stron w oparciu o tę technologię.RENDEROWANIE Z REACT DOMCały sekret działania React opiera się na tym, że React korzysta ze sprytnego mechanizmu pracy z DOM, która omówiona jest właśnie w pierwszej sekcji. Poznasz: dokładny mechanizm działania “magii Reacta” dlaczego, wbrew temu co podpowiada intuicja, podejście React jest o wiele wiele szybsze niż klasyczne metodyprzypomnisz sobie podstawy pracy z przeglądarką i z obiektem dokumentu przy użyciu JavaScript.zobaczysz jasno różnice w podejściu standardowym do renderowania HTML w przeglądarce a tym nowym, szybszym - deklaratywnym - podejściem jakie oferuje ReactSZABLONY JSX I JAVASCRIPT W WERSJI ES6 W drugiej części skupimy się na produktywności. Zobaczysz:jak błyskawicznie przekonwertować kod HTML do kodu JSX dla Reactnauczysz się jak dzięki dynamicznym szablonom możesz renderować dowolnie złożony kod HTMLdowiesz się jak używać zmiennych i funkcji JavaScript bezpośrednio w HTMLpoznasz transpilator Babel, którego będziemy używać w kolejnych sekcjach kursuKOMPONENTY, FORMULARZE I INTERAKTYWNY INTERFEJS W następnych lekcjach dowiesz się:jak deklaratywnie budować interfejsy użytkownika z komponentówjak używać ich wielokrotnie, co zaoszczędza czasjak parametryzować i komponować je ze sobą by w bardzo prosty sposób uzyskać różne zaawansowane funkcjonalnościzobaczysz, że tworzenie takich zaawansowanych funkcjonalności jak dodawanie do koszyka metodą “Przeciągnij i Upuść”, Dynamiczna Nawigacja, Interaktywne Formularze czy niestandardowe elementy jak <Rating /> można z pomocą React’a stworzyć błyskawicznie...a następnie wykorzystywać je wielokrotnie na różne sposoby w twoich aplikacjachNARZĘDZIA, DOBRE PRAKTYKI, APLIKACJE SINGLE-PAGE Te sekcje kursu kończą część wizualną pracy z React, a rozpoczynają omawianie narzędzi i bibliotek współpracujących doskonale z biblioteką React. Krok po kroku zobaczysz:jak zamienić prostą stronę internetową napisaną w React na pełnoprawną Single Page Applicationjak strukturyzować dane i w prosty sposób przekazywać je do komponentów, by struktura aplikacji była przejrzysta i elastycznajak przekonwertować aplikacje z plików na moduły ES6jak dynamicznie budować aplikacje przy każdej zmianiejak skonfigurować super-szybki serwer developerskijak skonfigurować przeładowywanie modułów “na gorąco”, dzięki czemu zmiany w twoim kodzie będą widoczne w aplikacji natychmiast - bez odświeżenia strony przeglądarki ARCHITEKTURA DANYCH FLUX I BIBLIOTEKA REDUXW końcowych rozdziałach dowiesz się:jak dzięki podejściu funkcyjnemu architektura Flux i jednokierunkowy przepływ danych pozwalają uzyskać stabilny i przejrzysty kod aplikacjijak tworzyć wysokopoziomowe koncepcje i nie popełnić typowych błędów w swoich projektachzbudujesz własną prostą implementacje Flux - dzięki czemu refaktorując kod aplikacji uczysz się krok po kroku poznając zalety i wady poszczególnych rozwiązańdowiesz się jak skonfigurować zaawansowane narzędzia, jak np. tzw. “time-travel debugger”, czylimożliwości manipulacji stanem aplikacji płynące z zastosowania biblioteki ReduxDla kogo jest ten kurs?Kurs jest przeznaczony dla wszystkich osób, które pracowały już lub pracują na co dzień z technologiami Front-End, czyli HTML,CSS i JavaScript. Kurs skonstruowany jest w taki sposób, że już podstawowa wiedza o tych trzech technologiach pozwala własnym tempem krok po kroku zagłębić się w ogrom możliwości jakie daje React.Jednocześnie dla osób bardziej doświadcznych, np. pracujących z Frameworkami JavaScript - kurs ten pokaże zupełnie inne podejście do tworzenia apliacji, niż znany powszechnie model Model-View-Controller. React dobrze zastosowany pozwala zwielokrotnić nie tylko szybkość tworzenia aplikacji i szybkość jej działania  - ale co najważniejsze - pozwala znacznie zwiększyć komfort pracy programisty i pewność co do stabilności każdej linijki stworzonego kodu. Nawet jeśli nie planujesz zmiany technologii na React, i tak warto poznać zasady jego działania - wiedza ta może być zastosowana w innych rozwiązaniach i na pewno otwiera ona umysł na wiele nowych możliwości.

API, jak i aplikację SPA napisane w technologiach JS'owych, takich jak React, Angular czy Vue... Chmura Microsoft Azure to technologia przyszłości, która umożliwia nam tworzenie wysoce skalowalnych aplikacji globalnie.Za jej pomocą w zaledwie kilku krokach będziemy w stanie utworzyć infrastrukturę niezbędną do hostowania aplikacji webowych, baz danych oraz brokerów wiadomości.A wszystko to sprawia, że zarówno znajomość chmury jak i jej praktyczne wykorzystanie jest coraz bardziej cenione przez pracodawców i między innymi dlatego warto zapoznać się z tym tematem.W tym kursie poznasz najważniejsze serwisy oferowane przez chmurę Azure, które są na co dzień wykorzystywane przy budowaniu zarówno małych jak i wysoce skalowalnych systemów rozproszonych.Co więcej ten kurs w znacznej mierze pomoże ci w przygotowaniach do certifikatu Azure Developer. (AZ-204)Ja nazywam się Kuba Kozera i będę Twoim instruktorem.Agenda kursu prezentuję się następująco.Najpierw zaczniemy od omówienia serwisów oferujących przechowywanie różnego rodzaju danych.Między innymi będzie to usługa Azure Cosmos Db, która jest bazą danych No-SQL, charakteryzująca się wysoką skalowalnością i globalnym rozproszeniem, z możliwością skorzystania z kilku różnych API do integracji z danymi, takimi jak np. Core SQL, MongoDb czy Cassandra.Inną bazą danych, która  tym razem będzię typu klucz-wartość jest Redis Cache, który idealnie nadaję się do optymalizacji aplikacji pod kątem przechowywania często zwracanych danych, które warto zcachować.Omówimy również usługie Azure SQL, oferującą bazy danych Microsoft SQL na żądanie, bez konieczności konfiguracji serwera.Innym bardzo istotnym i często używaną usługą w kontekście przechowywania danych jest Storage account, który udostępnia kilka serwisów np. do przechowywania plików (Blob storage), wiadomości na kolejce (Queue Storage) czy interface prostych tabel (Table  Storage).Poznamy też narzędzia takie jak Azurite czy CosmosDb emulator, które umożliwią nam pracę z tymi usługami lokalnie bez konieczności wykupywania usług w Azure.Później przejdziemy do zapoznania się z usługami umożliwiającymi hostowanie aplikacji webowych.Zaczniemy od Azure Logic App, za pomocą którego, w bardzo prosty i szybki sposób będziemy w stanie utworzyć workflow aplikacji, bez konieczności kodowania.Następnie zapoznamy się z usługą Azure Web application, która będzie w stanie zarówno hostować aplikacje napisane w techonologii ASP.NET jak np. MVC czy web API, jak i aplikację SPA napisane w technologiach JS'owych, takich jak React, Angular czy Vue.Azure Function, to kolejna usługa, którą poznamy, a za jej pomocą będziemy mogli procesować zdarzenia, które zostały wykonane przez inne  usługiRównież przy pomocy Azure function, utworzymy aplikacje Web API, korzystając ze schematu hostowania serverless.Aby w bezpieczny sposób przechowywać sekrety jak i konfigurację tych aplikacji, nauczymy się korzystać z serwisu Azure Key vault.Nastomiast innym bardzo ważnym zagadnieniem w kontekście tworzenia aplikacji jest np, Monitorowanie, zbieranie logów czy sprawdzanie stanu aplikacji w czasie rzeczywistym. To wszystko umożliwi nam usługa Application Insights, z którą również się zapoznamy.Porozmawiamy również o komunikacji asynchronicznej systemów rozproszonych, oraz jak możemy taką architekturę osiągnać wykorzystując do tego usługi oferowane przez Azure, takie jak Event Grid, Service Bus czy Event Hub.Kurs jest przeznaczony dla osób, które znają język C# jak i framework ASP .NET. Jeżeli jeszcze nie znasz tych technologii, to zapraszam na moje kursy dedykowane tym tematom.Po ukończeniu tego kursu będziesz w stanie w praktyczny sposób korzystać z najważniejszych uslug chmury Azure pod kątem tworzenia aplikacji webowych.

Js Просмотреть этот курс Podstawy tworzenia aplikacji internetowych z Node.js Stwórz aplikacje z Node.js... W tym kursie dowiesz się jak używać Node.js, Docker, Express.js, MongoDB, EJS, Git/Github, Passport.js i wielu innych bibliotek i narzędzi do tworzenia aplikacji internetowych i dowiesz się, jak te komponenty ze sobą współgrają.Jeśli potrafisz programować w Javascript, tworzyć strony z HTML/CSS i chcesz nauczyć się tworzyć aplikacje internetowe, to ten kurs jest dla Ciebie!Ten kurs zapewni Ci wszystko, czego potrzebujesz, by stać się Full-Stack Developerem! Kim jest Full-Stack Developer? Jest to osoba, która zgrabnie i sprawnie porusza się po wszystkich warstwach stosu technologicznego (tzw. stack).Ten kurs zapewni Ci podstawową wiedzę, dzięki której będziesz w stanie tworzyć pełnoprawne aplikacje internetowe.

Piszesz w JS tylko wtedy, gdy musisz? Ostatni framework javascriptowy, jakiego używałeś to jQuery? Nie słyszałeś o słowie kluczowym class w JavaScript’cie? Brakuje Ci statycznego typowania? A może po prostu chciałbyś podszkolić się we front-endach?Jeśli którekolwiek z pytań wzbudziło Twoje zainteresowanie, zapraszam do wzięcia udziału w kursie :) przejdziemy krok po kroku po nowoczesnych technikach programowania w JavaScript’cie i dotkniemy aktualnych frameworków (React). To będzie dobry początek dorabiania sobie drugiej specjalizacji - drugiej nogi w modelu kompetencji Π (Pi).Kurs jest szczegółowym wprowadzeniem, przeglądem i zachętą do dalszego rozwoju w obszarze front-end. Pomoże osobom, które ogarnęłyby JavaScripta (nawet pomimo brzydkiego, dynamicznego typowania i tym podobnych), ale nie mają sił i chęci, żeby gonić za wszystkimi Node'ami, Reactami i innymi webpackami z cyklu 'nowy dzień, nowy framework'. Jeśli potrzebujesz wiedzy w pigułce - jak tworzyć nowoczesne front-endy i z jakich bibliotek warto korzystać - ten kurs jest dla Ciebie.Program jest specyficzny - kurs stawia w dużej mierze na pracę własną. W sumie jest aż 21 zadań do samodzielnego wykonania. Ćwiczenia są powiązane z wcześniejszymi wykładami, ale nie jest to proste przeniesienie jednego na drugie. W razie wątpliwości zawsze można skorzystać z odpowiedzi instruktora i pobrać gotowe rozwiązania.Będę odwoływał się do Javy i jej ekosystemu, żeby tłumaczyć co jest czym w świecie JS.Klasy tworzone przy pomocy funkcji, dziwne działanie zmiennych, problematyczny this, koercja typów rozbuchana do granic możliwości i inne dziwactwa JavaScripta. Niejeden o tym słyszał, ale na pewno nie każdy sięgnął potem do najnowszych standardów i mechanizmów, pozwalajacych na pisanie front-endów 'po ludzku'.

Js Просмотреть этот курс Node JS - poznaj podstawy back-endu i zostań Full Stackem Poznaj Node JS,... Full Stack to pozycja, która wydaje się Świętym Graalem wielu profesjonalnych front-end developerów. Atrakcyjne zarobki i ciekawe projekty to tylko część jej zalet - ale jak zacząć i w jakim kierunku pójść? 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!CO JEST ZAWARTE W KURSIE?prowadzący omówi szczegóły platformy Node.js od podstawpoznasz praktyczne techniki tworzenia aplikacji typu CLIdowiesz się jakie są różne metody tworzenia serwerów sieciowychtrochę czasu poświęciliśmy na omówienie wewnętrznej budowy platformy Node.jspoznasz pracę z zewnętrznymi modułami i npmdowiesz się czym jest framework express.js i współpraca z bazą danych MongoDBpoznasz liczne przykłady praktycznych aplikacjizdobędziesz masę cennych porad i wskazówekNODE.JS - OD PODSTAW, DO ZAAWANSOWANYCH KONCEPCJIZaczniemy od omówienia czym jest Node, a także jakie może być zastosowanie tej technologii. Następnie przejdziemy przez proces instalacji i napisanie swojego pierwszego skryptu. Już na samym początku dokładnie omówimy tworzenie własnych modułów, gdyż jest to wiedza niezbędna, by dobrze zrozumieć funkcjonowanie Node. Następnie dowiesz się:czym są zdarzeniajak działa model “publish / subscribe”czym jest “event-driven development”jak przebiega praca z buforami, stream’ami, a także ze standardowym wejściem i wyjściemjak tworzone aplikacje mogą otrzymywać od użytkownika dane oraz jak je wyświetlająPRACA Z SYSTEMEM PLIKÓWNiezwykle ważnym rozdziałem będzie ten poświęcony pracy z systemem plików - a szczególnie dla dewelopera, pracującego dotychczas z językiem JavaScript wyłącznie w środowisku przeglądarki internetowej. Node pozwala bowiem tworzyć nowe pliki, zapisywać w nich dane oraz odczytywać i usuwać pliki i katalogi. Przy wszystkich tych operacjach, niezwykle ważna jest jednak asynchroniczna natura Node. Dowiesz się jak działa, a także jakie są jej zalety. Na tym etapie nie zabraknie oczywiście praktycznego projektu, którym będzie aplikacja typu CLI (Command Line Interface). Pozwoli nam ona grupowo zmienić nazwy wielu plików według podanego wzorca.TWORZENIE SERWERÓW SIECIOWYCH W kolejnym rozdziale poruszymy fundamentalną dla Node kwestię, jaką jest tworzenie serwerów sieciowych. Zaczniemy od najniższego poziomu, tworząc prosty serwer bazujący na protokole TCP/IP. Wiedza w jaki sposób Node radzi sobie z takim zadaniem, pozwoli później lepiej zrozumieć wyższe warstwy, takie jak np. HTTP czy WebSockets. Chwilę później stworzymy swój pierwszy serwer HTTP, do którego będzie można wysyłać zapytania wprost z przeglądarki internetowej. Omówimy również jak w Node wykorzystać bezpieczne szyfrowanie HTTPS.Na tym etapie będziesz już miał solidną wiedzę na temat tego, jak pracować z Node, jednak zanim przejdziemy dalej, zatrzymamy się, by omówić jak ta platforma została zbudowana. Dwie dość obszerne lekcje, będą być może jednymi z najważniejszych w tym kursie.Dowiesz się w nich:czym jest, a także jak działa jednowątkowa pętla zdarzeńczym jest proces i wątekzobaczysz kod źródłowy Node.js i wszystkie bloki budulcowe, z jakich Node się składaTo naszym zdaniem niezwykle ważny temat, często jednak pomijany w wielu materiałach. Dzięki dogłębnemu zrozumieniu jednowątkowej natury języka JavaScript i asynchroniczności Node, będziesz mógł tworzyć dużo lepsze aplikacje.NODE.JS + EXPRESS.JS + MONGODB Node.js posiada kilkanaście wbudowanych modułów, z których w dowolnej chwili można skorzystać. Wszystkie jednak dają nam dużą, niskopoziomową kontrolę, ale czasami... dużo kodu należy napisać, by zrealizować jakieś zadanie. Jest to jednak świadomy wybór twórców Node, gdyż całą resztę świetnych rozwiązań dopisuje nieustannie ogólnoświatowa społeczność deweloperów. Zdecydowana większość z modułów ląduje w rejestrze npm. Jest to genialny package manager, który pozwoli nam wyszukiwać, pobierać i aktualizować niezliczoną ilość modułów. Dowiesz się zatem jak korzystać z npm, a chwilę później zaczniemy wykorzystywać zgromadzone tam moduły w dalszej pracy.Jednym z najpopularniejszych modułów jest express.js, który pozwala w bardzo prosty sposób tworzyć serwery HTTP. Dowiesz się wszystkiego co niezbędne, by zacząć tworzyć własne aplikacje bazujące na protokole HTTP z użyciem express.js, a także kilku dodatków do tego systemu. Zobaczysz:jak routować zapytaniajak korzystać z middleware jak serwować statyczne plikiNastępnie omówimy współpracę z bazą danych MongoDB i z jej wykorzystaniem stworzymy API typu REST. Stworzona aplikacja pozwoli odczytywać dane z bazy i przesyłać je do klienta w formacie JSON, a także dodawać nowe dane, aktualizować i usuwać je. Wszystko to zgodnie z dobrymi praktykami pracy z REST.PRAKTYCZNY PROJEKT I ES6 Chwilę później czeka Cię kolejny praktyczny projekt - skracacz linków. Stworzymy wspólnie aplikację, która pozwoli skrócić dowolny adres URL do krótkiej formy. Oczywiście będzie działać również w drugą stronę! Kiedy przejdziemy pod skrócony adres, przekieruje nas do odpowiedniej witryny. Node.js to platforma wręcz stworzona do tworzenia aplikacji typu real-time, dlatego w kolejnym rodziale podejmiemy temat technologii WebSockets. Dowiesz się:jakie są jej zaletyjak pracować z nią po stronie serwera i klientastworzymy kolejny praktyczny, niezwykle ciekawy projekt - czat grupowy Aplikacja ta pozwoli dowolnej ilości użytkowników podłączyć się do czatu podając swój nick, a następnie wysyłać widoczne dla wszystkich wiadomości. Zaimplementujemy nawet takie rozwiązania jak wyświetlanie statusów o dołączeniu kogoś do czatu, a także o jego opuszczeniu.W przedostatnim rodziale tego kursu podejmiemy tematykę dobrych praktyk pracy z Node.js. Na początku omówimy najważniejsze konstrukcje nowej specyfikacji EcmaScript 2015, które są znakomicie wspierane w Node. Chwilę później omówimy: jak korzystanie z Promises uprości, a także ulepszy nasz kodinformacje o debugowaniu aplikacjizobaczysz sprawdzone sposoby, by znaleźć błędy lub lepiej, krok po kroku, zrozumieć jak działa napisany wcześniej koddowiesz się również jak pracować z błędami, by Twoje aplikacje działały w sposób przewidywalnyPRAKTYCZNY PROJEKT Z GIT I HEROKUOstatni rozdział w całości został poświęcony temu, co zwykle jest pomijane w innych materiałach, mianowicie wdrażaniu aplikacji do produkcji. Przez cały ten kurs pracować będziemy lokalnie, lecz kiedy aplikacje są już gotowe... No cóż - wypadałoby udostępnić je światu. Wdrażanie aplikacji napisanych z użyciem Node.js nie jest jednak tak oczywiste, jak np. wgrywanie WordPress’a u wybranego hostingodawcy. Ty będziesz miał jednak możliwość zobaczyć, jak wdrożyć napisany przez nas grupowy czat na platformie Heroku. Jest to bardzo popularny serwis działający jako PaaS (Platform as a Service). Za darmo będziesz mógł w ciągu kilku chwil uruchomić swoją aplikację.Serwisy typu PaaS dbają o bardzo wiele aspektów wdrażania i serwowania naszych aplikacji, takich jak bezpieczeństwo oraz nieustanną dostępność. Mają jednak pewne ograniczenia. Z tego powodu, dowiesz się również jak wdrożyć swoją aplikację na serwerze wirtualnym VPS z systemem Ubuntu Server. Takie rozwiązanie daje nam całkowitą kontrolę, ale także obarczone jest większą odpowiedzialnością. Zaczniemy od instalacji na serwerze platformy Node.js, systemu kontroli wersji GIT, a także innych niezbędnych modułówKONFIGURACJA ŚRODOWISKA I PORADY W następnych częściach kursu zobaczysz jak skonfigurować swoje lokalne środowisko tak, by za pomocą GIT’a wysyłać kod do zdalnego serwera, a potem jednym poleceniem wdrażać go do produkcji. Dowiesz się również:jak jednocześnie serwować wersję produkcyjną oraz developmenckądowiesz się czym są procesy potomne nauczysz się tworzyć klastrybędziesz mógł maksymalnie wykorzystać dostępne zasoby serwerarzucimy okiem również na inne, nie przedstawione wcześniej zastosowania Node, a także nakreślimy dalszą drogę nauki w tym zakresieDLA KOGO JEST TEN KURS?Kurs ten jest dla wszystkich osób, które dobrze czują się w technologiach frontendowych, tj. HTML, CSS i JavaScript, a teraz chcą rozpocząć swoją przygodę z back-endem. Im zatem lepiej znasz język JavaScript, tym więcej wyciśniesz z Node, natomiast nie jest wymagana bardzo zaawansowana wiedza z zakresu tego języka.

A może jQuery? Chyba każdy front-endowiec słyszał o bibliotece korzystającej ze znaczka dolara...Czy startując z nowym projektem jest jednak sens podpinać jQuery? Do czego można wykorzystać tę bibliotekę w dniu dzisiejszym? Jakie były jej zalety i czy dalej mają taką moc?W kursie przedstawiam najnowsze mechanizmy przeglądarek i JS-a, którymi z powodzeniem można zastąpić jQuery:classList, querySelector, forEach, dataset, URLSearchParams, fetch, Promise, spread operatorPojawiają się też mechanizmy, ułatwiające pracę, nawet przy korzystaniu z jQuery, np. async/await i Animate.css.Znane są przypadki firm, które pozbywają się jQuery ze swojego front-endu. Są to chociażby GitLab i GitHub. Ten drugi zrezygnował z biblioteki na rzecz Web Componentów, którym jest poświęcona w całości jedna sekcja kursu.Na końcu poruszony jest jeszcze jeden, palący problem - uspójnienie kodu pomiędzy przeglądarkami (cross-browser) oraz wspieranie starych przeglądarek (tak, wliczając IE8). Da się to zrobić z wykorzystaniem tzw. polyfillów oraz chociażby Babela. Przykładowe rozwiązanie zostało szczegółowo omówione w kursie.