JavaScript - poznaj zaawansowane techniki
Rozwiń swoje umiejętności pracy z JavaScript i zacznij tworzyć zaawansowane projekty!
Description
Znasz już fundamenty działania JavaScript, ale chcesz pójść o krok dalej i wykorzystywać pełnię potencjału, jaki w sobie kryje ten język programowania?
To kurs właśnie dla Ciebie! Poznasz zaawansowane zagadnienia, techniki wykorzystywane przez profesjonalistów, a Twoje projekty wejdą na zupełnie nowy, przedtem nieosiągalny poziom. Co ważne, wiedza w kursie została usystematyzowana tak, by nie było mowy o żadnych "lukach" zarówno w kwestiach teoretycznych, jak i praktycznych.
Kurs jest dopełnieniem wiedzy z zakresu języka JavaScript i Obiektowego Modelu Dokumentu z kursu “JavaScript od Podstaw”. Jeżeli oglądałeś ten materiał - świetnie! Nie jest to wymagane, ale sprawi, że Twoja wiedza z pewnością będzie rzetelna i uporządkowana.
CO JEST ZAWARTE W KURSIE?
W pierwszych lekcjach kursu:
poznasz szczegółowo koncepcje programowania zorientowanego obiektowo - omówimy wszystkie z nich na przykładzie pseudo-kodu, niezwiązanego bezpośrednio z językiem JavaScript
zrozumiesz, jak realizowane jest programowanie obiektowe w wielu popularnych językach programowania
dowiesz się czym jest klasa, obiekt czy instancja
przekonasz się czym są właściwości i metody
zrozumiesz takie pojęcia jak dziedziczenie, polimorfizm, abstrakcja czy enkapsulacja
W następnych częściach kursu przejdziemy już do języka JavaScript i do zrozumienia tego, w jaki sposób powyższe koncepcje są w nim zaimplementowane. Język ten nie jest bowiem w 100% klasycznie obiektowy, jak np. język PHP. Co jednak bardzo istotne, JavaScript implementuje tzw. dziedziczenie prototypowe, którego bardzo dogłębne zrozumienie, gwarantuje zrozumienie całego języka JavaScript.
Dowiesz się zatem:
czym są konstruktory i jak je tworzyć
jak korzystać z prototypu funkcji
jak wykorzystać obiektowość do własnych celów, co później wykorzystamy w praktyce
jak rozszerzać wbudowane konstrukcje języka JavaScript czy Obiektowego Modelu Dokumentu, a także kiedy powinniśmy to robić.
Omówimy problemy, jakie mogą się pojawiać przy korzystaniu ze słowa kluczowego this, a także sposoby ich rozwiązania. Poznasz 3 bardzo ważne metody funkcji: call, apply i bind.
JavaScript ma wiele specyficznych cech, a jedną z nich są tzw. domknięcia. W jednym z rozdziałów zobaczysz, do czego one służą i kiedy powinniśmy z nich korzystać. Dopełnimy tym również wiedzę związaną z programowaniem obiektowym i tzw. prywatnością.
OBIEKTOWOŚĆ W JAVASCRIPT
Rozdział o obiektowości został celowo umieszczony na samym początku kursu, gdyż zrozumienie tych koncepcji pozwala patrzeć zupełnie inaczej na wszystkie pozostałe. Po tym rozdziale przejdziemy do omówienia bardzo popularnego, lekkiego formatu wymiany danych JSON. Dowiesz się jak wygląda składnia tego formatu, a także jak współpracuje on z językiem JavaScript.
TECHNOLOGIA AJAX
Następnie przejdziemy do bardzo ekscytującego tematu, jakim jest technologia AJAX. Dzięki niej możemy wysyłać zapytania do serwera i pobierać dane bez przeładowywania witryny.
Do zrozumienia AJAXa niezbędne jest jednak rozumienie działania protokołu HTTP, na którym opiera się sieć www. Z tego powodu jedna z lekcji została w 100% poświęcona HTTP i dowiesz się z niej jak wysyłane są żądania i odpowiedzi, a także tzw. nagłówki, które będą dla nas niezwykle istotne.
Chwilę później omówimy również bardzo ważne mechanizmy:
Same- origin policy
CORS (które blokują możliwość wysyłania żądań AJAX do pewnych serwerów)
przejdziemy do napisania pierwszego kodu, wysyłającego asynchroniczne żądanie do serwera
dowiesz się jak wysyłać, a także odbierać dane z serwera
jak umieszczać je na stronie oraz śledzić postęp zarówno wysyłania, jak i pobierania danych

W tym rozdziale na przestrzeni kilku lekcji napiszemy swoją własną bibliotekę AJAX, która pozwoli w niezwykle łatwy sposób wysyłać i odbierać dane. Skorzystamy w niej już w kolejnej lekcji, gdzie zobaczysz, jak wysłać wiadomość e-mail z użyciem AJAX i PHP po stronie serwera.
Gotowy skrypt będziesz mógł umieścić na własnej stronie internetowej.
Na zakończenie tego rozdziału omówimy również dokładnie technikę o nazwie JSONP, które pozwala wysyłać tzw. żądania “cross-origin”. Przekonasz się dlaczego taka technika powstała i jak współpraca klienta i serwera potrafi obejść zabezpieczenia przeglądarek.
Kolejnym tematem omówionym w kursie będą Cookies, czyli tzw. ciasteczka. Dowiesz się czym są, w jakim celu istnieją, a także jak są ustawianie przez serwer. Co ciekawe, również z poziomu języka JavaScript będziemy mieli do nich dostęp, a zatem zobaczysz jak je ustawiać i odczytywać. Na tym etapie przyda nam się wiedza zdobyta w lekcji o protokole HTTP.
WYRAŻENIA REGULARNE
W kursie znajdziesz również rozdział poświęcony w 100% wyrażeniom regularnym. To mechanizm języka, który pozwala dopasowywać tekst do definiowanych przez nas wzorców. Wyrażenia regularne potrafią być bardzo zaawansowane i odstraszać, dlatego rozłożymy je na czynniki pierwsze, byś dokładnie je zrozumiał.
Na przestrzeni wielu lekcji dowiesz się:
jakie są specjalne symbole wykorzystywane przy wyrażeniach regularnych
czym są kwantyfikatory i kotwice
czym jest grupowanie
jakie może być wykorzystanie wyrażeń regularnych w języku JavaScript - poznasz zarówno metody obiektu RegExp jak i te dostępne na obiekcie String.
Dzięki nim będziemy mogli wyszukiwać np. adresy e- mail w podanym tekście, usuwać je lub zamieniać na coś innego. Jako praktyczny projekt, stworzymy “Antybluzgacz”. Wykorzystamy do tego celu programowanie obiektowe, a sama aplikacja będzie pozwalała filtrować wpisywany przez użytkownika tekst wiadomości i wyłapywać w nim niecenzuralne słowa. Wszystkie z nich zamienimy na przypadkową reprezentację znaków, np. $#!@%^. Ten projekt pokaże Ci nie tylko jak korzystać z wyrażeń regularnych, ale także jak profesjonalnie pracować z kodem JavaScript.
PRAKTYCZNE WSKAZÓWKI
W przedostatnim rozdziale tego kursu znajdziesz lekcje związane z dobrymi praktykami pracy. Omówimy tzw. “strict mode” języka JavaScript, zagadnienia związane z minifikacją i konkatenacją skryptów, sprawdzaniem poprawności pisanego kodu oraz delegacją zdarzeń DOM.

Na końcu kursu znajdziesz 10 krótkich lekcji z serii Tips & Tricks, które przybliżą Ci wiele ciekawych konstrukcji języka JavaScript, a także technik na rozwiązanie różnych problemów. Zobaczysz np. jak wczytać obrazy w tle czy jak wyświetlić na pasku tytułowym witryny migające powiadomienie.
Kurs 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 przejść na naprawdę wysoki poziom rozumienia języka, a także dobrych praktyk pisania kodu.
What You Will Learn!
- poznaj wskazówki, które pomogą Ci uniknąć częstych błędów
- naucz się pracować z formatem danych JSON z AJAX
- poznaj wyrażenia regularne
- przekonaj się jak działa dziedziczenie prototypowe i domknięcia
- poznaj wszystkie tajniki wszechobecnych "ciasteczek"
- dowiedz się czym jest “strict mode” w JavaScript
- poznaj na praktycznych przykładach wykorzystanie zaawansowanych technik Javascript
- stwórz zaawansowane, profesjonalne projekty pod okiem prowadzącego
Who Should Attend!
- Programiści JavaScript, chcący kontynuować naukę i poszerzać swoje umiejętności