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.
Kolejną niezwykle ważną koncepcją jaką chcę żebyśmy teraz omówili są pętle.
Jest to coś co jest dostępne również w
każdym z języków programowania i jest to jeden z tych bloków budulcowych
każdego programu, który w wielu sytuacjach
jest po prostu niezastąpiony i bez pętli nie moglibyśmy sobie poradzić.
Odpowiadając na pytanie do czego służą
pętle możemy powiedzieć przede wszystkim do powtarzania jakichś zadań.
Wyobraźmy sobie program, w którym
chcielibyśmy w jakiś sposób zapytać użytkownika o imię i później sprawdzić
jeżeli nie podał tego imienia to zapytać go jeszcze raz. Zrobili byśmy to w ten
sposób, mielibyśmy jakiś kod, który pozwalałby wpisać takie imię.
Nie jest istotne jak byśmy to zrobili,
natomiast użytkownik wpisał lub nie to
imię i przechodzimy do kolejnego kroku gdzie sprawdzamy.
Jeżeli to imię nie zostało podane, no
właśnie nie chcemy kontynuować naszego programu ale chcemy zapytać ponownie. Więc
musielibyśmy dodać kolejną linijkę kodu, która pytała by użytkownika o imię, jeśli
nie podał znowu byśmy musieli to sprawdzić,
no i musielibyśmy podać kolejny blok i kolejny i kolejny.
To oznacza że jeżeli chcielibyśmy dać pięć
takich prób to musielibyśmy podać to pięć razy.
Ale jeżeli chcemy zrobić taki program,
który tak długo jak użytkownik nie wpisze swojego imienia i np.
wciśnij ENTER ale nic nie wpisał,
tak długo chcemy ponownie o to pytać.
I tutaj jedynym rozwiązaniem jest
skorzystanie z pętli która sprawiłaby, że nasz program wyglądałby mniej więcej w
taki sposób. A więc mielibyśmy jedną linijkę kodu, która pyta o imię i w drugiej linijce
sprawdzalibyśmy czy to imię jest podane.
Jeżeli nie od nowa wykonujemy dokładnie ten sam kod w pętli i ta pętla będzie się
wykonywać tak długo aż to nie zostanie podane.
Kolejnym kluczowym zastosowaniem pętli jest iterowanie
po tablicach. Tablice już poznałeś i teraz
w tablicach mamy wiele elementów może mieć tablicę, która ma liczby i wygląda ona tak
i teraz chcielibyśmy po kolei móc się odwołać do każdej z komórki tej tablicy.
W tym przypadku do każdej liczby. Pętle
tutaj będą nieodzowne. Jeżeli chcielibyśmy wyświetlić taki
komunikat, który mówiłby, że wylosowane liczby to, i tutaj były później doklejone te liczby,
stworzylibyśmy taką zmienną o nazwie wylosowane, ona na początku miałaby właśnie
taką treść wylosowane liczby to i potem moglibyśmy stworzyć pętlę i niech ten
biały box to będzie reprezentacja pętli i w takiej pętli właśnie chcielibyśmy
wykonywać poszczególne akcje. Czyli byłoby to mniej więcej coś takiego: odczytaj komórkę
tablicy pod zmienną i czyli indeks, zauważ, że u góry nad tablicą pojawiło się i, odczytalibyśmy
taką dwójkę, dodalibyśmy tę wartość do zmiennej
wylosowane, w ten sposób za pomocą łączenia stringów dodalibyśmy wartość i przecinek
oraz spacji i teraz znowu wywołujemy sobie kod, który jest w naszej pętli,
pobieramy kolejną komórkę
kolejną komórkę i tak zrobili byśmy aż do samego końca.
A więc ta pętla by się wykonywała czyli
powtarzała by kod, który jest w niej zawarty tak długo jak długo są jeszcze
jakieś elementy w tablicy i wszystkie te elementy dodali byśmy do tego ciągu
wylosowane liczby to, no i na końcu jeżeli byśmy zrobili console.log
tej zmiennej otrzymalibyśmy dokładnie taki komunikat.
Więc tutaj jeżeli zwiększyła by się długość tej tablicy, dodali byśmy jeszcze kolejnych
pięć liczb to ta pętla działała by tak samo, wzięła by je po prostu pod uwagę bo będzie
działać tak długo aż jakieś elementy będą się znajdować w tablicy.
To zatem tyle jeżeli chodzi o teorię w pętlach
w kolejnej lekcji zobaczysz już jak to wszystko wygląda w praktyce.