
37 JavaScript podstawy
Presentation
•
Computers
•
KG
•
Practice Problem
•
Hard
Małgorzata WP
Used 1+ times
FREE Resource
14 Slides • 0 Questions
1
PODSTAWY
JAVASCRIPT
M W P
2
ZAGADNIENIA
• Charakterystyka języka JavaScript
• Różnice między JavaScript i Java
• Zastosowanie JavaScript
• Sposoby umieszczania skryptu w dokumencie HTML
3
JAVASCRIPT
Jest językiem skryptowym dla dokumentów internetowych. Skrypty napisane za
pomocą JavaScript mogą być umieszczane bezpośrednio na stronach HTML.
Są one wykonywane za pomocą przeglądarki internetowej. Język daje obszerne
możliwości wzbogacania stron o interesujące elementy, np. zdefiniowanie reakcji
na działania zainicjowane przez czytelnika.
4
JAVASCRIPT I JAVA
Są to dwi odrębne techniki programowania w Internecie. Java jest językiem
programowania, natomiast JavaScript jest językiem skryptowym.
Java to wywodzący się z C++ w pełni obiektowy język programowania. Za jego
pomocą można tworzyć aplikacje niezależne od platformy sprzętowej.
JavaScript jest interpretowanym językiem służącym do tworzenia niewielkich
programów rozszerzających możliwości HTML-a w zakresie opisu stron.
5
PODSTAWOWE RÓŻNICE MIĘDZY
JĘZYKAMI JAVA ORAZ JAVASCRIPT
JavaScript
Java
Język jest interpretowany na komputerze
klienta.
Język jest kompilowany do tzw. b-kodu,
wykonywanego za pomocą wirtualnej.
Język jest oparty na predefiniowanych
obiektach, nie pozwala na stosowanie
mechanizmów programowania obiektowego.
Język jest zorientowany obiektowo z obsługą
wszystkich mechanizmów obiektowości.
Kod programu jest zagnieżdżony w kodzie
HTML.
Kod programu jest niezależny od kodu HTML i
znajduje się w oddzielnych plikach.
Zmienne i typy nie muszą być deklarowane
przed użyciem.
Zmienne i ich typ muszą być zadeklarowane
przed ich użyciem.
Odwołania do obiektów i funkcji są
wykonywane podczas uruchamiania programu.
Wszystkie odwołania do obiektów i funkcji są
sprawdzane na etapie kompilacji.
6
ZASTOSOWANIA JĘZYKA JAVASCRIPT
•
możliwość modyfikacji wyglądu bieżącego dokumentu,
•
wyświetlanie okien dialogowych,
•
sprawdzanie poprawności formularza,
•
dostęp do daty i czasu.
7
UMIESZCZANIE SKRYPTÓW
Skrypty JavaScript mogą być umieszczane wewnątrz kodu HMTL, są to tzw. skrypty osadzone.
Aby umieścić skrypt w HTML 4.01, należy użyć znacznika <script> w następujący sposób:
<script type="text/javascript">
kod skryptu
</script>
8
UMIESZCZANIE SKRYPTÓW
Drugą metodą umieszczenia skryptu w kodzie jest zapisanie go w oddzielnym pliku i użycie
znacznika <script> z parametrem src:
<script src="lokalizacja skryptu">
kod skryptu
</script>
Plik ze skryptem ma rozszerzenie js.
9
ATRYBUTY LOGICZNE
• Zastosowanie atrybutu async poskutkuje asynchronicznym wykonaniem skryptu, czyli jest
ono niezależne od czasu załadowania całej treści kodu. Oznacza to, że w razie załadowania
skryptu z zewnętrznego pliku będzie on wykonany podczas dalszego wczytywania źródła strony.
• Atrybut defer spowoduje, że przeglądarka wykona zewnętrzny skrypt dopiero wtedy, gdy kod
źródłowy strony zostanie wczytany w całości do przeglądarki.
10
BŁĘDY
Aby wyszukać błędy w poszczególnych przeglądarkach, należy wybrać określone polecenia:
•
w Mozilla Firefox - Narzędzia / Konsola błędów;
•
w Google Chrome-Narzędzia / Konsola JavaScript;
•
w Opera - Narzędzia / Zaawansowane / Konsola błędów.
11
SŁOWA KLUCZOWE
Są pisane małymi literami, a nazwy obiektów wbudowanych - od wielkiej litery. Nazwy obiektów
DOM są pisane małymi literami, ale w nazwach metod danych obiektów mogą być małe i wielkie
litery. Definiowanym zmiennym, funkcjom bądź obiektom można nadawać dowolne nazwy.
12
KOMENTARZE
Jeśli komentarzem jest tekst w jednym wierszu, używamy znaku //:
//Komentarz do instrukcji
Jeżeli komentarz zawiera wiele wierszy, używamy /* do rozpoczęcia
komentarza i */ do zakończenia komentarza.
13
SPRAWDŹ SWOJĄ WIEDZĘ
1.
Co to jest JavaScript?
2.
Wymień sposoby umieszczania skryptu w dokumencie HTML.
3.
Czym różni się JavaScript od Javy?
4.
Opisz sposoby wprowadzania komentarzy w skrypcie.
5.
Do czego służą atrybuty async i defer?
6.
W jaki sposób w danej przeglądarce można zapoznać się z błędami w napisany::
kodzie?
14
DZIĘKUJĘ!
M A LWA G P I E @ G M A I L . C O M
PODSTAWY
JAVASCRIPT
M W P
Show answer
Auto Play
Slide 1 / 14
SLIDE
Similar Resources on Wayground
11 questions
Area of Composite Figures
Presentation
•
7th Grade
11 questions
Dichotomous Keys & Taxonomy
Presentation
•
7th Grade
11 questions
Reflections
Presentation
•
10th - 12th Grade
11 questions
Summarizing
Presentation
•
5th Grade
10 questions
Informatyka
Presentation
•
9th - 12th Grade
10 questions
Website Design
Presentation
•
8th - 9th Grade
10 questions
Summary ?Stems
Presentation
•
3rd - 6th Grade
11 questions
Volume using Base x Height
Presentation
•
4th - 6th Grade
Popular Resources on Wayground
24 questions
PBIS-HGMS Day 10
Quiz
•
6th - 8th Grade
10 questions
HCS SCI 03 Summer School Review 3
Quiz
•
3rd Grade
11 questions
Home Scope
Quiz
•
7th - 8th Grade
15 questions
HCS SCI 05 Summer School Assessment 3 Review
Quiz
•
5th Grade
35 questions
Lufkin Road Middle School Student Handbook & Policies Assessment
Quiz
•
7th Grade
18 questions
Geo 11.3 Area of Circles and Sectors
Quiz
•
9th - 11th Grade