Obiekty w JavaScript #12 dzień kursu programowania
ฝัง
- เผยแพร่เมื่อ 12 ก.ย. 2024
- Typy referencyjne czyli obiekty. Czym są w JavaScript. Robimy delikatne wprowadzenie w obiekty ogólne, funkcje i tablice.
12 dzień kursu JavaScript na kanale Samuraj Programowania.
Ucz się z moich kursów na Udemy. Mam dla Ciebie zniżki na moje kursy.
Kod do kursu Web developer od podstaw w 15 intensywnych dni: websamuraj.pl/...
Front-end średniozaawansowany w 15 intensywnych dni: websamuraj.pl/...
Kod do kursu Kompletny kurs programowanie w JavaScript: websamuraj.pl/...
Kod do kursu Zaawansowane projekty w CSS i JavaScript: websamuraj.pl/...
Kod do kursu React od podstaw: websamuraj.pl/...
Kod do kursu Node.js, Express i MongoDB: websamuraj.pl/...
![Kiedy zacząć uczyć się frameworków? [React, Vue, Angular etc.] ⌨️ hello roman #41](/img/n.gif)
Rewelacyjnie wytłumaczone. Tak trzymaj. Szacunek. Dzięki wielkie.
Bardzo dobrze wytłumaczone! Dałbym 2 łapki w górę ale mogę tylko jedną :p
To ja serduszkiem odwzajemniam ;)
Moje wyrazy szacunku :D ogromnie cieszę się że wprowadza Pan ES6 jak wcześniej było zapowiadane. Bardzo fajnie wytłumaczone ponieważ dotyka Pan informacji jakie powinny być w każdym kursie. Ja sam jak uczyłem się JS to miałem ogromny mętlik w głowie który później musiałem sobie poukładać a tu w jednym kursie wszystko jasno i klarownie. Dla mnie świetna powtórka plus dodatkowe smaczki. Gratuluję i śmiem twierdzić, że jak dotąd jest to najlepszy kurs JS w naszym języku. Najpierw trzeba zrozumieć potem wklepywać kod na czym sam się jeszcze czasami łapie.
Lekcje są tak świetnie prowadzone że aż się łezka w oku kręci, mega ! :)
Mi łezka spłynęła jak komentarz przeczytałem :)
Uwielbiam twoje tutoriale naprawdę świetnie tłumaczysz i masz bardzo fajne podejście z humorem najlepszy nauczyciel na świecie. Pozdrawiam
Przesuper kurs:D Uczenie się od Ciebie to prawdziwa przyjemność, dziękuję
Bardzo wiele mi to wyjaśniło. Temat obiektowości to trudny orzech do zgryzienia, dlatego takie materiały jak ten, wprowadzające ucznia w świat OOP to naprawdę dobry początek. Ja już niby siedzę w JS od marca i się go uczę, ale powrót do tego materiału od nowa był dla mnie ogromnym zyskiem. Super tłumaczysz i widać, że masz pasję prawdziwego nauczyciela. Pozdrawiam gorąco! :)
No i dzięki Samurajowi czuję się jakbym był na kolejnym stopniu wtajemniczenia. A co będzie za parę tygodni? Nie odpuszczam, uczę się dalej! Pozdrawiam Samuraja i jego wiernych widzów, takich jak ja.
miales kiedys jakas stycznosci, wiedze z programowania w jakims jezyku? i jak sie czujesz po 12 lekcji bo jestem dopiero na 2 i jakos nie czuje skilla ? :D
Nie mam doświadczenia. Zanim trafiłem na kanał Samuraja, przerobiłem na youtube kurs C++ od Mirosława Zelenta, potem przerobiłem kilka filmików z kursami Javy, trochę liznąłem PHP. No ale poza kilkoma prostymi linijkami kodu (jakieś instrukcje warunkowe i proste pętle), nic nie stworzyłem. Dlatego postanowiłem skupić się na JS i w końcu zabrać się do nauki właśnie tego języka na poważnie. Co z tego będzie to sam nie wiem. Na razie mam chęci do nauki i puki co nic nie wskazuje na to żeby mi przeszło :-)
Arturo poza "puki co" ...;) podpisuję się oburącz - też skupiam się na JS. Swoją drogą widzę że Mr Mirosław to już znana postać hehe Też od niego zaczynałem.
@@arturoarcik5253 Jak tam po 2 latach od kursu? działasz w temacie JSa dalej? moze juz pracujesz jako programista?
Czekałem i się doczekałem kolejnego filmiku. :-) Dzięki tutorialom podsumowuję nabytą wiedzę i dowiaduję się rzeczy nowych o sprawach które rzekomo już znałem ;-) Dziękuję i mam nadzieję, że nie skończy się na 25 odcinkach ;-)
Po 25 odcinkach kanał pójdzie bardziej w projekty (front-end z css i js i programowanie w js) i jeśli coś nie było wyjaśniane w tym kursie, to będę dopiero wtedy wyjaśniał. Dlatego zależy mi by wprowadzić te wszystkie koncepty/mechanizmy teraz.
Super!!!
hej, a możesz też zrobić taki kurs z Angulara 2 albo React ?
Super! Jak zawsze świetnie wytłumaczone! Z utęsknieniem czekam na funkcje, bo póki co są dla mnie nocną zmorą. A już funkcja w funkcji, to po prostu szaleństwo. Mam nadzieję, że dzięki Tobie Samuraju wszystko się dla mnie rozjaśni. Dzięki za kolejny świetny odcinek!
Magda, funkcje w funkcji to coś wspaniałego :) Koncept rzeczywiście początkowo trudny, ale później dający mnóstwo możliwości.
Elegancko :)
Pozdrawiwam.
to uczucie, gdy na 10 miesiecy swojej przygody z programowaniem utknelas w tzw. 'tutorial hell', po czym zaczelas pisac samodzielne appki, a samuraj programowania w koncu RAZ A PORZĄDNIE wytłumaczył Ci twardą teorie i teraz w koncu kumasz co piszesz :) jeszcze troche i bede starac sie o prace :)
Bardzo dziękuję :)
Daję łapkę w górę i zaczynam oglądać.
Kurna, warto bylo poczekac ! Jest moc !
dzięki! Wczoraj były upały a ja nagrywam na poddaszu (kto ma ten wie co to znaczy), więc jeśli widać u mnie moc, to bardzo się cieszę. Nie było łatwo ;)
No to wielki plus za poswiecenie sie nalezy :)
Nie tylko plus ale i zimne piwo!
Twoje odcinki nie są doskonałe ale ten jest ! Nie widziałem lepiej wytłumaczonych obiektów :)
Dzięki Michał :) Mnie ten odcinek podoba się tak sobie ;), ale jest mi bardzo miło, że podoba się tobie :)
Gdyby ktoś nie był wstanie rozczytać napisów na slajdach: - "Odchylenie ekranu do tyłu może pomóc". Ps: Jak zawsze świetnie wszystko wytłumaczone. :)
Super odcinek :) Bardzo dobrze wytłumaczyłeś co i jak.
dobrze wytłumaczone !!! dzięki
super odcinek!
Będą kiedyś odcinki z kodzenia jakiegoś konkretnego programu? Fajnie by bylo popatrzeć na praktykę :D
A tutaj sie nadpisuja dwa ostatnie. Inaczej niz jak w funkcji lokalnie. Fajne zagmatwanie ;-p. Nie dziwne ze tak mało osób potrafi przez to przebrnąć i opanować. Arrays chyba są najwygodniejsze z tych.
Super seria
10:53 min chyba coś poszło nie tak albo zle wycięte w połowie zdania :) ?
Hej,
W 15 minucie pokazujesz obiekt person. Czysto teoretycznie rodzina powinna wyglądać następująco:
rodzina: [
{name: x, age: 10}, {name: y, age: 20},{name: z, age: 30}
]
Rodzina będzie zawierać tablicę i tak jest "poprawnie".
Dziękuję za nagranie i pozdrawiam. targowisko.org
o kurczaczek 5 filmów muszę jutro nadrobić :D
Jest :)
tylko ja czekam na odcinek dzisiaj? jest środa przecież :P
Jak w takim razie zrobić kopię tablicy jeżeli taką potrzebujemy? W pętli przepisywać pojedyncze zmienne po kolei? Tak samo z obiektem (jak zrobić przepis na obiekt, żeby tylko generować je z innymi nazwami i innymi parametrami), jest coś takiego wgl możliwe?
W JS kopiowanie odbywa się w sposób "płytki" (shallow) i "głęboki"(deep). Jeżeli chcesz zrobić płytką kopię to użyj funkcji slice();
Na deep copy jest taki hack. Ale tylko jeżeli tablica jest JSONem.
var clonedArray = JSON.parse(JSON.stringify(nodesArray))
Mogę mieć do ciebie pytanie? Pracowałeś kiedyś na Politechnice Śląskiej?
czyli typ referencyjny to w sumie jest jak wskaźnik np w c++?
Małe sprostowanie, nie da się do stałej zadeklarowanej jako obiekt przypisać nulla. Pojawi się następujący błąd: Uncaught TypeError: Assignment to constant variable.
Zapewne chodziło o to, że w taki sposób można przeprowadzić dereferencję zmiennej.
Dokładnie, do const nic innego nie przypiszemy, więc trzeba w takim wypadku przewidzieć potrzebę w przyszłości i zadeklarować z let.
Cześć Bartek! Kiedy planujesz kolejny odcinek?
Nagrałem właśnie, ale nie włączyło mi się zgrywanie pulpitu ;) Coś wymyślę. Dziś wrzucę, ale nie wiem o której się uda.
a gdybym chciał zrobić kopię obiektu do nowej zmiennej?
Możesz np. zastosować JSON.stringify i JSON.parse, polecam poczytać.
Tak jak kolega Adam napisał. JSON.parse(JSON.stringify(object)). to jest najszybszy sposób. Ale tu już jest zaczepienie o stricte programowanie obiektowe. Ale kopiowanie obiektów jeśli się nie mylę nie jest mile widziane. Jeśli się mylę to proszę Samuraja o poprawienie :)
znaczy pewnie tak, kopiowanie obiektów powinno działać w inną stronę czyli pewnie funkcja ze szkieletem takiego obiektu powiedzmy i my uzupełniamy ją danymi. Ale tutaj to zaraz wejdziemy w kwestie bazy danych ^^ A pytanie tylko z ciekawości bo pewnie początkujący te sobie zadał. i sam byłem ciekaw.
Białe napisy na szarym tle ? nie bardzo
const a = ["a", "b", "c"];
console.log(a);=>a,b,c
const b = a;
b[0] = "z";
console.log(a); =>z,b,c
console.log(b); =>z,b,c
Czyli zmieniając element obiektu na inny tworzymy w tym momencie jego kopię?
MENTORNIA nie
W JS kopiowanie odbywa się w sposób "płytki" (shallow) i "głęboki"(deep). Jeżeli chcesz zrobić płytką kopię to użyj funkcji slice();
A u mnie obiekt zachowuje się identycznie jak typ prosty
Typ prosty:
let a =10
undefined
let b =a
undefined
a =5
5
b
10
a
5
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Obiekt:
let g=['aaa',10];
undefined
let h = g
undefined
g=['bbb',11];
Array [ "bbb", 11 ]
h
Array [ "aaa", 10 ]
g
Array [ "bbb", 11 ]
Nagrał byś może poradnik jak zrobić grę na androida ?