ES6 - the best of ⌨️ hello roman #22

ES6 czy też ECMAScript2015 to niewątpliwie najbardziej rewolucyjna specyfikacja JavaScriptu jak dotychczas.Niewątpliwie zmiany, które zostały wprowadzone wraz z wersją z 2015 roku ułatwiły pracę Frontend developerom. Sam z resztą mam kilka ulubionych rzeczy - arrow functions, destructuring, domyślne wartości to tylko kilka z nich 😍
⭐️ Wesprzyj kanał za 34,99 zł na miesiąc i uzyskaj dostęp do wszystkich moich kursów na kanale:
/ @helloroman
📓 Kup Hello Notes na sklep.hellorom...
🔔 Subskrybuj mój kanał - www.youtube.co...
📌 Sprawdź też:
Instagram - / siemaroman
Facebook - / helloroman.vlog
Moja strona - helloroman.com
📫 Mój newsletter - helloroman.com...
✉️ Kontakt - [e-mail]
W moich filmach znajdziecie wiele praktycznych porad, jak zacząć swoją przygodę z programowaniem, na co uważać, jak motywować się do pracy, aby nie stracić zapału. Wspólnie odkrywać będziemy możliwości jakie kryją JavaScript, HTML i CSS - pomogę Wam także zrozumieć, jak skutecznie wykorzystywać potencjał popularnych frameworków, takich jak Vue lub React.

[@mirosawlasek7507]

Super wyjaśnione! Szczególnie z import/eksport :). Wydawało mi się to kiedyś trudniejsze, a po obejrzeniu odcinka uważam, że to prosta sprawa.

[@helloroman]

Miałem podobnie - totalnie nie rozumiałem czym one się różnią itd. dopóki nie zrozumiałem jakie to jest proste. Bo w innych kursach ludzie to jakoś tak pokrętnie czasem tłumaczą.

[@agnescz4010]

jak zwykle uwielbiam :) i "w nowych stringach jest o wiele wygodniej' :D osobiście uwielbiam ES6 i dla mnie jak zwykle twój film to fajna powtórka

[@helloroman]

Na tym fragmencie miałem takie ultra parsknięcie śmiechem, bo najpierw to powiedziałem, a dopiero potem zrozumiałem XD No ale wyciąłem co by nie zabić ludzi w słuchawkach.

[@zbyszggo4626]

Nareszcie sensowne wytłumaczenie czym jest es6

[@krwawy5657]

Dostałem zadanie przed początkiem pracy ogarnąć tutorial Reacta i tam jest multum rzeczy o których mówisz, a ja nie rozumiałem. Wcześniej znałem tylko podstawy JS i teraz zaczynam czaić skąd i po co się tam te elementy wzięły. :D

[@kamilstaszewski8063]

Jeden z najlepszych kanałów o programowaniu, jeśli chodzi o JS to według mnie top1 (na polski yt oczywiście). Quality content regularnie wrzucany. Fajna sprawa, że tak często wrzucasz, uważaj żeby sie nie wypalić. Tak trzymaj.

[@helloroman]

Nie wypalam nie wypalam, póki co się rozpędzam dopiero :D Dzięki wielkie!

[@Arrantasar]

Kolejny świetny odcinek! :) Gratuluję subskrypcji - szczególnie biorąc pod uwagę wąską działkę i polskojęzyczny charakter kanału!

[@helloroman]

Wielkie dzięki! :) Dopiero się rozpędzam

[@menow1893]

Ten odcinek to rewelacja. Dzięki.

[@mtyrio]

Świetnie wytłumaczona destrukturyzcja!

[@riskzerobeatz]

Super odcinek. Dobra robota. :D

[@kryzys9sz]

Romanie, bardzo dobrze, że jesteś na KZbin, dzięki za pomoc i wiedzę 🖖

[@mattsone2772]

Coś pięknego! Romanie kiedy wydasz swój kurs z JS?? :)

[@agusbrz78]

Dzięki za kolejny odcinek, mam dwa pytania - czy sposoby dodane w ES6 do tworzenia obiektów jak "class", extend, constructor itd. są najlepsze, popularne, optymalne także z punktu widzenia node i frameworks. Nie ukrywam, że przemawiają do mnie, jako osoby programującej w Java i C++ najbardziej, ale po oglądnięciu kilku kursów ekspertów na Pluralsight mam sporo wątpliwości. A drugie - to jakie jest dobre/powszechnie stosowane w polskich firmach narzędzie do pisania testów jednostkowych dla Javascript. Pozdrawiam.

[@poelover2024]

Za Łzy szanuję

[@karoltrzcinski8171]

uhuhu #22 i 22 minuty. Przypadek? nie sondze...

[@michamaciejewski8895]

@Roman, do takich tutków idealne było by użycie Quokka.js just like MPJ'a. To fajnie ułatwia pracę i pokazywanie takich rzeczy. W dodatku wersja na bogato wspiera moduły ;)

[@helloroman]

Mam nawet zainstalowane, ale wersja płatna to jest jakiś żart :D

[@mateuszpodgorski6021]

Polski odpowiednik backticksa ` to "gravis" :) Mysle ze poza dobrym przygotowaniem merytorycznym Twoich odcinkow, duzy wplyw na sukces kanalu ma estetyka, spojnosc i wyczucie z jakimi tworzysz i montujesz filmiki. Profesjonalna robota, tak trzymaj Roman , pozdrawiam :)

[@helloroman]

Mateusz Podgorski dzięki wielkie ♥️♥️♥️ bardzo mi miło

[@wojciechglugla4385]

Tylko mnie tak ucieszyło, że dzięki destrukturyzacji swap zmiennych to wreszcie [a,b]=[b,a], dzięki czemu zmienna temp odeszła w zapomnienie? :D Fajnie, zwięźle i na temat!

[@nivelis91]

Wcześniej też się dało bez temp ;) W ES6 jest tylko odrobinę bardziej elegancko.

[@Ilidan1985]

Parsknąłem przy import Roman ass, Roman string... :D :D :D

[@bjgjuiuguoojpoo]

K*wa! Jak to jest, że jak oglądam Ciebie, albo Samuraja, to nagle jakoś wszystko kumam i staje się jasne...Naprawdę się męczę przy innych tutkach/materiałach. Jednak sama wiedza to jedno, a umiejętność przekazywania jej to drugie.

[@arturoarcik5253]

Ja też przylazłem do Romana od Samuraja :-)

[@bjgjuiuguoojpoo]

Ja Samuraja nie zostawię! Ta poliamoria mi się po prostu sprawdza. 😉

[@marcinwachcinski1096]

WhiskeyEchoBravo Spróbuj ją rozszerzyć jeszcze o Piotra Palarza (również JS i pochodne) z Eduweb.

[@bjgjuiuguoojpoo]

Marcin Wachcinski No właśnie on do mnie nie trafia

[@siemik]

Mam tak samo. Własnie robię kurs Reacta Romana i nic lepszego nie widziałem w tym temacie. Tylko trzeba pamiętać że w nauce jest takie pojęcia jak "illusion of competence". Czasem myślisz ze coś wiesz, ale jak przychodzi zadanie do wykonania to jednak weryfikuje ono że nie wiesz 😄😅

[@Mistersmietanka12]

Łeee, łatwe te java skrypty

[@olaf9374]

Siema Roman! Jestem w tech. informatycznym, zainteresowany typowym programowaniem webowym natrafiłem na twój kanał, robisz dobrą robotę! Moje pytanie jest następujące, czy tzw "papierek" jest ważny w dalszej karierze programisty, czy może bardziej liczą się umiejętności? Warto iść na studia w tym kierunku czy może zostać skupić się na samodzielnym kształceniu? Może coś podpowiesz ;) Pozdroo!

[@agusbrz78]

Najważniejsze są umiejętności, które są sprawdzane podczas zadań rekrutacyjnych/rozmów kwalifikacyjnych. Ale dla części firm posiadanie dyplomu wyższej uczelni może być czynnikiem decydującym, aby cię na tą rozmowę kwalifikacyjną zaprosić. Roman ma także dyplom - dziennikarstwa, ale w sumie w jakimś stopniu jest to pokrewne z front-webem ;). Na twoim miejscu wybrałabym wyższą szkołę informatyczną, która posiada kierunek - technologie webowe i co najważniejsze ma dobrą opinię wśród pracodawców.

[@MrPatrykNowak]

Fajoski odcinek. Co to za edytor? :)

[@helloroman]

Hej, dzięki! :) Webstorm w trybie prezentacyjnym

[@mfst100]

Z tego filmu mogę nauczyć się starych sposobów, aby działało na starych przeglądarkach. W nosie z nowościami.

[@helloroman]

Zostawiłeś komentarz pod 4-letnim odcinkiem misiu

[@mfst100]

@@helloroman sam jesteś misiu.

[@helloroman]

@@mfst100 dasz się zaprosić na kawę i wuzetkę?

[@mfst100]

@@helloroman Jasne. ...o ile nie zostałem dwuznacznie zrozumiany...

[@jeyjey818]

Hej robil bys poradnik jak zaczac tworzyc aplikacje mobilne w react native?? I moze jakis krotki wstep do electrona?? Bardzo prosz

[@devman5813]

Roman programowania no i odcinek dobryXD

[@sylwesterjot921]

Panie Romanie, ile cali ma ten monitor Della? Pozdrawiam.

[@helloroman]

27

[@krychaxp]

czy określając funkcję z nazwą (np. rob=()=>{} )to trzeba na początku dawać const?

[@MarcinoPL24]

Tak, musisz zadekretować zmienną (stała).

[@poelover2024]

Tak zaczęła się, wakacyjna przygoda on był jeszcze młody i onaaa była młoda(...) Kiedyś to była muzyka, chwytająca za serce. Nie to co teraz dziadostwo. Btw, gdybyś robił kolejny odcinek o tych nowych możliwościach itd, to wiedz że jednego widza masz z automatu - mnie.

[@exploringcrypto6609]

jak odkomentować kilka lini na raz?

[@Aaron-zt4ic]

Zapomniałeś o domyślnych wartościach dla destrukturyzacji array-ów developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment#Default_values :P

[@helloroman]

Thx ♥️

[@oziocb]

Super

[@roadtosleep]

czy moglbys zrobić film o tym czym w sumie w pracy frontend dewelopera zajmuje się taki junior? zarówno w pracy w firmie jak i freelancerzy

[@helloroman]

To się bardzo różni w każdej firmie, ale postaram się coś powiedzieć :)

[@stefanwichura3405]

Witam jestem kompletnie początkujący ale ta składnia przypomina typescript :D

[@stefanwichura3405]

Dostałem serce i go nie ma ??? :/

[@masztan]

W funkcjach strzałkowych, gdy jest jeden argument, tez nie trzeba ubierać tego w nawias, tj: const returnName4 = name => `My name is ${name}`;

[@helloroman]

Już ktoś o tym pisał - to jest kwestia przyjętego code style. W paru projektach mieliśmy przyjęte, że robimy wszędzie nawiasy, a np. w obecnym piszemy bez. To już taki detal w zasadzie. Plus jest taki, że jak robisz destructuring to i tak musisz robić nawiasy, więc masz je wszędzie

[@masztan]

Spoko, ale warto, żeby inni też wiedzieli, że jest to poprawne. Bo mogą się spotkać w jakimś kodzie i będzie lekkie zmieszanie :)

[@TikTalk]

Okazuje się, że backtick to po polsku *GRAWIS* :)

[@sztos88]

Fajny film (nawet nie wiem o co chodzi hehe)

[@xana8062]

Ja sie pytam gdzie async/await? :D

[@xana8062]

Rafał Rybicki W sumie racja, my bad.

[@kamilniepamietam9543]

Roman, będzie coś o redux/vuex?

[@helloroman]

W przyszłości na bank :) Tylko nie wiem jeszcze jak odległej

[@kamilniepamietam9543]

@@helloromanczekam czekam i trzymam kciuki :p

[@michalmalinowski1297]

Vuex dziś użyłem pierwszy raz w projekcie jakimkolwiek. Reakcja: O, super. Fajnie wygląda. Potem w piczkę nie działało. Potem nie działało bardziej. Teraz mam zagadkę. To się hot reloaduje czy nie :D

[@antero7680]

Dlaczego arrow functions nie działają nadal prawidłowo czasem? skrypt który dodaje usuwa coś w pliku html, który jest wyeksportowany tak jak na odcinku, po dodaniu => zamiast function kod się wysypuje. W tym projekcie nie używałem gulpa etc

[@helloroman]

Wrzuć cały projekt na jakieś repo i podrzuć, bo tak to możemy sobie dywagować do woli nad przyczynami :)

[@antero7680]

@@helloroman github.com/snaqu/online-order-pizza

[@mateuszmagda6522]

@Antero gdzie Ty tam masz arrow function? Jeśli chcesz użyć arrow function to definiujesz sobie przykładowo const checkCircle = (radius) => radius > 0; Pierwszy nawias to argumenty wejściowe, a to co po strzałce to Twój return. Możesz też po strzałce wstrzelić blok kodu {..........; return .............;};

[@antero7680]

@@mateuszmagda6522 nie ma nigdzie funkcji strzałkowych bo jak były to nie działało dlatego zmieniłem na tak jak jest

[@ilyaoleksiuk6958]

Все зрозуміло 👨🏻‍💻

[@anonim1079]

4:50 z tego co wiem to jest grawis, przynajmniej ja tak to nazywam :v

[@seveto3911]

4:54 ` grawis

[@mateuszj47]

Znak używany w template string to 'grawis'

[@helloroman]

:O ło panie, pierwsze słyszę nawet. Dzięki!

[@michalmalinowski1297]

Do tej pory uważałem, że to tylda xD

[@TheBobson1111]

Fava = java? ;)

[@helloroman]

FavaScript to z kolei mój ulubiony język

[@CopyPasteYoyoTricksTutorials]

` - grawis

[@arturoarcik5253]

Q: Czy jest coś do testowania kodu? A: Jest!

[@helloroman]

Zacny!

[@theMGKPL]

Ten apostrof to tylda

[@TheMoviesfable]

Interpolacją się pochwali, a zamiast konkatenacji mówi dodawanie ;P no offence

[@helloroman]

Panie! Język bym se połamał XD