Nauka JavaScript od podstaw w języku rosyjskim. JavaScript dla początkujących – proste przykłady
Jest to kurs wprowadzający do języka JavaScript dla początkujących. Jeśli chodzi o priorytet, jest to trzeci temat, który musi znać kompetentny twórca stron internetowych. Pierwsze dwa to oczywiście HTML i CSS. Powitanie!
Język skryptowy JavaScript został opracowany przez Brendana Eicha w 1995 roku jako jedno z rozszerzeń przeglądarki Netscape Navigator 2.0, o którym niewiele osób pamięta. Ale sam język żyje i kwitnie.
W przeciwieństwie do HTML i CSS jest to już prawdziwy język programowania. Można powiedzieć, że HTML i CSS to tylko kwiaty, ale JavaScript jest jak jagody. Różnią się zasadniczo. HTML to po prostu znacznik (lub inaczej struktura witryny), a CSS to wygląd tego znacznika. Jednak JavaScript umożliwia tworzenie programów, które instruują komputer użytkownika, aby wykonywał aktywne działania.
Dlatego jeśli nie znasz jeszcze nawet tak prostych rzeczy jak HTML i CSS, to zdecydowanie jest za wcześnie, aby zająć się JavaScriptem.
Ale nie ma się co bać. W przeciwieństwie do swoich większych braci, takich jak Java czy C++, JavaScript jest dość prostym językiem. Każdy początkujący programista stron internetowych może to opanować. W każdym razie nauka korzystania z niego wcale nie jest trudna.
Programy napisane w języku JavaScript nazywane są skryptami lub skryptami. Należy jasno zrozumieć, że skrypty te są wykonywane tylko na komputerze użytkownika, a nie gdzieś w sieci. Dlatego w dużej mierze zależą one od ustawień tej samej przeglądarki, które ustawił użytkownik. Jeśli celowo wyłączył skrypty, po prostu nie będą działać.
Dlaczego JavaScript jest potrzebny?
Po co w ogóle używać jakichkolwiek skryptów po stronie użytkownika? Kluczowym słowem jest tutaj obsługa zdarzeń. Takim zdarzeniem może być np. kliknięcie przycisku w formularzu przesyłania danych. W tym celu udostępniane są specjalne atrybuty zaczynające się od on.
Przykłady takich atrybutów:
onclick - pojedyncze kliknięcie myszą;
onmouseover - umieszczenie kursora myszy w obszarze zajmowanym przez dowolny element strony;
onfocus - podświetlanie (skupianie) elementu. Na przykład pola formularza, w których znajduje się kursor.
OK, możesz powiedzieć, po co używać JavaScript do przetwarzania tego samego formularza? Jest do tego php. Wypełniłem wymagane informacje i w spokoju wysłałem je do siebie.
Zgadza się, JavaScript nie przetwarza danych, PHP robi to na zdalnym serwerze.
Co jednak jeśli użytkownik nie wypełnił wszystkiego? Jeżeli np. pominąłeś wymagane pola oznaczone gwiazdką *. Co wtedy? Wtedy z serwera przyleci mu nowa strona, na której będzie napisane jaki z niego frajer.
Zasadnicza różnica polega na tym, że bez użycia JavaScript podczas wysyłania formularza żądanie zostanie wysłane do zdalnego serwera w każdym przypadku, nawet jeśli formularz zostanie wypełniony błędnie lub niekompletnie. Z serwera zostanie odebrana odpowiedź o błędzie. Użytkownik będzie musiał wprowadzić wszystko ponownie. I tak za każdym razem. A jeśli korzystasz z JavaScript, strona z formularzem nie zostanie wysłana na serwer, dopóki użytkownik nie wprowadzi poprawnych danych.
Oznacza to, że skrypt, jak to się mówi, „bez wychodzenia z kasy” sprawdzi formularz bezpośrednio w przeglądarce użytkownika i wyświetli komunikat, jeśli zostanie on wypełniony błędnie lub niedostatecznie. Pełni tutaj funkcję organu nadzorczego.
Zgadzam się, że jest to znacznie wygodniejsze, zajmuje mniej czasu i oczywiście zużywa mniej ruchu. A w przypadku mobilnego połączenia z witryną ma to jeszcze większe znaczenie.
Skrypty JavaScript są zatem wygodnymi pomocnikami, które nie tylko sprawdzają wprowadzone dane, ale także wykonują wiele przydatnych działań po stronie użytkownika. Weźmy na przykład te same rozwijane listy menu lub zwijane okna, wszelkiego rodzaju suwaki i spektakularne galerie obrazów, podświetlanie aktywnych pól formularzy lub podpowiedzi na stronach internetowych i wiele więcej.
Zaawansowany czytelnik powie:
Ha! Wszystko to można więc zrobić przy użyciu czystego CSS3, bez żadnych skryptów!
Zgadzam się, z wyjątkiem słowa „wszystko”. Wszystko, ale nie wszystko. Możesz tworzyć wszelkiego rodzaju sztuczki i triki, używając czystego CSS3, ale CSS nie może zweryfikować, czy formularz jest poprawnie wypełniony. Poza tym istnieją tysiące innych sposobów wykorzystania skryptów JavaScript do poważniejszych celów. W przeciwnym razie mądrzy ludzie nie wpychaliby JavaScriptu do Bootstrapa ani nie tworzyliby mega przydatnej biblioteki skryptów jQuery.
Jak umieścić JavaScript na stronie internetowej
Istnieje kilka opcji łączenia JavaScript na stronach witryny.
1. Mały kod JavaScript można osadzić bezpośrednio w tagach HTML. Przykładowo poniższy kod wyświetli w polu formularza tekst „Wpisz swój adres e-mail”, który automatycznie zniknie po umieszczeniu kursora w tym miejscu, aby nie przeszkadzać użytkownikowi:
Jak widać, nigdzie nie jest wyraźnie wskazane, że jest to JavaScript, ale przeglądarki to rozumieją i przetwarzają zgodnie z pisemnymi poleceniami.
Jednak JavaScript w szerokim zakresie wykorzystuje te same znaki, które są używane w HTML. Na przykład nawiasy kątowe lub cudzysłowy proste. Aby zapobiec błędnej interpretacji tych znaków przez przeglądarkę, skrypty są zwykle zapisywane pomiędzy specjalnymi tagami:
2. Nieco większy kod skryptu JavaScript można dodać bezpośrednio w miejscu na stronie, w którym ma zostać uruchomiony. Jak wspomniano powyżej, oprawiamy go tagami.
Ale nie zawsze jest to wygodne, aw niektórych przypadkach jest obarczone.
Na przykład, jeśli użytkownik wyłączył skrypty w swojej przeglądarce, strona może się w tym momencie zawiesić i nie wczytać się całkowicie. Dlatego ogólnie zaleca się umieszczanie skryptów na samym dole strony, przed tagiem zamykającym. W takim przypadku nawet jeśli skrypt nie zadziała, sama strona załaduje się w całości i bez zbędnych opóźnień.
3. Najbardziej poprawnym sposobem łączenia skryptów JavaScript jest umieszczenie ich w osobnym pliku z rozszerzeniem .js i połączenie ze stroną poprzez link, tak jak ma to miejsce w przypadku arkusza stylów CSS umieszczonego w osobnym pliku. Przykład:
Na tym kończy się nasza wprowadzająca wycieczka po JavaScript. Następnym razem napiszemy nasz pierwszy scenariusz w tym cudownym języku. Subskrybuj aktualizacje bloga Web Council, aby niczego nie przegapić!
Samouczek składni JavaScript
Zanim zaczniesz czytać samouczek języka JavaScript, powinieneś posiadać wiedzę na temat .
Będzie to dużym plusem w nauce składni JavaScriptu, jeśli znasz już jakiś język programowania, np. PHP, C czy Pascal, a także rozumiesz, czym jest zmienna, typ danych, funkcja czy tablica.
Jeśli jednak nie znasz języków programowania, nie musisz się martwić, ten poradnik JavaScript jest przeznaczony dla tych, którzy rozpoczynają naukę programowania po raz pierwszy.
JavaScript (JavaScript) to język programowania działający po stronie klienta, którego można używać do kontrolowania elementów strony HTML (znaczników HTML) i przeglądarki internetowej, wprawiania ich w ruch, reagowania na różne zdarzenia (kliknięcia myszą, naciśnięcia klawiatury) oraz tworzenia wielu ciekawe programy (skrypty): testy, animacje, galerie zdjęć (na przykład jak na VKontakte), gry i wiele więcej.
Jak nauczyć się JavaScriptuNauka JavaScriptu zazwyczaj dzieli się na cztery etapy:
1. Opanuj składnię JavaScript (ten samouczek),
2. Badanie DOM i BOM,
3. Zarządzanie DOM i BOM za pomocą JavaScript,
4. Studiowanie różnych bibliotek JavaScript. jQuery jest obecnie najpopularniejszą biblioteką (samouczek jQuery powinien pojawić się na tej stronie pod koniec 2015 roku).
DOM to obiektowy model dokumentu. Dzięki technologii DOM znaczniki strony HTML zaczynają reprezentować drzewo obiektów, a każdy obiekt w tym drzewie ma swój własny, unikalny adres. Język JavaScript, uzyskując dostęp do tego adresu, może uzyskać dostęp do tego lub innego znacznika HTML i manipulować nim (zmieniać kolor, rozmiar, położenie itp.).
BOM to model dokumentu przeglądarki. Struktura jest taka sama jak DOM, tyle że zamiast obiektów strony HTML znajdują się obiekty przeglądarki: okno przeglądarki, rozmiar ekranu przeglądarki, historia przeglądania, linia stanu itp.
Po przestudiowaniu DOM i BOM przystępujemy do tworzenia mniej lub bardziej skomplikowanych skryptów JavaScript, które wchodzą w interakcję ze stroną i przeglądarką.
Następnie, gdy już trochę się oswoją, zapoznają się z jakąś biblioteką JavaScript, np. jQuery, dzięki której można tworzyć te same programy, co w JavaScript, tylko znacznie szybciej i wydajniej.
Niektórzy webmasterzy od razu rozpoczynają naukę jQuery, pomijając poprzednie trzy etapy, ale nie polecam tego, ponieważ w każdym przypadku trzeba zrozumieć składnię JavaScript i poznać obiekty DOM/BOM, ich właściwości, metody i przeznaczenie.
Jakie programy można pisać w JavaScript?Można za jego pomocą stworzyć wiele ciekawych programów (skryptów):
— możesz tworzyć skrypty, które poprzez kliknięcie w ten lub inny przycisk zmienią elementy strony serwisu lub ich lokalizację,
- możesz tworzyć animacje,
— manipulować formularzami, np. sprawdzać poprawność danych wprowadzonych przez użytkownika,
— twórz różne testy, na przykład Unified State Examination (egzamin szkolny) i natychmiast uzyskuj wynik,
— dzięki BOM możesz poznać charakterystykę przeglądarki i komputera użytkownika, który odwiedził Twoją witrynę, co pozwala na tworzenie różnych liczników odwiedzin,
— używając JavaScript, możesz nawet tworzyć gry, kreskówki i wiele innych ciekawych i przydatnych programów.
Celem tej książki o JavaScript jest nauczenie Cię podstaw składni JavaScript, wprowadzenie do programowania i pojęć, takich jak zmienne, typy danych, operacje, instrukcje rozgałęzień, funkcje, pętle, tablice, obiekty itp. Wszystko to można znaleźć w innych językach programowania, więc gdy opanujesz JavaScript, znacznie łatwiej będzie Ci nauczyć się innych języków, takich jak PHP, C++ czy Python.
Struktura samouczka JavaScriptW samouczku JavaScript zostaną omówione następujące tematy i lekcje.
Witajcie drodzy czytelnicy. Podczas gdy ktoś desperacko szuka czegoś innego, na czym mógłby zaoszczędzić, aby utrzymać swój poziom dobrego samopoczucia, inteligentni ludzie inwestują w siebie. Już dawno zdali sobie sprawę, że znajomość technologii może przynieść dobre pieniądze.
Jak dokładnie? Mam około 100 artykułów na blogu poświęconych temu tematowi. Na przykład „” lub „”. Co możemy powiedzieć o tych, którzy planują zrobić coś poważnego? Znajomość obsługi komputera wśród społeczeństwa rośnie, a wraz z nią liczba materiałów edukacyjnych. Pozostaje tylko znaleźć tych najlepszych.
Dzisiaj porozmawiamy o lekcjach JavaScriptu dla początkujących. Znając ten język programowania możesz już szukać klientów i zarabiać pieniądze. Dla niektórych będzie to kolejny krok do sukcesu w branży IT.
Z dzisiejszego artykułu dowiesz się gdzie możesz nauczyć się kodować, otrzymasz podpowiedź jak to zrobić możliwie najskuteczniej i najszybciej, albo za darmo. Każda osoba ma swoje priorytety, dlatego postaram się spełnić nadzieje każdego, że znajdę w tej publikacji coś przydatnego.
Wbrew zwyczajowi nie będę długo owijał w bawełnę. Jest dużo informacji. Zacznijmy.
Bezpłatne zajęcia z JavaScriptKwestia finansowa dla wielu początkujących programistów jest sprawą pierwszorzędną. To jest całkiem logiczne. Internet pierwotnie powstał jako baza wiedzy, w której każdy może znaleźć interesujące go informacje. „Dlaczego nagle muszę płacić?” jest pytaniem całkowicie naturalnym.
Niestety odpowiedź na to pytanie również jest prosta – jakość. W naszym kraju jest zbyt mało utalentowanych i bezinteresownych ludzi, którzy są gotowi poświęcić swój czas za darmo, ale nie martwcie się.
Na szczęście istnieją różnego rodzaju promocje, bonusy i kursy stworzone w celu zwiększenia PR programistów. Mało znane szkoły tworzą materiały, ale początkowo na potrzeby opinii i recenzji są gotowe udostępnić je bezpłatnie. Trzeba tylko trafić w odpowiednie miejsce i znaleźć na to najlepszy czas. Udało mi się znaleźć dobrą opcję, którą chętnie się teraz z Wami podzielę.
Jeśli nie wiesz nic o JS (jest to światowy skrót od JavaScript), mogę zasugerować wybór filmów z YouTube. Jest to kurs wprowadzający do nauki od podstaw, stworzony przez szkołę internetową Huxlet.
Możesz także skorzystać z kursu” Podstawy programowania» z zadaniami na oficjalnej stronie firmy. 17 godzin szkolenia obejmuje 27 lekcji i 21 ćwiczeń praktycznych.
Po opanowaniu podstaw możesz przejść do następnego kroku” JS: przygotowanie do pracy" Dostęp jest również bezpłatny.
Oczywiście sam nie brałem udziału w tym kursie, dlatego nie mogę zagwarantować jakości i poinformować Cię o jakichkolwiek cechach szkolenia. Huxlet pojawił się stosunkowo niedawno i pozycjonuje się jako międzynarodowy zespół specjalistów zajmujących się szkoleniem ludzi od podstaw do poziomu zawodowego.
Angielskojęzyczne teksty, kursy, odniesienia do znanych zasobów, takich jak Lifehacker i Habr, budzą zaufanie. Jednak główną zaletą moim zdaniem jest to, że jest bezpłatny.
Być może nieco później firma będzie mogła się wykazać, udowodnić swoje znaczenie na tym świecie, pokazać poziom wytwarzanych przez siebie specjalistów i osiągnąć sławę, sukces i tym podobne.
Jeśli nie chcesz tracić czasu i tyle się uczyć, możesz „wykupić” jedynie informacje związane z JS: „JavaScript. Poziom pierwszy” i „JavaScript. Poziom drugi.” To prawda, myślę, że w tym przypadku będę musiał zapomnieć o stażu. Informacje te należy wyjaśnić z twórcami.
To w zasadzie tyle. Życzę Ci wszystkiego najlepszego. Nie zapomnij zapisać się do mojej grupy VKontakte, aby dowiedzieć się trochę więcej o zarabianiu pieniędzy w Internecie. Do następnego razu.
JavaScript wchodzi w grę, gdy musimy wykonać pewne czynności po stronie klienta, który uzyskał dostęp do naszej strony internetowej.
JavaScript może modyfikować stronę internetową bez kontaktu z serwerem, sprawdzać wartości wprowadzone przez użytkownika i wykonywać inne operacje.
W tym artykule znajdują się podstawowe informacje ułatwiające rozpoczęcie korzystania z języka JavaScript.
Wstawianie skryptu bezpośrednio do kodu stronyMożesz wstawić kod JS bezpośrednio na stronie.
alert("Witam!"); //tutaj jakiś kod JS
Przeniesienie kodu do osobnego plikuMożesz umieścić kod JavaScript w zewnętrznym pliku i użyć linku do niego na stronie
W tym przypadku wymagany jest znacznik zamykający.
Skrypty najlepiej wstawiać przed tagiem zamykającym
Zmienne Nazwy zmiennychNazwy zmiennych mogą zaczynać się od dużej, małej litery, znaku podkreślenia lub znaku $.
Nazwa może zawierać cyfry, ale nazwa zmiennej nie może zaczynać się od cyfry.
W JavaScript rozróżniana jest wielkość liter: mytext i myText to dwie różne zmienne.
Do nazewnictwa lepiej jest używać CamelCase, zaczynając każde słowo w nazwie zmiennej wielką literą.
Deklarowanie zmiennychJavaScript używa var do deklarowania zmiennych.
Zmień mój tekst; //undefiniowany mójText = "Cześć!"; alert(mójTekst);
Natychmiast po zadeklarowaniu zmiennej jej wartość jest niezdefiniowana.
Możesz przypisać wartość do zmiennej podczas jej deklarowania:
Var myText = "Cześć!";
Możliwe jest również zadeklarowanie wielu zmiennych w jednym var:
Suma zmienna = 4 + 5, myText = „Cześć!”;
Przypisując wartość, var można pominąć, jednak lepiej tego nie robić.
Zmienne typyW JavaScript możesz użyć następujących ciągów:
Var myText = "Witam!";
wszystkie liczby:
Var mójNumber = 10;
Liczby ułamkowe:
zm pi = 3,14;Wartości logiczne:
Var isBoolean = false;
Szczegóły składni JavaScript KomentarzeKomentarze w tej samej linii są wyróżnione znakiem „//”. Wszystko po tych znakach jest uważane za komentarz.
Aby skomentować wiele linii, użyj „/*”, aby wskazać początek komentarza i „*/”, aby wskazać koniec komentarza.
/* tutaj jest skomentowany kod i jest to także komentarz */
Separacja operatoraAby oddzielić operatory, należy użyć „;”
Zalecane, choć nie wymagane, jest używanie białych znaków w celu poprawy czytelności tekstu.
Praca z ciągami znaków var str = 4 + 5 + „7”poda wartość ciągu „97” w str
Var str2 = „7” + 4 + 5
poda wartość ciągu „745” w str2
Faktem jest, że wartość dodatku obliczana jest sekwencyjnie - od lewej do prawej. Po dodaniu 2 liczb wynik jest liczbą. Po dodaniu ciągu znaków i liczby liczba jest postrzegana jako ciąg znaków i oba ciągi są łączone.
Konwersja ciągu na liczbęAby przekonwertować ciąg na liczbę, użyj parseInt() i parseFloat()
Funkcje te otrzymują dwa argumenty. Pierwszy to ciąg znaków, który zostanie przekonwertowany na liczbę, a drugi to podstawa systemu liczbowego, która zostanie użyta do tłumaczenia. Aby traktować ciąg znaków jako liczbę dziesiętną, należy użyć 10 jako drugiego argumentu
Var mójNumber = parseInt("345", 10);
Funkcje JavaScriptuFunkcje w JavaScript deklaruje się w następujący sposób:
Funkcja myFunction() (trochę kodu JS)
Aby zwrócić wartość, musisz użyć return :
Funkcja myMultiplication(paramOne, paramTwo) (zwróć paramOne * paramTwo)
Funkcję „anonimową” można zadeklarować, pomijając nazwę funkcji.
Funkcję można przekazać jako parametr do innej funkcji, podając jej nazwę.
ObiektyWszystko w JavaScript jest potomkiem Object.
Tworzenie nowego obiektu var osoba = new Object(); // utworzenie obiektu osoby person.firstname = "Andrew"; // dodaj pierwszy atrybut person.lastname = "Peterson";// dodaj drugi atrybut person.getFullName = funkcja() (// dodaj metodę return this.firstname + " " + this.lastname; )Druga, krótsza opcja tworzenia obiektu
Var person = ( // utworzenie obiektu osoby imię: „Andrew”, nazwisko: „Peterson”, getFullName: funkcja() ( zwróć to.imię + " " + to.nazwisko; ) )
Praca z właściwościami obiektówvar me = nowy obiekt();
me["imię"] = "Serg";
wiek = 33;
Nowy sposób nagrywania
Var arr = ; // Utwórz tablicę
Praca z tablicami w JavaScript Liczba elementów w tablicy var długość = arr.length; // 3 Dodawanie elementów do tablicy - push arr.push("Nowa wartość"); Pobieranie ostatniego elementu tablicy - pop var lastValue = arr.pop(); Łączenie tablic var arr2 = ; var longArray = arr.concat(arr2); // Połączenie dwóch tablic arr i arr2 w jedną longArray Join - połączenie wszystkich elementów tablicy var longString = arr.join(":") // "11:Hello!:true" Porównanie i funkcje logiczne w JavaScript Mniej więcej var jest prawdą = 6 >= 5; // większy lub równy Równość var isFalse = 1 == 2; // równe isTrue = 1 != 2; // nie równe var takżeTrue = "6" == 6; Tożsamość var notIdentical = "3" === 3 // false, ponieważ typy danych nie pasują notIdentical = "3" !== 3 // true, ponieważ typy danych nie pasują do instrukcji IF if (5< 6) { alert("true!"); } else { alert("false!") } Оператор SWITCH var lunch = prompt("What do you want for lunch?","Type your lunch choice here"); switch(lunch){ case "sandwich": console.log("Sure thing! One sandwich, coming up."); break; case "soup": console.log("Got it! Tomato"s my favorite."); break; case "salad": console.log("Sounds good! How about a caesar salad?"); break; case "pie": console.log("Pie"s not a meal!"); break; default: console.log("Huh! I"m not sure what " + lunch + " is. How does a sandwich sound?"); } Логическое AND — && if (1 == 1 && 2 == 2) { alert("true!"); } Логическое OR — || if (1 == 1 || 2 == 3) { alert("true!"); } Логическое NOT — ! if (!(1 == 1)) { alert("false!"); } Циклы FOR for (var i = 0; i < 10; i = i + 1) { alert(i); } var names = [ "Sergey", "Andrey", "Petr" ]; for (var i = 0, len = names.length; i < len; i = i + 1) { alert(names[i]); } WHILE while (true) { // Бесконечный цикл alert("This will never stop!"); } var names = [ "Sergey", "Andrey", "Petr" ]; while (names.length >0) ( alert(names[i]); ) ZRÓB WHILE do ( alert("To się nigdy nie skończy!"); ) while (true) ( // Nieskończona pętla Linie tekst = "Bla bla bla bla bla Eric \ bla bla bla Eric bla bla Eric bla bla \ bla bla bla bla Eric"; PodciągiCzasami nie chcesz wyświetlać pliku cały ciąg, tylko jego część. Na przykład w skrzynce odbiorczej Gmaila możesz ustawić wyświetlanie około 50 pierwszych znaków każdej wiadomości, aby móc wyświetlić ich podgląd. Ten podgląd to: podciąg oryginalnego ciągu (całej wiadomości).
"jakieś słowo".substring(x, y) gdzie x oznacza miejsce, w którym zaczynasz ciąć, a y, gdzie kończysz cięcie oryginalnego ciągu.
Część liczbowa jest trochę dziwna. Aby wybrać „on” w „cześć”, napisz: „cześć”. podciąg (0, 2);
Pomyśl o znaczniku po lewej stronie każdego znaku, na przykład: 0-h-1-e-2-l-3-l-4-o-5 .
Jeśli przetniesz na 0 i ponownie na 2, zostanie ci tylko on.
Więcej przykładów:
1. Pierwsze 3 litery „Batmana”
"Batman".podciąg(0,3)
2. Od 4 do 6 litery słowa „laptop”
"laptop".podciąg(3,6)
Ta strona jest początkiem samouczka JavaScript dla początkujących. Aby go opanować, trzeba mieć przynajmniej minimalną wiedzę z zakresu HTML i CSS. Aby je zdobyć, zapoznaj się z tutorialem HTML i CSS dla początkujących (aby nauczyć się JavaScriptu, musisz wziąć udział w minimum 3-4 lekcjach).
JavaScript został zaprojektowany tak, aby działał w przeglądarce razem z HTML i CSS. Ale jeśli te języki są przeznaczone do układu struktury witryny, JavaScript pozwala „ożywić” strony internetowe - sprawić, by reagowały na działania użytkownika lub wykazywały pewną dynamikę (na przykład zmiana zdjęć w bloku lub piękne, płynne upuszczanie) -menu w dół).
Zatem bez zbędnych ceregieli zacznijmy uczyć się tego niezaprzeczalnie przydatnego języka.
Jak uruchomić JavaScriptIstnieją dwa sposoby pisania i uruchamiania JavaScript: pierwszy polega na tym, że piszemy kod bezpośrednio na stronie HTML wewnątrz tagu:
To jest tytuł tytułu var name = "Dima"; alert("Witam, "+imię);
Tag można umieścić w dowolnym miejscu strony - zarówno w formacie , jak i w formacie .
Druga opcja polega na tym, że kod JavaScript jest przechowywany w osobnym pliku (np. CSS) i dodatkowo połączony za pomocą tagu z atrybutem src, który określa ścieżkę do pliku ze skryptem:
To jest tytuł tytułu To jest główna treść strony.
W przyszłości nie będę opisywał, jak JavaScript jest podłączony, ale po prostu napiszę kod HTML w jednym bloku, a kod JavaScript w drugim.
Znajdowanie błędów w kodzieObejrzyj poniższy film, na którym pokazuję sposób pracy z debugerem, który pokazuje błędy JavaScriptu oraz konsolą:
Niektóre filmy mogą wyprzedzić same siebie, ponieważ na tym etapie samouczka nie omówiliśmy jeszcze całego systemu ES6. Po prostu pomiń te filmy i obejrzyj je później.
AJAKS- lekcja wykluczona (mało materiału), wkrótce pojawi się osobny podręcznik o Ajaxie (dużo materiału)