https://training-course-material.com/index.php?action=history&feed=atom&title=JavaScript_-_Zaawansowane_programowanie
JavaScript - Zaawansowane programowanie - Revision history
2026-05-31T07:33:10Z
Revision history for this page on the wiki
MediaWiki 1.45.1
https://training-course-material.com/index.php?title=JavaScript_-_Zaawansowane_programowanie&diff=69236&oldid=prev
Lsokolowski at 18:05, 24 September 2018
2018-09-24T18:05:48Z
<p></p>
<p><b>New page</b></p><div>{{Cat|Private}}<br />
{{Draft}}<br />
{{Cat|JavaScript}}<br />
{{JavaScript Links}}<br />
<slideshow style="nobleprog" headingmark="⌘" incmark="…" scaled="true" font="Trebuchet MS" ><br />
;title: JavaScript<br />
</slideshow><br />
<br />
== JavaScript - Zaawansowane programowanie ⌘==<br />
=== Co to jest ECMAScript ⌘===<br />
Czym charakteryzuje się ECMAScript jako język programowania?<br />
== JavaScript - Zaawansowane programowanie ⌘==<br />
=== Jakim językiem jest ECMAScript? ⌘===<br />
* Co to jest ECMAScript?<br />
=== Jakim językiem jest ECMAScript? ⌘===<br />
* Co to jest DOM?<br />
=== Jakim językiem jest ECMAScript? ⌘===<br />
* Co to jest BOM?<br />
=== Jakim językiem jest ECMAScript? ⌘===<br />
* JavaScript = ECMAScript + BOM + DOM<br />
=== Jakim językiem jest ECMAScript? ⌘===<br />
* '''Proceduralnym?'''<br />
=== Jakim językiem jest ECMAScript? ⌘===<br />
* '''Proceduralnym?'''<br />
<br />
=== Jakim językiem jest ECMAScript? ⌘===<br />
* Proceduralnym?<br />
* '''Funkcyjnym?'''<br />
=== Jakim językiem jest ECMAScript? ⌘===<br />
* Proceduralnym?<br />
* Funkcyjnym?<br />
* '''Obiektowym?'''<br />
=== Programowanie funkcyjne w ECMAScript ⌘===<br />
* '''Funkcje anonimowe'''<br />
=== Programowanie funkcyjne w ECMAScript ⌘===<br />
* Funkcje anonimowe<br />
* '''Domknięcia'''<br />
=== Programowanie funkcyjne w ECMAScript ⌘===<br />
* Funkcje anonimowe<br />
* Domknięcia<br />
* '''Aplikowanie funkcji'''<br />
=== Programowanie funkcyjne w ECMAScript ⌘===<br />
* Funkcje anonimowe<br />
* Domknięcia<br />
* Aplikowanie funkcji<br />
* '''Currying'''<br />
=== Programowanie funkcyjne w ECMAScript ⌘===<br />
* Funkcje anonimowe<br />
* Domknięcia<br />
* Aplikowanie funkcji<br />
* Currying<br />
* '''Funkcje zwaracajace funkcje'''<br />
=== Programowanie funkcyjne w ECMAScript ⌘===<br />
* Funkcje anonimowe<br />
* Domknięcia<br />
* Aplikowanie funkcji<br />
* Currying<br />
* Funkcje zwaracajace funkcje<br />
* '''Rekurencja'''<br />
=== Programowanie funkcyjne w ECMAScript ⌘===<br />
* Funkcje anonimowe<br />
* Domknięcia<br />
* Aplikowanie funkcji<br />
* Currying<br />
* Funkcje zwaracajace funkcje<br />
* Rekurencja<br />
* '''Funkcje wyższego rzędu'''<br />
=== Programowanie funkcyjne w ECMAScript ⌘===<br />
* Funkcje anonimowe<br />
* Domknięcia<br />
* Aplikowanie funkcji<br />
* Currying<br />
* Funkcje zwaracajace funkcje<br />
* Rekurencja<br />
* Funkcje wyższego rzędu<br />
* '''Efekty uboczne funkcji'''<br />
=== Programowanie objektowe w ECMAScript ⌘===<br />
* '''W ECMAScript można powoływać instancje ale...'''<br />
=== Programowanie objektowe w ECMAScript ⌘===<br />
* W ECMAScript można powoływać instancje ale...<br />
* '''w ECMAScript nie ma klas!'''<br />
=== Programowanie objektowe w ECMAScript ⌘===<br />
* '''Klasy znane z innych językow programowania można jednak imitować'''<br />
=== Programowanie objektowe w ECMAScript ⌘===<br />
* Klasy znane z innych językow programowania można jednak imitować<br />
* '''za pomoc funkcji!'''<br />
=== Programowanie objektowe w ECMAScript ⌘===<br />
* '''W ECMAScript obiekt może być równocześnie definicj klasy'''<br />
<br />
=== Programowanie objektowe w ECMAScript ⌘===<br />
* W ECMAScript obiekt może być równocześnie definicj klasy<br />
* '''ale to zachowanie nie jest dostępne tylko w języku ECMAScript. Tak możliwość daje również np. język Scala.'''<br />
=== Programowanie objektowe w ECMAScript ⌘===<br />
Co świadczy o tym, że dany język można uznać za obiektowy - 4 filary (paradygmaty) programowania obiektowego <br />
=== Programowanie objektowe w ECMAScript ⌘===<br />
* '''Abstrakcja'''<br />
=== Programowanie objektowe w ECMAScript ⌘===<br />
* Abstrakcja<br />
* '''Dziedziczenie'''<br />
=== Programowanie objektowe w ECMAScript ⌘===<br />
* Abstrakcja<br />
* Dziedziczenie<br />
* '''Hermetyzacja/Enkapsulacja'''<br />
=== Programowanie objektowe w ECMAScript ⌘===<br />
* Abstrakcja<br />
* Dziedziczenie<br />
* Hermetyzacja/Enkapsulacja<br />
* '''Polimorfizm'''<br />
<br />
=== JavaScript alternatywy? ⌘===<br />
<br />
=== Możliwości JavaScript ⌘===<br />
* JavaScript a inne języki<br />
* Łatwość programowania<br />
* Programowanie obiektowe<br />
* JavaScript i QA<br />
<br />
=== Zaufanie dla technologii clientside ⌘===<br />
<br />
== Podstawy języka ⌘==<br />
=== Pierwszy skrypt ⌘===<br />
=== Gdzie JavaScript jest osadzany? ⌘===<br />
=== Deklaracja i zasięg zmiennych ⌘===<br />
=== Dynamiczne typowanie ⌘===<br />
=== Struktury kontrolne ⌘===<br />
=== Funkcje i parametry ⌘===<br />
=== Funkcje anonimowe ⌘===<br />
=== Domknięcia ⌘===<br />
<br />
<br />
== JavaScript - OOP ⌘==<br />
* Co jest obiektem?<br />
* Objekt Global i Object<br />
* Najważniejsze obiekty<br />
* Wsparcie dla paradygmatów OOP<br />
=== JavaScript - OOP ⌘===<br />
==== Konstruktory ⌘====<br />
===== Wzorzec prototypu ⌘=====<br />
<syntaxhighlight lang="javascript"><br />
function Father() {<br />
}<br />
<br />
Father.prototype.age = 48;<br />
Father.ptototype.children = new Array();<br />
<br />
father1 = new Father();<br />
father2 = new Father();<br />
<br />
father1.children.push('Adam');<br />
<br />
console.log(father2.children);<br />
</syntaxhighlight><br />
<br />
===== Wzorzec dynamicznego prototypu ⌘=====<br />
<syntaxhighlight lang="java"><br />
public class Father {<br />
public int age;<br />
public Father(int age) {<br />
this.age = age;<br />
}<br />
public int getAge() {<br />
return this.age;<br />
}<br />
}<br />
Father father1 = new Father(36);<br />
Father father2 = new Father(42);<br />
<br />
System.out.println(father1.getAge());<br />
System.out.println(father2.getAge());<br />
</syntaxhighlight><br />
<br />
<syntaxhighlight lang="javascript"><br />
function Father(age, children) {<br />
this.age = age;<br />
this.children = children;<br />
if (typeof Father.__instance == "undefined") {<br />
Father.prototype.getAge = function() {<br />
return this.age;<br />
}<br />
Father.__instance = true;<br />
}<br />
}<br />
father1 = new Father(36, new Array("Adam"));<br />
father2 = new Father(42, new Array("Anna"));<br />
<br />
console.log(father1.getAge());<br />
console.log(father1.age);<br />
console.log(father1.children);<br />
<br />
console.log(father2.getAge());<br />
console.log(father2.age);<br />
console.log(father2.children);<br />
</syntaxhighlight><br />
<br />
* Dziedziczenie<br />
* Słowo kluczowe this<br />
* Wzorzec prototypu<br />
* Pierwsza klasa<br />
<br />
== JavaScript i DOM ⌘==<br />
* Czym jest DOM<br />
* Wezły (tagi oraz textNode)<br />
* Podstawowe elementy drzewa<br />
* "Ładowanie" dokumentu HTML i możliwość pracy z węzłem<br />
<br />
== JavaScript i zdarzenia (Events) ⌘==<br />
* Programowanie oparte o zdarzenia<br />
* Wzorzec obserwatora<br />
* Omówienie i wykrywanie zdarzeń<br />
* Reakcja na zdarzenia<br />
<br />
== Wykrywanie błędów, obsługa wyjątków ⌘==<br />
* Najczęstrze błędy<br />
* Komunikaty błędów<br />
* Logowanie błędów i pozyskiwanie informacji o obiektach<br />
* Obsługa wyjątków, konstrukcja try, catch, finally<br />
<br />
== jQuery - Podstawowe informacje ⌘==<br />
* Co to jest juery<br />
* Krótka historia<br />
* jQuery i ECMA-262<br />
* jQuery alternatywy?<br />
* Zalety<br />
** Popularność<br />
** Liczba bibliotek<br />
** Niezależny od urządzenia klienta<br />
* Wady<br />
** Wielkość<br />
** Jakość pluginów<br />
<br />
CDN...<br />
<br />
== Exercises ==<br />
* Got to repository<br />
[[Category:JavaScript]]</div>
Lsokolowski