Nauka JavaScript – zbiór kursów, materiałów edukacyjnych i definicji

JavaScript od pięciu lat zajmuje pierwsze miejsce w rankingach popularności języków programowania. Wynik ten nie dziwi, szczególnie gdy spojrzymy na liczbę ogłoszeń o pracę dla tej technologii. Przygotowaliśmy listę materiałów do nauki programowania w Javascript, dzięki której łatwiej zaczniecie przygodę z tym językiem.

Jeśli potrzebujesz konkretnego dowodu na to, że powinniście zacząć przygodę z programowaniem właśnie od JavaScriptu, pozwólcie, że przytoczymy eksperyment Charlie Owen. W 2018 roku stworzyła wtyczkę, która… wyłącza obsługę JavaScriptu w przeglądarce. W ten sposób chciała sprawdzić, które serwisy nie spełniałyby swojej roli, gdyby nie JavaScript. Wtyczka utrudniła korzystanie m.in. z LinkedIna, YouTube’a czy Twitcha.

Jak widzicie, z JavaScriptu korzystają największe portale internetowe, co tylko dowodzi temu, że warto nim się zainteresować. I choć historia tej technologii zaczęła się w 1996 roku, nic nie wskazuje na to, że za kilka lat zniknie z kręgu zainteresowania społeczności IT. Dzięki poniższemu zbiorowi materiałów dowiecie się, jakie pierwsze kroki podjąć, by poznać podstawy Javascript.

Co to jest JavaScript

Najprostsza definicja JavaScript określa go jako skryptowy język programowania wysokiego poziomu. JS jest podstawowym narzędziem do tworzenia stron internetowych, a jego siłą są także frameworki, ułatwiające pisanie kodu. Zaletą JavaScriptu jest także jego wieloparadygmatyczność, czyli możliwość programowania obiektowego, funkcyjnego czy imperatywnego.

Według wielu, cechami charakterystycznymi tego języka jest szybkość, niezależność od systemu operacyjnego, prosta składania, typowanie dynamiczne i słabe. Kolejnym ważnym aspektem związanym z nauką tego języka jest społeczność, która wesprze nas w rozwiązywaniu wielu problemów.

Więcej na temat tego, czym jest JavaScript, dowiecie się z tego artykułu.

Pojęcia związane z JavaScript

• HTML – prosty język znaczników (od nazwy Hypertext Markup Language) wykorzystywany do prezentacji treści na stronach internetowych. Pozwala określić nagłówki, akapity dodać hiperłącza, wstawić formularze czy listy.
• CSS – kaskadowe arkusze stylu, dzięki którym nadamy stronie wygląd. Wykorzystuje się go do określania np. tła, czy koloru fontu, ale też do określania formatu wyświetlanej treści (np. czy dany tekst powinien znajdować się w centrum strony).
• zmienna – rodzaj bloku, niektórzy określają go mianem “pudełka” z kodem, w których możemy zamieścić zbiór informacji np. liczb, obiektów. Składa się z trzech atrybutów: nazwy, miejsca przechowywania i wartości. W JavaScript zmienną określa się słowem “let”.
• łańcuch (String) – to zero lub więcej znaków wpisanych w cudzysłowie. Łańcuchy składają się z właściwości. Jeżeli chcemy nadać jakichś cech tekstowi publikowanemu na stronie, określimy ją właśnie za pomocą klasy String.
• DOM – łączy strony internetowe ze skryptami lub językami programowania. Przykładem zastosowania DOM może być pop-up, czyli wyskakujące okienko pojawiające się na stronie.
• język interpretowany – język zapisany w formie interpretera, a nie jak w większości języków, w formie kompilatora. Program napisany w takim języku nie podlega kompilacji i jest przechowywany w formie kodu źródłowego.
• język kompilowany – język, który by mógł zadziałać, musi zostać skompilowany do kodu maszynowego. Przykładowymi językami tego typu są C++, C i Pascal.

Nauka JavaScript

Żyjemy w świetnych czasach, w których mamy łatwy dostęp do wiedzy na temat programowania. Dlatego też przygotowaliśmy listę materiałów edukacyjnych, dzięki którym poznacie podstawy JavaScriptu oraz zrozumiecie, jak wykorzystać wszystkie jego możliwości. Kursów dostępnych w sieci jest sporo, warto przed zakupem zajrzeć do przykładowej lekcji, by sprawdzić, czy odpowiada nam sposób prezentowanej treści.

1. JavaScript – The Complete Guide 2021 (Beginner + Advanced)

Nie da się ukryć, że Udemy to jedna z bardziej wartościowych platform z kursami online. Przemawia za nią społeczność, która ocenia kurs po przejściu wszystkich lekcji. Ten dotyczący Javy kupiło 80 tys. użytkowników, a 16 tys. z nich wystawiło opinię przynoszącą średnią 4,6/5. Szkolenie przygotował Maximilian Schwarzmüller, autor 37 kursów, z którego skorzystało blisko 1,5 miliona studentów online.

W kursie dot. JavaScript znajdziemy 615 wykładów podzielonych na 36 sekcji, czyli 52 godziny materiałów. Schwarzmüller zapewnia, że do rozpoczęcia kursu nie jest potrzebna wiedza dot. programowania, czego potwierdzenie znajdziemy w spisie treści. W pierwszej godzinie dowiemy się, czym jest JavaScript, jakie ma zalety i czym różni się od Javy.

Sporą zaletą tego kursu jest także dożywotni dostęp do materiałów. Dzięki temu możemy wracać do dowolnego fragmentu kursu, by przypomnieć sobie, w jaki sposób osiągnąć dany cel.

Oferty pracy z

2. JavaScript Algorithms and Data Structures Certification (300 h!) z Basic JavaScript (110 zadań)

Czym byłby internet bez dostępu do darmowych materiałów edukacyjnych? Nie próbuję odpowiedzieć na to pytanie. Freecodecamp to platforma z siedmioma tysiącami kursów i materiałów edukacyjnych, tworzona przez grupę zajawkowiczów. Przygotowali oni praktyczny kurs nauki JavaScriptu.

Korzystając z niego, nie tylko poznamy podstawy, definicje i porady, ale też przejdziemy do praktyki, czyli napiszemy pierwszą linijkę kodu. Platforma od razu zweryfikuje, czy napisaliśmy go poprawnie, a jeśli nie – wskaże, gdzie popełniliśmy błąd. Warta uwagi jest forma prezentowanej treści. Każdy zakończony etap/lekcję, możemy odznaczyć jako zrealizowaną.

Kurs jest bezpłatny, co więcej nie wymaga rejestracji konta, choć autorzy platformy zachęcają do tego, by dokonać rejestracji. W ten sposób będziemy mogli zapisać i lepiej śledzić postępy.

3. Kurs JavaScript. Programowanie frontendowe

Powyższe dwa kursy mają jedną wspólną “wadę” – zrealizowano je w języku angielskim. O ile język angielski jest w IT standardem i warto wziąć pod uwagę podszkolenie języka, gdy zdecydujemy się szukać pierwszej pracy w IT, tak w przypadku dopiero poznawania świata IT, kurs w j. angielskim może przysparzać sporo problemów.

Dlatego do tej listy materiałów edukacyjnych JavaScript dopisaliśmy kurs przygotowany przez polskojęzyczny kanał Pasja Informatyki. Znajdziecie na nim bezpłatne wprowadzenie do JavaScriptu, czyli wyjaśnienie czym są skrypty po stronie klienta, czy też praktyczne zastosowanie łańcuchów. Trudno porównać ten kilkugodzinny kurs do wymienionych wyżej – naszym zdaniem jednak każdy wstęp do nauki programowania jest warty uwagi.

Pasja Informatyki udostępniła kurs JavaScript bezpłatnie, dzięki temu możecie w dowolnym momencie pozyskać wiedzę na temat tego języka programowania.

Plan nauki JavaScript

Każdy ma inne podejście do nauki czegokolwiek. Niektórzy idą na żywioł i starają się czerpać wiedzy w każdej możliwej formie. Drudzy wolą przygotować plan nauki, dzięki któremu będą mogli jednocześnie mierzyć efekty działań, ale też kontrolować, czego jeszcze nauczyć się, by osiągnąć cel. Zdecydowanie skłaniamy się ku temu drugiemu modelowi, dlatego podzieliliśmy się przykładowym planem nauki programowania.

Jeśli chodzi o naukę JavaScriptu, to warto spojrzeć na spis treści wyżej wymienionych kursów, by dowiedzieć się, jakie zagadnienia powinniśmy poznać. Kolejnym krokiem będzie ustalenie, ile mniej więcej czasu jesteśmy w stanie poświęcić na naukę. Godzina, dwie a może trzy godziny dziennie? Określenie tej liczby pozwoli rozłożyć moduły nauki na konkretne dni. Warto więc w kalendarzu wpisać, w jakich godzinach spędzimy czas na nauce.

Systematyczne poznawanie tajników JavaScript przyspieszy nasze wejście do branży IT i sprawi, że łatwiej będzie nam uczyć się kolejnych języków programowania.

Podsumowanie

Przedstawiliśmy Wam definicję JavaScriptu, słowa, które przydadzą się podczas nauki programowania oraz przykładowe kursy, dzięki którym zdobędziecie wiedzę na temat tego języka. Oprócz kupienia czy znalezienia darmowego kursu warto zastanowić się nad znalezieniem osób wspierających nas w nauce. Zalecamy przeszukanie wśród swoich znajomych osób, które znają ten język i które mogłyby odpowiedzieć na kilka naszych pytań.

Zdjęcie główne artykułu pochodzi z unsplash.com.