dla Początkujących
6 godz. 26 min · JavaScript · Full-stack i Programowanie
Adam GospodarczykProgramowanie to szeroka dziedzina, która nieustannie się rozwija. Rozpoczynając naukę możemy opierać się głównie na wskazówkach bardziej doświadczonych osób, bądź autorach kursów i nauczycielach. W praktyce najważniejsze na początku jest dobre zrozumienie tego, czym jest programowanie, jakie możliwości daje oraz jakie możemy wybrać ścieżki rozwoju. W tym kursie spojrzymy na programowanie z szerokiej perspektywy, dając Ci solidne podstawy do dalszej nauki.
To kolejne trudne pytanie, na które nie ma jednoznacznej odpowiedzi. Dobra wiadomość jest taka że języki programowania, podobnie jak angielski, niemiecki czy hiszpański mają cechy wspólne. Nie oznacza to że nauka jednego, da Ci dostęp do wszystkich ale poznasz ogólne mechanizmy, które spotkasz w niemal wszystkich pozostałych technologiach. W tym kursie skupiamy się właśnie na takich obszarach, opierając przykłady o obecnie najpopularniejszy język jakim jest JavaScript.
Być może zastanawiasz się jak dokładnie wygląda praca programisty? Czym różni się front-end od back-endu i czy wysokie umiejętności analityczne są wymagane niezależnie od obszaru programowania, którym się zajmujemy? Dodatkowo samo zostanie programistą to tylko początek drogi. Możliwości jakie przed nami stoją nie tylko są ogromne, ale również nieustannie się rozwijają, stawiając przed nami nowe wyzwania.
Ten kurs podzielony jest na dwie części - teoretyczną, która przedstawi Ci szerokie spojrzenie na programowanie oraz praktyczną, w której samodzielnie będziesz w stanie przekonać się jak pisać programy z wykorzystaniem języka JavaScript - najpopularniejszego języka na świecie. To, że będziemy przerabiać przykłady w JavaScript, nie stanowi przeszkody a wręcz lepiej przygotuje Cię do pracy z innymi językami jak Python, C# czy C++ lub Kotlin. To wszystko ułatwi Ci podejmowanie decyzji dotyczących dalszej nauki i rozwoju jako programista.
W pierwszych lekcjach części praktycznej kursu dowiesz się jak skonfigurować środowisko pracy wraz z edytorem, w którym przyjdzie Ci pracować. Pomożemy Ci w dobraniu odpowiednich ustawień i wtyczek, które przyspieszą naukę i pomogą w lepszym zrozumieniu podstawowych koncepcji programistycznych. Krok po kroku dowiesz się jak przygotować środowisko i rozpocząć komfortową pracę.
Mimo, że będziemy pracować z JavaScript, posłuży nam on do przedstawienia najważniejszych koncepcji programowania w każdym innym języku. Nie będziemy uczyć się tworzenia stron i środowiska przeglądarki a jedynie przećwiczymy najważniejsze koncepcje języków programowania w środowisku konsolowym. Dzięki temu zdobyte umiejętności z łatwością przełożysz na inne języki jak Python, Java czy Swift, bo wszystkie posiadają identyczne konstrukcje, a poznać należy wyłącznie różnice.
OOP to jeden z najważniejszych paradygmatów programowania, który powinien poznać każdy aspirujący Programista. Dzięki temu będziesz mógł zdecydowanie lepiej zrozumieć możliwości i powiązania klas i obiektów, które tworzą programiści a także pisać kod, który jest prostszy i reużywalny. To koncepcja, którą także wyjaśnimy obrazowo w kursie. Oczywiście, poza teorią w kursie pokażemy Ci przykłady tworzenia funkcjonalnych klas w JavaScript.
Kolejną ważną koncepcją, którą musi znać każdy początkujący Programista jest praca z błędami - innymi słowy obsługa błędów lub debugowanie naszej aplikacji. To niezwykle ważne, bo oszczędzi Ci mnóstwa frustracji oraz wielu godzin rozpoznawania, co w kodzie nie działa poprawnie. Z kursu w praktyce dowiesz się, jak testować swoje aplikacje, łatwo wykrywać błędy i korzystać z narzędzi, które będą je dla nas wykrywać lub automatycznie poprawiać!
Ten kurs przygotowaliśmy tak, aby był fundamentem wiedzy o Programowaniu, którego używamy w wielu naszych ścieżkach na eduweb.pl. To znaczy, że kurs który masz przed sobą rozpoczyna ścieżkę Python, JavaScript, Ruby i wiele innych. Wiemy, że w sieci jest mnóstwo materiałów na temat podstaw programowania i chcieliśmy przygotować wyjątkowy kurs, który da Ci spokój w natłoku wielu informacji w sieci. Zaangażowaliśmy w to najlepszych autorów eduweb oraz naszym zdaniem jednych z najlepszych programistów w Polsce. To, co jest jednak najważniejsze - kurs omawia programowanie bardzo prostym językiem, dzięki czemu jest przystępny dla każdego!
Kurs przeznaczony jest dla osób początkujących, które stawiają swoje pierwsze kroki na scieżce programisty lub programistki. Jednak skorzystają z niego także te osoby, które myślą o nauce programowania w celu uzupełnienia innych umiejętności, na przykład internetowi przedsiębiorcy, freelancerzy, UI/UX i web designerzy. Jeżeli czujesz się zagubiony lub przytłoczony dużą ilością często sprzecznych informacji - ten materiał pozwoli Ci szerzej spojrzeć na programowanie. To z kolei przełoży się na lepsze decyzje, które będziesz podejmować w kontekście swojego rozwoju. W kursie znajdziesz wskazówki i porady dotyczące efektywnej nauki programowania, które pomogą Ci szybciej zdobyć nowe umiejętności i pracę w zawodzie. Najważniejszą z nich jest fakt, że programowanie to dynamicznie rozwijająca się dziedzina, która wymaga od Ciebie nieustannej nauki. Zatem wypracowanie odpowiednich nawyków i technik nauki jest niezwykle istotne, niezależnie od miejsca w którym aktualnie się znajdujesz.
W tej lekcji pokażę Ci jak działa instrukcja switch, która również jest jedną
z instrukcji warunkowych i od razu Ci powiem, że za jej pomocą nie możemy zrobić
w zasadzie nic czego nie dałoby się zrobić za pomocą instrukcji if oraz bloków else,
natomiast wygląda ona trochę inaczej i w
pewnych sytuacjach może być bardziej czytelna i przez to bardziej przydatna.
Co będziemy chcieli zrobić? Utworzymy sobie
zmienną number równa się 1 i będziemy chcieli stworzyć sobie taki
program, który nam będzie na podstawie cyfry, którą podamy zwracał słowo.
Czyli jeżeli podamy tutaj jedynkę to chciałbym mieć zmiennej word czyli słowo,
ustawiamy ją na początku na pusty ciąg znaków,
chciałbym żeby tutaj się znalazło 1.
Jeżeli wpisze dwójkę to tutaj 2. Itd.
Więc będziemy musieli sobie to w pewien sposób sprawdzić.
I na początku pokażę Ci jak to zrobić z
użyciem instrukcji if a potem zamienimy ją na switch.
Bo tak jak wspomniałem za pomocą i jednej i drugiej możemy zrobić dokładnie to samo.
Więc na początek jakbyśmy musieli
sprawdzać te liczby. Oczywiście dla każdej musielibyśmy zrobić takie sprawdzenie bo
tutaj magicznie nic się nie pojawi żadne słowo 1, 2 albo 3
więc każdy przypadek musimy sobie sprawdzić. A więc jeżeli sprawdzimy, że
number równa się 1 to możemy napisać word czyli nadpisać tę zmienną słowem 1.
Możemy potem zrobić else i dodać if, to Ci już pokazywałem,
a więc jeżeli ten warunek u góry się nie wykonał czyli on był fałszywy to dopiero
wtedy sprawdzamy kolejny, tu możemy zapytać jeżeli number równa się 2,
to chcemy napisać word równa się dwa.
Zrobimy tak jeszcze dla trójki czyli else if,
jeżeli number równa się 3 to word równa się 3.
I chciałbym na końcu jeszcze zrobić blok else.
Jeżeli tutaj w number nie będzie 1, 2 lub 3 tylko jakaś inna wartość to uznamy, że jest
to wartość nieznana. Więc napiszemy sobie word równa się wartość nieznana.
Ok. No i na tym etapie, bo program jest wykonywany z góry na dół,
na tym etapie w zmiennej word będziemy mieli jakąś wartość 1, 2, 3 lub wartość
nieznana. Więc możemy to w konsoli sobie wyświetlić pisząc wartość to
tutaj podamy spację i do tego chcemy dokleić to co znajduje się w zmiennej word.
Zobaczmy. I widzimy wartość to 1.
Jeżeli tutaj będziemy to zmieniać na 2 wartość to 2
i jeżeli zmienimy na trójkę zapiszemy wartość to 3, jeżeli zmienię na 4
a takiego przypadku nie obsłużyliśmy tylko mamy tutaj ogólny blok else
to będziemy widzieli wartość to wartość nieznana.
Ok. I teraz będę chciał Ci pokazać jak to
samo możemy zrobić za pomocą instrukcji switch więc to wykomentuje,
czyli tak naprawdę dokładnie tak jak bym to usunął z kodu
i skorzystamy z instrukcji switch, która wygląda w ten sposób. Piszemy switch,
otwieramy nawiasy okrągłe i podajemy tutaj
jakąś wartość, którą będziemy chcieli sprawdzać. Więc piszę tutaj number a co za
tym idzie przekażemy tutaj w tym przypadku trójkę.
Następnie otwieramy takie oto nawiasy kamerowe i tworzymy tzw.
przypadki czyli piszemy case 1
i podajemy dwukropek. I teraz tutaj się na sekundę zatrzymam.
Oznacza to tylko tyle, że to co za moment
wpiszemy będzie wykonane jeżeli wartość number równa się 1.
I tutaj podajemy sobie pod spodem kod, który chcemy wykonać
jeżeli number jest równe 1. Więc co chcemy zrobić.
Otóż do zmiennej word chcemy przypisać słowo 1.
Tutaj może być więcej linijek
natomiast my potrzebujemy tylko jednej i co jest bardzo ważne.
Jeżeli już zakończymy sobie to co chcemy tutaj zrobić czyli w zasadzie tyle
chcieliśmy zrobić, musimy użyć takiej instrukcji break. Więc możesz zobaczyć, że w tym
przypadku to się wydaje bardziej skomplikowane niż taki zapis ale czasami
ten switch w specyficznych przypadkach może być bardziej przydatny.
Jest to instrukcja dostępna w wielu
językach programowania dlatego również chcę Ci ją pokazać.
Następnie tworzymy nowy case, czyli kolejny case dwa a więc jeżeli number będzie równe
2 to chcemy wtedy napisać word równa się 2 i zakończyć czyli break
I teraz jeżeli case to jest 3 to będziemy chcieli napisać word równa się 3
i zakończyć
I teraz mamy tutaj coś takiego jak default czyli wartość domyślna.
Jeżeli żaden z tych warunków nie będzie
spełniony czyli tak jak tu na końcu mieliśmy ten else to możemy napisać default
czyli w takim domyślnym przypadku word równa się wartość nieznana
i tutaj również moglibyśmy zrobić tego breaka ale nie jest on już potrzebny.
Zaraz ci powiem dlaczego.
Jeżeli to zapisze zauważ, że dokładnie tak samo to tutaj działa.
Jeżeli zmienimy wartość np.
na wartość 4 to będziemy widzieli wartość to wartość nieznana.
Teraz po co są potrzebne te break? Bo
okazuje się, że jeżeli takiego breaka by tutaj nie było w przypadku np.
jedynki, ustawię tę wartość na jeden zapiszmy,
zauważ, że widzimy wartość to 2. Dlaczego?
Dlatego, że ten case pierwszy rzeczywiście się sprawdził.
Number jest równe 1 to zmiennej word przypisaliśmy słowo 1 ale jak nie zrobimy
breaka to przechodzi do kolejnego bloku i przypisało nam to co jest tutaj.
Wiem, że to się może wydawać nieintuicyjne dlaczego tak się stało skoro przecież ten
warunek nie został spełniony jeżeli tutaj jest jedynka
no ale w taki sposób to działa więc musimy z tego breaka korzystać.
Zróbmy tutaj break a to może ustawimy
sobie to na dwójkę wtedy widzimy, że jest to wartość 2.
Na tym etapie zupełnie się nie martw tym czy będziesz wiedział kiedy korzystać ze
switcha czy z ifa bo wiem, że są to problemy, które na początku się pojawiają
czyli takie pytania, że ok rozumie jak to działa ale nie wiem kiedy z tego będę
korzystał w swoim kodzie. To wszystko przyjdzie z czasem.
Ja mogę Ci powiedzieć,
że ze switcha korzystam bardzo rzadko natomiast być może są zastosowania czy inne programy,
inne języki programowania gdzie wykorzystanie tego switcha będzie bardziej
popularne czy będzie lepsze w pewnym kontekście.
Czasami korzystam z tej instrukcji ale to jest może raz na dziesięć razy,
natomiast zdecydowanie częściej i w
większości przypadków korzystam z if nawet jeżeli muszę zrobić takie
if, else if itd. Więc tym się zupełnie nie martwi to na pewno przyjdzie z czasem.
Ważne aby wiedzieć, że takie instrukcje są
i jak one działają, jak widzisz one pozwalają nam zrobić dokładnie to samo.