Podstawy Programowania: Tekstowy typ danych

0:00Skoro wiesz już mniej więcej czym są zmienne to teraz w kilku kolejnych lekcjach

0:04porozmawiamy o tym, co zmienne mogą przechowywać, a więc jakie typy danych są

0:08dostępne we wszystkich językach programowania.

0:11Oczywiście znowu robimy to na przykładzie

0:12języka JavaScript, ale te typy znajdziesz w każdym z języków programowania, a w

0:17niektórych językach nawet będzie tych typów trochę więcej.

0:20Więc w tej lekcji chciałbym żebyśmy omówili typ, który jest tekstowym typem

0:24danych. A więc możemy jakiegoś rodzaju tekst przechowywać w zmiennych, będziemy go

0:29mogli przekazywać w wiele miejsc i tak dalej.

0:31Więc będę chciał na początku utworzyć

0:33sobie, tym razem nie zmienną, ale stałą bo dobrą praktyką jest tworzenie stałych

0:37zawsze wtedy kiedy nie chcesz zmieniać ich

0:39wartości, tak jak pokazywałem w lekcji poprzedniej.

0:42Poza tym nie będzie to miało jakiegoś

0:44szczególnego znaczenia. Więc napiszmy sobie const

0:48i co ważne w tej lekcji będę już wykorzystywał angielskie nazwy zmiennych,

0:51bo jest to dobra praktyka. W lekcji poprzedniej pokazałem

0:54zmienne po polsku czyli napisałam imię czy nazwisko, żebyś wyraźnie widział gdzie ta

0:59zmienna jest a co jest częścią jakby języka,

1:02natomiast teraz już będziemy te zmienne czy stałe tworzyć w języku angielskim tak

1:06jak powinno się to robić w przypadku programowania, chociaż z punktu widzenia

1:09programu oczywiście to nie ma żadnego znaczenia.

1:11Dlatego zamiast pisać imię napiszę firstName w takiej notacji camelCase czyli tutaj ta litera wielka, żeby to było bardzo

1:19czytelne i napiszemy tutaj Jan. Znowu coś co mieliśmy w lekcji poprzedniej,

1:24ale właśnie teraz skupimy się na tym, czym są te cudzysłowy i co tak naprawdę tutaj

1:29się znajduje. Otóż mamy tutaj zapis w cudzysłowach i w

1:33języku JavaScript to jest tekstowy typ danych. Tutaj możemy wpisać dowolny tekst

1:39jaki tylko chcemy i tak naprawdę też tekst dowolnej długości.

1:43To jest jeden ze sposobów jak zapisywać tekstowy typ danych.

1:46Drugim sposobem w przypadku języka

1:48JavaScript, tak nie musi być we wszystkich językach,

1:50więc pamiętaj, że

1:52w danym języku może to wyglądać inaczej, zrobimy zmienną lastName czyli nazwisko i

1:56zapiszemy w apostrofach, napiszemy Kowalski.

1:59W przypadku języka JavaScript to działa dokładnie tak samo. Tutaj nie ma żadnych różnic.

2:04Tak naprawdę jeżeli chodzi o te dwa zapisy, więc często możesz się spotkać, że ktoś po

2:08prostu preferuje apostrofy zamiast cudzysłowów i

2:11w ten sposób zapisuje wartości tekstowe, które z angielskiego nazywają się string.

2:16I tak jak mówię nie ma to tutaj żadnej różnicy.

2:20Możesz to zapisywać tak lub tak. Ja

2:21osobiście preferuję w przypadku języka JavaScript takie zapisy czyli cudzysłowy.

2:27Co ważne w niektórych językach programowania takich jak np.

2:30PHP też są dozwolone te dwa zapisy, ale ten

2:33zapis zachowuje się w pewnych sytuacjach troszeczkę inaczej niż ten więc jest to

2:37istotne, w przypadku języka JavaScript nie ma to znaczenia.

2:40OK i teraz mógłbyś zapytać kiedy z którego zapisu korzystać?

2:43Oczywiście tak jak wspomniałem to w zasadzie nie ma znaczenia.

2:46Ale wyobraź sobie taką sytuację, że chcesz utworzyć zmienną, która przechowuje nazwę

2:50jakiejś książki, tytuł książki i napiszemy że jest to bookTitle.

2:54Tak nazywamy zmienną i będziemy chcieli tam przechowywać

2:58wartość powiedzmy Władca Pierścieni.

3:01No i teraz jeżeli zrobimy coś takiego

3:05to wydaje się że jest OK.

3:08Wypiszmy sobie to w konsoli. bookTitle, jeżeli zapisze to tutaj automatycznie nam się to pokaże.

3:13Tylko, że my tutaj w cudzysłowach zapisaliśmy literalnie dokładnie taką

3:16wartość, a ja chciałbym żeby ta wartość zawierała w sobie również cudzysłowy.

3:20Tak jak piszemy w tekście po prostu jakiś tytuł jakieś książki tak?

3:24Więc jeżeli zrobimy coś takiego od razu nam edytor podświetla że jest to błąd.

3:28Nie możemy tego zapisać w taki sposób. Więc

3:31w takiej sytuacji możemy zrobić tak, że te cudzysłowy będą częścią tego ciągu,

3:36ale żeby powiedzieć można powiedzieć językowi programowania, że

3:41to jest wartość tekstowa w tej zmiennej, to możemy ją zapisać właśnie w apostrofach.

3:45Czyli tak jak tutaj w apostrofach zapisałem Kowalski,

3:47tak tutaj w apostrofach zapisuje całą taką wartość i

3:50wtedy te cudzysłowy wewnątrz, one nie mają już szczególnego znaczenia dla języka tak jak

3:54miały tutaj, gdzie określały, że to co jest wewnątrz to jest wartość tekstowa. Tutaj

3:59one już nic językowi nie mówią dlatego że wcześniej zostały użyte apostrofy

4:03i tak naprawdę mówimy wtedy językowi programowania, że to co jest pomiędzy tymi

4:07apostrofami to jest wartość testowa i tyle.

4:10I język nic szczególnego z tym po prostu nie robi.

4:13Jeżeli teraz zapiszę zauważ, że wartość

4:15testowa zawiera w sobie już te cudzysłowy. Więc tak mogliśmy to zrobić.

4:19Jest jeszcze jeden inny sposób np.

4:22możemy to zapisać tak jak wcześniej,

4:25że mamy te cudzysłowy, wiemy że to nie jest poprawne, jeszcze tutaj musi być taki cudzysłów

4:29ok i możemy wewnątrz takiego ciągu znaków zrobić taki znak tzw.

4:34ucieczki czyli Escape to jest taki back

4:36slash. Jeżeli go umieścimy przed takim cudzysłowem, to wtedy zapiszmy,

4:41zobaczmy, również będzie to działać poprawnie.

4:44Czyli jeżeli tutaj rozpoczynamy ten ciąg tutaj go zakończamy

4:48i środku znowu znalazłyby się takie cudzysłowy, widzieliśmy że to nie jest

4:51poprawne, to możemy jakby od nich uciec w ten oto sposób i wtedy język

4:56programowania można powiedzieć że usunie te backslashe,

4:59ale też nie będzie zgłaszał błędu z tytułu

5:01tych podwójnych cudzysłów. Będzie to działać dokładnie tak samo.

5:05Nie jest to aż tak istotne

5:06na samym początku przygody z

5:07programowaniem, ale myślę że warto również o tym wiedzieć.

5:10Zapiszmy sobie to tak jak wcześniej czyli

5:12wycofam te zmiany w apostrofach to zostawimy

5:15i będę chciał Ci pokazać jeszcze jeden zapis, ale zanim to zrobię to pokażę Ci w

5:20zasadzie dlaczego on istnieje w przypadku języka JavaScript. Wyobraź sobie, że

5:23chcielibyśmy zrobić sobie taką stałą, którą nazwę multiLine.

5:28Chodzi o to, że chciałbym zapisać tutaj

5:29jakiś tekst, który będzie miał wiele linijek np.

5:32linia pierwsza zrobiłbym Enter linia druga

5:36i już widzimy tutaj po kolorowaniu tej składni, że coś jest nie tak.

5:39Otóż nie możemy,

5:40jeżeli tworzymy tekst w takich cudzysłowach lub apostrofach zapisać go na wiele linijek.

5:45Gdybyśmy chcieli to zrobić to musielibyśmy zapisać to w jednej linijce i w środku użyć

5:50takiego specjalnego znaku jak BackSlash i n.

5:54To oznacza, że w tym miejscu wstawiamy nową linię.

5:58To wszystko jest w jednej linii, ale sygnalizujemy że tutaj będzie ta linia przełamana.

6:02Jeżeli to zapisze i tutaj będziemy chcieli

6:04wyświetlić multiLine, zauważ, że wyświetliło nam to dokładnie tak jak

6:08chcieliśmy czyli w dwóch linijkach. Linia pierwsza,

6:10potem taki niewidzialny znak nowej linii i linia druga. Tak musielibyśmy to zrobić.

6:16Natomiast możemy wykomentować sobie to, najpierw kopiuje, w ten sposób.

6:21Czyli teraz już nie będzie dla nas ta stała dostępna bo ją wykomentowałem. Stworzyłem

6:25taki komentarz, więc to już nie jest częścią

6:27można powiedzieć kodu źródłowego i stworzę sobie taką zmienną multiLine

6:32jeszcze raz, ale z użyciem z kolei takiego zapisu.

6:35Mamy takie backticki, to jest specyficzne dla języka

6:37JavaScript i te backticki pozwalają nam tworzyć wartości tekstowe w wielu liniach.Czyli

6:43tutaj mógłby napisać linia pierwsza postawić Enter i napisać linia druga.

6:50I jak widzisz tutaj nie ma żadnego błędu, to będzie poprawnie działać i wygląda

6:54dokładnie tak samo, więc tutaj możemy to zapisywać właśnie w taki oto sposób.

6:59I jeszcze jedną cechą takiego zapisu w języku JavaScript jest to, że można tutaj

7:03interpolować zmienne, więc mogę Ci to przy okazji pokazać np.

7:07napiszmy sobie tutaj tytuł książki,

7:11zrobimy dwukropek i pod spodem będę chciał ten tytuł wyświetlić, więc

7:15interpolacja polega na tym, może zrobię to na razie w jednej linijce żeby to lepiej

7:18wyglądało, że można napisać dolar, postawić takie nawiasy i wstawić tutaj bookTitle,

7:24czyli odwołaliśmy się do stałej utworzonej wcześniej, wewnątrz takiego ciągu. To nie

7:30działało by ani w apostrofach ani w cudzysłowach.

7:32Tylko w tym specjalnym zapisie z backtickami, który po pierwsze pozwala nam

7:36tworzyć jak widziałeś wiele linii a po drugie pozwala nam interpolować zmienne.

7:40Jeżeli to zapisze to mamy coś takiego

7:43tytuł książki Władca Pierścieni właśnie z tymi cudzysłowami. Jeżeli tutaj byśmy to zmienili w

7:48ten sposób oczywiście zmieni się to również tutaj.

7:50Czyli otworzyliśmy sobie stałą i do niej

7:53się odwołali. Gdybyśmy to utworzyli ze słowem let oczywiście by to działało

7:57dokładnie tak samo, ale moglibyśmy później zmienić wartość takiej zmiennej.

8:02To zatem tyle jeżeli chodzi o tekstowy typ danych. Jak widzisz możemy w takim

8:06tekstowym typie danych po prostu przechowywać dowolny tekst.

8:09I tutaj oczywiście wszystko można wpisać

8:11hash, dolar cokolwiek chcemy tutaj nie ma żadnych ograniczeń takich jak np.

8:15przy nazwach zmiennych.

8:16To jest dowolny tekst, taki jak moglibyśmy wpisać np.

8:19w notatniku.