Kurs INF.03 #5 | JavaScript

⬜️⬜️⬜️⬜️⬜️⬜️⬜️⬜️⬜️⬜️⬜️INFORMACJE OGÓLNE⬜️⬜️⬜️⬜️⬜️⬜️⬜️⬜️⬜️⬜️⬜️

Hejka!

W dzisiejszym odcinku o treści Kurs INF.03 #5 | JavaScript nauczymy się programować w języku JavaScript od A-Z. Będziecie mieli po tym filmie solidne podstawy, które pozwolą Wam na przyjemną pracę z tym językiem.😎.Ten odcinek jest piątym odcinkiem serii przygotowującej do egzaminu zawodowego z kwalifikacji INF.03 w skład, którego wchodzi tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych. Odcinek nagrałem w bardzo przyjemnej atmosferze i przyjemnym stylu aby dobrze oglądało się ten odcinek jak i każdy następny mój film. Mam nadzieję, że film był dla was bardzo pomocny😊. Jeżeli ciągle zadajesz sobie pytanie: Jak zdać egzamin INF.03 lub jak zdać egzamin EE.09 to ta seria jest właśnie dla Ciebie. W 17h macie zebrane bardzo solidne podstawy, które pozwolą Wam bez problemu napisać skrypt na egzaminie oraz sam język JavaScript nie będzie sprawiał Wam problemu. BĘDZIECIE UMIELI NAPISAĆ DOWOLNĄ APLIKACJE ;) Jeżeli doceniasz moją 7 miesięczną pracę nad kursem, który jest nastawiony w celu wielkiej pomocy w zdaniu Wam egzaminu INF.03/EE.09 to możesz mnie wesprzeć naciskając przycisk subskrybuj oraz zostawić łapkę w górę❤️.

Pozdrowionka!

⬜️⬜️⬜️⬜️⬜️⬜️⬜️⬜️⬜️⬜️⬜️Spis Treści⬜️⬜️⬜️⬜️⬜️⬜️⬜️⬜️⬜️⬜️

00:00:00 - Wstęp
00:00:37 - Czym jest JavaScript
00:02:29 - Przygotowanie projektu i stanowiska
00:04:43 - Gdzie najlepiej umieszczać skrypt na stronie
00:15:28 - Podstawy JavaScript
00:27:44 - Zmienne
01:01:03 - Operatory arytmetyczne
01:24:03 - Operatory relacyjne
01:38:04 - Instrukcje warunkowe
02:24:34 - Switch
02:41:01 - Tablice
03:00:43 - Funkcje związane z pracą na tablicach
03:25:35 - Pętla while
03:43:58 - Pętla do while
03:50:53 - Pętla for
04:04:08 - Instrukcje break oraz continue
04:14:05 - Funkcje
04:48:28 - Zasięg zmiennych w funkcji (Zmienne lokalne i globalne)
05:00:27 - Funkcje anonimowe
05:24:22 - Metoda sort() szybkie omówienie
05:48:26 - Obiekty w JavaScript
06:06:40 - Klasy w JavaScript
06:21:49 - Czym jest DOM (Document Object Model)
06:39:13 - Czym jest węzeł do DOM
06:46:41 - Manipulowanie DOM
06:58:08 - Ustawianie nowych atrybutów z poziomu JS
07:03:09 - Pobieranie i ustawianie elementów w JS
07:21:40 - querySelector() i querySelectorAll()
07:40:37 - Dodawanie styli za pomocą JS
07:49:31 - Tworzenie elementów HTML w JS
08:16:42 - Tabliczka mnożenia w JS
08:33:29 - Eventy
09:04:57 - Nasłuchiwacz zdarzeń - addEventListener
09:18:33 - Event Object
10:03:00 - preventDefault()
10:20:56 - Zdarzenie onscroll - Projekt 1
10:42:00 - Funkcje setTimeOut oraz setInterval - Projekt 2
11:25:25 - Walidacja danych w formularzu
11:43:52 - Sprawdzenie czy pole zawiera cyfry
12:06:39 - Sprawdzenie czy pole checkbox jest zaznaczony
12:25:12 - Sprawdzenie czy pole radio jest zaznaczone
12:37:21 - Sprawdzenie czy dana opcja z pola select jest zaznaczone
12:56:17 - Wyrażenia regularne - RegExp
13:33:23 - Walidacja formularza za pomocą RegExp
14:04:17 - Obiekt String i funkcje z nim związane
14:37:32 - Obiekt Date()
15:14:57 - Odliczanie do pewnego wydarzenia - Projekt 3
15:35:37 - Stylizowanie, aktualna data - rozbudowywanie projektu nr 3
15:49:26 - Slideshow - rozbudowywanie projektu nr 3
16:07:50 - Obiekt Image() - galeria obrazków
16:31:47 - Obiekt Match - funkcje matematyczne
16:54:49 - Egzamin Praktyczny
17:14:10 - Zakończenie

⬜️⬜️⬜️⬜️⬜️⬜️⬜️⬜️⬜️⬜️⬜️INFORMACJE DLA CIEBIE⬜️⬜️⬜️⬜️⬜️⬜️⬜️⬜️⬜️⬜️

❤️ Jest nas: 33 ❤️
🔔 Nie zapomnij o subskrypcji i dzwoneczku 🔔
👍 Zostaw łapkę w górę, jeśli film Ci się podobał 👍
💜 DISCORD: WKRÓTCE 💜

Aktualizacja dnia: 28.03.2022 | 17:02

⬜️⬜️⬜️⬜️⬜️⬜️⬜️⬜️⬜️⬜️⬜️Muzyka⬜️⬜️⬜️⬜️⬜️⬜️⬜️⬜️⬜️⬜️

––––––––––––––––––––––––––––––
Song: Ikson - Paradise (Vlog No Copyright Music)
Music promoted by Vlog No Copyright Music.
––––––––––––––––––––––––––––––
"Sappheiros - Dawn" is under a Creative Commons license (CC BY 3.0)
––––––––––––––––––––––––––––––
Moving On (feat. Tara Louise) · MBB & Jonas Schmidt

Most of the songs promoted by:

⬜️⬜️⬜️⬜️⬜️⬜️⬜️⬜️⬜️⬜️⬜️⬜️⬜️⬜️TAGI⬜️⬜️⬜️⬜️⬜️⬜️⬜️⬜️⬜️⬜️⬜️⬜️⬜️⬜️

html, css, javascript, mysql, php, programowanie, varmond

#varmond, #inf03, #javascript

[xvarmond]

Nie zapomnij zostawić łapki w górę oraz subskrypcji❤

[franuslon]

Tydzień do egzaminów, i powiem ci, że po obejrzeniu już parę godzin jestem wstanie stwierdzić, że nauczyłem się tutaj więcej niż przez 2 lata w szkole, dziękuje :), jak czytałem inne komentarze i pisałeś tam o czasie, który włożyłeś w ten kurs to jest mi przykro, że nie poszło to na głębszą skale, może spowodowane jest to zbyt długimi filmikami co zraża ludzi do tego, bądź na youtubie są już kanały co robiły to wcześniej i mają na tym taki trochę "monopol" osobiście twoje filmy bardziej mi podpasowały i jeszcze raz dzięki za te filmiki, mam nadzieję, że zdam XD

[Galaxynowy]

Ja również cieszę się, że spędziłem tyle godzin (dni) z tobą ^^

[nanai]

Nie wiem jeszcze ile błędów jest w kursie i w jaki sposób jest on robiony, ale za Twoje chęci normalnie loguję się na 3 konta i daję łapkę w górę. Dzięki takim ludziom jak Ty świat staje się lepszy i wyścig szczurów przyśpiesza, pozdrawiam ;)

[maciejjerzycki]

15:13:20 - w sprawie tego aby pokazywało aktualny dzień tygodnia po polsku, robię to w niedziele i zauważyłem że gdy pobiore indeks za pomocą getDay() i odejme od niego 1 to pokaże mi undefined ponieważ wynikiemtego zapisu będzie -1, czyli błąd gdyż nie ma takiego indeksu w tablicy dzien

[angrybrain]

hej hej, pytanko. Kurs zawiera wszystko czego potrzebuję żeby zdać inf03, jeżeli chodzi o js

[sagorn]

Hej, wybacz, że Ci nie odpisałem - miałem odpisać i totalnie wyleciało mi z głowy, bo chciałem po kursie taką dłuższą odp napisać, za niedługo odpiszę ;d, w każdym razie mam pytanie co do 4:09:39 - czyli skoro mi zmienną typu Number przekonwertuje na typ String, to nawet i całą sumę wszystkich wartości zmiennej typu Number (zmienna "parzysta") uzyskaną poprzez wpływ pętli for na nią, ta suma tych wartości "rozszczepi" mi się na pojedyńcze wartości zmiennych iteracyjnych, tak? Tak podsumowując haha

[sagorn]

Mam jeszcze jedno pytanko - po co się dokładnie używa return? Niby wiem do czego służy, że tam do zwracania, ale nie wyświetlania, tyllo po co się go stosuje jeśli nie chodzi nam o wyświetlenie działania, wypisanie go? Co dokładnie dzieje się, gdy się go użyje, a gdy się użyje zwykłego console.loga i po co to dokładnie jest? Po to, gdy chce się, by funkcja coś zrobiła, aczkolwiek nie wyświetlając (no I oczywiście wiem, że po returnie następuje wyjście z funkcji), czy po coś jeszcze jest ten return? Możliwe, że do końca nie uważałem 😅(A, no i załóżmy, że bym chciał przypisać sobie działanie tej funkcji do jakiejś zmiennej, może to też będzie kluczowe)

[Miulasowo]

17 Godzin.
17 Godzin.
17 Godzin
JAPIERDO

[kacpi]

funkcja "async" w headzie w html zadziałała mi dopiero po wpisaniu jej w taki sposób: <script src="./skrypt.js" async="true"></script> | Może komuś tym pomogę 💪💪

[sagorn]

Hej, chciałbym sobie wyświetlić treść tekstu z <h3>, ale nie mogę, wiesz co jest grane? Oto kod: (natomiast przepraszam Cię, że Ci jeszcze nie odpisałem - pochłonął mnie dalej Twój kurs i wolałem się zająć następnymi rzeczami, niż powrotem do tych returnów etc, ale teraz sobie wrócę do tego co mi pisałeś, póki nie wiem, co z tym problemem z DOMem ;d)

1. HTML:
<div id="kontener">
<h3>Testujemy interfejs programistyczny z HTMLa - Document Object Model! :D</h3>
</div>

2. JS:
let elementDIV = document.getElementById ("kontener");

(to jest 99linijka kodu) console.log (dodam jeszcze, że ani firstChild nie działa, ani childNodes z indeksem pod którym jest ten węzeł h3...)

3. Treść błędu:

"Uncaught TypeError: Cannot read properties of null (reading 'firstChild')
at strona korniszony.html:99:36"


Nie wiem już, co jest grane - czy w mojej przeglądarce JavaScript nie poprawnie działa, czy co - na necie jest napisane, że może ten element nie jest napisany w html i temu go js nie widzi, ale no tak oczywiście nie jest, nie wiem - może znowu jakiś mały, głupi błąd się wkradł, ale tym razem nie widzę go... :/