logo

Samouczek JavaScript

JavaScript to najpotężniejszy i najbardziej wszechstronny język programowania sieciowego. Służy do zapewnienia interaktywności stron internetowych. JavaScript pomaga nam dodawać do stron internetowych funkcje takie jak animacje, interaktywne formularze i dynamiczną zawartość.

W tym Samouczek JavaScript , dowiemy się wszystkiego od podstaw do zaawansowanych tematy i koncepcje JavaScript . Ten samouczek JavaScript zawiera operatory, przepływ sterowania, funkcje, obiekty, asynchroniczny JavaScript, zdarzenia, manipulacja DOM, OOP, zamknięcia, pętle zdarzeń itp.

Co to jest JavaScript?

JavaScript jest język programowania służący do tworzenia dynamicznych treści na stronach internetowych . To jest lekki , wieloplatformowe I jednonitkowy język programowania. JavaScript jest zinterpretowane język, który wykonuje kod linia po linii, zapewniając większą elastyczność. Jest to powszechnie używany język programowania tworzyć dynamiczne i interaktywne elementy w aplikacjach internetowych . Łatwo się tego nauczyć.



Samouczek JavaScript

Samouczek JavaScript

Program Hello World w JavaScript

Ten kompilator JavaScript jest całkowicie darmowy i łatwy w użyciu. Tutaj możesz ćwiczyć różne ćwiczenia JS.

JavaScript
console.log('Hello World! I Don't Give a Bug');>


Wyjście :

Hello World! I Don't Give a Bug>

Spis treści

Warunki wstępne do nauki JavaScript

HTML : Naucz się podstaw HTML do tworzenia struktury strony internetowej.

co to jest znak specjalny

Dlaczego warto uczyć się JavaScriptu?

JavaScript jest niezbędnym językiem programowania dla twórców stron internetowych, którego należy się uczyć w miarę jego szybkiego rozwoju. Za zachowanie stron internetowych odpowiada JavaScript. Ucząc się tego, rozwiniesz umiejętności tworzenia stron internetowych.

Kluczowe cechy JavaScriptu:

  1. Wszechstronność : JavaScriptu można używać do tworzenia stron internetowych, gier, aplikacji mobilnych i nie tylko.
  2. Po stronie klienta i serwera : Z frameworkami takimi jak Node.js I Express.js , JavaScript jest obecnie używany do tworzenia aplikacji po stronie serwera.
  3. Kompleksowe rozwiązania : JavaScript umożliwia programistom tworzenie kompletnych rozwiązań różnych problemów.
  4. Ciągła ewolucja : JavaScript stale ewoluuje dzięki nowym funkcjom i standardom.
  5. Tętniąca życiem społeczność : Duża społeczność użytkowników i mentorów aktywnie przyczynia się do rozwoju JavaScript.

Podstawy JavaScriptu

Odkryjmy Podstawy JavaScriptu : zmienne, typy danych, operatory i przepływ kontroli dynamiki strony internetowej.

  • Wprowadzenie do JavaScriptu
  • Historia JavaScriptu
  • Wykonanie kodu JavaScript
  • Konsola w JavaScript
  • Wersje JavaScriptu
  • Składnia JavaScriptu
  • Komentarze JavaScript
  • Gdzie umieścić JavaScript w HTML
  • Pierwszy program JavaScript Witaj, świecie
  • Typy danych JavaScript
  • Zmienne JavaScript
    • niech Słowo kluczowe
    • var Słowo kluczowe
    • stałe Słowo kluczowe

Instrukcje przepływu sterowania JavaScript

Instrukcje warunkowe i pętle w JavaScript (wykorzystywanie struktur if…else i pętli (takich jak for i while) do kontrolowania przepływu programu na podstawie warunków i wielokrotnego wykonywania kodu).

  • Oświadczenie o powrocie JS
  • Oświadczenie o przerwaniu JS
  • JS kontynuuje oświadczenie
  • Oświadczenie JS rzut
  • JS if…else Oświadczenie
  • Instrukcja przełącznika JS
  • JS spróbuj…catch Instrukcja

Pętle JavaScript

Łatwe powtarzanie (nawiguj przez, podczas i rób… podczas, aby uzyskać efektywny kod).

  • JS dla pętli
  • JS robi… podczas gdy Loop
  • JS podczas pętli
  • JS dla…w pętli
  • JS dla… z Loop
  • Oświadczenie oznaczone JS
  • Oświadczenie o przerwaniu JS
  • JS kontynuuje oświadczenie

Wyrażenia i operatory JS

Poznasz składnię i użycie wyrażeń, które są kombinacjami wartości, zmiennych, operatorów i funkcji, które dają wynik.

  • Operatory przypisań JS
  • JS Operatory porównania
  • JS Operatory arytmetyczne
  • Operatory bitowe JS
  • JS Operatory logiczne
  • Operatory JS BigInt
  • Operatory ciągów JS
  • Operator trójskładnikowy JS
  • Operator JS Przecinek
  • Operatory jednoargumentowe JS
  • JS Operatory relacyjne

Obiekty JavaScriptu

Obiekty w JavaScript to złożone typy danych, które pozwalają na tworzenie strukturalnych jednostek z właściwościami i metodami.

  • Tablica JS
  • Ciąg JS
  • Data JS
  • Numer JS
  • JS Matematyka
  • Obiekt JS
  • JS Boole’a
  • JSJSON
  • Mapa J.S
  • Zestaw JS
  • JS Atomics
  • JS BigInt
  • Obietnica JS
  • Pełnomocnik JS
  • JS Refleksja
  • Słaba mapa JS
  • JS Słaby zestaw

Funkcje JavaScriptu

Funkcje w JavaScript to bloki kodu wielokrotnego użytku, które wykonują określone zadanie.

lista c#

Wyrażenie regularne JavaScript

Wyrażenia regularne, często nazywane regex lub regexp, to wzorce używane do dopasowywania kombinacji znaków w ciągach znaków.

  • JS Wyrażenia regularne
  • Wyrażenie JS RegExp [abc].
  • Metaznak JS RegExp S
  • Modyfikator JS RegExp m
  • JS RegExp?! Kwantyfikator
  • Kwantyfikator JS RegExp {X,Y}
  • Metoda testowa JS RegExp().
  • Wyrażenie JS RegExp [^0-9].

Wydarzenia JavaScriptu

Zdarzenia to działania zachodzące w przeglądarce, takie jak kliknięcia myszą, wprowadzanie danych z klawiatury lub ładowanie strony. Ta część treści opisuje sposób pracy ze zdarzeniami w języku JavaScript, w tym obsługę zdarzeń, detektory zdarzeń, propagację zdarzeń i obiekty zdarzeń.

  • Wydarzenia JS
  • JS po kliknięciu zdarzenia
  • Zdarzenie JS dblclick
  • Zdarzenie ładowania JS
  • Wydarzenie onresize JS
  • Wydarzenie JS onblur
  • Wydarzenie JS onchange
  • Wydarzenie JS Focus
  • Zdarzenie schowka JS
  • Wydarzenie onscroll JS

Operacje OOP JavaScriptu

Programowanie obiektowe (OOP) w języku JavaScript — koncepcja umożliwiająca konstruowanie struktury kodu poprzez modelowanie jednostek ze świata rzeczywistego jako obiektów o właściwościach i zachowaniach.

  • Klasy JS w JavaScript
  • Wyrażenie klasy JS
  • Konstruktory obiektów JS
  • Metody statyczne JS
  • Prototyp JS
  • Metoda konstruktora JS
  • Enkapsulacja JS
  • Dziedziczenie JS
  • Polimorfizm JS
  • Abstrakcja JS

Dziedziczenie JavaScript i łańcuch prototypów

Dziedziczenie umożliwia obiektom dziedziczenie właściwości i metod z innych obiektów, umożliwiając ponowne wykorzystanie kodu i tworzenie hierarchicznych relacji między obiektami.

  • Dziedziczenie prototypów w JavaScript
  • Łańcuch prototypowy w JavaScript
  • Konstruktory obiektów JS
  • Prototyp JS w JavaScript

Zarządzanie pamięcią JavaScript

JavaScript wykorzystuje automatyczne zarządzanie pamięcią, znane jako wyrzucanie elementów bezużytecznych, do dynamicznego przydzielania i zwalniania pamięci.

  • Zarządzanie pamięcią JS
  • Zbiórka śmieci JS

Obietnice JavaScriptu

JS Promises zapewnia czystszy i bardziej intuicyjny sposób pracy z kodem asynchronicznym w porównaniu z tradycyjnymi podejściami opartymi na wywołaniach zwrotnych.

Aktor Recha
  • Obietnica JS
  • Łańcuch obietnic JS
  • Błędy JS Rzuć i spróbuj złapać
  • Kompozycje klas JS w JavaScript

Iteratory i generatory JavaScript

Iteratory to obiekty definiujące sekwencję i zapewniające standardowy sposób dostępu do jej elementów pojedynczo, natomiast generatory to funkcje, które mogą wstrzymywać i wznawiać wykonywanie, aby leniwie wygenerować sekwencję wartości.

  • Iterator JS
  • Generator funkcji JS

Walidacje JavaScriptu

Walidacja JavaScript pomaga upewnić się, że dane wprowadzane przez użytkowników spełniają określone kryteria, takie jak format, długość lub zakres, przed przesłaniem ich na serwer.

  • Walidacja formularza JS
  • Weryfikacja adresu e-mail JS

Obsługa wyjątków JavaScript

Obsługa wyjątków ma kluczowe znaczenie dla zapewnienia niezawodności i stabilności aplikacji JavaScript poprzez skuteczną obsługę błędów

Obiekty globalne JavaScript

Obiekty globalne odgrywają ważną rolę w rozwoju JavaScript, oferując szeroką gamę funkcjonalności do różnych zadań

  • Metoda JS encodeURI(), encodeURIComponent() i decodeURIComponent().
  • Metoda JS eval().
  • JS globalTa właściwość
  • Własność JS Global
  • JS Infinity
  • JS Nieokreślony vs Niezadeklarowany

Różne JavaScript

Ta sekcja służy jako repozytorium różnych tematów JavaScript, które nie pasują do innych kategorii, ale nadal są cenne do zrozumienia dla programistów JavaScript

modulacja amplitudy
  • JS to słowo kluczowe
  • Tryb ścisły JS
  • Metody JS setTimeOut() i setInterval().
  • Operator typu JS
  • Debugowanie JS
  • Lokalna pamięć masowa JS
  • Oddzwonienie JS
  • Zamknięcie JS
  • JS odroczenie
  • Zakres JS
  • J.S. Pustka

Quiz dotyczący ćwiczeń JavaScript

W tej sekcji znajdziesz zbiór praktycznych quizów, których zadaniem jest testowanie i wspieranie zrozumienia różnych koncepcji języka JavaScript.

  • Ćwicz quiz-1
  • Ćwicz quiz-2
  • Ćwicz quiz-3

Pytania do rozmowy kwalifikacyjnej JavaScript

W tej sekcji znajduje się lista pytań na rozmowie kwalifikacyjnej związanych z JavaScriptem.

Historia JavaScriptu

  • JavaScript został opracowany przez Brendana Eicha Maj 1995 .
  • Imię JavaScriptu brzmiało Mocha , później zmieniono nazwę na LiveScript zanim w końcu się uspokoiłem JavaScript .
  • W 1997 , JavaScript został uznany za Standard ECMA (ECMA-262).
  • ECMAScript 6 (ES6) , wydany w 2015 .

Biblioteki i frameworki JavaScript

Biblioteki i frameworki JavaScript odgrywają ważną rolę w tworzeniu nowoczesnych stron internetowych. Oferują wbudowane funkcje i metody, które ulepszają strony internetowe, czyniąc je bardziej dynamicznymi i interaktywnymi. Obsługują powtarzalne zadania, umożliwiając programistom skupienie się na podstawowej funkcjonalności.

Zapewniają także strukturę projektu i strukturę przepływu danych, która pomaga tworzyć szybkie i bardziej niezawodne aplikacje.

Biblioteki JavaScriptu

Biblioteki udostępniają gotowe rozwiązania do typowych zadań. Programiści mogą wykorzystać te funkcje zamiast pisać kod od zera, oszczędzając cenny czas. Oto kilka popularnych bibliotek JavaScript.

  • ReagujJS
  • jQuery
  • p5.js
  • D3.js
  • Collect.js
  • Podkreślenie.js
  • Lodasz
  • Tensorflow.js

Frameworki JavaScript

Frameworki oferują kompleksową strukturę do tworzenia aplikacji. Oto kilka popularnych frameworków JavaScript.

  • AngularJS
  • Wyświetl.js
  • NuxtJS

Jeśli jesteś osobą, która bardziej interesuje się nauką z kursów. Kurs JavaScriptu Zapewnia pełną naukę od początkującego do zaawansowanego.

Samouczek JavaScript — często zadawane pytania

Jakie wersje JavaScript omawia tutorial?

Ten Poradnik JS obejmuje szeroką gamę wersji JavaScript, od podstaw po bardziej zaawansowane koncepcje. Obejmuje zarówno starsze wersje, jak ES5 i ES6 , a także nowsze wersje i funkcje wprowadzone w wersjach ES7, ES8, ES9 i nowszych.

Do czego służy JavaScript?

JavaScript jest używany głównie do ulepszania stron internetowych poprzez dodawanie interaktywności, zawartości dynamicznej i funkcji przyjaznych dla użytkownika. Działa bezpośrednio w przeglądarkach internetowych i umożliwia programistom tworzenie responsywnych i angażujących interfejsów użytkownika.

10 do potęgi 6

Jak nauczyć się JavaScriptu od podstaw?

Aby nauczyć się JavaScriptu od zera, zacznij od podstaw:

  • Omówienie zmiennych, typów danych i operatorów.
  • Dowiedz się o funkcjach, pętlach i instrukcjach warunkowych.
  • Ćwicz budując małe projekty i stopniowo przechodź do bardziej złożonych.

Czym są frameworki JavaScript?

Frameworki JavaScript (takie jak Reagować , Kątowy , Lub Wyświetl.js ) zapewniają ustrukturyzowany sposób tworzenia aplikacji internetowych. Oferują gotowe komponenty, routing, zarządzanie stanem i inne narzędzia usprawniające rozwój.

Czy to jest zaawansowany samouczek JavaScript?

ten samouczek JavaScript obejmuje wszystkie ważne zaawansowane koncepcje JavaScript takie jak programowanie funkcjonalne, programowanie obiektowe, programowanie asynchroniczne i inne. Początkujący mogą zacząć od podstaw i stopniowo zagłębiać się w bardziej zaawansowane koncepcje w miarę postępów w samouczku.