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 operatory służące do inkrementacji i dekrementacji czyli do
zwiększania wartości jakiejś zmiennej lub do zmniejszania tej wartości.
Rzecz bardzo często wykorzystywana jeszcze później będziemy z tego korzystać więc na
pewno to zobaczysz w akcji. Utworzę sobie dwie zmienne i ważne żeby to były zmienne
a nie stałe bo będziemy chcieli zmieniać ich wartość.
Więc korzystam ze słowa let a nie const. Napiszemy number 1 czyli liczba pierwsza
zróbmy to 0 i zróbmy let number 2 równa się powiedzmy 5.
I teraz wyobraź sobie, że chcemy z jakiegoś powodu na razie nie wnikajmy
w to po co chcielibyśmy to zrobić ale
chcemy zwiększyć o jeden wartość takiej zmiennej jak number 1.
Pokazywała do tej pory, że możemy po prostu nadpisać jej wartość pisząc number 1 równa
się, no i odwoła się do number 1 +1 Więc to zostanie najpierw tutaj
przetworzone takie wyrażenie a więc 0+1 to jest 1
no i nowa wartość tej zmiennej to będzie 1 lub mogliśmy to zrobić również inaczej a
więc pisząc plus równa się to też Ci pokazałem jeden.
To też zmodyfikuje wartość tej zmiennej o 1 ale mamy również taki operator jak
operator inkrementacji i jest to Plus Plus i wystarczy tyle zapisać może to dziwnie
wygląda ale w praktyce to oznacza, że wartość zmiennej została zmieniona o 1
czyli zwiększona o 1. Wyświetlenie w console.log number 1, widzimy, że jest to zero
i jeżeli po tej operacji wyświetlimy tę wartość to jest to 1.
Jeżeli byśmy drugi raz coś takiego zrobili to zwiększy to do dwójki itd.
Podobnie jest z dekrementacją czyli ze zmniejszeniem wartości zmiennej.
I możemy to zrobić za pomocą zapisu minus minus.
Więc jeżeli byśmy sobie zrobili console.log number 5
w zasadzie number 2 ma on wartość 5
następnie jeżeli zrobimy number 2 minus minus i znowu go wyświetlimy
number 2 to zauważymy on już wartość 4. Czyli w ten sposób zmniejszamy wartość
zmiennej. I teraz na koniec jeszcze jedna bardzo ważna rzecz. Otóż mamy inkrementację
i dekrementację tutaj i to jest tak zwana postinkrementacja a to postdekrementacja.
Co to oznacza. Otóż możemy również zapisać to inaczej
czyli możemy napisać minus minus number 2 i wydaje się, że jest to samo dokładnie mamy
taki sam wynik ale w praktyce działa to troszeczkę inaczej.
Dlatego, że w tym przypadku najpierw zmniejszamy wartość tej zmiennej o 1 a
potem jakby korzystamy z tej wartości. I to będzie łatwiej zrozumieć,
ja może to wyczyszczę, jeżeli zrobimy console.log
to co tutaj było też na chwilę usunę,
jeżeli zrobimy
console.log
number 1 plus plus zauważ jedną ciekawą rzecz. Co mam tutaj wypisało.
Otóż wypisało nam zero. Czyżby ta wartość nie została w tym miejscu zwiększona?
Ona została zwiększona ale dopiero po tym jak została tutaj postawiona oryginalna wartość.
Jeżeli tutaj zrobimy teraz number 1
to okazuje się, że ta wartość rzeczywiście została przez dwa plusy zwiększona ale
nie została tutaj zwrócona do tej funkcji log.
Jeżeli byśmy natomiast zrobili preinkrementację
to wtedy na tym etapie jest dokładnie to samo
bo wartość została zwiększona do 1 ale zauważ, że tutaj nam wyświetla co innego.
Czyli można powiedzieć, że dzieje się
prawie dokładnie to samo bo zwiększamy wartość o 1,
ale jeżeli te plusy są na początku
zmiennej a nie na końcu to można powiedzieć, że zwiększamy wartość o 1
i całe to wyrażenie zamienia się na podstawienie tej wartości 1 tutaj.
Czyli wyglądałoby to tak.
Natomiast jeżeli na końcu robimy plus plus
to mówimy podstaw najpierw tutaj do tego loga
wartość jaka aktualnie się znajduje w number 1 czyli 0 a potem ją zwiększa i w
kolejnej linijce ta wartość już będzie zwiększona.
Dokładnie tak samo będzie jeżeli chodzi o predekrementację czyli tutaj możemy
zrobić minus minus lub tutaj możemy zrobić minus minus.
Są przypadki gdzie po prostu okazuje się to przydatne.
Być może na takie natrafił nawet w tym kursie i wtedy jeszcze o tym wspomnę.
Na ten moment pamiętaj, że plus plus i minus minus pozwala o jeden zwiększyć
wartość zmiennej lub o jeden to zmniejszyć,
no i możemy tego użyć przed zmienną lub za
zmienną w zależności od tego czy chcemy np.
zwiększyć i podstawić czy chcemy podstawić i zwiększyć.
Tak jak pokazałem przed momentem.