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 pętla
while, no i zobaczysz w praktyce na czym w ogóle pętle polegają a w kolejnych lekcjach
jeszcze skupimy się na innych rodzajach pętli.
Od razu przejdę do zapisania tej pętli,
więc używamy słowa while i później otwieramy taką parę nawiasów okrągłych
i tutaj trzeba będzie podać wyrażenie,
które będzie ewoluowało do prawdy lub fałszu. Czyli tutaj nie musi być jakby
warunku często mówimy o tym, że to jest warunek ale tak naprawdę to chodzi o
wyrażenie podobnie jak w przypadku if czyli tej instrukcji warunkowej, które
będzie prawdą albo fałszem czyli prawdziwe lub fałszywe.
Później, bo za moment sobie to uzupełniamy, otwieramy sobie taki blok kodu. I
generalnie pętle polegają na tym, że będziemy określoną liczbę razy wykonywać
to co się dzieje tutaj pomiędzy tymi blokami.
Czyli to jest blok kodu
i będziemy chcieli ileś razy wykonać ten kod i dopiero wtedy przejść dalej.
Czyli tak jak do tej pory Ci pokazałem te programy są wykonywane z
góry na dół linijka po linijce ale może być tak, że wewnątrz
pętli jakby się na jakiś czas zatrzymamy i ileś razy zostanie kod powtórzony,
ten, który tutaj się będzie za moment znajdował i dopiero wtedy przejdziemy dalej.
Więc teraz jaki my tutaj warunek będziemy chcieli napisać. Gdybym tu zrobił coś
takiego jak true i tu bym zrobił console.log, którym bym cokolwiek wyświetlał Hello
na przykład, to byśmy zawiesili nasz program dlatego, że powiedzieliśmy naszemu
programowi tak długo jak ten warunek podany tutaj jest prawdziwy a true wpisane
tutaj literalnie zawsze będzie prawdziwe tak długo wykonuje ten kod. Więc ten
program będzie próbował w nieskończoność wykonywać ten kod no i przez to zawiesi
nam system. Tak naprawdę system operacyjny nie przestanie przez to działać
ale jeżeli chodzi o nasz program to on będzie działał w nieskończoność. Więc
w skrajnych przypadkach również mógłby zawiesić system.
Więc cała sprawa polega na tym żeby tutaj podać jakiś warunek, który będzie przez
określoną liczbę razy prawdziwy ale nie w nieskończoność.
Czyli ten warunek musi się w jakiś sposób zmieniać. To znaczy warunek może być ten
sam ale okoliczności, które on bierze pod uwagę muszą się zmieniać.
I teraz łatwo będzie to pokazać na bazie
liczby. Utworzyły sobie zmienną, którą nazwę number i przypiszę jej wartość 10.
I teraz będę chciał tutaj postawić taki warunek. While czyli dopóki albo tak długo
jak number jest większe od zera to chcę wykonywać ten kod.
I zauważ, że w tym przypadku znowu
stworzyliśmy nieskończoną pętlę dlatego, że pętla while wykona sobie to wyrażenie
i wiemy, że operator taki zwraca nam true lub false. Czy number jest większa od zera? 10
jest większa od zera więc tutaj zostanie wstawione true.
No i znowu będziemy mieli nieskończoną
pętlę bo za kolejnym razem znowu zostanie sprawdzone.
Kiedyś się wykona ten kod, który jest tutaj wewnątrz mamy tylko jedną linijkę więc
wyświetliłaby ona hello i następnie ta pętla znowu by sprawdziła ten warunek.
Czy number jest większa od zera.
Tak 10 nadal jest większa od zera. Więc w
nieskończoność by nam wyświetlało to console.log czyli to słowo hello.
Dlatego będziemy chcieli wewnątrz tej pętli zmieniać wartość zmiennej number tak
aby ten warunek w którymś momencie przestał być prawdziwy.
Będę chciał zamiast tego hello wyświetlić sobie number czyli jak się możesz domyślić
zaczynamy od tej linijki, mamy numer 10, sprawdzamy czy number jest większe od zera.
Zgadza się, więc wyświetlamy number czyli 10.
Później znowu zaczynamy sprawdzać ale zanim to zrobimy to chciałbym za pomocą
dekrementacji, już Ci to pokazywałem w tym kursie zmniejszyć wartość tej zmiennej.
I zauważ co stanie się teraz. Sprawdzimy czy 10 jest większe od zera.
Zgadza się. Wyświetlimy sobie 10 i zmniejszymy to do dziewięciu.
I ta pętla ona nie wyskakuje tutaj, nie
wykona kolejnego kodu, który mógłby tutaj być tylko znowu sprawdzi warunek.
Teraz czy 9 jest większe od zera.
Tak, więc wyświetla 9 itd.
W pewnym momencie zmienna number będzie przechowywać 0.
I tutaj zostanie sprawdzone czy zero jest większa od zera.
Zostanie podstawione false
i dopiero w tym momencie ta pętla już nie wykona kodu, który ma wewnątrz ale wyskoczy
jakby poza siebie i będziemy dalej wykonywać program, który mógłby być tutaj
zapisany. Więc zobaczmy jak to będzie wyglądać.
Tutaj nam od razu już Quokka podpowiada co by się
wyświetliło ale jeśli zapisze to nasz program oczywiście wyświetlił te liczby.
Mam nadzieję, że widzisz w jaki sposób to działa.
A więc pętla działa tak w przypadku while, że
sprawdza ten warunek i jeśli on jest prawdziwy,
podobnie jak w przypadku instrukcji if,
wykonuje kod, który ma zawarty tutaj pomiędzy tymi nawiasami
i znowu sprawdza warunek. Jeżeli to znowu jest prawda to wykonuje ponownie ten kod,
który tutaj się znajduje. Więc musimy zadbać o to aby
w przypadku takiej pętli while kiedyś ten warunek przestał być prawdziwy.
No i możemy to zrobić w tym prostym przypadku tutaj zmniejszając
wartość tej zmiennej. To by było na tyle jeżeli chodzi o tę
pętlę my ją w tym kursie jeszcze wykorzystamy w praktyce więc zobaczysz
gdzie ona może być przydatna a w kolejnej lekcji pokaże Ci jak działa
troszkę inny wariant tej pętli a mianowicie do while.