
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
10 questions
HTML Editors
Presentation
•
7th Grade
10 questions
Sposoby wykorzystania Internetu
Presentation
•
5th - 7th Grade
9 questions
GRAMMAR EXERCISES
Presentation
•
3rd Grade
11 questions
Formatowanie tekstu
Presentation
•
University
11 questions
Kuis Sejarah
Presentation
•
10th Grade
11 questions
Phonics: Digraphs Lesson
Presentation
•
2nd - 4th Grade
10 questions
Wir stellen und vor.
Presentation
•
4th - 8th Grade
10 questions
Unidad 5: Conceptos y Aplicabilidad de Macros en Excel
Presentation
•
Professional Development
Popular Resources on Wayground
10 questions
Safety Day 2026 – Student Review
Quiz
•
9th Grade
21 questions
Continents and Oceans
Quiz
•
6th Grade
20 questions
Parts of Speech
Quiz
•
5th Grade
16 questions
Subject & Predicate
Quiz
•
5th Grade
25 questions
Multiplication Facts
Quiz
•
5th Grade
12 questions
Map Skills
Quiz
•
3rd Grade
22 questions
Continents and Oceans
Quiz
•
5th Grade
15 questions
Rounding Decimals
Quiz
•
5th Grade
Discover more resources for Computers
26 questions
SLIME!!!!!
Quiz
•
KG - 12th Grade
20 questions
Place Value
Quiz
•
KG - 3rd Grade
4 questions
K-2 Force and Motion Lesson
Presentation
•
KG - 2nd Grade
12 questions
Tone and Mood
Presentation
•
KG
10 questions
Day and Night Patterns
Quiz
•
KG
20 questions
Disney Characters
Quiz
•
KG
12 questions
Nouns and Verbs
Quiz
•
KG - 2nd Grade
15 questions
Short Vowels
Quiz
•
KG - 2nd Grade