Jak zacząć kodować w JavaScript? Część 1 Kurs JavaScript od początkującego do zaawansowanego

W tej serii przejdziemy od początkującego do zaawansowanego w JavaScript w 10 postach na blogu. Pod koniec tej serii poznasz wszystkie podstawy potrzebne do rozpoczęcia kodowania w JavaScript.

Jak zacząć kodować w JavaScript? – spis treści:

1. Dla kogo jest ten kurs?
2. Co właściwie możesz zrobić z JavaScriptem?
3. Dlaczego JavaScript jest tak popularny?
4. Gdzie możesz napisać i wykonać kod JavaScript?
5. Jak zacząć kodować w JavaScript?

Dla kogo jest ten kurs?

Ten kurs jest dla Ciebie, jeśli jesteś kimś, kto chce zacząć kodować w JavaScript lub jesteś kimś, kto chce odświeżyć swoją wiedzę w JavaScript. Polecam również dodawanie zakładek do tego samouczka na przyszłość. Za każdym razem, gdy chcesz mieć szybkie ponowne wprowadzenie do koncepcji, a może po prostu przypomnieć sobie składnię używaną w JavaScript, to dobry czas na przegląd tej serii w przyszłości.

Co właściwie możesz zrobić z JavaScriptem?

Zanim zagłębisz się w JavaScript, dobrze jest wiedzieć, co właściwie możesz zrobić z JavaScriptem. Być może znasz JavaScript jako język, który dominuje w sieci. I miałbyś całkowitą rację! JavaScript, który rozpoczął się jako język frontonu do dodawania zachowań do stron internetowych, jest teraz używany w każdym aspekcie stron internetowych.

Jest powszechnie używany w tworzeniu stron internetowych typu front-end, zwykle wraz z innymi frameworkami i bibliotekami JavaScript, takimi jak React. Jest to również najpopularniejszy język używany w backendowym tworzeniu stron internetowych dzięki Node.js, który umożliwia uruchamianie JavaScript na serwerach internetowych. Ale to wcale się nie kończy. JavaScript jest używany we wszelkiego rodzaju miejscach, od tworzenia progresywnych aplikacji internetowych po aplikacje komputerowe. Niedawno zaczął być również używany w uczeniu maszynowym przy użyciu TensorFlow.js. Dzięki Node.js ponownie można go wykorzystać również do sterowania dronami, robotami, a także urządzeniami IOT.

Dlaczego JavaScript jest tak popularny?

JavaScript jest obecnie najpopularniejszym językiem programowania i nie bez powodu. Istnieje wiele głównych czynników, które sprawiają, że JavaScript jest tym, czym jest dzisiaj. Obejmują one szeroką dostępność działających środowisk, bezpieczeństwo wersji kodu dzięki Babel oraz szerokie zastosowanie w społeczności. Zobaczmy, jakie one są pojedynczo.

Szeroka dostępność

JavaScript dominuje w sieci, od przodu do tyłu. Jeśli czytasz ten artykuł, aby odświeżyć swoją wiedzę na temat JavaScript, prawdopodobnie wiesz, że co kilka miesięcy pojawiają się nowe frameworki javascript, zwłaszcza jeśli chodzi o tworzenie stron internetowych, ponieważ może być wiele podejść do jego optymalizacji.

Jak zobaczymy w dalszej części artykułu, nie musisz instalować żadnego specjalnego oprogramowania, aby zacząć pisać i wykonywać swój kod JavaScript, ponieważ masz już niezbędne narzędzia w swojej przeglądarce. Już samo to obniża barierę rozpoczęcia nauki języka, ponieważ większość języków programowania wymaga zainstalowania i skonfigurowania środowisk kodowania, aby nawet zacząć.

Bezpieczeństwo wersji

Całym celem pisania kodu jest faktyczne uruchomienie go, gdy ma działać. A robiąc to, ostatnią rzeczą, jakiej chcesz, jest to, aby połowa Twojej witryny nie działała dla znacznej liczby użytkowników. Ale co możesz zrobić, jeśli Twój kod musi działać na 1000 różnych kombinacji urządzeń i przeglądarek? Dla kogo zamierzasz zoptymalizować i komu zrezygnujesz z bycia użytkownikiem? Czy w ogóle musisz dokonać takiego wyboru? Jeśli połowa użytkowników ma stare urządzenia, a druga połowa ma zupełnie nowe, dla kogo zoptymalizujesz swój kod, a kogo zignorujesz jako swojego klienta? Odpowiedź jest, miejmy nadzieję, żadna, dzięki Babel.

Babel to oprogramowanie, które zapewnia, że ​​Twój kod działa nawet w bardzo starych przeglądarkach, które używają bardzo starej wersji JavaScript. W ten sposób nie musisz dokonywać wyboru, który sprawi, że zignorujesz połowę swoich klientów. Żeby było jasne, nie piszesz kodu za pomocą Babel, albo nie jest to smak JavaScript. Ale jest to niezwykle powszechnie używane oprogramowanie, które pobiera już napisany i działający kod JavaScript i konwertuje go do wersji JavaScript, którą rozumieją inne przeglądarki, nawet jeśli mają bardzo starą wersję JavaScript w swoich przeglądarkach.

Ogromne przyjęcie przez społeczność

Kiedykolwiek piszesz kod, nieuniknione jest, że napotkasz problemy. W tych czasach, bez względu na język programowania, z którym pracujesz, bardzo pomocne może być zobaczenie, że na Twój problem już odpowiada ktoś pomocny w Internecie. W tym miejscu wkracza wsparcie społeczności, a więc StackOverflow.

Jeśli nie wiesz, czym jest StackOverflow, jest to w zasadzie największe forum programistyczne, którego ludzie używają do zadawania i odpowiadania na pytania programistyczne. Nie jest to jedyne miejsce, w którym znajdziesz odpowiedzi, na pewno są miejsca, które będą bardzo pomocne w odpowiedzi na Twoje konkretne pytania, ale są szanse, że znajdziesz tam większość swoich odpowiedzi. Nie sugeruję, abyś po prostu poszedł do StackOverflow i tam też poszukał swoich problemów. Zwykle najlepsze wyniki daje wyszukiwarka Google.

I możesz nie oczekiwać tego tak bardzo podczas nauki kodowania, ale główna część tworzenia oprogramowania obejmuje wiedzę, czego szukać w Google, aby skuteczniej znajdować odpowiedzi.

Dlatego wiele osób chce zacząć kodować w JavaScript – posiadanie JavaScript jako najpopularniejszego języka programowania zdecydowanie pomaga w pracy z tym językiem zarówno na krótką, jak i na dłuższą metę. Kiedykolwiek piszesz

JavaScript, wyobraź sobie tysiące ludzi kodujących z tobą JavaScript w tym samym czasie. Niektóre pytania dotyczące publikowania, niektóre odpowiedzi na pytania.

Kiedy kodujesz JavaScript, nie jesteś sam.

Gdzie możesz napisać i wykonać kod JavaScript?

Istnieje wiele miejsc, w których możesz zacząć kodować w JavaScript. Z technicznego punktu widzenia możesz pisać JavaScript w dowolnym miejscu, w tym w prostym notatniku lub edytorze tekstu. Ale potrzebujesz również silnika JavaScript, aby faktycznie wykonać swój kod. Ale jak zdobyć jeden. Cóż, jeśli pamiętasz początek artykułu, wiesz, że masz go już w swojej przeglądarce.

W tej serii wpisów na blogu będziemy używać Google Chrome jako przeglądarki, ponieważ jest to jedna z najpopularniejszych przeglądarek używanych w tworzeniu stron internetowych. Nie bez powodu Chrome zapewnia jedne z najlepszych narzędzi, które znacznie ułatwiają życie podczas tworzenia stron internetowych. Chrome ma silnik JavaScript zwany silnikiem V8, który pobiera kod JavaScript i wykonuje go. Ten silnik JavaScript jest również używany przy tworzeniu Node.js, oprogramowania, które pozwala usunąć JavaScript z przeglądarki. Node.js jest również powodem, dla którego możemy używać JavaScript we wszystkich miejscach, w tym od serwera WWW po drona.

Kiedy chcesz zacząć kodować w JavaScript, dobrze jest wiedzieć, że potrzebujesz silnika JavaScript do wykonania kodu, a teraz wiesz, że masz już taki, który jest dostarczany z przeglądarką. Wiesz również, że jeśli chcesz uruchomić JavaScript z przeglądarki, będziesz chciał pobrać i zainstalować Node.js w tym celu. Ale jeśli chodzi o pisanie kodu i jego wykonywanie, co to wszystko oznacza dla twojego doświadczenia w kodowaniu? Zwykle będziesz chciał użyć jakiegoś IDE (Integrated Development)

Środowisko), aby napisać swój kod. W ten sposób, jak można się domyślić z nazwy, zawiera o wiele więcej narzędzi, które ułatwiają pracę z kodem na dłuższą metę. Mogą one obejmować wszystko, od uzupełniania tekstu dla mniejszej ilości pisania po debuger. Ponieważ wiele osób pracuje z tymi środowiskami IDE, istnieją również bardzo popularne rozszerzenia, które pozwalają dostosować środowisko kodowania, w tym kolorowanie nawiasów w kodzie, aby łatwiej było zobaczyć, które nawiasy otwierające odpowiadają którym nawiasom zamykającym. Jeśli nie masz pomysłu na to, co robią nawiasy, na razie nie martw się, a zobaczymy je ze wszystkimi szczegółami, które musisz znać w tej serii blogów.

Obecnie do najpopularniejszych środowisk IDE należą Visual Studio Code, Atom i Sublime Text. Ale w tym celu zaczniemy od najprostszej opcji, od której możemy zacząć, która w rzeczywistości wykorzystuje samą przeglądarkę Chrome do pisania i wykonywania kodu JavaScript.

Teraz, gdy masz już trochę podstawowych informacji na temat JavaScript, skonfigurujmy nasze środowisko kodowania i zacznijmy od „Witaj świecie!” kod.

Jak zacząć kodować w JavaScript?

Aby rozpocząć kodowanie w JavaScript, musimy skonfigurować środowisko kodowania.

Jak już wspomnieliśmy wcześniej, w tej serii wpisów na blogu będziemy używać przeglądarki Google Chrome jako naszej przeglądarki. Jeśli masz już zainstalowaną przeglądarkę Chrome, świetnie! Jeśli tego nie zrobisz, pierwszym krokiem jest zainstalowanie przeglądarki Google Chrome. Aby pobrać Chrome, możesz po prostu wyszukać „Pobierz Google Chrome”, aby pobrać go ze swojej strony internetowej lub tutaj możesz znaleźć link dla wygody, aby pobrać Chrome:

Google Chrome – pobierz szybką i bezpieczną przeglądarkę z Google

Teraz możesz iść dalej i kliknąć przycisk „Pobierz Chrome”, aby rozpocząć pobieranie. Po pobraniu możesz kliknąć go dwukrotnie i przejść przez proces instalacji, tak jak w przypadku każdej innej aplikacji pobieranej z Internetu. Może również poprosić Cię o zalogowanie się na jedno z Twoich kont Google, co możesz zrobić.

Po zainstalowaniu Chrome kliknij go dwukrotnie, aby otworzyć okno. Teraz powinieneś patrzeć na klasyczny ekran wyszukiwania Google:

Aby rozpocząć kodowanie w JavaScript kolejnym krokiem jest otwarcie właściwego miejsca, w którym będziemy pisać i wykonywać kod w przeglądarce Chrome. Z górnego menu przejdź do: Menu, następnie Deweloper, a następnie kliknij Konsola JavaScript. Możesz także użyć skrótu dla komputerów Mac, czyli „opcja + polecenie + J”.

Zaraz po wykonaniu tej czynności powinieneś zobaczyć otwierającą się konsolę JavaScript, która powinna wyglądać mniej więcej tak:

Jeśli dotarłeś tak daleko, super! Czas na znaczący krok, który pozwoli Ci zacząć kodować w JavaScript. Zacznijmy swoją przygodę z JavaScriptem od hello world . Śmiało i wpisz:

alert("Hello, World!");

Po wpisaniu tego, uruchom nasz kod, naciskając klawisz „Enter” lub „Return” na klawiaturze!

Teraz powinieneś zobaczyć wyskakujące powiadomienie, które wygląda tak:

I dzięki temu właśnie napisałeś swój pierwszy kod „hello world”! Teraz wiesz, jak zacząć kodować w JavaScript.

W następnym wpisie na blogu poznasz podstawy JavaScript z przykładami kodowania.

Kurs JavaScript od początkującego do zaawansowanego w 10 postach na blogu:

1. Jak zacząć kodować w JavaScript?
2. Podstawy JavaScript
3. Zmienne i różne typy danych w JavaScript
4. Fragmenty i struktury kontrolne
5. Pętle while i pętle for
6. Tablica Javy
7. Funkcje JavaScript
8. Obiekty JavaScript
9. Metody JavaScript i nie tylko
10. Podsumowanie kursu JavaScript