Podstawowy samouczek JavaScript

Podstawowy samouczek JavaScript
W porównaniu z innymi językami, takimi jak C, C ++, Java i Python, JavaScript jest bardzo prosty i łatwy do nauczenia. Do instalacji lub konfiguracji nie wymaga żadnej konfiguracji, takiej jak IDE lub maszyna wirtualna (VM). Wszystko, czego potrzebujesz to przeglądarka internetowa i prosta edytor tekstu. Ponadto JavaScript ma świetlaną przyszłość z opracowywaniem technologii, takich jak węzeł.JS i MongoDB.

Ten podręcznik wyjaśni podstawy języka JavaScript.

Co to jest JavaScript?

JavaScript to język programowania zorientowany na obiekty używany w szerokiej gamie aplikacji, w tym opracowywanie gier internetowych i innych interaktywnych mediów. Kod JavaScript przeglądarki internetowej musi zostać przetłumaczony przez tłumacz JavaScript, który jest zbudowany w przeglądarce.

Ma na celu wprowadzenie interaktywności i efektów dynamicznych na strony internetowe poprzez modyfikację treści wysyłanych z serwera WWW, co nie może być możliwe tylko z HTML i CSS. JavaScript jest kluczowym elementem ram każdej witryny, wraz z HTML i CSS. HTML służy do tworzenia podstawowych ram witryny, CSS jest używany do stylizacji, a JavaScript sprawia, że ​​witryna jest interaktywna i pozwala dodawać animację lub inne zaawansowane funkcje.

Podstawy JavaScript

JavaScript to język przyjazny dla użytkownika i elastyczne. Wgłębienie się głęboko w JavaScript jako ekspert pozwoli Ci projektować różne rzeczy, w tym gry, animowane wizualizacje 2D i 3D, dogłębne aplikacje oparte na bazie danych i wiele więcej.

Aby nauczyć się JavaScript, po pierwsze, powinieneś mieć podstawową wiedzę na temat kodowania HTML, koncepcji programowania obiektowego i pomysłu na tworzenie aplikacji online. JavaScript obsługuje wszystkie funkcje programowania, w tym:

  • Typy danych
  • Funkcje
  • Instrukcje warunkowe
  • Pętle
  • Obiekty i tak dalej.

Tutaj, w tym podręczniku, zdefiniujemy podstawy JavaScript, w tym jego cechy, zalety i sposób, w jaki JavaScript wykonuje swoje funkcje osobno na konsoli lub po powiązaniu z plik HTML.

Funkcje JavaScript

Poniżej znajdują się niektóre z fantastycznych funkcji JavaScript:

  • Jest to prosty, dostępny przez interpreta język.
  • JavaScript jest obsługiwany przez wszystkie powszechnie używane przeglądarki internetowe, w tym Opera, Firefox, Chrome i tak dalej.
  • Daje konsumentom skuteczną kontrolę nad przeglądarkami internetowymi.
  • Będąc obiektowym językiem programowania, JavaScript obsługuje dziedzictwo za pomocą prototypów zamiast klas.
  • Wiele systemów operacyjnych obsługuje JavaScript, w tym macOS i Windows

Wypróbujmy kilka przykładów, aby użyć podstaw JavaScript, takich jak zintegrowanie go z plikami HTML i jak używać go na konsoli.

Przykład 1: Uruchom swój pierwszy kod JavaScript na konsoli

Tutaj wykonamy kod JavaScript na konsoli, który wydrukuje komunikat za pomocą instrukcji drukowania, który jest „konsola.dziennik()”:

konsola.log ("hy! To jest mój pierwszy kod JavaScript ”);

Odpowiednie wyjście jest następujące:

Przykład 2: Link plik JavaScript z HTML

Istnieją dwa sposoby zintegrowania kodu JavaScript z plikiem HTML.

  1. Możesz dodać kod JavaScript w pliku HTML za pomocą etykietka.

Składnia

  1. Dodaj zewnętrzny plik JavaScript w HTML za pomocą „src„Atrybut tagu.

Składnia

Na przykład najpierw utworzymy dwa nagłówki w pliku HTML za pomocą „> ”I„

„Tagi:

Witamy w świecie programowania:


Wybierz język, którego chcesz się nauczyć:

Następnie stwórz „formularz”, Który zawiera pole wyboru, przycisk i pole wejściowe, które pokazuje tekst wybranego pola wyboru po kliknięciu przycisku Prześlij. „„na kliknięcie()„Wydarzenie jest dołączone do„składać”Przycisk, który wywołał funkcję JavaScript o nazwie„myFunctionToSelectlang ()„Po uruchomieniu:


Jawa

JavaScript

Html

Pyton






W pliku JavaScript zdefiniujemy „myFunctionToSelectlang ()„Funkcja, w której będziemy programować do pobrania wartości oznaczonego pola wyboru i ustawić ją w polu wejściowym po kliknięciu przycisku Prześlij:

funkcja myFunctionToSelectlang ()
var Language = Dokument.Formy [0];
var text = "";
var i;
dla (i = 0; i < language.length; i++)
if (język [i].sprawdzony)
tekst = tekst + język [i].wartość + "";


dokument.getElementById („wybrany język”).wartość = "Jestem zainteresowany nauczeniem się" + tekst;

Wyjście

Zalety JavaScript

Niektóre z fantastycznych zalet języka JavaScript są następujące:

  • Przyjazny użytkownikowi
  • Prosty do zrozumienia
  • Łącze z HTML i CSS dla dodatkowej funkcjonalności
  • Prosty i łatwy w użyciu
  • Wysoka prędkość

Opracowaliśmy wszystkie podstawowe informacje związane z JavaScript.

Wniosek

JavaScript to język skryptowy używany do tworzenia dynamicznych stron internetowych. Jest również uważany za język programowania, ponieważ zapewnia zasady obiektowe. Jest przyjazny dla użytkownika, prosty, szybszy i łatwy do nauczenia. JavaScript jest używany z HTML do poprawy wrażeń użytkownika, zapewniając najlepsze funkcje. W tym podręczniku zdefiniowaliśmy podstawy języka programowania JavaScript z jego cechami i zaletami.