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.
Skoro zdecydowaliśmy, że językiem, którego będziemy się uczyć jest język JavaScript,
to potrzebujemy jakiegoś środowiska, które pozwoli nam ten język uruchamiać.
Mamy dwa główne środowiska, które pozwalają uruchamiać język JavaScript.
Pierwsze i najczęściej wykorzystywane jest to oczywiście środowisko przeglądarki internetowej.
Czyli możemy pisać skrypty, które będą uruchamiane na stronach internetowych.
Natomiast ja chciałbym się w tym kursie
skupić głównie na koncepcjach programistycznych, niekoniecznie związanych
z tworzeniem aplikacji internetowych, ale na podstawie czy na bazie języka JavaScript
chcę abyś poznał wszystkie najważniejsze koncepcje programowania.
Dlatego zainstalujemy sobie środowisko node.js.
To jest środowisko, które pozwala nam poza
przeglądarką internetową wykonywać język JavaScript, tak że nie będziemy musieli
robić nic w kontekście przeglądarki internetowej.
I teraz takie środowisko należy sobie zainstalować i znajdziesz je pod adresem
nodejs.org i na każdą platformę czyli Windows, Mac i Linux
jest ono dostępne. Polecam Ci żebyś zainstalował wersję LTS
czyli Long Term Support. Ja będę korzystał z wersji 12.18.3, ale w momencie kiedy
oglądasz ten kurs może tutaj być inna wersja i nie ma z tym problemu
będzie to działać tak samo u Ciebie. Bo te
koncepcje, które będziemy wykorzystywać działają w języku JavaScript niezmiennie
od wielu lat i na pewno w tym zakresie nic się nie zmieni.
Również jeżeli będzie tutaj wyższa wersja kiedy Ty będziesz to pobierał.
Jeżeli chodzi o instalację node,
jest to bardzo proste. Wystarczy pobrać ten instalator i standardowo klikać Next, Next i w
ten sposób zarówno na Macu jak i na Windowsie
bez problemu zainstalujesz node.js.
Dlatego ja nie będę tego pokazywał.
Zrobiłem sobie to już wcześniej.
Po instalacji możemy sprawdzić czy node
działa poprawnie i w tym celu trzeba będzie przejść do terminala.
Ale jeżeli nigdy nie programowałeś, nie korzystałeś z terminala
nie martw się, pokażę Ci teraz jak do niego
przejść, a od kolejnej lekcji będziemy już używać wbudowanego w edytorze terminala,
więc to wszystko będzie dużo prostsze.
W przypadku Maca należy przejść tutaj do
Spotlight i wyszukać sobie aplikacji Terminal. Ona wygląda w taki sposób.
Może być również biała, to w zależności od ustawień.
I tutaj trzeba będzie wpisać node -v.
I to nam pokaże wersję. Jeżeli nam pokaże
wersję to znaczy że node jest poprawnie zainstalowany.
Z nodem razem instaluje się również npm, z którego za moment
skorzystamy. Jeżeli tutaj również jakaś wersja będzie zwrócona
znaczy, że to wszystko u Ciebie działa.
Natomiast jeżeli nie korzystasz z Maca tylko z Windowsa to musisz przejść do
wiersza poleceń i wpisać dokładnie to co ja teraz tutaj pokazałem.
Wystarczy, że przejdziemy sobie tutaj i piszemy wiersz.
Znajdzie nam coś takiego jak Wiersz Polecenia.
I to jest dokładnie ta aplikacja, w której
należy wpisać to co przed momentem pokazałem na Macu.
Tutaj będzie to działać dokładnie tak samo.
Jeżeli z jakiegoś powodu po instalacji node nie
będzie dostępne to trzeba jeszcze zrestartować
system. Wtedy już wszystko powinno być ok.
Kiedy już jesteśmy w tym terminalu, to będę chciał zainstalować jeszcze jedno
narzędzie, które będzie nam przydatne już od przyszłej lekcji
do tego, aby można było łatwo uruchamiać kod, a dokładnie po to, że jeżeli zmienimy
sobie coś w pliku to automatycznie będzie on wykonywany od nowa.
Zobaczysz to już w przyszłej lekcji,
natomiast aby to zainstalować wystarczy wpisać tutaj będąc w terminalu npm i -g nodemon
coś takiego, wcisnąć enter i zainstalujemy sobie globalnie taki moduł nodemon,
z którego będziemy już od przyszłej lekcji korzystać.
Jeżeli teraz piszemy nodemon -v,
czyli w ten sposób, żeby zobaczyć wersję,
jeżeli wersja się wyświetli to wszystko jest OK.
Możemy sobie zamknąć to okienko i to by było na tyle w tej lekcji.
Jeżeli zatem masz już zainstalowane
środowisko node oraz nodemona, którego właśnie zainstalowaliśmy to możemy przejść
do kolejnego kroku, którym będzie omówienie z jakiego edytora i z jakich dodatków do
niego będziemy korzystać, a potem już przejdziemy wprost do poznawania
koncepcji programistycznych na przykładzie języka JavaScript.