Oprogramowanie do pracy z JavaScript. Jaki jest najlepszy edytor HTML, kod PHP, CSS, JS? Warunki i cykle.

Java Script! - Ładny program do tworzenia dobrych efektów na JavaScript. Dzięki temu programowi wyraźnie ułatwiasz życie podczas tworzenia witryn. Zasadniczo jest przeznaczony dla osób, które są zbyt leniwe, aby napisać skrypty i ogólnie wszystko na JavaScript. Oczywiście, z jego stworzeniem, koncentruje się na początkujących, chociaż nadal potrzebujesz minimalnej wiedzy na temat HTML do pracy z nią.

Co to jest javascript?

JavaScript jest zorientowanym na obiektowym językiem skryptowym zaprojektowanym, aby utworzyć aktywne strony HTML. W związku z "Aktywną" tutaj pojawia się strony HTML, na których umieszcza się wszystkie rodzaje dynamicznie zmieniających się elementów internetowych, na przykład:

• Menu spadło podczas unoszenia kursora myszy.
• Małe animowane obrazy po kursorze lub na przykład, przenosząc się do określonej części strony po kliknięciu na dowolnym elemencie.
• Bloki informacyjne (na przykład z krótki opis Towary) z zautomatyzowanym czasem przewijania i znacznie więcej.

Te. JavaScript umożliwia tworzenie takich elementów internetowych, które w dowolny sposób interakcji z użytkownikiem, reagując na przesuwanie kursora myszy, naciskając klawisze, przewijając stronę w przeglądarce itp. W tej samej liście dodaj w pełni zautomatyzowane elementy internetowe, które wykonują wszelkie działania bez udziału użytkownika.

Podobnie jak w dowolnym innym języku programowania, JavaScript ma takie koncepcje jako zmienne, tablice, obliczenia arytmetyczne itp. itp. Te. dla pomoc JavaScript. Możesz produkować kompleksowe obliczenia, zarządzaj dużymi tablicami danych i wiele więcej, które pozostaje poza zasięgiem widoku witryny.

Jeszcze więcej funkcji programisty otwiera fakt, że JavaScript jest zorientowanym na obiektowym językiem programowania, ale pytanie tutaj nie zostanie uwzględnione.

Studiując JavaScript przez Java Script It!

Jednym z głównych przyczyn JavaScript jako wysokiej popularności wśród początkujących programistów internetowych jest posiadanie języka programowania, tzw. "Niski wpis progowy". Te. Wystarczy zbadać podstawową wiedzę na temat języka HTML i CSS Markup.

Java Script IT Program! Zapewnia narzędzia do szybkiego wstawiania na stronie HTML kodeksu różnych gotowych elementów internetowych napisanych w JavaScript. Wszystkie dostępne elementy są podzielone na 3 kategorie:

1. Aplety - elementy wykonujące dowolną niezależną funkcję: baner, animowany tekst, ruchomy obraz itp.
2. Skrypty - Zasadniczo elementy internetowe zarządzane przez użytkownika są przedstawiane tutaj: Formularze do wprowadzania tekstu na masce (daty, hasła itp.), Bloki, które umożliwiają utworzenie pokazu slajdów z automatycznym przewijaniem obrazów, różnych przycisków systemowych ( na przykład do otwierania okna dialogowe. Aby pobrać pliki do witryny).
3. A DHTML są różnorodnymi elementami interaktywnymi składającymi się z Markup HTML, tabele CSS kaskadowych i skryptów JavaScript (na przykład menu rozwijane lub wyskakujące okienek / formularze).

Każda z dostępnych elementów ma swoje własne ustawienia. Dla prostoty i wygody ich wejścia / zmiany, dostarczany jest specjalny formularz.

Włóż kod JavaScript przez program Java Script IT! Na to wygląda:

• Użytkownik tworzy plik z rozszerzeniem HTM lub HTML na dysku. Możesz użyć gotowego pliku HTML wypełnionego dowolnym kodem.
• Następnie wybrano jeden z dostępnych elementów internetowych, po - formularz z jego ustawieniami jest wypełniona (na przykład, wymiary, elementy menu itp.).
• Wygenerowany kod JavaScript jest włożony do pliku HTML do pozycji wymaganej przez użytkownika (odbywa się to w postaci ustawień elementu internetowego).
• Gotowy.

W Java Script It! Wbudowany moduł podłączony do przeglądarki Windows Internet Explorer.. Wynik pracy jest wyświetlany natychmiast po zakończeniu końca elementu internetowego. Możesz zobaczyć wynik w dowolnej innej przeglądarce, dla której wystarczy otworzyć utworzony / edytowany plik HTML.

Jeśli otworzysz w przeglądarce źródło Strony HTML można zobaczyć i zwiedzić sam kod JavaScript. Tutaj możesz go edytować, zmieniając różne wartości ręcznie. W ten sposób użytkownik będzie mógł uzyskać podstawowe umiejętności programowania JavaScript, a mianowicie, jak wkładki kodu w dokumencie HTML, które polecenia są używane do konfigurowania tych lub innych właściwości elementu internetowego itp.

Oczywiście, Java Script! Możesz użyć i wypełnić stron internetowych innych aktywne elementyAle ze względu na starzenie się programu, bardziej nadaje się do zapoznania się z programowaniem AZA w JavaScript.

Ten rozdział jest przeznaczony do języka programowania skryptu JavaScript. Dowiesz się, jaki jest język javascript i co jest konieczne, co jest konieczne.

Rozważ funkcje tworzenia głośników na stronie, formularz formularza, a także pracy z warstwami i stylami.
JavaScript.- Jest to obiektowo zorientowany język programowania skryptu z składniową, lekko podobną składniami języków C, Perl.i Pyton. Pomimo faktu, że język ma podobną nazwę z językiem programowanie Java., Nic do zrobienia, oprócz części nazwy, nie mają.

Obecnie JavaScript.jest używany głównie do tworzenia wbudowanych scenariuszy osadzonych na stronach internetowych, które umożliwiają w pełni kontrolę zarówno stron internetowych, tam, jak i przeglądarze internetowe, w których te strony są otwarte. Tak język JavaScript.w większości przypadków służy do tworzenia interaktywnych stron internetowych i aplikacji internetowych.

Internet jest zbudowany na technologii " serwer klient.».
Serwery to komputery lub programy, które świadczą usługi klientom, takich jak serwer internetowy lub serwer poczty e-mail.
Klienci są komputerami lub programami używającymi oferowanych serwerów, takich jak przeglądarki internetowe lub klientów pocztowych.

Scenariusze. JavaScript.- Są to małe programy, które działają na komputerze użytkownika podczas pobierania z serwera wraz ze stronami internetowymi.

Zakres JavaScript.

Od samego początku jego rozwoju, JavaScript został zastosowany do pisania różnych scenariuszy klientów. Były one szeroko stosowane do rozwiązania takich zadań, takich jak sprawdzanie informacji wprowadzonych przez użytkownika w formularzu, przed wysłaniem go na serwer lub programowanie odpowiedzi na działania użytkownika, które tworzą interaktywne strony internetowe. Dzisiaj, przy pomocy języka JavaScript, tworzone są wszystkie aplikacje internetowe, niektóre z nich są niewielkie niższe niż pulpit "odpowiedniki". Dobre przykłady. Takie aplikacje internetowe można znaleźć wśród usług Google, takich jak Kalendarz Google - organizator wielofunkcyjny w przeglądarce internetowej i Google Doc. & Arkusz kalkulacyjny - tekst i edytor tabeliUmożliwienie pracy z dokumentami biurowymi bezpośrednio w oknie przeglądarki internetowej. Aby utworzyć dynamiczną zawartość stron internetowych, użyj języka dynamicznego strony HTML. Dynamiczny HTML (dynamiczny HTML), którego częścią kluczową jest ponownie JavaScript.

Język JavaScript zostanie zastosowany nie tylko w Internecie, ale także w takich programach, takich jak Adobe Dreamweaver, Adobe Acrobat. Czytnik I. Adobe Photoshop. Aby rozszerzyć swoje możliwości, podobne do stosowania wizualnego języka podstawowego w biurze Microsoft.

Teraz rozważ tworzenie skryptów i sposobów, aby wdrożyć je w dokumencie HTML.

Tworzenie skryptów.

Przeanalizujemy wszystkie kroki tworzenia skryptu JavaScript - z organizacji środowiska pracy przed podłączeniem kodu do dokumentu HTML.

Aby pracować na skryptach, prawie każdy edytor tekstu będzie odpowiedni, pozwalając nam stworzyć zwykły pliki tekstowe. I zapisz je z rozszerzeniem HTM lub HTML. Na przykład w sali operacyjnej system Windows. Wśród standardu znajdują się dwa odpowiedni edytor tekstu - Notatnik i WordPad. Istnieją również redaktorzy specjalnie zaprojektowane do tworzenia stron internetowych, takich jak Microsoft FrontPage i Adobe Dreamweaver (wcześniej znany jako Macromedia Dreamweaver). Takie redaktorzy umożliwiają tworzenie stron internetowych za pomocą narzędzi Visual, a następnie przełączaj się na tryb wyświetlania kodu i wykonaj niestandardowe zmiany, na przykład dodać skrypty. W przeciwieństwie do zwykłego redakcja tekstowaSkładnia składni języka HTML i JavaScript jest podświetlona w takich redaktach, która jest bardzo wygodna.

Ponadto w Internecie można znaleźć dużą liczbę innych redaktorów tekstowych, które umożliwiają tworzenie stron internetowych i podkreślają składnię HTML i JavaScript. Redaktorzy te mają również wiele innych przydatnych możliwości, które znacznie upraszczają proces tworzenia stron internetowych i rozwijać skrypty. Wielu takich redaktorów jest dystrybuowanych za darmo lub warunkowo za darmo, a może niektóre z nich będą musieli zrobić.

Utworzysz skrypty, które zarządzają stronami internetowymi, więc będziesz potrzebować dowolnej przeglądarki internetowej, aby zweryfikować wydajność tych dokumentów. Należy pamiętać, że sprawdzając wydajność tworzenia w jednej przeglądarce internetowej, niemożliwe jest być pewny siebie w jego występie iw innych. W związku z tym strony internetowe są pożądane, aby sprawdzić kilka przeglądarek internetowych, a co będą bardziej, tym lepiej.

Twórcy stron internetowych muszą być uważaniom głównie z osobliwością przeglądarki internetowej Microsoft Internet. Poszukiwacz. W związku z tym jego strony internetowe muszą być testowane w tej przeglądarce internetowej, która jest dostępna w każdym system operacyjny Okna.
Używamy również bardzo popularnych przeglądarek internetowych Mozilla Firefox. I opera, która starają się zmaksymalizować standardy. Mozilla Firefox można pobrać z http://www.mozilla.ru/ i Opery z witryny.

Oddzielnie rozważ debugowanie programu (scenariusz). Kiedy skrypt jest duży, nie jest tak łatwo zrozumieć, czyli proces znalezienia i eliminowania błędów może zajmować większość czasu rozwoju całego programu (lub scenariusza). Uprościć i przyspieszyć powstałe debugowanie specjalne programy, o którym mowa debuger.. Typowy debugger ma takie możliwości, takie jak krok po kroku programu z przystankiem w każdym wierszu kodu lub z wyprzedzeniem o przystankach oznaczonych dla tego punktu, a także śledzenie i zmiana wartości każdej zmiennej bezpośrednio podczas wykonywania programu.

Istnieje wiele programów do debugowania skryptów na JavaScript. Na przykład Debugger Microsoft Script Debugger ma wszystko, czego potrzebujesz, aby skutecznie debugować skrypty na JavaScript. Jest używany w połączeniu z przeglądarką internetową Microsoft Internet Explorer. Ten regulator jest rozpowszechniany za darmo przez Microsoft, można go pobrać z witryny. Ponadto ten debuger jest dystrybuowany z edytorem FrontPage Microsoft programy Microsoft. Edytor skryptów, który jest praktycznie inny niż Microsoft Script Debugger.

Istnieją również inne debugery, na przykład dla przeglądarki internetowej Mozilla Firefox, są tworzone w formie rozszerzeń. W szczególności debuger Firebug można pobrać z witryny, a jeśli przejdziesz na tę stronę w przeglądarce internetowej Mozilla Firefox, debugger zostanie natychmiast zainstalowany.

Nie uwzględnimy procesu debugowania w tej książce, ponieważ jest to osobny temat wymagający starannego badania. Aby napisać proste scenariusze, debugowanie nie jest wymagane.

Scenariusze osadzania

Rozważ w osadzaniu skryptów na stronie internetowej.
Scenariusze są wprowadzane do dokumentu HTML w trzech standardowych sposobach:

tekst jako skrypt w dowolnym języku. Język skryptu jest określony za pomocą atrybutu typu. Na przykład, następujący kod służy do określenia języka JavaScript:

Ten atrybut nie można określić, ponieważ wartość "Tekst / JavaScript" jest wartością domyślną.

W kodzie scenariusza można użyć komentarzy - tekst, który jest ignorowany przez tłumacza JavaScript. Komentarze // I.

Komentarze mogą być również wieloinformowane, co ułatwia debugowanie skryptu i pozwala skomentować obszar problemowy kodu. W tym celu stosuje się zestawy znaków / * i * /, takich jak na przykład w poniższym kodzie:

Skrypty mogą być zawarte na samej stronie internetowej, jak opisano powyżej, w oddzielnym pliku. Etykietka

...

4. Zapisz plik, na przykład o nazwie script1.html.
Po utworzeniu strony internetowej za pomocą skryptu można zobaczyć, jak będzie wyglądać w przeglądarce internetowej. Aby upewnić się, że skrypt działa jak powinno, sprawdź go we wszystkich przeglądarkach internetowych zainstalowanych na komputerze.
5. Uruchom przeglądarkę internetową i otwórz utworzoną stronę internetową.

Więc, jeśli zrobiłeś wszystko dobrze, będzie dziesięć wiadomości "Cześć, Pokój !!!" Na ekranie przeglądarki internetowej. (Rys. 2.3).

Podczas opracowywania skryptów edytor tekstu jest zwykle otwarty w tym samym czasie, który tworzy stronę internetową, a kilka przeglądarek internetowych, w których sprawdzana jest wykonanie utworzonej strony internetowej. Po wprowadzeniu zmian w skrypcie wystarczy przełączyć się na przeglądarkę internetową i kliknij przycisk Odśwież.

Figa. 2.3. Twój pierwszy skrypt w przeglądarce internetowej

Składnia i stałe narzędzia javascript

Teraz wyjaśnij podstawowe elementy języka JavaScript: zmienne, typy danych, wyrażeń, różnych operatorów, funkcji itp. Te wiedza jest podstawowa, ponieważ bez nich niemożliwe jest zrozumienie reszty materiału.

Pracuj z informacjami

Każdy program lub skrypt działa z informacjami, czyli, otrzymują niektóre dane, przetwarzają je zgodnie z ich algorytmem, a następnie, z reguły, pewnego wyniku w formie obrazu, dźwięku, pliku, sygnału innego programu, itd. Jest zwrócony.

Scenariusze klienta często wykonują bufor między użytkownikiem a programem serwera, wykonując dane wstępne i weryfikujące.

Scenariusze klienta mogą otrzymywać informacje na następujący sposób:

/ Dane określone w programistrzu skryptu (wartości początkowe);
/ dane uzyskane od użytkownika za pomocą formularzy;
/ dane przesyłane przez URL;
/ Informacje uzyskane przez przetwarzanie zdarzeń, na przykład podczas przenoszenia wskaźnika myszy, kliknij lub naciskając klawisze;
/ Dane otrzymane z innych witryn lub przeniesione przez program serwera.

Rozważ włączenie / informacje wyjściowe w JavaScript, przy użyciu następujących trzech metod: Alert (), monit () i potwierdź (). Te metody generują różne okno wiadomości.

Metoda alarmu ()

Metoda alertu () Wyświetla okno dialogowe Ostrzeżenie z odpowiednim komunikatem. Po przeczytaniu wiadomości użytkownik musi kliknąć przycisk OK, aby zamknąć okno. Argument tej metody jest ciągiem.

W najprostszym przypadku tekst ostrzeżenia zamknięty w cytatach wprowadza się wewnątrz okrągłych wsporników (aukcja 2.3).

Listing 2.3. Pracować z ostrzeżeniem

Okno ostrzeżenia jest generowane przez samą przeglądarkę, więc pojawienie się okna w różnych przeglądarkach może się różnić. Na rys. 2.4 Podano widok okna generowanego przez prezentowanego kodu w przeglądarce Internet Explorer.

Figa. 2.4. Pracować z ostrzeżeniem

Metoda monitu ()

Monit () jest używany do uzyskania danych od użytkownika (Listing 2.4).

Listing 2.4. Pracować z prośbą

Gdy wywołuje, wyświetla okno dialogowe Zaproszenie z polem tekstowym. Ta metoda może zawierać dwa argumenty. Pierwszym argumentem jest komunikat wyświetlany w oknie dialogowym. Drugi argument jest domyślnym tekstem, który powinien pojawić się w odpowiednim polu. Ponadto ta metoda zwraca wartość - tekst, który wprowadził użytkownika.

Po uruchomieniu strony z powyższym kodem pojawi się zapytanie (rys. 2.5), a następnie ostrzeżenie.

Figa. 2.5. Pracować z prośbą

W tym przykładzie, zmienna służy do zademonstrowania pracy misji metody (), oraz w metodzie Alert (), wyrażenie działa jako argument. Koncepcje te zostaną opisane poniżej.

W metodzie monitu można pominąć drugi argument, czyli, określa tylko jeden ciąg.

Potwierdź () Metoda

Metoda potwierdzenia () Wyświetla okno dialogowe potwierdzenia zawierającego dwa przyciski: OK i Anuluj (Anuluj). Listing 2.5 Zapewnia kod do utworzenia okna potwierdzenia, ale ten scenariusz nie podkreśla różnicy między przyciskami OK i Anuluj.

Listing 2.5.Pracować z potwierdzeniem.

Kliknij dowolne przyciski zamknie okno dialogowe (rys. 2.6).

Figa. 2.6. Pracować z potwierdzeniem.

Skrypt może reagować inaczej, klikając przycisk myszy na przyciskach OK i Anuluj.

Zmienne i typy danych

Podczas interpretacji skryptu przeglądarka dzieli kod w osobnych znakach, słowach lub frazach, które mogą rozpoznać. Te elementy nazywane są leksykami. W języku JavaScript LEXEMES są podzielone na cztery typy: identyfikatory, słowa kluczowe, literał i operacje.

Identyfikatory

Identyfikatory- Są to nazwy wskazujące zmienne, funkcje i obiekty. Niektóre nazwy nie mogą być używane jako identyfikator, ponieważ mają szczególne znaczenie. Identyfikatory są tworzone przy użyciu kombinacji różnych symboli z następującymi ograniczeniami:

/ Wszystkie identyfikatory muszą zaczynać się od litery;
/ Po pierwszej literze reszta postaci może być literami i cyframi;
/ Listy są uważane za wszystkie stolicy i małe litery alfabetu łacińskiego: od A do Z i od A do Z;
/ Symbol podkreślający (_) działa jako litera i jest często używana zamiast przestrzeni, której nie można stosować w identyfikatorach;
/ Symbol dolara ($) działa jako list i jest zwykle używany z automatycznym generowaniem kodu.

Rada
Nie należy używać identyfikatorów, które różnią się tylko na symbolach górnego i dolnego rejestru, na przykład flabida i flaga, w jednym scenariuszu. Są to różne identyfikatory, które mogą powodować błędy zatrudnienia.

W zakładce. 2.1 Podano przykłady dopuszczalnych i nieprawidłowych identyfikatorów.

Dopuszczalny	Gorszący
Liczyć	2my.
X.	Nowy
X.	Moja.
jest dobrze.	Jest dobrze

Tabela 2.1. Przykłady identyfikatorów JavaScript

Należy pamiętać, że nowy identyfikator, chociaż zawiera dozwolone znaki, odnosi się do liczby słów kluczowych, więc nie może działać jako identyfikator użytkownika.

Kluczowe i zarezerwowane słowa

Słowa kluczowe - Są to predefiniowane identyfikatory, które tworzą jądro języka JavaScript. Te słowa mają szczególne znaczenie i wykonywać pewne funkcje. Słowa kluczowe nie mogą być używane do identyfikatorów użytkownika. W zakładce. 2.2 Przedstawiono listę słów kluczowych JavaScript.

Złamać	JESZCZE.	Nowy	Typ.
Walizka.	Wreszcie.	ZERO	var.
Łapać	Dla	Powrót.	Unieważnić.
Kontyntynuj.	Funkcjonować.	Przełącznik	Podczas
Domyślna.	gdyby.	TO	Z.
kasować.	W.	Rzucać
zrobić.	Wystąpienie.	próbować.

Tabela 2.2. Słowa kluczowe JavaScript.

abstrakcyjny.	łącznik	int.	Krótki
Boolean.	Eksport	Berło.	Statyczny.
Bajt	Rozciąga się.	Długo.	Wspaniały
Zwęglać.	Finał.	Ojczysty.	Zsynchronizowany.
Klasa	pływak.	Pakiet.	Rzuty
Konst.	Iść do.	Prywatny	Przejściowy.
Debugger.	Przybory.	Chroniony.	Lotny.
Podwójnie.	Import	Publiczny

Tabela 2.3. Zarezerwowane słowa javascript.

Dosłowny

Dosłowny- Są to liczby lub linie, które są używane do reprezentowania wartości w JavaScript. Informacje mogą być bardzo zróżnicowane, więc wartości są różnymi typami. Przyjęte są najprostsze typy danych w JavaScript główne typy danych: Liczby, linie i wartości logiczne.

Numery w JavaScript są dwa typy: liczby całkowite i liczby pływających punktów. Wartości interisyjne mogą być dodatnie, na przykład, 1, 2, 3, ujemne, na przykład -1, -2, -3 i równe zero. Ponadto wartości całkowite można wyrażać w systemach liczbowych dziesiętnych, letalnych lub szesnastkowych.

Liczby w formacie dziesiętnym mogą obejmować dowolną sekwencję liczb od 0 do 9, co nie rozpoczyna się od zera.

Numery formatu oktalowego mogą zawierać dowolną sekwencję liczb od 0 do 7, które rozpoczynają się od zera.

Liczby w formacie szesnastkowym mogą obejmować dowolną sekwencję liczb od 0 do 9 i liter z A do F, który rozpoczyna się od 0x.

Rozważmy przykłady reprezentowania liczb całkowitych w różnych formatach (Tabela 2.4).

Format dziesiętny	Format oktałowy	Format szesnastkowy
45	055	0x2d.
– 255	– 0377	- 0xff.
10000000	046113200	0 × 989680.
10	012	0xa.

Tabela 2.4. Przykłady liczb całkowitych

Numery zmiennoprzecinkowe określają liczby dziesiętne z częścią frakcyjną. Numery te można wyrażać w normalnej formie lub w reprezentacji wykładniczej. W tym drugim przypadku symbol służy do reprezentowania zamówienia. mI. lub MI.. Mantida dziesiętna i porządek mogą być pozytywne lub negatywne. Poniżej znajdują się przykłady numerów pływających punktów.

1,4142135623730950488016887242097 -35.0 4567.0002 3.4E100 -5.456E-3 0,007

JavaScript Language obsługuje logiczne typy danych, które mogą zająć tylko dwie wartości: true (prawda) i fałsz. Wartości logiki (Boolean) są niezbędne do pracy z warunkami, aby dowiedzieć się później w tym rozdziale.

UWAGA!
Słowa kluczowe Prawda i fałsz muszą być podawane literom niższego rejestru.

Najczęściej używany typ danych w JavaScript jest prawdopodobnie ciągiem. Linia- Jest to zestaw znaków (ewentualnie pusty), zamknięty w jednej lub podwójnych cytatach. Dwa typy cytatów są używane, ponieważ ciąg może zawierać dowolne cytaty. Poniżej znajdują się przykłady literówek ciągów:

"Linia tekstu" "Rosja!" "4567" "" Systemy operacyjne "" Lewis Carroll "Alice in Wonderland" ""

Czasami może być konieczne podanie komputera do wykorzystania znaków specjalnych, takich jak tabulacja lub tłumaczenie wiersza. Aby włączyć dowolne symbol Unicode w ciągu, musisz wprowadzić swój kod po znaku serwisu, jak UXXXX. W zakładce. 2.5 Podano najczęściej używane znaki kontrolne.

Sekwencja sterowania	Unicode.	Opis	Symbol
\\ B.	U0008.	Wróć do jednej pozycji (Backspace)
T.	U0009.	Pozioma tabulacja
N.	U000a.	Tłumaczenie rzędowe (Nowa linia)
V.	U000b.	Pionowa tabulacja
F.	U000c.	Strona zgłoszenia.
R.	U000d.	Zwrócić przewóz
\»	U0022.	Podwójne cytaty	»
\’	U0027.	Pojedyncza oferta	’
\\	U005c.	Odwróć ukośne cholernie	\

Tabela 2.5. Zarządzanie symbolami

Często sterujące znaki służą do wyrównania danych (listę 2.6).

Listing 2.6. Dane wyrównania za pomocą znaków sterujących

Okno dialogowe Alert () zależy od przeglądarki, dlatego wyrównanie w różnych przeglądarkach występuje na różne sposoby. Powyższy kod jest dostosowany do programu Microsoft Internet Explorer (Rys. 2.7).

Figa. 2.7. Wyrównanie za pomocą znaków sterujących

Oprócz liczb, wierszy i wartości logicznych, istnieją dwa kolejne specjalne typy danych: funkcje i obiekty. Funkcje mogą być wbudowane, takie jak alert () i mogą być tworzone przez dewelopera. Ponadto funkcje mogą należeć do obiektu (w tym przypadku są one nazywane metody). Obiekty można również wbudować (na przykład, dokument) i mogą być tworzone przez programistę. Uważa się, że wartość Null jest obiektem.

Zmienne

Zmienna- Jest to nazwa przypisana do komórki pamięci komputera, która przechowuje pewne dane, gdy skrypt jest uruchomiony. Zmienne upraszczają działanie programatora manipulacji danych.

Nazwa zmiennej jest identyfikatorem, dlatego służy do tych samych zasad.

Przed użyciem zmiennej należy go ogłosić, czyli, aby zarezerwować miejsce do przechowywania. Aby zadeklarować zmienną, po słowie kluczowym Var, musisz określić swój identyfikator. Możesz natychmiast zadeklarować kilka zmiennych, określając ich nazwy przez przecinek:

Var mydata1; var x, y, z; var k, msg1, msg2, im;

W procesie deklaracji zmiennej można zainicjować, czyli, aby ustawić wartość początkową:

Var mystr \u003d "Hello"; var k \u003d 1000, x \u003d 12, y \u003d -5; var s \u003d 1,34E-5, msg11 \u003d "błąd", flag \u003d false;

Podczas gdy zmienna nie otrzyma wartości, jest niepewna - niezdefiniowana. Aby określić typ zmiennej, możesz użyć operacji typu AXPEOF, co zwraca ciąg z typem zmiennym (listing 2.7).

Listing 2.7. Typy danych.

Typy danych.

W powyższym kodzie używaliśmy metody dokumentu.Write (), która umożliwia dodawanie łańcucha tekstowego bezpośrednio na stronę (rys. 2.8).

Figa. 2.8. Typy danych.

Aby wyświetlić tekst, wartości zmiennych i ich rodzaju argumentu tej metody, jest dość skomplikowanym wyrażeniem. Więcej szczegółów wyrażeń wyjaśni poniżej.

Zmienne działania są podzielone na globalne i lokalne. Zmienna zadeklarowana wewnątrz funkcji jest lokalna, a tylko ta funkcja ma dostęp do jego wartości. Zmienne lokalne są tworzone i zniszczone wraz z odpowiednią funkcją. Globalne zmienne są ogłoszone poza funkcjami. Takie zmienne umożliwiają funkcje do wymiany danych.

Szyk- Jest to specjalna zmienna, która umożliwia przechowywanie kilku wartości jednocześnie. Zwykle wartości te są związane ze sobą, na przykład nazwy miesięcy i dni tygodnia. Tablice mogą znacznie uprościć kod i przy użyciu cykli zmniejszyć złożoność rozwoju skryptu.

Rozważmy przykład ogłoszenia i ustawianie wartości elementów tablicy (listę 2.8).

Listing 2.8. Praca z tablicą

Zauważ, że przy deklarowaniu tablicy liczba elementów jest wskazywana w nawiasach, a podczas uzyskiwania dostępu do elementu jego indeks jest ustawiony w nawiasach kwadratowych. Ponadto, numeracja elementów tablicy w języku JavaScript rozpoczyna się od podstaw, więc pierwszy element tablicy będzie elementem gwiazd.

JavaScript umożliwia wyprowadzenie wszystkich elementów tablicy, a nie wymieniaj ich jeden po drugim. Aby to zrobić, skontaktuj się z samym tablicą. Rezultatem jest ciąg, w którym wszystkie elementy tablicy są wymienione przez przecinek (rys. 2,9).

Figa. 2.9. Wycofanie wszystkich elementów tablicy

Wartości elementów tablicy można ustawić podczas deklarowania tablicy. W takim przypadku nie jest konieczne wskazanie liczby elementów w tablicy (aukcję 2,9).

Listing 2.9. Inicjalizacja tablicy

Nie można określić wymiaru tablicy, ponieważ język JavaScript nie wymaga tego. W tablicy można rozszerzyć, ponieważ dane są dodawane. Ponadto możesz zadeklarować element z indeksem. n.to zwiększy długość tablicy n + 1.. Możesz nauczyć się długości tablicy za pomocą właściwości długości (aukcja 2.10).

Listing 2.10. Rozmiar tablicy

Pomimo faktu, że w rzeczywistości elementy w tablicy 6, długość tablicy wynosi 100 (rys. 2.10).

Figa. 2.10. Rozmiar tablicy

Wyrażenia

Wyrażenia- Są to operandy połączone przez operacje. Zwykle zmienne działają jako operandy, ale mogą być również inne wyrażenia. Na przykład, wyrażenie 4 + 6 składa dwie wartości, co powoduje wartość 10. i wyrażenie Q \u003d 5 przypisuje zmienną wartość q 5. Jeśli manipulacje są przeprowadzane z jedną wartością, operacja nazywa się unary, a jeśli dwa - dwójkowy. Następnie rozważ operacje w JavaScript.

Operacje przypisania

Jedną z często używanych operacji jest operacja przypisania. W najprostszym przypadku ta operacja przypisuje wartość zmiennej:

Ta operacja może być używana jednocześnie dla kilku zmiennych:

msg1 \u003d msg2 \u003d "hello"

Inne operacje przydziałowe to kombinacje operacji przypisania i arytmetycznego lub klejenia (tabela 2.6).

Tabela 2.6. Łączone operacje przypisywania.

Działania arytmetyczne

/ Dodawanie - znak plus (+). Na przykład 5 + 7 \u003d 12.
/ Odejmowanie - znak minus (-). Na przykład 67 - 43 \u003d 24.
/ Mnożenie - gwiazdka (*). Na przykład 2 * 2 \u003d 4.
/ Dostawa - funkcja ukośna (/). Na przykład 45/5 \u003d 9.
/ Palance z podziału - procent (%). Na przykład, 7% 5 \u003d 2.
/ Aby pracować z numerami, stosuje się operacje arytmetyczne.

W programowaniu, operacje zwiększają lub zmniejszają zmienną na jednostkę (przyrost i operacje zmniejszania). Przyrost jest oznaczony sekwencją ++ i zmniejszanie - sekwencja — . Na przykład, i ++. jest alternatywnym wyrażeniem i \u003d i + 1.

Odróżnij formularz prefiksu i postfix tych operacji. W przypadku operacji prefiksu wykonuje się przyrost lub spadek, a wyrażenie jest obliczane:

i \u003d 4.
++ I * 2 \u003d 10

Jeśli używana jest operacja postfix, wyrażenie jest pierwsze obliczane, a następnie zwiększenie lub spadek zmiennej:

i \u003d 4.
I ++ * 2 \u003d 8

Listing 2.11 Demonstruje pracę z działalnością arytmetyczną.

Listing 2.11.. Działania arytmetyczne

Działania arytmetyczne

W tym przykładzie można zauważyć, że operacje arytmetyczne przestrzegają zasad matematycznych. Na przykład, mnożenie jest wykonywane przed dodaniem (rys. 2.11).

Odbywa się to kosztem priorytetu operacji, które można zmienić za pomocą wsporników.

Figa. 2.11. Działania arytmetyczne

Operacje porównania

Operacje porównawcze służą do porównania operandów. W tych operacjach operand mogą być nie tylko liczbami, ale także ciągami, wartościami logicznymi i obiektami. W zakładce. 2.7 Podano wszystkie operacje porównawcze.

Tabela 2.7. Operacje porównania

Listing 2.12 przedstawia kod, w którym używane są operacje porównawcze.

Listing 2.12.. Operacje porównania

Operacje porównania

Zmienne są porównywane w poniższym kodzie. i \u003d 5. i m2 \u003d "5". Są one uważane za równe, ale nie identyczne (rys. 2.12).

Figa. 2.12. Operacje porównania

Operacje na strunach.

Jak już wspomniano, można porównać linie. Ponadto można je połączyć z działaniem konkatenacji. (+) że już zrobiliśmy więcej niż raz. Na przykład:

S1 \u003d "Hello"; S2 \u003d ","; S3 \u003d "Pokój!"; S \u003d S1 + S2 + "" + S3;

W rezultacie zmienna S. Będzie zawierać ciąg "Hello, World!".

Dzięki automatycznemu przeglądaniu możesz połączyć liczby i linie:

"Rok" + 2008 \u003d "Rok 2008"

Operacje logiczne.

Operacje logiczne umożliwiają łączenie wyrażeń, które zwracają wartości logiczne. JavaScript obsługuje trzy operacje logiczne.

Działanie logicznego I. (&&) Zwroty prawdziwe.tylko wtedy, gdy obie operandy są prawdziwe. Na przykład, (12) .

Działanie logicznych lub (||) Zwroty prawdziwe.Jeśli przynajmniej jeden operand jest prawdziwy. Na przykład, (22) .

Działanie logicznych ne. (!) jest on swary i zmienia wartość wartości logicznej na odwrót.

Operacje warunkowe.

JavaScript ma operację ?: co przypisuje wartość zmiennej w zależności od wdrażania stanu. Rozważ następujący przykład:

Var znak \u003d (A\u003e \u003d 0)? "Pozytywny Negatywny";

Wynikiem wyrażenia do znaku zapytania wpływa na wartość zmiennej: Jeśli wartość jest prawdziwa, wyrażenie oblicza się do okrężnicy, jeśli fałszywie wyrażenie oznacza po ustaleniu okrężnicy. W naszym przypadku, jeśli zmienna A jest większa niż lub równa 0 , zmienna zNAK.przyjmuje wartość "pozytywną", inaczej - wartość jest "ujemna".

W JavaScript istnieją również operacje (na przykład błogosławieństwo), które są dość rzadkie i potrzebne podczas rozwiązywania konkretnych zadań, dlatego nie uwzględnimy ich.

Warunki i cykle.

Aby zmienić procedurę wykonania kodu w JavaScript, istnieją mechanizmy rozgałęzienia (Jeśli i przełączniki)Umożliwiając wybór jednej z alternatywnych działań w zależności od stanu. Operatorzy cyklu są używane do wykonania wielokrotnego kodu (While, bo i do). Cykle są również wygodne do manipulowania tablicami.

Jeśli operator.

Operator gdyby.zarządza sekwencją wykonania dowodzenia. Składnia tego operatora jest:

Jeśli (logiczny wyraz) (operatorzy)

Początkowo obliczana jest logiczna ekspresja, a następnie, jeśli jest równa prawdziwe., operatorzy są wykonywane; Jeśli jest równy fałszyweOperatorzy są pomijani, a wykonanie skryptu trwa.

Rozważ przykład. Załóżmy, że funkcja f (x) Określony w następujący sposób:

X + 10, z x< 0 f(x)= x2 + 4, при 0 ≤ x ≤ 5 5 / x, при x > 5

Aby określić wartość tej funkcji w określonym punkcie, możesz użyć kodu przedstawionego na liście 2.13.

Listing 2.13.. Przykład operatora, jeśli

Jeśli .. ELSE Operator

Często wygodne jest stosowanie pełnej formy operatora warunkowego. Dzięki temu operatorowi możesz ustawić działania, które należy wykonać, jeśli logiczny wyraz jest równy fałszywe:

Jeśli (logiczny wyrażenie) (operatorzy1) else (operatorzy2)

Co więcej, możesz połączyć jESZCZE.z innym operatorem gdyby.. W takim przypadku możesz rozważyć kilka alternatywnych opcji i wykonać odpowiednich operatorów:

Jeśli (logiczny wyrażenie1) (operatorzy1) indziej, jeśli (logiczny wyrażenie2) (operatorzy2) else (operatorzy3)

Poprzedni skrypt przepisuje, aby określić funkcję przy użyciu operatora if..else (listing 2.14).

Listing 2.14.. Przykład operatora, jeśli ...

Jak widać z tego kodu, wsporniki kręcone nie są wymagane, jeśli wykonuje się tylko jeden operator. Zaleca się jednak zawsze być użyte do uproszczenia kodu do odczytu.

Operator

Operator przełącznika porównuje wartość z wieloma innymi wartościami. Ten sam efekt można osiągnąć za pomocą kilku wyciągów, ale operator przełącznika umożliwia utworzenie krótkiego i wizualnego kodu:

Przełącznik (wyrażenie) (Wartość przypadków1: Operatorzy obudowy Znaczenie2: Operatorzy .. Domyślnie: operatorzy)

Przypuśćmy, że musisz stworzyć skrypt, który przełożyłby nazwę zwierząt z języka angielskiego (aukcja 2.15).

Listing 2.15.

Ten kod umożliwia tłumaczenie jednej z trzech nazw zwierząt (rys. 2.13).

Figa. 2.13. Wynik działania przełącznika operatora

Zwróć uwagę na operatora przerwy, który przestaje wykonać operatora przełącznika. W przeciwnym razie pozostały kod zostanie wykonany w instrukcji przełącznika niezależnie od wartości zmiennej.

Operator służy do tworzenia cyklu. Ten operator ma następującą składnię:

Dla (ekspresja inicjalizacji; warunki ekspresji; wyrażenie cyklu) (operatorzy)

Wyrażenie inicjalizacji zwykle służy do określenia wartości początkowej licznika cyklu. Wyrażenie stanu przestaje wykonywać cykl, gdy potrzeba wartości fałszu. Wyrażenie cyklu zwykle wykonuje przyrost lub zmniejszenie licznika cyklu. Każda z tych wyrażeń można przegapić, ale ustawiony jest odpowiedni punkt przecinka.

Listing 2.16 przedstawia kod, który umożliwia znalezienie numeru czynnika N! \u003d 1 ∙ 2 ∙ 3 \u200b\u200b∙ ... ... ∙ N za pomocą cyklu.

Listing 2.16. Znalezienie czynnika za pomocą operatora

W tym kodzie cykl jest zorganizowany od 1 do X, a dla prostoty wprowadzona wartość nie jest sprawdzana pod kątem dopuszczalności. Na przykład możesz, na przykład, aby uzyskać wartość nieskończoności (nieskończoności) o dużej wartości x.

Podczas gdy operator jest podobny do operatora, ale nie zainicjuje licznika w ogłoszeniu. Składnia tego operatora jest następująca:

Podczas gdy (wyrażenie warunku) (operatorzy)

Jeśli ekspresja stanu w tym cyklu jest fałszywa, operatorzy nigdy nie są wykonywane.
Listing 2.17 przedstawia kod, który umożliwia znalezienie faktora przy jednoczesnym cyklu.

Listing 2.17. Znalezienie czynnika za pomocą operatora podczas

Zrobić .. podczas gdy cykl

Operator robi .. jest prawie identyczny z operatorem. Jednak w tym oświadczeniu warunek jest sprawdzany na końcu, więc gwarantuje wykonanie operatorów, przynajmniej raz, niezależnie od prawdy stanu:

Czy (operatorzy) podczas (warunki ekspresji)

Listing 2.18 Zapewnia kod, który umożliwia znalezienie fakturowania za pomocą robienia ..

Listing 2.18. Znalezienie czynnika za pomocą operatora ..

Cykl dla .. w

Cykl dla ..In umożliwia wykonanie operatorów dla prawie każdej właściwości obiektu. Składnia tego operatora jest następująca:

Dla (nieruchomość w obiekcie) (operatorzy)

Na przykład, używając tego operatora, możesz wytworzyć przyrost wszystkich elementów tablicy (aukcję 2.19).

Listing 2.19. Używając operatora dla.

W wyniku wykonania tego kodu wszystkie elementy tablicy A wzrośnie o 1 (rys. 2.14).

Figa. 2.14. Przyrost elementów tablicy

Przerwać i kontynuować operatorów

Czasami podczas wykonania cyklu istnieje potrzeba przerywania całego cyklu lub jednego z jego iteracji. W tym celu serwowane są przerwy i kontynuacji operatorów. Operator przerwy całkowicie zatrzymuje wykonanie cyklu i przekazuje kontrolę operatorów po cyklu. Kontynuuj operator przerywa wykonanie bieżącego cyklu i wpływa na następny krok cyklu. Różnica w tych operatorach jest pokazana na liście 2.20.

Listing 2.20. Zastosowanie operatorów wyjściowych z cyklu

Ten kod umożliwia określenie liczby i elementów numery wprowadzonych przez użytkownika. Jednocześnie, wśród elementów tej tablicy, może występować zer, a następnie w elemencie tablicy z wynikiem b, konieczne jest przedstawienie Dash "-". Wynik przetwarzania kodu w tym przypadku widzisz na FIG. 2.15.

Figa. 2.15. Zastosowanie operatorów wyjściowych z cyklu

Powyższy kod pokazuje również możliwość mocowania jednego cyklu do drugiego. Z cyklu podczas cyklu można wyjść tylko wtedy, gdy zostanie wprowadzony zero (wartość domyślna). Jeśli wprowadzisz inne numery, cykl nie zakończy pracy. Cykl w trakcie wykonania jest czasami przerywany, jeśli element tablicy A wynosi zero (aby uniknąć dzielenia do zera).

Edytor kodów - podstawowe narzędzie programisty. I wszyscy się podnosi: ktoś docenia funkcjonalność, ktoś mobilność, dla kogoś głównego - projekt i wygoda. Ktoś lubił nawet pisać kod w notatniku, ale tak jak próbuje zbudować dom z młotkiem.

JavaScript jest potężnym i kapryśnym językiem. Z jednej strony wiele ram i bibliotek, z drugiej, nie są najłatwiejszą składnią i niebezpieczeństwami związanymi z "dynamiką". Dlatego ważne jest, aby znaleźć redaktor do pracy z nim. Właściwy wybór zapewni, że sprzątasz kod, wysoką prędkość rozwoju, minimalne błędy i przyjemność z pracy. Spędzasz dużo czasu na wybór jednego z setek istniejących redaktorów, więc zrobiliśmy część pracy dla Ciebie. Oto Top 5.

Webstorm.

Włókna internetowa z JetBrains jest piękna w obu swoich manifestacjach: jako IDE obsługuje współpracę z systemami sterowania wersji, umożliwia zdalne wdrażanie kodu, jako edytor - standardowe udogodnienia, jak podkreślanie składni, pompy samochodowej, nawigacji.

Korzyści:

• Liveedit - Wyświetl zmiany wprowadzone do kodu bez konieczności ich zapisania;
• interakcja z ramami, na przykład reaguje, kanciasty, meteor;
• więcej niż setki wbudowanych testów do wykrywania błędów;
• integracja z Mochą, Kątomierz, Znajomita, Karma do testów jednostkowych;
• bełny debuger do kodu debugowania na stronie serwera i klientów;
• nawigacja do jednoczesnej pracy z wieloma plikami;
• kod kodu, podświetlenie składniowe.

Niedogodności:

• kosztuje 129 $ za pierwszy rok pracy;
• w przypadku enkoderów dla początkujących funkcjonalny jest zbędny.

Visual Studio Code.

IDE Visual Studio, skierowany do pracy z kodem. Jest łatwy do opanowania, wygodny w użyciu, a jednocześnie funkcjonalny.

Korzyści:

• automatyzacja kontekstowa, zarówno składni, jak i stosowane zmienne, moduły, funkcje itp.;
• debuger z punktami przerwami, Władczo, interaktywną konsolą;
• wsparcie dla fragmentów i szablonów;
• integracja z Git;
• wygodny i prosty interfejs;
• bezpłatny edytor.

Niedogodności:

• kilka wtyczek.

Sublime Tekst

Wygodny i przetestowany w czasie Edytor krzyżowy, z konfigurowalnym interfejsem i zdolnością do tworzenia trywialnych działań przy użyciu klawiszy gorących.

Korzyści:

• skrócenie skrótów;
• nawigacyjny kod w formie karty mini;
• możliwość zmiany tematu wizualnego;
• wsparcie fragmentu;
• oświetlenie, auto-przejazd zmiennych i składni;
• wiele kierunków dzięki zastosowaniu wskaźników;
• wsparcie dla systemów montażowych;
• sprawdzanie płyty składniowej podczas wejścia;
• automatyczne przechowywanie.

Niedogodności:

• pełna wersja kosztuje 70 USD;
• brak analizatora kodu do łączenia linków.

Edytor atomów.

Pojawił się w 2015 r. Edytor kodu z Git, kopiowania tekstu wzniosłego tekstu i zawinięte w chrom.

Korzyści:

• ponad 50 otwartych modułów;
• wygodny i przyjemny interfejs;
• wolny;
• kod autokoptera i podświetlenia;
• pakiety menedżera, które są już ponad 3,5 tys.;
• elastyczne ustawienia edytora, pakiety wtykowe, interfejs;
• edycja i nawigacja z klawisantami.

Niedogodności:

• niska wydajność;
• pusty sprzęt "z pudełka".

Wsporniki.

W 2014 r. Wsporniki przestraszone programiści błędami i wadami, ale teraz stopniowo zwracają pewność siebie z nową funkcjonalnością jakości.

Korzyści:

• bogaty sprzęt "z pudełka";
• tryb podglądu na żywo - Podgląd redaktorów w przeglądarce w czasie rzeczywistym;
• menedżer pakietów;
• pokaż w kodzie używane obrazy i kolory;
• autotopding i podkreślanie składni;
• analizator kodu;
• wolny.

Niedogodności:

• Ścisła orientacja na stronie internetowej i HTML + CSS + JavaScript;
• powolny rozwój;
• niska prędkość z powodu funkcji podglądu.

dzisiaj javaScript. Zajmuje wiodącą pozycję, jeśli mówimy o części klienta produktów oprogramowania i jest używany przez profesjonalnych programistów i programistów internetowych na całym świecie. javaScript. - Jest to potężny język programowania z wieloma rozszerzoną funkcjonalnością i infrastrukturą jak jQuery, Yui, Sproutcore i Cappuccino. Ale ma na przykład pewne wady, javascript w różnych przeglądarkach działa inaczej i może ograniczyć dostęp do strony internetowej i jego wygody dla użytkownika. Ale te czynniki nie powinny ograniczać zdolności tego wspaniałego języka.

Dla wielu programistów pracuje javaScript. Może wydawać się nieco trudne, ale mamy wiele narzędzi dla deweloperów JavaScript, które są nie tylko łatwe w użyciu, ale także pokazują doskonałe wyniki w ciągu kilku minut. Posiadanie wiedzy w JavaScript możesz wykonać wszelkie zadania - pisanie dokumentacji, edycji, testowania, debugowania itp.

Narzędzia do dokumentacji

jgruDedoc to narzędzie, które umożliwia wygenerowanie dokumentacji API przed komentarzami w kodzie źródłowym (programu) i dokument, dzięki czemu wszystkie niezbędne koncepcje, funkcje, zmienne, klasy, interfejsy, przestrzeni nazw itp., Co powoduje doskonały produkt niestandardowy .

JSDoc Toolkit to aplikacja napisana przy użyciu JavaScript, aby automatycznie generować formaty szablonów i wielojęzyczną dokumentację HTML z kodu źródłowego Źródło JavaScript.

Narzędzia ściskające

JSCompress jest sprężarką online JavaScript, który kompresuje pliki JavaScript przy użyciu algorytmów kompresji, takich jak JSMIN i Packer, a skompresowane pliki JavaScript są po prostu idealne do nośnika roboczego, ponieważ ich rozmiar zmniejsza się o 30% -90%.

Compressor Yui jest wymiarem JavaScript utworzonym w celu uzyskania wyższego stosunku kompresji niż inne narzędzia mogą dać. Począwszy od wersji 2.0 YUI kompresor kompresuje pliki CSS za pomocą portu na podstawie zwykłego wyrażenia ISAAC Schlutera.

kompresor JavaScript kompresuje i optymalizuje pliki JavaScript. Z tego powodu są one ładowane szybciej, a tym samym zmniejszają zastosowanie przepustowości. Dzięki temu nazwy funkcji i zmiennych globalnych pozostają nienaruszone.

Scriptalizer to narzędzie online, aby zmniejszyć skrypty Java i CSS, które umożliwia zapisanie miejsca na dysku twardym z powodu zmniejszenia rozmiaru kodu. Usuwa również dodatkowe przestrzenie, zakładki i puste struny, symbole nowych wierszy i komentarzy, a także blokuje ograniczniki.

Formatowanie narzędzi

JSBeaUtier jest narzędziem online, który reformatuje i zmienia wkładki z bookmarklet (ze słów zakładek i apletu), "nieporządnych" fragmentów kodu JavaScript i rozpakowuje skrypty, a także "bezzwaliste" złożone fragmenty skryptów. Wystarczy wstawić kod i kliknij przycisk "Udekoruj".

Redaktorzy i narzędzia dla IDE

Aptana Studio to środowisko pracy rozwoju sieci Web z wiodącej firmy w swojej dziedzinie, która łączy potężne produkty oprogramowania do pracy z HTML, CSS i JavaScript. Aptana Radrails to w pełni ukończone środowisko programistyczne do budowy profesjonalnych aplikacji z bogatym rozszerzeniem kodu na Ruby & Rails, JavaScript, CSS i HTML.

Spket IDE jest potężnym zestawem narzędzi do rozwijania JavaScript i XML, a także widget JavaScript, XUL / XBL i Yahoo. Zapewnia funkcje, takie jak rozszerzenie kodu, podświetlanie składni i plan treści.

Komodo Edytuj to darmowy wielojęzyczny edytor open source dla łatwiejszego kodu jakości pisania. Obsługuje PHP, Python, Ruby, Perl i TCl, a także JavaScript, CSS, HTML i szablon, takich jak RHTML, Template-Toolkit, HTML-Smarty i Django.

Narzędzia do debugowania

Firebug to najpotężniejsze narzędzie do rozwoju sieci, które służy do sprawdzania HTML i modyfikować styl i układ w czasie rzeczywistym, dokładnej analizy i wydajności sieci. Regulator JavaScript można użyć z dowolną przeglądarką.

BlackBird to projekt kodu open source, który oferuje łatwy sposób na logowanie wiadomości na JavaScript i atrakcyjnej konsoli, aby je wyświetlić i filtrować, zminimalizować lub całkowicie wyeliminować korzystanie z funkcji Alert ().

Faux Console to javascript, który można włożyć do dokumentu, aby uzyskać podstawową konsolę konfiguracji w IE, i możesz użyć plików YUI lub pliku Console.log () (), aby dziennikować informacje między przeglądarem.

JS Bin jest aplikacją internetową, która pomaga nazwa JavaScript i CSS kodu fragmentów, są testowane w określonym kontekście i kodzie akcji. Umożliwia edycję i testowanie JavaScript i HTML.

JSON jest formatem danych, który dziś zdobywa popularność i jest szeroko stosowany w wielu stronach internetowych 2.0 z AJAX. Wiele witryn, które oferują dane zwrotne API w formacie JSON. Często w danych dostarczonych przez JSON, szczeliny są skompresowane w celu zmniejszenia ilości przesyłanych danych. Ta strona zapewnia szybki i łatwy sposób na formatowanie JSON w taki sposób, aby go przeczytać.

Klient Eclipse Marketplace (MPC) to bogaty interfejs klienta do przeglądania i instalowania rozwiązań opartych na Eclipse. MPC zapewnia silną integrację instalacji między środowiskiem pracy ECLIPSE a Marketplace Eclipse, a także rozwiązania wydruku osoby trzeciej.

Venkman to regulator JavaScript dla Mozilli, na podstawie przeglądarek, takich jak Firefox 3.x, Netscape 7.x, Seamonkey 1.x i Mozilla Seamonkey 2.x. Readuster jest również dostępny jako pakiet rozszerzający w formacie XPI.

JS.Class jest zestawem narzędzi do tworzenia programów zorientowanych na obiekty na JavaScript oparty na Ruby. Oferuje również potężny kierownik partii, którego celem jest pomoże Ci pobrać aplikacje i wspierać wszystkie główne przeglądarki internetowe, w tym Rhino, Node.js i Narhwal.

Narzędzia do testowania

Sugartest ułatwia pisanie testów dla JavaScript, działa na górze Jsunittest, jako DSL, który ma instalację, usunięcie, zagnieżdżoną zawartość, nie ma zależności, a praca jest wykonywana po prostu i jednocześnie ekspresyjna składnia.

jSINT bierze źródło javascript i skanowania lub notatek. Jeśli znajdzie problem, wyświetla wiadomość opisującą ją, a także wskazuje lokalizację, w której problem z składniami nie powinien być, a także sprawdza wybór stylu i programów strukturalnych.

Stworzony przez Johna Resig (Jan Odvarko), Firerunit to prosty API JavaScript dla prostego testu na swoim logowaniu i przeglądaniu w nowej karcie Firebug.

Jsunit to moduł, który testuje strukturę strony klienta JavaScript, który wykonuje port Junit, a także zawiera platformę do automatyzacji testów w różnych przeglądarkach i komputerach z różnych systemami operacyjnymi.

Test Yui to środowisko testowe dla rozwiązań JavaScript opartych na przeglądarkach, w których można łatwo dodać do rozwiązań JavaScript. Moduły testujące. Test Yui zapewnia również ulepszoną funkcję definicji błędów dla tych metod, które przenoszą błędy, testy asynchroniczne do testów zdarzeń, komunikacji opartej na AJAX i wiele więcej.

JSPEC jest bardzo małym, ale bardzo potężnym środowiskiem testowym, który korzysta z własnej gramatyki i preprocesora oraz obejmuje wiele skurczów listowych, czytelnych składni, wsparcia dla asynchronizacji i nosorożca, zainwestowanego opisu, wspólnego obrazu akcji, wsparcie dla akcesoriów, AJAX Imitacja i wiele innych.

JSLITMUS to lekkie narzędzie do tworzenia wysoce wyspecjalizowanych kontrolowanych w JavaScript, który współpracuje ze wszystkimi najczęstszymi przeglądarkami. Posiada otwarte źródło, licencję w stylu MIT, adaptacyjne cykle testowe i można go również umieścić na istniejących stronach internetowych lub aplikacjach.

Znakomity checker JavaScript służy do śledzenia na stronie internetowej elementów A; i gdy znajduje element HTML z imprezami wbudowanymi, podkreśla tę sekcję z czerwoną ramką, a Linki JavaScript: - Malina.

Inne przydatne narzędzia

Prettypink jest zmienną dumper JavaScript (DUMPER) wbudowany w przeglądarkę, co daje możliwość drukowania obiektów dowolnego typu, aby wyświetlić podczas sesji konfiguracji w formacie tabeli. Nie wymaga żadnych tabel stylowych i obrazu, może pracować z nieskończoną liczbą zagnieżdżonych obiektów, chroni przed odwołań okrągłych / powtarzalnych i jest w pełni kompatybilny z JSNInt.

Firediff jest przedłużeniem Firebug, zaprojektowany, aby śledzić zmiany w DOM i CSS, czyli monitoruje zmiany, które zapewnia możliwość rozumowania funkcjonalności aplikacji, a także rejestruje zmiany wprowadzone i dostosowuje wyświetlanie stron.

JS Wykresy jest generatorem wykresów JavaScript, który umożliwia tworzenie grafiki przy użyciu różnych szablonów, takich jak histogramy i proste wykresy liniowe.

Paptspeed to open source Suplement Firefox / Firebug, który służy do oceny wydajności stron internetowych i uzyskiwania zaleceń dotyczących ich poprawy. Przyspiesza również prace swojej witryny, zmniejsza stosowanie przepustowości linii i koszt hostingu.

Rockstar Web Profiler lub Razor zawiera trzy komponenty, a mianowicie, Rockstar Profiler Server do analizy połączeń sieciowych i wydajności serwera, Rockstar Profiler Sonda do analizy Client Side Performance i Rockstar Profiler Console, który jest informacją do analizy analizy danych dotyczących wydajności.

Mobile (w Safari) Struktura JavaScript w obniżonej formie waży mniej niż 8 KB, odnosi się do laboratorium Sizzle w iPhone, obsługuje przejścia CSS i animacji, jest zorientowany obiektowo i łatwo rozbudowany.

pHP.JS - projekt open source w celu przeniesienia funkcji PHP na wysokim poziomie do niskopoziomowych platform JavaScript, takich jak przeglądarki internetowe, rozszerzenia przeglądarki, silniki powietrzne i SSJS, takie jak V8, Rhino i Spidermonkey.

JSSPEC jest javascript "zachowując się" -Thestruture, co pokazuje różnicę między oczekiwanymi i rzeczywistymi wartościami, wyraźnie pokazuje linię obrażeń, obsługuje obrabiane wsparcie dla IE 6 lub IE 7, Firefox 2 i Safari 3.

Mokui to biblioteka interfejsów użytkownika w formie aplikacji internetowej na podstawie Moootools JavaScript używana do aplikacji internetowych, elementów internetowych na pulpicie, strony internetowych, widżetach i poszczególnych oknach dialogowych.

Highlight.js podkreśla składnię w przykładzie kodu w blogach, na forach i ogólnie, na dowolnej stronie internetowej. Automatycznie znajdzie bloki kodu, definiuje język i podkreśla go.

Biblioteki Narzędzia i komponenty do JavaScript

Uploadify jest wtyczką dla jQuery, co ułatwia integrację kilku pobrań do swojej witryny i która wymaga flash lub innego języka rozwoju wewnętrznego. Główna realizacja jest dość prosta i oferuje ogromne możliwości modyfikacji dla doświadczonych użytkowników.

Wybuch jest przykładem charakterystycznej animacji przy użyciu technologii JavaScript i HTML5 i bez użycia technologii flash. Plik SVG jest tworzony za pomocą Inkscape. Wybuch jest składniowo podobny do jQuery.

Jstestdriver buduje maszynę testową na JavaScript, który można łatwo zintegrować z ciągłymi systemami rozwalania; Umożliwia szybkie uruchomienie testów na różnych przeglądarkach, aby ułatwić rozwój stylów TDD i zapewnia szybkie wykonanie testu, w pełni kontrolowaną dom, sterowanie z wiersza poleceń i tak dalej.

Booklaylet to kod Packer-BookBird, zaprogramowany Pobierz dowolną zawartość innej strony wewnątrz otwartego okna za pomocą LIV i Iframe Warstwy. Działa z przeglądarkami Firefox, Safari i Opera, ale nie działa z Internet Explorerem.

javaScriptasters jest zestawem komponentów, funkcji i klas JavaScript, w których funkcje wykonują podstawowe operacje z obiektami, liniami, tablicami danych, pól formularza i tak dalej. Zestaw ma tabelę dynamiczną, która obsługuje stronę stronicowania plików, ich sortowania i edycji i jest w pełni konfigurowalny za pomocą CSS.

lITEARAX jest dowodem koncepcji lekkich klas AJAX.

JSPDF to biblioteka do generowania dokumentacji PDF za pomocą JavaScript i otwartych drzew. Może być używany na rozszerzeniach Firefoksa, serwera JavaScript z danymi URL w niektórych przeglądarkach.

Narwhal jest międzyplatformowym, wielokrotnym środowiskiem multi-interpretacyjnym JavaScript, który buduje aplikacje i struktury JavaScript, takie jak NITRO. Zawiera menedżer pakietów, system modułu i standardowej biblioteki dla wielu tłumaczy JavaScript.

Przydatne biblioteki JavaScript i inne narzędzia

Obrus \u200b\u200bjest łatwy i dyskretny sposób na dodanie stylu i obrazu akcji w tabelach elementów HTML. Ma funkcję przypisywania Nawet / dziwnych nazw klasy na linie alternatywne, dodaje nazwy klas, aby ustawić myszę nad określonym obszarem.

Moousture to biblioteka przemieszczenia myszy, napisana tylko na JavaScript i ma zdolności i elastyczność do przewrócenia dla Ciebie. Biblioteka jest napisana na mootools, która następuje zgodnie z normami obiektowymi. Jej celem jest rozpoczęcie pracy nad przyszłą strukturą ruchu myszy w dowolnej przeglądarce, w tym nowoczesnych urządzeń mobilnych.

narzędzia jQuery to zbiór najważniejszych elementów interfejsu użytkownika dla nowoczesnych witryn, gdzie wszystkie narzędzia mogą być używane razem, rozszerzanie, konfigurowanie i recyklingowi. Jest używany przez duże strony na całym świecie.

Tipimage jest używany do tworzenia i sterowania podpowiedziami nad obrazami, tworzy kwadratowe części obrazów i czyni go opisem, który jest pokazany w postaci chmur końcówki. Obsługuje również użycie specjalnej funkcji wywołania zwrotnego.

qGallery to mały program w formie wiersza poleceń, która przetwarza obrazy w formacie JPEG, a specjalnie zmienić nazwy plików w niektórych strukturach folderów, aby utworzyć statyczną galerię HTML do publikacji, automatycznie tworzy indeksy obrazu do podglądu, komentarzy dla każdego obrazu i dodatkowych obrazów a HTML można dodać później.

LivePipe UI jest zestawem wysokiej jakości widżetów i elementów sterujących dla aplikacji Web 2.0 przy użyciu prototypowych ram JavaScript, gdzie każda kontrola jest dobrze przetestowana, w pełni otwarta, udokumentowana i elastycznie wymieniana bardziej uproszczoną wersją w przeglądarkach bez włączenia JavaScript.

javaScript Virtual Keyboard jest wielokrotnym użytkowaniem, aby dodać graficzny interfejs klawiatury do pól testowych, pola wprowadzania hasła i pól tekstowych. Zapewnia również łatwy dostęp do znaków specjalnych.

Skrypt Skrypt Skryptoryjnych Akcji Tabeli może rozłożyć tabelę z paskami, obsługuje ruch kursora na poziomym i pionowym menu, a efekty i efekty, aby przesunąć kursor na poszczególnych komórek, może współpracować z RowsPans i Collpans, a także działa szybko w programie Internet Explorer.

Glassbox to świetlny interfejs użytkownika JavaScript, który korzysta z prototypu i script.aculo.us, aby osiągnąć niektóre efekty. Glassbox umożliwia łatwe budowanie jasnych ramek świetlnych, schematów kolorów i efektów "pod" błysk.

Glimmer to interaktywne narzędzie do projektowania lub aplikacją Windows, która może łatwo tworzyć animację i uczucie interakcji, a także inne efekty. Generuje również jQuery, XHTML i CSS.

Bookmarketki służy do wykonywania przydatnych funkcji, Bookmarklet umożliwia utworzenie adresu URL z JavaScript i zastosowanie go do ulubionych. Wpisz swój kod JavaScript, a do zarezerwowania książki zrobią wszystko inne.

generator REGEX JavaScript generuje prawidłowe w stosunku do podstawowych wyrażeń, w których należy wprowadzić tylko dane do testowania i oznaczania części, które regex muszą porównać. Wersja beta narzędzia umożliwia dodanie siedmiu grup.

Tabela kompatybilności zawiera linki do oddzielnych tabel. Ma również klucze do kompatybilności tabel, które określają całkowicie obsługiwane, z trudem lub w ogóle nie jest obsługiwane.

To nie jest tajemnicę, że w naszych czasach JavaScript. stał się jednym z najpopularniejszych języków programowania. W odległym 90., w momencie nazwy języka, gdy został stworzony wyłącznie w celu dodania interaktywności stron internetowych i poprawić proces interakcji z użytkownikiem, który pomyślałby, że osiągnie tak bezprecedensowy Wysokość. W końcu możesz zrobić prawie wszystko. Chcesz napisać stronę internetową: i backend i frontand na javascript? Zapraszamy! Chcesz napisać mobilną aplikację na JavaScript? bez problemów. Zaprogramuj mikrokontroler - a następnie JavaScript przychodzi do pomocy.

Istnieją oczywiście małe wady w podejściu do korzystania z JavaScript wszędzie, ale jeśli myślisz o tym, ile czasu i siły można zaoszczędzić, studiując tylko niektóre z języka, zwłaszcza jeśli ta sama aplikacja powinna pracować na różnych platformach. Powiedzą różne platformy? Hmm ... Dokładnie - Różne platformy - Teraz JS może sobie pozwolić na aplikacje pulpitu dla Windows, Linux, Mac, jak pytasz? Odpowiedź jest prosta: spotkaj się - Nw.js..

Node.js. - Platforma oparta na silniku V8, który nadaje nasz skrypt w kodzie maszyny. Platforma ta została założona w 2009 roku, głównie do pracy z zapasami.

Webkit. - bezpłatny silnik opracowany przez Apple. Po raz pierwszy ogłoszono w Safari w 2003 roku
Tak więc kod napisany w języku JS dla tej technologii będzie dostępny jako moduły Node.js i standardowe API przeglądarki (odpowiednio, webkit)

Szybki start

Wszystko to jest z pewnością dobre, ale dlaczego zacznij? W Github można znaleźć i pobierać repozytorium z kodem źródłowym. Tutaj znajdziesz bezpośrednie linki do pobierania pod platformą, na której zostanie przeprowadzona rozwój. Między innymi potrzebujemy zainstalowanego węzła.js

Po pobraniu i zainstalowaniu niezbędnego oprogramowania napisałeś swoją aplikację na swoim ulubionym JS (przeczytaj go dalej) i zlokalizować wszystko w jednym folderze. Półpolony wykonany, teraz pozostaje najtrudniejszy i długi - spakuj wszystko w jeden plik i przygotuj się do dystrybucji. Aby uprościć, możesz użyć gotowych bibliotek, takich jak NW-Builder. Instalacja biblioteki nie będzie trudna, jeśli już pracowałeś z węzłem. Jak wiesz, w składzie node.js wchodzi nPM Package Manager.Z którym musisz pracować z linii poleceń. Aby umieścić dowolną bibliotekę, musisz wykonać polecenie:

\u003e NPM Install [Biblift_Name] [Opcje]
Należy pamiętać, że biblioteka może być zainstalowana, zarówno lokalnie, jak i na całym świecie, dla instalacji lokalnej, użyj opcji --Save-dev., dla globalnego -SOL.. W ten sposób dostarczymy nasz kolekcjoner na NW.JS na całym świecie, wypełniając polecenie:

\u003e NPM Zainstaluj NW-Builder -G
Aby zebrać naszą aplikację, musisz wykonać polecenie (z dużą liczbą opcji można znaleźć w dokumentacji):

\u003e NWBUILD -P [Nazwa platformy] -O [PATH_PAPKA_TELA_BEQUITO_VERSIY] [PATH_DO_DIVETS]
Następujące wartości mogą być nazwa platformy: Win32, Win64, OSX32, OSX64, Linux32, Linux64.

Podczas rozwoju nie ma potrzeby odebrania aplikacji za każdym razem, możesz po prostu uruchomić ją jako i otworzy się w osobnym oknie. Aby to zrobić, uruchom aplikację NW.exe z linii poleceń i prześlij ścieżkę do folderu do aplikacji jako parametrów. Ponadto, jeśli pracujesz w systemie Windows, możesz po prostu przeciągnąć folder za pomocą kodu źródłowego do JS za pomocą metody Drag-N-Drop (Należy pamiętać, że cały folder jest cały folder) w NW.exe.

Witaj świecie!

Teraz, gdy wiesz, jak uruchomić aplikację, jak go montować w jeden plik, napiszmy wszystko. Przez tradycję, znajomość nowej platformy zaczyna się od pisania witaj, World Application.

W tej aplikacji nie będziemy nawet potrzebować JavaScript., Tylko Html.. Utwórz folder o nazwie Witaj świecie. Pozycja wewnątrz pliku index.html. Z następującym znacznikiem:

Ponadto dla każdej aplikacji w ramach NW.JS potrzebujesz pliku, który należy nazwać pakiet.json.. Wymaganie informacji o zbudowaniu aplikacji. Utwórz najprostszą opcję plików i umieść w folderze Witaj świecie. Więc:

("Nazwa": "Hello-World", "Wersja": "1.0.0", "Opis": "Pierwsza aplikacja", "Main": "index.html", "autor": "Deweloper", "Okno ": (" Pasek narzędzi ": false," szerokość ": 500," wysokość ": 200))
Zawartość pliku jest jasna bez wyjaśnienia (uwaga pola obowiązkowe tylko główne i nazwisko). W główny. Musisz napisać plik z oznaczeniem, który będzie punktem wejścia w aplikacji. Sekcja okno. Ustawia parametry okna (w tym przypadku wyłączamy pasek narzędzi i ustawić rozmiar okna 500x200).

Ponadto możesz skonfigurować takie pola jako (do pełnej listy opcji, skontaktuj się z dokumentacją):

• ikona - Wskaż ścieżkę do ikony (zastępuj standard)
• pozycja - Możesz określić położenie okna podczas ładowania ( zERO, Środek lub mysz.)
• min_width., min_height., Max_width., maksymalna wysokość - Limit rozmiaru okna
• rezygnacyjny - wartość logiczna, która może być wyświetlana przez użytkownika, aby zmienić rozmiar okna
• pełny ekran. - Włącz tryb pełnoekranowy
• kiosk. - Włącz tryb kiosku
• przezroczysty - Zróbroczyste okno

Aplikacja jest tworzona i możesz go uruchomić. Po uruchomieniu (jak to zrobić, patrz sekcja powyżej) Musisz uzyskać następujące okno:

Aplikacja jest napisana, ale w nim tylko jeden element DIV i w ogóle nie ma logiki, a co robić, jeśli jesteśmy bogaci w elementach marży i logiki złożonej? Element pliku konfiguracyjnego przychodzi pasek narzędziktóry zainstalowaliśmy fałszywy. Aby udostępnić narzędzia debugowania, konieczne jest zainstaluj pasek narzędzi w TRUE. Po wykonaniu tego po uruchomieniu aplikacji otrzymamy następujące okno:

Po naciśnięciu przycisku w prawym górnym rogu zostanie otwarte inne okno, w którym zostaną wyświetlone znane narzędzia deweloperskie:

Pracuj z rodzimymi kontrolami

NW.JS pozwala pracować z rodzimymi kontrolami. Rozważ pracę na przykładzie menu. Aby pracować z natywnymi kontrolami UI w NW.js, musisz użyć modułu Nw.gui.który można połączyć w następujący sposób:

Var gui \u003d wymagać ("nw.gui");
Ogólny szablon do korzystania z elementów sterujących:

Var element \u003d Nowa nazwa GUI.ElementName (opcja);
Tak więc, aby utworzyć elementy menu, możesz użyć następującej konstrukcji:

Var menu \u003d nowa gui.menu ();
Ponadto, wszelkie właściwości utworzone obiektu można łatwo zmienić za pomocą standardowych struktur JS, na przykład w następujący sposób:

Menu.title \u003d "(! Lang: Nowy tytuł"; !}
Menu jest tworzone, teraz musisz wypełnić, do manipulowania przez elementy dziecka są metody:

Menu.append (New Gui.menuiM ((Etykieta: "Etykieta elementu menu"))); Menu.remaveat (0);
Ponadto, aby uzyskać bardziej elastyczne dodawanie elementów w menu, możesz użyć metody wstawić., których parametry musisz przejść Pozycja w menu. i numer pozycji, gdzie go wstawić ( pozycja przed pierwszym elementem odpowiada 0).

Aby uzyskać dostęp do utworzonych elementów, możesz użyć obiektu. przedmiotów.:

Menu.items.title \u003d "(! Lang: Nowy tytuł" !}
Należy pamiętać, że nie można bezpośrednio utworzyć elementów:

Menu.items \u003d new Gui.menuem (); // ŹLE
Najważniejsza rzecz podczas pracy z rodzimymi kontrolami, pamiętała to wszelkie błędy podczas pracy z nimi może prowadzić do upadku całej aplikacji.Dlatego konieczne jest niezwykle uprzejmy i, jeśli to możliwe, podczas usuwania elementów również przypisuje wartość zmiennej wartości null. W ten sposób usunąć kontrolę, Możesz wykonać następujące czynności:

Control.Remove (); Control \u003d NULL;
Aby uzyskać bardziej wygodne operacje z kontrolkami, są odziedziczone z Eventemitter, więc dobrą wiadomość jest to, że możemy łatwo współpracować z wydarzeniami, na przykład:

Menuim.on ("Kliknij", funkcja () (// zrób coś użytecznego));
Menu zostało utworzone, ale jeśli uruchomisz aplikację, nie zobaczysz żadnego menu. Aby wyświetlić menu, istnieje metoda popup, w której parametrach konieczne jest przeniesienie współrzędnych, aby wyświetlić menu.

Aby zademonstrować główne cechy menu, dodaj następujący skrypt do projektu utworzonego wcześniej. Witaj świecie.:

Var gui \u003d wymagać ("nw.gui"); var menu1 \u003d nowy gui.menu (); Menu1.append (New Gui.menitum ((Etykieta: "Pozycja 1"))); var podmenu1 \u003d nowy gui.menu (); podmenu1.append (New Gui.menitum ((Etykieta: "Pozycja 2")); Menu1.append (Nowy Gui.menuem ((Etykieta: "Podmenu", podmenu: Podmenu1))); Dokument.Body.Addeventlistener ("ContextMenu", Funkcja (EV) (EV.PreventDefault (); menu1.popup (ev.x, ev.y); zwraca false;));
Po uruchomieniu aplikacji możemy zobaczyć utworzone menu kontekstowe dla ciała. W ten sposób możemy zdefiniować menu kontekstowe dla dowolnego elementu.

Dodaj tagi