Kurs JavaScript

Wprowadzenie

Lekcje
  • Opis
  • Recenzje
  • Autor
  • Transkrypt

51 ocen

Lubię to! 336

Wprowadzenie

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ą!

  1. Wstep do programowania oraz najwazniejsze konstrukcje jezyka
  2. Liczne “smaczki” zwiazane z kazda z konstrukcji
  3. Obiektowy Model Dokumentu i DOM API
  4. Wyszukiwanie elementów na stronie
  5. Tworzenie nowych, praca z ich trescia, atrybutami, stylami CSS
  6. Odczytywanie wspólrzednych polozenia elementu i jego wymiarów
  7. Obsluga zdarzen i debugowanie kodu
  8. Praktyczne projekty
  9. I wiele, wiele wiecej!

Witaj w kursie JavaScript od Podstaw!

Jeśli poznałeś już wymienione wyżej technologie, to zapewne zdajesz sobie sprawę z ich ograniczeń. Za pomocą języka HTML tworzymy bowiem strukturę dokumentu, dodajemy treść tekstową, obrazy czy wideo. Aby jednak strona internetowa wyglądała perfekcyjnie, korzystamy z arkuszy stylów CSS, które pozwalają nam opisać wygląd wszystkich elementów HTML, ustawić wielkość tekstu czy dodać tło strony. No właśnie, ale gdzie tutaj interakcyjność?

Zapewne już wiesz, że język CSS oferuje tzw. pseudoklasy, które pozwalają nam np. przypisać zmianę koloru elementu po najechaniu na niego kursorem myszy. I to tak naprawdę wszystko, na co możemy zareagować. A co gdybyśmy chcieli po wciśnięciu jakiegoś przycisku wysunąć ukryty panel, sprawdzić poprawność wypełnianego właśnie formularza lub pobrać dane z serwera i wyświetlić je na stronie bez przeładowywania witryny? Dobra wiadomość jest taka, że to wszystko jest możliwe z użyciem języka JavaScript, który “rozumie” każda przeglądarka internetowa.

Choć język JavaScript powstał jako język skryptowy na potrzeby stron internetowych, to już dawno temu “wyszedł” z przeglądarek internetowych i może być używany tak naprawdę gdziekolwiek. W kursie, który masz przed sobą, poznasz język JavaScript jako niezależny język programowania, a dopiero później dowiesz się, jak wykorzystywać go do wzbogacania stron internetowych. Dzięki postawieniu grubej linii pomiędzy samym językiem, a Obiektowym Modelem Dokumentu dostępnym w przeglądarkach internetowych, będziesz nie tylko bardzo dobrze rozumiał sam język, ale w przyszłości wykorzystasz go do innych zastosowań.

Na początku omówimy ciekawą historię języka JavaScript, a chwilę później rozpoczniemy poznawanie najważniejszych jego konstrukcji. I tak dowiesz się czym są zmienne, jakie typy danych dostępne są w tym języku, czym są liczne operatory, instrukcje warunkowe, pętle, tablice, obiekty i funkcje. Wszystkie te zagadnienia są bardzo podobne w innych językach programowania, dlatego kurs ten jest również świetnym wstępem do programowania w ogóle. Każda z przedstawianych konstrukcji języka jest bardzo dokładnie tłumaczona z myślą osobach początkujących. Nie zmienia to jednak faktu, że nawet osoby znające już podstawy języka JavaScript znajdą tutaj coś dla siebie, gdyż na każdym etapie przedstawiane są również liczne ciekawostki odnośnie danej konstrukcji.

Kiedy zrozumiesz już jak działa język JavaScript, przejdziemy do drugiej połowy kursu, gdzie dokładnie omówimy Obiektowy Model Dokumentu, dostępny w przeglądarkach internetowych. Zobaczysz jak przeglądarka tworzy z kodu HTML drzewo dokumentu, jak reprezentowane są poszczególne jego węzły, a także jak język JavaScript potrafi z tym “wewnętrznym światem” współpracować. Dowiesz się jak wyszukiwać na stronie interesujących nas elementów HTML, a także jak tworzyć nowe elementy, przypisywać im treść i wstawiać je na stronę. Popracujemy również z atrybutami elementów, ich klasami i wreszcie ze stylami CSS, abyśmy mogli wpływać dynamicznie na wygląd naszej strony.

Zobaczysz również, jak możemy w dowolnym momencie odczytać współrzędne położenia elementu na stronie, a także jego wysokość czy szerokość. Tę wiedzę wykorzystamy później w praktycznym przykładzie.

Jeden z rozdziałów kursu poświęcony został zdarzeniom, a więc możliwości reagowania na zachowania użytkownika. Dzięki temu zobaczysz, jak możemy przypisać np. zdarzenie kliknięcia do wybranego elementu, a kiedy zostanie on kliknięty, wykona się przygotowany przez nas kod. Poznasz kilka różnych sposobów na przypisywanie oraz usuwanie zdarzeń, a także dowiesz się czym jest tzw. “bubbling” oraz “capturing” czy jak zablokować domyślną akcję przeglądarki.

Przy pisaniu jakiegokolwiek kodu, zawsze pojawiają się błędy, dlatego i tutaj Twoje wątpliwości nie pozostaną bez odpowiedzi. Poznasz wszystkie typu błędów, które mogą się pojawić podczas wykonywania naszego kodu, a także wiele sposobów ich wykrycia i wyeliminowania.

W kursie nie brakuje oczywiście praktycznych przykładów, które celowo zostały ułożone tak, aby wykorzystać w nich jak najwięcej zdobytej wcześniej wiedzy. Nie zostaniesz więc sam z poczuciem, że co prawda rozumiesz jak działa dana konstrukcja, ale nie masz pomysłu, kiedy z niej skorzystać. Na początek wykonamy praktyczny projekt losowania liczb z wybranego przedziału tak, aby nie mogły się powtórzyć. Już przy tym projekcie poznasz wiele ciekawych technik i sztuczek.

Następnie przejdziemy do nieco bardziej zaawansowanego przykładu i napiszemy skrypt, który pozwoli nam sortować dane w tabeli po wybranych kolumnach, kiedy któraś z nich zostanie kliknięta. Zobaczysz jak sortować dane zarówno malejąco jak i rosnąco, a także jak zmieniać kolejność elementów HTML na stronie.

W kolejnym projekcie zajmiemy się walidacją danych wpisywanych do formularza, by ten nie mógł zostać wysłany do serwera tak długo, jak zawiera jakiekolwiek błędy. Zobaczysz tutaj zdarzenia związane z polami formularza, a także sposoby na pobieranie z nich wartości i sprawdzanie czy są one poprawne. Zadbamy także o wrażenia użytkownika i wyświetlimy na stronie stosowne błędy, a także podświetlimy źle uzupełnione pola na czerwono.

W przedostatnim projekcie wstawimy na stronę przycisk, który będzie się pojawiał po przewinięciu strony w dół, a znikał po odwrotnej akcji. Co jednak ciekawe, po jego kliknięciu, strona zostanie automatycznie, płynnie przewinięta do samej góry.

W ostatnim projekcie stworzymy bardzo efektowny dymek z podpowiedzią, który będzie się pojawiał nad elementem po najechaniu na niego kursorem myszy. Wykorzystamy tutaj mnóstwo ciekawych technik. Dowiesz się również jak swój kod przygotować w taki sposób, abyś mógł go udostępnić innym osobom, by w łatwy sposób skorzystały z przygotowanego Tooltipa na swoich stronach.

Kurs kończy się sekcją Tips & Tricks, w której znajdziesz 10 krótkich lekcji. W każdej z nich została omówiona jedna sztuczka. Każda z nich pozwoli Ci jeszcze lepiej zrozumieć język JavaScript, ale przede wszystkim zaoszczędzić czas i kilka linijek często niepotrzebnego kodu.

Podsumowując, kurs ten jest nie tylko wprowadzeniem do samego języka JavaScript, ale także do Obiektowego Modelu 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ń, poza przeglądarką internetową.

Kurs JavaScript od Podstaw to między innymi:

  • Wstęp do programowania
  • Najważniejsze konstrukcje języka
  • Liczne “smaczki” związane z każdą z konstrukcji
  • Obiektowy Model Dokumentu i DOM API
  • Wyszukiwanie elementów na stronie
  • Tworzenie nowych, praca z ich treścią, atrybutami, stylami CSS
  • Odczytywanie współrzędnych położenia elementu i jego wymiarów
  • Obsługa zdarzeń
  • Debugowanie kodu
  • Praktyczne projekty
  • I wiele, wiele więcej!

Dla kogo jest ten kurs?

Kurs ten 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. Żadna wcześniejsza wiedza z zakresu JavaScript czy programowania nie jest wymagana, gdyż wszystkie konstrukcje są starannie tłumaczone. Materiał ten będzie również świetnym odświeżeniem i usystematyzowaniem wiedzy dla osób, które już z tym językiem miały do czynienia. Po przerobieniu tego kursu będziesz gotowy, by poznawać język JavaScript dalej, z kursem JavaScript w Praktyce, który powstał jako dopełnienie tego kursu i porusza nieco bardziej zaawansowane tematy, na które tutaj zabrakło już czasu.

Dlaczego wybrać właśnie ten kurs?

  1. 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ę z tworzonych projektów.
  2. 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 przygotować ciekawe projekty z użyciem JavaScript.
  3. Uczysz się na praktycznych przykładach. Zebrane techniki wynikają z praktyki a same dodatki które stworzymy są omówione kompleksowo. Kurs, który masz przed sobą to esencja praktycznej wiedzy i doświadczenia a także skrótów, które oszczędzą Ci godziny pracy i poszukiwań.
10 godzin

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

8 godzin

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

10 godzin

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

11 godzin

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

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

60 minut

Co nowego w EcmaScript 2018

EcmaScript 2015 to standard znany szerzej pod skrótem ES6. To jak do tej pory największa jednorazowa zmiana w specyfikacji, na której bazuje język JavaScript. Co ważne, standard ten zapoczątkował ruch w kierunku ciągłego rozwoju tego języka, a twórcy specyfikacji podjęli wyzwanie wydawania kolejnych wersji każdego roku. I tak w 2016 i 2017 roku otrzymaliśmy kilka nowości. Nie były one przełomowe, nie było ich również tak wiele, jak w roku 2015. Taki bowiem był cel, aby wydawać nowe standardy częściej, ale z mniejszą liczbą zmian. <br><br> W roku 2018 planowane jest wydanie kolejnej wersji standardu - EcmaScript 2018. I choć prace nad nim nie zostały jeszcze ukończone, to już kilka propozycji znalazło się w fazie 4, a więc są zatwierdzone, a kilka wciąż pozostaje w fazie 3, mając szansę na dostanie się do standardu. <br><br> W tym warsztacie przyjrzymy się wszystkim nowościom, z których już dziś można korzystać, usprawniając swoją pracę z kodem JavaScript. Poprzednie wersje, tj. 2015+ omówliśmy już szczegółowo w <a href="https://eduweb.pl/kursy/javascript/ecmascript6-nowy-standard-javascript.html">kursie EcmaScript 2015</a>. <br><br> Na warsztat zaprasza Piotr Palarz.

Piotr Palarz

60 minut

Progressive Web Apps - Service Workers

Progressive Web Apps to termin określający aplikacje internetowe, spełniające pewne kryteria. Aplikacje te powinny być niezawodne, szybkie i angażujące. Pod tymi słowami kluczowymi kryją się jednak konkretne techniki i technologie, które należy zastosować, by aplikację określić tym mianem. Jedną z nich jest serwowanie treści zawsze z użyciem bezpiecznego protokołu HTTPS, dostosowanie widoku do urządzeń mobilnych czy możliwość wyświetlania treści bez aktywnego połączenia z internetem.<br><br> W tym warsztacie omówimy po krótce całą "checklistę" dla PWA, a także skupimy się dokładniej na jednym z aspektów takich aplikacji - na ich działaniu w trybie offline. Przyjrzymy się technologii o nazwie Service Workers, która takie zadanie umożliwia. Zobaczysz jak zarejestrować "workera", a także jak za jego pomocą serwować treści z pamięci podręcznej. Zareagujemy również na ponowne połączenie z internetem, by prezentować użytkownikom aktualne treści, gdy tylko to możliwe.<br><br> Na warsztat zaprasza Piotr Palarz.

Piotr Palarz

110 minut

Co nowego w ES6

ES6 to potoczna nazwa, która określa najnowszą wersję specyfikacji EcmaScript, na której z kolei bazuje język JavaScript. Specyfikacja ta oficjalnie zadebiutowała w 2015 roku pod nazwą EcmaScript 2015, wnosząc do języka bardzo wiele nowych funkcji oraz poprawek. I choć wydana została już kolejna wersja EcmaScript 2016 i corocznie wydawane będą następne wersje, to nie wnoszą one jednorazowo tak wiele zmian jak ta z 2015 roku. <br><br> W warsztacie tym przyjrzymy się większości z nowych funkcjonalności w ES6, takim jak nowe słowa kluczowe do tworzenia zmiennych, zmiany w funkcjach czy nowy zapis dla klas. Dowiesz się również jak pracować z modułami, jak korzystać z operatorów rest i spread, jak dekomponować obiekty, wykorzystywać iteratory czy tworzyć tzw. promise. <br><br> I choć nowoczesne przeglądarki świetnie wspierają nowy standard, to wciąż bezpieczną i dobrą praktyką jest transpilowanie kodu napisanego w ES6 do poprzedniego standardu - ES5. Dowiesz się zatem jak takie zadanie wykonać automatycznie z użyciem Babel. To najlepszy czas na to, by tworzyć nowoczesny kod z użyciem najnowszych funkcji języka JavaScript! <br><br> Na warsztat zaprasza Piotr Palarz.

Piotr Palarz

104 minut

Nowoczesny Workflow z Webpack 2

Webpack to narzędzie, które w ostatnim czasie zyskuje ogromne uznanie wśród Front-end Developerów. Nie dzieje się tak jednak bez przyczyny, gdyż korzystanie z webpacka znacznie ułatwia tworzenie nowoczesnych, rozbudowanych aplikacji internetowych, a narzędzie to stało się nawet częścią angular-cli dostępnego w <a href="https://eduweb.pl/kursy/javascript/angular2-od-podstaw.html">Angular 2</a>. <br><br> W warsztacie tym poznasz narzędzie webpack 2 od podstaw. Napiszemy wspólnie każdą potrzebną linijkę w pliku konfiguracyjnym, a poszczególne zagadnienia rozłożymy na czynniki pierwsze. Zrozumienie idei, jaka kryje się za webpackiem, jest kluczowe do odpowiedniego wykorzystania tego narzędzia. Jest to bowiem tzw. bundler kodu. Ale co to oznacza? Czym różni się od <a href="https://eduweb.pl/live/automatyzacja-z-gulp.js">Gulpa</a> czy <a href="https://eduweb.pl/live/wprowadzenie-do-grunt-js">Grunta</a>? Ten warsztat odpowie na wszystkie te pytania. Dodatkowo dowiesz się jak pracować z modułami ES6, jak transpilować kod ES6 do ES5 z użyciem Babel oraz jak pracować z kodem SASS wprost w swoich modułach. <br><br> Kiedy zrozumiesz jak działa webpack, bez trudu stworzysz swój wymarzony workflow! <br><br> Na warsztat zaprasza Piotr Palarz.

Piotr Palarz

60 minut

Tworzenie Aplikacji CMS z KeystoneJS cz.2

Zobaczysz jak przygotowaną w <a href="http://eduweb.pl/live/tworzenie-aplikacji-cms-z-keystonejs-cz.-1">poprzednim warsztacie (klik)</a> bazę rozwinąć o nowe możliwości. Dodamy funkcjonalności pozwalające na rejestrację zewnętrznych użytkowników, a także dodawanie przez nich ogłoszeń, którymi będzie można zarządzać wprost z przyjaznego panelu administracyjnego. <br><br> Te dwa warsztaty pokażą Ci niemal wszystko co jest potrzebne, by tworzyć zaawansowane aplikacje CMS z użyciem KeystoneJS. <br><br> Na warsztat zaprasza Piotr Palarz.

Piotr Palarz

60 minut

Tworzenie Aplikacji CMS z KeystoneJS cz. 1

Node.js to świetna platforma do tworzenia nowoczesnych oraz wydajnych aplikacji webowych. Wraz z jej rozwojem, pojawiają się nowe projekty, moduły czy frameworki, które jeszcze bardziej ułatwiają budowanie takich aplikacji. Jednym z najciekawszych frameworków zbudowanych na tej platformie jest KeystoneJS, który umożliwia łatwe tworzenie systemów CMS. Z tego warsztatu dowiesz się jak zainstalować KeystoneJS, a także jak na bazie tego frameworku zbudować prosty blog z możliwością zarządzania treścią. Następnie stworzymy własny typ wpisów - ogłoszenie - i będzie to baza pod drugą część tego warsztatu, <a href="http://eduweb.pl/live/tworzenie-aplikacji-cms-z-keystonejs-cz.2">którą znajdziesz tutaj (klik)</a>. <br><br> Zobaczysz, że tworzenie aplikacji z dostępnym panelem administracyjnym może być naprawdę proste i przyjemne. <br><br> Na warsztat zaprasza Piotr Palarz.

Piotr Palarz

60 minut

Techniki budowania biblioteki JavaScript

jQuery to najpopularniejsza biblioteka JavaScriptowa na świecie. Nie byłoby tak jednak, gdyby nie fakt, iż jest ona bardzo dobrze zbudowana, funkcjonalna i ciągle rozwijana. Sam być może znasz już język JavaScript, lecz zastanawiasz się, w jaki sposób tworzone są tak znakomite projekty jak jQuery.<br><br> W tym warsztacie poznasz co nieco historii biblioteki jQuery, a także dowiesz się, w jaki sposób została zbudowana. Przyjrzymy się najlepszym praktykom budowania własnej biblioteki JavaScriptowej, sposobom pracy nad jej kodem przez wiele osób, a także jej dystrybucji.<br><br> Na warsztat zaprasza Piotr Palarz.

Piotr Palarz

63 minut

Logowanie i autentykacja użytkowników w Express.js

Tym razem poszerzymy wiedzę zdobytą w kursie <a style="color: #1696c5" href="http://eduweb.pl/kursy/javascript/nowoczesne-aplikacje-webowe-backbone.html">Nowoczesne Aplikacje Webowe z Backbone.js</a> o tematy związane z logowaniem i autentykacją użytkowników. <br><br> Dowiesz się jak przechowywać w bazie danych MongoDB dane użytkownika wraz z zaszyfrowanym hasłem, jak stworzyć mechanizm logowania wykorzystujący w połączeniu z Express.js sesje, a także jak to wszystko połączyć z aplikacją bazującą na Backbone.js, którą stworzyliśmy we wspomnianym kursie. <br><br> Na warsztat zaprasza Piotr Palarz. </body> </html>

Piotr Palarz

88 minut

Wprowadzenie do CoffeeScript

Spędzasz dużo czasu na pisaniu aplikacji w JavaScript? A może nie kodujesz w JS bo nie podoba Ci się jego składnia? W takim razie musisz sprawdzić CoffeeScript! CoffeScript to język programowania kompilowany do JavaScriptu. Aby zwiększyć czytelność kodu, jego składnia jest inspirowana Rubym oraz Pythonem. Pisząc aplikacje w CoffeScript, twój kod może być krótszy o 1/3 w porównaniu do jego JavaScriptowego odpowiednika, a to wszystko bez utraty wydajności! W trakcie tego warsztatu, poznasz podstawową składnię tego języka, a także zobaczysz jak CoffeeScript sprawdza się w praktyce podczas tworzenia aplikacji todo-listy "CoffeeTasks". Pracujesz na codzień z jQuery? To świetnie, podczas warsztatu dowiesz się jak pisać aplikacje w CoffeeScript z wykorzystaniem biblioteki jQuery. <br/><br/> Serdecznie zapraszam, Maciej Żukiewicz

Maciek Zukiewicz

60 minut

Optymalizacja Stron WWW dla Urządzeń Mobilnych

W dobie coraz szybszego internetu często zapominamy o dobrej optymalizacji tworzonych przez nas stron i aplikacji internetowych. Powodów jest wiele: niewiedza, ignorancja, brak czasu. Ważna jest jednak świadomość, jak źle zoptymalizowane witryny, a dokładnie czas ich ładowania, wpływają na straty w prowadzonym biznesie. <br><br> Wiele z przeprowadzonych badań mówi jasno: internauci są dość wymagający i czas ładowania strony dłuższy niż 3 sekundy, potrafi ich skutecznie zniechęcić do dalszego oczekiwania. I co ciekawe, mówimy tutaj o czasie ładowania na urządzeniach mobilnych. Jednak nie tylko odwiedzający nasze witryny stawiają dla nas wysokie wymagania, gdyż od jakiegoś czasu również mechanizmy indeksujące wyszukiwarek internetowych gratyfikują strony dostosowane do urządzeń przenośnych, ale także dobrze zoptymalizowane. <br><br> Jeśli zatem jesteś osobą prowadzącą biznes online lub Web Developerem, który chce dobrze wykonać swoją pracę, powinieneś znać wszystkie tajniki optymalizacji stron internetowych dla urządzeń mobilnych. <br><br> W warsztacie tym poznasz więcej danych pochodzących z badań i statystyk, a następnie dowiesz się jakie kroki należy podjąć aby zbadać poziom zoptymalizowania witryny za pomocą popularnych narzędzi. Nie zabraknie również solidnego omówienia technicznych aspektów, które wpływają na czas ładowania się witryn internetowych, a także wielu przydatnych technik, które pozwolą się z tymi problemami uporać. <br><br> Jeśli zatem chcesz zoptymalizować swoją stronę internetową, by bardzo szybko wczytywała się na urządzeniach mobilnych, nawet podłączonych do sieci 3G, to koniecznie powinieneś wziąć udział w tym warsztacie. <br><br> Do usłyszenia, <br> Piotr Palarz

Piotr Palarz

92 minut

Wprowadzenie do Grunt JS

W dzisiejszych czasach aplikacje webowe stają się coraz poważniejsze i liczą coraz więcej linijek kodu. Z tego powodu coraz trudniej pracuje się nad dużymi projektami, szczególnie, gdy wiele żmudnych zadań wykonujemy za każdym razem własnoręcznie. Tak jednak nie musi być, gdyż wraz z rozwojem branży, pojawiają się również nowe narzędzia, które ułatwiają nam wszystkim pracę. <br><br>Takim właśnie narzędziem jest Grunt.JS. To automator zadań, który wykona wiele z powtarzających się czynności za nas. Wystarczy, że odpowiednio skonfigurujemy nasz projekt instalując moduły i dostosowując zadania. Zobacz wprowadzenie do Warsztatu: <br><br> <iframe width="640" height="360" src="//www.youtube.com/embed/YJrOSEsFQLU?list=UUlpH0qhrmiq2HWO_FkUuTTg" frameborder="0" allowfullscreen></iframe> <br><br> Czas poświęcony w naukę tego narzędzia zwróci się w przyszłości wielokrotnie. Mniej frustracji, więcej wolnego czasu! <br><br> Na warsztat zaprasza Piotr Palarz.

Grzegorz Róg

60 minut

Techniki Ładowania CSS i JS - Script Loaders

Czy zastanawiałeś się kiedyś, jaka jest prawidłowa kolejność umieszczenia skryptów oraz ich referencji w pliku HTML? Odpowiednie ładowanie skryptów ma ogromne znaczenie w kontekście wydajności Twojej witryny. Dowiedz się, jak przeglądarka parsuje pliki, czym są mechanizmy asynchroniczne a także jakie są sztuczki oraz techniki ładowania dodatkowych skryptów, które pozwolą Twojej witrynie działać sprawniej. <br><br> W tym warsztacie zajmiemy się tematem Script Loaderów, czyli narzędzi pozwalających na dynamiczne doładowywanie skryptów JavaScript czy też CSS. Poznasz takie rozwiązania jak LabJS, LazyLoad, BasketJS, YeapNope czy RequireJS. Dowiesz się również, jakie są różnice między tymi narzędziami oraz jak wybrać to odpowiednie, które pozwoli świadomie ładować skrypty w locie lub doładowywać je wtedy, gdy użytkownik wykonuje inne czynności na stronie. To wszystko znacznie zwiększy wydajność Twojej witryny. <br><br> Na Warsztat zaprasza Maciej Żukiewicz

Piotr Palarz

90 minut

Efekt Parallax na Stronie WWW

W tym Warsztacie poznasz od podstaw bardzo modny efekt Parallax, który możesz zastosować na swojej stronie WWW. Zajmiemy się dokładnym omówieniem podstawowych schematów wykorzystania Parallax na praktycznych przykładach. Przerobimy między innymi: <ul class="livelist"> <li>Poruszanie obiektami w zależności od położenia kursora myszy</li> <li>Scrollowanie stron z efektem Parallax</li> <li>Slider z wykorzystaniem jQuery Parallax i CSS3</li> </ul> <br> Przykłady zastosowania efektu Parallax znajdziesz na tych stronach WWW: <br> <p> <a href="http://www.zensorium.com/tinke/">http://www.zensorium.com/tinke/</a><br> <a href="http://www.ok-studios.de/home/">http://www.ok-studios.de/home/</a><br> <a href="http://www.intacto10years.com/">http://www.intacto10years.com/</a><br> </p> Na Warsztat zaprasza Maciej Żukiewicz.

Grzegorz Róg

76 minut

Pluginy do jQuery

Jeśli na co dzień korzystasz z biblioteki jQuery, jest niemal pewne, że wykorzystujesz również stworzone przez aktywną społeczność wtyczki (pluginy), które w prosty sposób rozszerzają możliwości podstawowej biblioteki. Wtyczki bywają mniej lub bardziej zaawansowane i być może do tej pory sądziłeś, że stworzenie własnego rozszerzenia jest zadaniem trudnym i skomplikowanym. <br><br> Pocieszę Cię, to wcale nie prawda! W warsztacie, który masz przed sobą, dowiesz się w jaki sposób stworzyć własną wtyczkę do jQuery. Zaczniemy od absolutnych podstaw i omówienia dobrych praktyk, którymi należy się kierować, by tworzyć dobry kod. Następnie stworzymy kilka prostych przykładowych wtyczek (zaczerpniętych z codziennej pracy), dzięki którym zrozumiesz mechanizm działania pluginów jQuery oraz dowiesz się kiedy i dlaczego warto zamiast standardowych funkcji tworzyć rozszerzenia. <br><br> Zapraszam, Piotr Palarz

Maciek Zukiewicz

60 minut

JavaScript i Ajax - Wprowadzenie

Zobacz Warsztat na temat połączenia JavaScriptu z metodyką Ajax, która pozwala na asynchroniczne przesyłanie danych z serwera, bez konieczności odświeżania strony WWW. Ajax to bardzo popularna technologia, którą można spotkać niemal na wszystkich dynamicznych stronach. Przykładem może być umieszczanie zakupów w koszyku. W warsztacie poznamy podstawy komunikacji Ajax oraz zajmiemy się opracowaniem kilku praktycznych przykładów. <br><br> Na Warsztat zaprasza Maciej Żukiewicz.

Maciek Zukiewicz

Recenzje Kurs JavaScript

5

51 dodanych ocen

2015-10-13

Panie Piotrze co to jest za Theme? :)

Damian Moliński

2015-10-13

Proszę, załączam cały mój config z Sublime Text, tam Pan znajdzie schemat kolorów i szablon: http://pastebin.com/6bLdsWUs

Piotr Palarz

2015-10-14

Nie jestem pewien czy na miejscu jest pisać tutaj tego typu komentarze (jeśli nie to proszę go usunąć), ale polecam również ten szablon: https://github.com/equinusocio/material-theme .

Mateusz Woźniak

2015-10-14

A tam nie na miejscu :) Są to również emocje, które wzbudza kurs. W pewien sposób intryguje, zachęca, pokazuje inne edytory i ich możliwości Zapewne nie byłoby takiego pytania gdybyśmy pisali kod w notatniku ;) I dzięki za sugestię, bardzo ciekawy motyw - moje klimaty :) Fajny jest jeszcze to rozszerzenie co pokazuje ostrzeżenia w postaci kropek. Może znacie nazwę?

Damian Moliński

2015-10-14

To rozszerzenie to SublimeLinter: https://packagecontrol.io/packages/SublimeLinter a do tego trzeba jeszcze odpowiedni linter. W tym przypadku jest to JSHint: https://packagecontrol.io/packages/SublimeLinter-jshint (należy zainstalować w systemie Node.js i globalnie JSHint - jest o tym informacja na stronie tego lintera).

Piotr Palarz

2015-10-14

Trochę irytuje ten themę nie ma co ukrywać :)

Marcin Maj

2015-10-15

jeżeli chodzi o Node.js to jestem kompletnie zielony ;p Więc chyba sobie odpuszczę. Marcin a co rozumiesz przez irytację na thema?? :)

Damian Moliński

2015-10-15

Witam, Zastanawiam sie nad kupnem tego kursu. Przyszlam tutaj aby poczytac o recenzach innych ludzi, ktorzy wczesniej ten kurs ukonczyli. Zastanawiam sie rowniez czy ten kurs bedzie w stanie mi pomoc zrozumiec JavaScript. Jestem poczatkujacym Web Designer i chcialabym rowniez dodac dynamicznosci moim strona. Jakas pomoca z Panstwa strony? Jakies recenzje o tym kursie? Warto? Nie warto? Pozdrawiam

Kamila Sacewicz

2015-10-15

Kursy Pana Piotra proponuję kupować w ciemno! :) Wszystkie kursy oraz warsztaty są prowadzone bardzo rzetelnie. Co prawda jestem dopiero w połowie tego kursu dlatego nie chcę się do końca wypowiadać w tym temacie, ale póki co wszystko jest zrozumiałe i nie mam żadnych zastrzeżeń.

Damian Moliński

2015-10-20

Wszystkie świetnie tylko dlaczego kod jest tylko i wyłącznie pod chrome.. patrz przycisk przescrolluj do góry..

Marcin Maj

2015-10-20

Ma Pan rację, w tym jednym przykładzie Firefox spłatał figla. Zamiast document.body.scrollTop, należy tam skorzystać z document.documentElement.scrollTop, a cały pozostały kod bez zmian. W plikach źródłowych zostanie umieszczony poprawiony plik. W obydwu funkcjach, które sprawdzają scrollTop najlepiej utworzyć taką zmienną, a dopiero później skorzystać z niej w IFie w ten sposób: var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;

Piotr Palarz

2015-10-21

Widze, ze dyskusja trwa na temat "glebszych" zagadnien w kursie. Ja jestem na poczatku, wiec narazie slucham i staram sie w miare mozliwosci przyswajac. Jak narazie to kurs jest fajny, wszystko tlumaczone jasno i przejzyscie. Nie ukrywam, ze glos Pana Piotra pomaga, poniewaz nie jest nudny tylko "dynamiczny", ktory zacheca do sluchania i zaciekawia na tyle, ze chce sie sluchac kolejnych lekcji. Moje oczekiwanie po tym kursie to.... wprowadzic dynamike w moje strony internetowe. Pozdrawiam serdecznie :)

Kamila Sacewicz

2015-10-23

Więc chyba warto zakupić ?

Marcin Lewtak

2015-10-24

Marcin Lewtak - zdecydowanie tak! :)

Kamila Sacewicz

2015-12-18

Zdecydowanie polecam. Pan Piotr kursy prowadzi bardzo profesjonalnie oraz wszystko tłumaczone jest jasno i zrozumiale. Za niedługo dokupuję kurs praktyczny. Pozdrowienia

Jaroslaw Bilski

2016-01-15

kurs zakupiony, kilka lekcji już poleciało :) zapowiada się całkiem przyzwoicie :) jak na chwile obecna 4*

Marcin Kurpiewski

2016-03-30

Bardzo dobre wprowadzenie do JavaScriptu, ale też do programowania w ogóle.

Krzysztof Klamycki

2016-03-31

Wszystkie kursy Piotra są bardzo dobre a ten szczególnie. Doskonałe wprowadzenie do JS. Z pewnością do obejrzenia kilka razy :)

Mariusz Folga

2016-04-16

myślałem, że kursy Grzegorza Róg są bardzo wartościowe pod względem merytorycznym, ale muszę przyznać, że javascript został przygotowany na równie wysokim poziomie!

Bartek Król

2016-05-01

Stwierdzam, że ten kurs to jest niezły „przyśpieszacz”, jeśli chodzi o głębsze zrozumienie tego języka. Postanowiłem w 2016 roku nauczyć programowania, i wybrałem JavaScript, bo idę w kierunku frontendu. To co jest darmowe w internecie, na różnych stronach, blogach, czy to po angielsku, czy to po polsku, to pomaga i daje wiedzę, ale ten kurs jest ewidentny skondensowany, że zrozumiałem zagadnienia, które wcześniej miałem problem, albo nie wiedziałem do czego użyć. Ten kurs uświadamia także ile pracy mam przed sobą, żeby zostać w przyszłości frontendowcem. To nie jest tak, że 11h i już wystarczy, zna się podstawy, trzeba do pewnych materiałów wracać, żeby to przetrawiło i poukładało w głowie. No i polecam w praktycznych projektach samemu stworzyć od zera stronę z przykładami. Od HTML, CSS, aż po JS. Wtedy można powiedzieć, że samemu się zrobiło np. formularz i napisało walidację do niego :)

Mikołaj Lewandowski

2016-09-26

Mega! Olbrzymi szacunek za spokojny, ale NIE nudny ton, dużo ciekawych przykładów i naturalność z jaką przychodzi autorowi tworzenie tego kursu. Panie Piotrze - dziękuję.

Radosław Madecki

2016-11-25

Rewelacyjny kurs. Z osoby nie mającej pojęcia o JS w tydzień czasu stałem się świadomy możliwości i siły tego niepozornego języka. Pana Piotra słucha się bardzo przyjemnie, spokojny głos pozwala się skupić na omawianych zagadnieniach. Duży plus za ciekawe i praktyczne projekty które są realizowane pod koniec kursu. Pozdrawiam i polecam!

Łukasz Dmitruk

2017-01-24

Świetny! Polecam każdemu kto chce poznać JSa. Prowadzący wszystko bardzo dokładnie tłumaczy.

Bartosz Konczyk

2017-02-06

Oglądając kurs mniej więcej do połowy dałbym 5/5, bo wszystkie podstawy są tłumaczone świetnie i rzetelnie. Jednakże im dalej tym gorzej. Całość kursu przerabiałem oglądając materiały na jednym komputerze, ćwicząc "live" na drugim. Denerwować mnie zaczęła szybkość z jaką materiał był omawiany. Najgorzej jednak wypadł praktyczny projekt o losowaniu dużego lotka, gdzie Pan zachęca już wszystkich do pisania z nim skryptu na bieżąco. Szkoda, że nie wszyscy na bieżąco będą z nim wklejać gotowe rozwiązania. Mój podstawowy zarzut to to, że ucząc kogoś od podstaw, czyli tak jak przedstawia to tytuł, powinno się klepać kod Z PALCA. Nauczyciel powinien robić to w taki sam sposób, w jaki powtórzy to uczeń. Inaczej wygląda gdy nauczyciel np. matematyki tłumaczy dzieciakom różne operacje na liczbach jednocześnie pisząc przykłady na tablicy, a inaczej gdy powie, że jest coś takiego i sruuuu otworzy tablicę i każe sobie przepisać. Tempo tłumaczenia + skróty + miejscami wkradający się chaos obniżają ocenę tego kursu w moich oczach. Merytorycznie super, sposób przedstawienia jednak dostateczny. Ogólnie naciągana 4, jednak z planów zakupu kolejnej części, czyli kursu JS w Praktyce zrezygnuję, by znów nie denerwować się wspomnianymi wcześniej wadami. Pozdrawiam

Krzysztof Zaczek

2017-02-10

Świetny kurs wszystko przedstawione w przystępny sposób. Duża dawka wiedzy. Idealnie dla osób, które dopiero zaczynają przygodę z JS

Erwin Heba

2017-02-19

Najlepszy kurs wprowadzający do świata JavaScript w polskim internecie. Pan Piotr Palarz w bardzo jasny i dokładny sposób tłumaczy każdy element języka co pozwala już po tym kursie zacząć programować proste aplikacje internetowe. Polecam.

Przemysław Tyczyński

2017-04-29

Kurs jest całkiem dobry, większość jest dobrze wytłumaczona. Dla mnie po ogromie przerobionych kursów js-a w języku angielskim kurs ten był fajnym rozjaśnieniem kilku wątpliwości. Rzeczy których używałem mechanicznie nie znając dokładnie ich zastosowania. Polecam!

Jakub Lawniczak

2017-05-24

Najlepszy kurs na rozpoczęcie przygody z JavaScript

Michał Kobus

2017-05-30

Kurs jest bardzo dobry, polecam wszystkim początkującym, ponieważ Pan Piotr tłumaczy wszystko bardzo szczegółowo i jasno. Nie ma w kursie jąkania się i zastanawiania co by można tu zrobić (tak jak zdarza się u innych autorów), jest to 11 godzin syntetycznej i konkretnej wiedzy, Polecam i na pewno zakupie jeszcze jakiś kurs tego autora!

Michal Chrustowski

2017-06-14

Z perspektywy osoby, które zajmuje się grafiką a nie programowaniem, mogę jak najbardziej polecić ten kurs osobom, które chcą poszerzyć swoją wiedzę o podstawy JavaScriptu. Kurs jest prowadzony w sposób uporządkowany i przejrzysty, w sam raz dla osób początkujących.

Justyna Apolinarzak

2017-07-02

Kurs nie poukładany, co chwilę słychać " Teraz wytłumaczę Ci to, ale żeby to zrozumieć musisz przerobić lekcje, która wg. kolejności jest w połowie kursu.... Aby zrozumieć tę lekcję musisz rozumieć instrukcje warunkowe, jeśli ich nie rozumiesz najpierw przerób lekcje numer "x" . Po co tworzyć jakąkolwiek kolejność skoro i tak się jej nie trzyma. Wrrrr. Totalnie wybija to z rytmu

Marek Iwanski

2017-07-19

@Marek Iwanski dzięki za opinię. Kilka rzeczy faktycznie jest ułożonych w taki sposób, ale to tylko po to, aby zachować odpowiedni podział rozdziałów na tematy. Czasami, aby zrozumieć jedną koncepcję, należy wiedzieć o innej. Jeśli jest ona dalej w jednym z rozdziałów, to po prostu do niego kieruję lub wspominam, żeby wrócić do aktualnej lekcji nieco później. Wydaje mi się jednak, że nie ma wielu takich sytuacji w kursie. Zakładam, że aby dobrze zrozumieć temat, trzeba skrupulatnie przerobić wszystkie lekcje i również czasem do nich wracać. W każdym razie dzięki za sugestię, wezmę ją pod uwagę przy tworzeniu kolejnych materiałów!

Piotr Palarz

2017-08-01

Bardzo dobry kurs!

Lukasz S Pierwola

2017-08-22

Moja prywatna opinia. Bardzo dobre prowadzenie kursow. Pozdrawiam caly eduWeb Team

Jan Pieluzek

2017-09-13

Fenomenalny kurs! Zarówno do powtórki (bo nawet powtarzając podstawy JSa nauczyłem się bardzo dużo!) jak i rozpoczęcia nauki JavaScriptu.

Patryk Uran

2017-09-26

Kurs przygotowany bardzo profesjonalnie, olbrzymia ilość materiału do obejrzenia, a przede wszystkim każde video to niemal wyłącznie pisanie kodu i tłumaczenie, bez zbędnych wstępów i niepotrzebnej gadaniny. Jedyny minus to może liczne przypadki, gdy pan Piotr odnosi się do tematów omawianych w kursie znacznie później. Ale poza tym wszystko super!

Krzysztof Kotecki

2017-11-16

Obecnie najlepszy kurs do JavaScript na rynku polskim. 6 na 5 jeżeli chodzi o ocenę.

Aleksander Jedynak

2017-12-08

Kurs naprawdę dobrze wykonany. Dla mnie dużym plusem jest dużo ale krótkich lekcji. Konkretnie każda lekcja to jedno zagadnienie a nie 30 czy 40 minut wykładu - łatwo tez dzięki temu wrócić do jakiegoś zagadnienia. Przydało by się do każdego działu dorzucić plikach źródłowych np po 5-10 zadań do zrobienia jako ćwiczenie! :)

Kamil Fudali

2018-01-15

Ten kurs jest po prostu wybitny!

Grzegorz Piwowarski

2018-03-03

Genialny kurs! Wydaje mi się, że najlepszy jaki do tej pory widziałam na eduweb.pl i pierwszy Pana Piotra, który miałam przyjemność zobaczyć. Jestem zachwycona, w jak przystępny sposób tłumaczy on zagadnienia JS - wcześniej bałam się przystąpić do niego, bo myślałam, że nauka mi przyjdzie z trudem. Nic bardziej mylnego! Teraz już pewna siebie będę przystępować do kolejnych części kursów o JS. Bardzo dużo fajnych rzeczy się nauczyłam.

Klaudia Wójciak

2018-03-14

Hmm cóż mogę dodać. Kurs od Pana Piotra jest godny polecenia. Ogrom wiedzy przekazywany w kursie na początku może troszkę przytłaczać ale początki są zawsze trudne. Programowanie nie jest łatwym kawałkiem chleba:) Chcesz programować ----> ciśnij JavaScript:D

Dominik Wysota

2018-06-03

Starannie dobrany materiał, przekazany w bardzo profesjonalny sposób. Ocena na sześć z plusem.

Marek Grzeczkowski

2018-09-22

Dla osoby, która dopiero zaczęła pracę z JS kurs zdecydowanie za ciężki, trzeba nabrać podstawowej wiedzy, a tutaj ją uzupełnić. Mimo wszystko bardzo obszerna i bogata baza wiedzy.

Patryk Synowiec

2018-10-07

Piotr Palarz to mistrz! Jak sie uczyc to tylko na eduweb! Super kurs.

Dawid Owczarz

2018-10-28

Bardzo dobry kurs dla początkujących chcących opanować JS rzetelnie. Trzeba sobie jednak zdawać sprawę. że jest to początek programowania obiektowego i jest to proces wymagający czasu na ułożenie sobie w głowie tej wiedzy. W kursie jest dużo ćwiczeń praktycznych i są one odpowiednio dawkowane pod względem zaawansowania. Polecam :)

Marzenna Kępka

2019-02-18

Jak na kurs "Od podstaw" moim zdaniem zbyt chaotyczne tłumaczenie. Rozumiem, że to programowanie obiektowe, ale tłuczenie najpierw czegoś na podstrawie materiału, którego jeszcze w kursie nie było, a będzie później, by do tego wrócić jak się przerobione już tamto jest niepotrzebnym chaosem. To tylko moja opinia, ale gdybym nie znała wcześniej C++, to większości rzeczy z tego kursu nie byłabym wstanie pojąć w każdym razie nie tak łatwo. Sam kurs nie jest zły. Ale dużo rzeczy można by łatwej wytłumaczyć.

Marzena Świerska

2019-02-18

Jak na kurs "Od podstaw" moim zdaniem zbyt chaotyczne tłumaczenie. Rozumiem, że to programowanie obiektowe, ale tłuczenie najpierw czegoś na podstrawie materiału, którego jeszcze w kursie nie było, a będzie później, by do tego wrócić jak się przerobione już tamto jest niepotrzebnym chaosem. To tylko moja opinia, ale gdybym nie znała wcześniej C++, to większości rzeczy z tego kursu nie byłabym wstanie pojąć w każdym razie nie tak łatwo. Sam kurs nie jest zły. Ale dużo rzeczy można by łatwej wytłumaczyć.

Marzena Świerska

2019-10-25

Świetne wprowadzenie do JavaScript!

Ernest Sadowski

2019-11-19

Świetny kurs, mnóstwo przydatnej wiedzy i to nie tylko dla początkujących :) Pan Piotr zagłębia się w wiele szczegółów i smaczków z JavaScript, na które nie w każdym kursie można natrafić.

Dawid Zbrzyzny

2019-11-28

Super wytłumaczone, polecam kurs :)

Iwona Kowalczyk

2019-12-02

Świetny kurs!

Rafał Hes

Ten kurs nie posiada jeszcze transkryptu. Choć bardzo się staramy, wygenerowanie transkryptów do wszystkich kursów jest bardzo czasochłonne. W wielu przypadkach wymaga zaangażowania drogiego oprogramowania i godzin pracy przy poprawianiu transkryptu tak, aby był on możliwie jak najlepszy.

Zależy nam na tym, aby przygotować transkrypty do wszystkich naszych treści. To jedyny sposób dla osób niedosłyszących, aby mogły wygodnie uczyć się technologii. Poza tym, transkrypty ułatwiają skanowanie kursu w poszukiwaniu informacji i jego indeksowanie.

Szukamy osób, które mogłyby nam pomóc w poprawianiu transkryptów. Jeśli masz chwilę wolnego czasu i interesuje Cię dany kurs, w zamian za taką pomoc chętnie udostępnimy Ci wybrany materiał. Wyślij swoje zgłoszenie tutaj, jeśli możesz pomóc nam rozwijać platformę.

  • Informacje
  • Lekcje
Wykup w abonamencie od 79zł
Przetestuj za darmo przez 7 dni!

Autor: Piotr Palarz

Czas: 11 godzin

Wersja:

  • Pliki źródłowe
  • Certyfikat Ukończenia
  • Dostęp z urządzeń przenośnych
  • Licencje dla firm i szkół

Wstęp

  • Wprowadzenie

  • Czym jest JavaScript?

  • JavaScript a jQuery

  • JavaScript poza przeglądarką

  • Wstawianie skryptów na stronę WWW

Typy danych i operatory

  • Do czego służą zmienne?

  • Tworzenie zmiennych

  • Tekstowy typ danych

  • Liczbowy typ danych

  • Prawda, fałsz i wartości prawdziwe oraz fałszywe

  • null vs. undefined

  • Operatory arytmetyczne

  • Operatory porównania

  • Operatory logiczne

  • Inkrementacja i dekrementacja

Instrukcje warunkowe

  • Do czego służą instrukcje warunkowe?

  • Instrukcja if

  • Skrócony zapis if

  • Instrukcja switch

Pętle

  • Do czego służą pętle?

  • Pętla while

  • Pętla do while

  • Pętla for

  • Pętla for in

  • Przerywanie lub kontynuacja pętli

Obiekty

  • Czym są obiekty?

  • Tworzenie obiektów i praca z właściwościami

  • Funkcje jako metody obiektów

  • Porównywanie obiektów

Tablice

  • Do czego służą tablice?

  • Tworzenie tablic jedno i wielowymiarowych

  • Dodawanie elementów do tablicy

  • Usuwanie elementów tablicy

  • Sortowanie elementów tablicy

  • Używanie pętli na tablicach

  • Metody tablic

Funkcje

  • Do czego służą funkcje?

  • Tworzenie funkcji

  • Zwracanie wartości

  • Parametry funkcji

  • Zakres zmiennych

  • Zmienna arguments

  • Funkcje anonimowe

  • Wbudowane funkcje JavaScript

Wbudowane obiekty JavaScript

  • Obiekt String

  • Obiekt Number

  • Obiekt Boolean

  • Obiekt Array

  • Obiekt Function

  • Obiekt Math

  • Obiekt Date

  • Obiekt RegExp

  • Pozostałe obiekty

Obsługa wyjątków

  • Blok try catch

  • Zgłaszanie własnych błędów

Obiektowy Model Dokumentu

  • Czym jest DOM?

  • DOM API a JavaScript

Obiekt window

  • Globalny obiekt window

  • Obiekt navigator

  • Obiekt screen

  • Obiekt location

  • setTimeout i setInterval

Wyszukiwanie elementów na stronie

  • Metody przeszukiwania drzewa DOM

Tworzenie nowych elementów HTML

  • Tworzenie elementów HTML

  • Wstawianie i usuwanie elementów ze strony

  • Tworzenie fragmentu dokumentu

  • Relacje między elementami

  • Praca z atrybutami

  • Praca z klasami CSS

  • Inne właściwości elementów

Praca z treścią elementów HTML

  • innerHTML, outerHTML oraz textContent

  • Wartości pól formularza

Manipulacja stylami CSS elementów

  • Praca ze stylami CSS elementów

Geometria elementów HTML

  • Współprzędne położenia elementu

  • Wymiary elementu

  • Pozycje suwaków

Zdarzenia DOM

  • Czym są zdarzenia?

  • Przypisywanie i usuwanie zdarzeń dla elementów

  • Obiekt event i target

  • Czym jest “bubbling”

  • Czym jest “capturing”?

  • Zapobieganie domyślnej akcji przeglądarki

  • Zdarzenie DomContentLoaded i load

Debugowanie kodu

  • Typy błędów w JavaScript

  • Debugowanie kodu JavaScript

Praktyczny projekt 1

  • Losowanie Dużego Lotka

Praktyczny projekt 2

  • Sortowanie tabeli po kolumnach cz. 1

  • Sortowanie tabeli po kolumnach cz. 2

Praktyczny projekt 3

  • Walidacja formularza cz. 1

  • Walidacja formularza cz. 2

Praktyczny projekt 4

  • Powrót do góry strony

Praktyczny projekt 5

  • Tooltip

Tips & Tricks w JavaScript

  • Trick1 - Konwersja na prawde/falsz

  • Trick2 - Warunkowe przypisywanie wyrazen

  • Trick3 - Generowanie powtarzajacego sie ciagu znaków

  • Trick4 - Odwrócenie tekstu

  • Trick5 - Warunkowe wywolywanie funkcji

  • Trick6 - Zwracanie wielu wartosci z funkcji

  • Trick7 - Etykietowanie petli

  • Trick8 - Przetasowanie tablicy

  • Trick9 - Powiekszenie pierwszej litery tekstu

  • Trick10 - Porównanie dwóch dat

Zakończenie

  • Co dalej?

  • Podsumowanie