Naucz się podstaw JavaScript: przegląd

Jan 18 2023

Zdjęcie Kimberly Farmer na Unsplash

Zmienne JavaScript : Zmienne służą do przechowywania danych w JavaScript. Służą do przechowywania wartości, takich jak liczby, ciągi znaków i obiekty. Zmienne są definiowane za pomocą słów kluczowych var, let lub const.
Typy danych : JavaScript ma kilka typów danych, w tym ciągi znaków, liczby, wartości logiczne i obiekty. Zrozumienie różnych typów danych i sposobów ich używania jest ważne dla pisania wydajnego i łatwego w utrzymaniu kodu.
Operatory JavaScript : Operatory służą do wykonywania operacji na zmiennych i wartościach. JavaScript ma różne operatory, takie jak operatory matematyczne, operatory porównania i operatory logiczne.
Struktury kontrolne : Struktury kontrolne służą do kontrolowania przebiegu programu. JavaScript ma kilka struktur kontrolnych, takich jak if-else, switch-case i for-loop, które służą do podejmowania decyzji i powtarzania działań.
Funkcje JavaScript : Funkcje to bloki kodu, które można ponownie wykorzystać w całym programie. Pobierają dane wejściowe i zwracają dane wyjściowe, JavaScript ma kilka wbudowanych funkcji, a także możliwość tworzenia niestandardowych funkcji.
Tablice JavaScript : Tablice służą do przechowywania zbioru danych. Tablice JavaScript to wbudowany obiekt, który zapewnia kilka metod pracy z danymi, takich jak dodawanie, usuwanie i iteracja elementów.
Obiekty JavaScript : Obiekty służą do przechowywania kolekcji danych w JavaScript. Są podobne do tablic, ale zapewniają większą elastyczność w zakresie struktury danych.
Obiektowy model dokumentu (DOM) : DOM jest reprezentacją dokumentu HTML lub XML w JavaScript. Zapewnia sposób dostępu i manipulowania elementami strony internetowej.
Obsługa zdarzeń JavaScript : obsługa zdarzeń to proces reagowania na zdarzenia użytkownika, takie jak kliknięcia, naciśnięcia klawiszy i przesyłanie formularzy w języku JavaScript.
Pętle JavaScript : Pętle służą do powtarzania bloku kodu określoną liczbę razy lub gdy spełniony jest określony warunek. JavaScript ma kilka typów pętli, takich jak pętle for, while i for-of.
Programowanie asynchroniczne : Programowanie asynchroniczne to sposób wykonywania operacji, których ukończenie może zająć trochę czasu, takich jak żądania sieciowe, bez blokowania wykonywania reszty kodu. JavaScript zapewnia kilka sposobów pracy z kodem asynchronicznym, takich jak wywołania zwrotne, obietnice i oczekiwanie na asynchronizację.
Programowanie funkcjonalne : Programowanie funkcjonalne to paradygmat programowania, który kładzie nacisk na niezmienność, czyste funkcje i wykorzystanie funkcji wyższego rzędu. JavaScript ma kilka funkcjonalnych funkcji programistycznych, takich jak funkcje strzałek, mapowanie, zmniejszanie i filtrowanie.
Programowanie zorientowane obiektowo : Programowanie obiektowe to paradygmat programowania, który kładzie nacisk na wykorzystanie obiektów do reprezentowania danych i zachowania. JavaScript ma kilka funkcji programowania zorientowanego obiektowo, takich jak klasy i dziedziczenie.
Wyrażenia regularne : Wyrażenia regularne służą do dopasowywania wzorców w ciągach znaków. Są przydatne do sprawdzania poprawności danych wejściowych, wyszukiwania określonego tekstu i nie tylko.
Obiekty wbudowane w JavaScript : JavaScript ma kilka wbudowanych obiektów, takich jak Math, Date i Array, które udostępniają wiele przydatnych metod i właściwości.
Wbudowane funkcje JavaScript : JavaScript ma kilka wbudowanych funkcji, takich jak parseInt(), parseFloat() i isNaN(), których można używać do wykonywania typowych operacji.
Wbudowane metody JavaScript : JavaScript ma kilka wbudowanych metod, takich jak string.length, array.push() i object.hasOwnProperty(), których można używać do wykonywania typowych operacji.
Wbudowane właściwości JavaScript : JavaScript ma kilka wbudowanych właściwości, takich jak document.title, window.innerWidth i navigator.userAgent, których można użyć do uzyskania informacji o przeglądarce i stronie internetowej.
Destrukturyzacja JavaScript : Destrukturyzacja JavaScript to funkcja języka, która pozwala wyodrębnić wartości z tablic lub obiektów i przypisać je do zmiennych. Upraszcza proces pracy ze złożonymi strukturami danych.
JavaScript Spread Operator : JavaScript spread operator to funkcja, która pozwala na rozłożenie elementów tablicy lub właściwości obiektu na nową tablicę lub obiekt. Może być używany do łączenia tablic, kopiowania tablic i nie tylko.
JavaScript Map, Filter i Reduce : Są to metody tablicowe, które umożliwiają wykonywanie typowych operacji na tablicach, takich jak iteracja elementów, filtrowanie elementów i redukowanie tablicy do pojedynczej wartości.
Kontekst JavaScript : Kontekst JavaScript to środowisko, w którym wykonywany jest kod i określa wartość słowa kluczowego this. Zrozumienie kontekstu jest ważne dla zrozumienia interakcji funkcji i obiektów w JavaScript.
Zamknięcie JavaScript : Zamknięcie JavaScript to funkcja języka, która umożliwia funkcji dostęp do zmiennych z jej zakresu nadrzędnego, nawet po zwróceniu funkcji nadrzędnej. Domknięcia są często używane do tworzenia prywatnych zmiennych i funkcji.
Prototyp JavaScript : Prototyp JavaScript to cecha języka, która pozwala obiektom dziedziczyć właściwości i metody z innych obiektów. Zrozumienie prototypów jest ważne dla zrozumienia, jak działają obiektowe funkcje języka.
Debugowanie JavaScript : Debugowanie to ważna umiejętność dla każdego programisty. JavaScript udostępnia kilka narzędzi, takich jak konsola i instrukcja debuggera, których można użyć do wyszukiwania i naprawiania błędów w kodzie.
Bezpieczeństwo JavaScript : JavaScript jest często używany do tworzenia skryptów po stronie klienta, które działają w przeglądarce użytkownika. Ważne jest, aby zdawać sobie sprawę z zagrożeń bezpieczeństwa z tym związanych i wiedzieć, jak pisać bezpieczny kod JavaScript.
Moduły JavaScript : Moduły JavaScript umożliwiają organizowanie i ponowne wykorzystywanie kodu poprzez tworzenie małych, samodzielnych jednostek funkcjonalnych. Moduły JavaScript można importować i eksportować za pomocą słów kluczowych import i export.
Obietnice JavaScript : Obietnice JavaScript to sposób obsługi operacji asynchronicznych w bardziej zorganizowany i wydajny sposób. Zapewniają sposób obsługi wyników powodzenia i błędów bez korzystania z funkcji wywołania zwrotnego.
JavaScript async-await : JavaScript async-await to bardziej nowoczesny i łatwiejszy do odczytania sposób obsługi operacji asynchronicznych. Pozwala na pisanie kodu asynchronicznego, który wygląda jak kod synchroniczny.
Klasy JavaScript : Klasy JavaScript to sposób tworzenia obiektów o określonej strukturze i zachowaniu. Są bardziej nowoczesnym i zorganizowanym sposobem tworzenia obiektów niż tradycyjne podejście oparte na prototypach.
JavaScript Web API : JavaScript Web API to zestaw interfejsów API dostarczanych przez przeglądarki internetowe, które umożliwiają interakcję z przeglądarką i stroną internetową. Przykładami Web API są DOM, Fetch API i WebSocket API.
Optymalizacja wydajności JavaScript : Optymalizacja wydajności JavaScript to proces poprawiania wydajności kodu JavaScript. Obejmuje to takie techniki, jak zmniejszanie liczby operacji DOM, zmniejszanie liczby wywołań funkcji oraz minimalizowanie i kompresowanie kodu.
Testowanie JavaScript : Testowanie JavaScript to proces sprawdzania, czy kod działa zgodnie z oczekiwaniami
Wzorce projektowe JavaScript : Wzorce projektowe JavaScript to rozwiązania typowych problemów programistycznych wielokrotnego użytku. Przykłady wzorców projektowych obejmują wzorzec singleton, wzorzec obserwatora i wzorzec fabryczny.
JavaScript Best Practices : JavaScript Best Practices to zestaw wskazówek i zaleceń dotyczących pisania wysokiej jakości, łatwego w utrzymaniu i wydajnego kodu. Przykłady najlepszych praktyk obejmują używanie trybu ścisłego, używanie const zamiast var i unikanie zmiennych globalnych.
Pisanie JavaScript : Pisanie JavaScript to sposób dodawania informacji o typie do kodu JavaScript, można to zrobić za pomocą TypeScript lub Flow, oba są statycznymi kontrolerami typów, które mogą pomóc w zapobieganiu błędom pisania i zwiększeniu czytelności kodu.
JavaScript Webpack : JavaScript Webpack to narzędzie do łączenia modułów JavaScript. Może być używany do łączenia wielu plików w jeden plik, który może być ładowany przez przeglądarkę wydajniej.
JavaScript Linting : JavaScript Linting to proces sprawdzania kodu JavaScript pod kątem potencjalnych błędów i błędów. Można to zrobić za pomocą narzędzi takich jak ESLint, które można skonfigurować tak, aby sprawdzały określone konwencje kodowania i najlepsze praktyki.
Zarządzanie pamięcią JavaScript : Zarządzanie pamięcią JavaScript to proces zarządzania alokacją i zwalnianiem pamięci w JavaScript. Obejmuje to techniki, takie jak wyrzucanie elementów bezużytecznych i wykrywanie przecieków pamięci.
Transpilacja JavaScript : Transpilacja JavaScript to proces konwersji kodu napisanego w jednym języku na inny, można to zrobić za pomocą narzędzi takich jak Babel, które mogą konwertować nowoczesny kod JavaScript do wersji zgodnej ze starszymi przeglądarkami.
Proxy JavaScript : Proxy JavaScript to sposób na przechwytywanie i manipulowanie zachowaniem obiektu. Zapewniają sposób dodawania niestandardowego zachowania do istniejących obiektów bez modyfikowania ich oryginalnego kodu.
Generatory JavaScript : Generatory JavaScript to sposób na stworzenie iteratora, czyli obiektu, którego można użyć do iteracji zbioru danych. Zapewniają sposób tworzenia niestandardowego zachowania iteracji bez modyfikowania oryginalnego kodu.
JavaScript Reflect : JavaScript Reflect to wbudowany obiekt, który zapewnia metody przechwytywania i manipulowania zachowaniem obiektu. Można go używać w połączeniu z serwerami proxy, aby zapewnić bardziej wydajny i elastyczny sposób manipulowania obiektami.
JavaScript Web Workers : JavaScript Web Workers to sposób na uruchamianie kodu JavaScript w tle, niezależnie od głównego wątku. Pozwalają wykonywać ciężkie obliczenia lub wykonywać długotrwałe zadania bez zawieszania interfejsu użytkownika.
JavaScript Service Workers : JavaScript Service Workers to sposób na uruchamianie kodu JavaScript w tle, niezależnie od głównego wątku. Umożliwiają wykonywanie zadań, takich jak buforowanie i powiadomienia push.
Pętla zdarzeń JavaScript : Pętla zdarzeń JavaScript to mechanizm, który umożliwia silnikowi JavaScript wykonywanie kodu asynchronicznie. Pozwala silnikowi obsługiwać wiele zadań jednocześnie, takich jak wprowadzanie danych przez użytkownika i żądania sieciowe.
JavaScript Hoisting : JavaScript hoisting to funkcja języka, która powoduje, że deklaracje zmiennych i funkcji są przenoszone na górę ich zakresu przed wykonaniem kodu. Zrozumienie podnoszenia jest ważne dla zrozumienia, jak działa zakres zmiennych i funkcji w JavaScript.
JavaScript Currying : JavaScript currying to technika częściowego zastosowania funkcji, oznacza to, że funkcja może zostać wywołana z mniejszą liczbą argumentów, niż jest zdefiniowana do zaakceptowania, i zwraca nową funkcję, która pobiera pozostałe argumenty.
Zapamiętywanie JavaScript : Zapamiętywanie JavaScript to technika buforowania wyniku funkcji, co oznacza, że dane wyjściowe funkcji są przechowywane i zwracane zamiast ponownego obliczania wyniku. Może to poprawić wydajność w przypadkach, gdy funkcja jest wywoływana wiele razy z tymi samymi danymi wejściowymi.
Dekoratory JavaScript : Dekoratory JavaScript to sposób na dodanie zachowania do istniejących funkcji lub klas poprzez zawijanie ich w nową funkcję. Pozwalają dodawać funkcjonalność do istniejącego kodu bez jego modyfikowania.
Opcjonalne łańcuchy JavaScript : Opcjonalne łańcuchy JavaScript to funkcja, która umożliwia dostęp do właściwości obiektu bez konieczności sprawdzania, czy obiekt jest pusty lub niezdefiniowany.
JavaScript Nullish Coalescing : JavaScript Nullish Coalescing to funkcja, która pozwala na podanie wartości domyślnej dla zmiennej, jeśli jest ona pusta lub niezdefiniowana.
JavaScript BigInt : JavaScript BigInt to nowa funkcja, która umożliwia pracę z liczbami całkowitymi większymi niż maksymalna bezpieczna liczba całkowita. Może to być przydatne podczas pracy z dużymi liczbami lub operacjami kryptograficznymi.

Przewodnik JavaScript Mozilla Developer Network (MDN):https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide
Samouczek JavaScript W3Schools:https://www.w3schools.com/js
Kurs języka JavaScript FreeCodeCamp:https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures
Kurs Scrimba Learn Javascript:https://scrimba.com/learn/learnjavascript
Kurs podstaw języka JavaScript na Uniwersytecie Alchemii:https://university.alchemy.com/js
Kurs JavaScript w Codecademy:https://www.codecademy.com/learn/introduction-to-javascript
Eloquent JavaScript, Marijn Haverbeke (książka):https://eloquentjavascript.net
JavaScript.info:https://javascript.info
JavaScript dla kotów, Max Ogden (książka):http://jsforcats.com
Kurs Podstawy JavaScript dla ES6, autorstwa Pluralsight:https://www.pluralsight.com/courses/javascript-fundamentals-es6
Kurs podstaw języka JavaScript, prowadzony przez LinkedIn Learning:https://www.linkedin.com/learning/javascript-essential-training