Lekcje JavaScript i przykłady. Javascript: od czego zacząć i jak kontynuować naukę Jak samodzielnie nauczyć się języka programowania javascript

Cześć wszystkim! W tym artykule przyjrzymy się 6 wskazówek dotyczących nauki języka JavaScript, które pomogą Ci szybciej opanować ten język.

Kiedy ludzie próbują się uczyć JavaScript lub jakąś inną umiejętność, często napotykają te same problemy.

  • Niektóre punkty mogą być mylące, zwłaszcza jeśli pochodzisz z innego języka programowania
  • Trudność ze znalezieniem czasu (a czasem motywacji) na naukę
  • Kiedy już coś zrozumiesz, łatwo o tym zapomnieć.
  • Narzędzia zmieniają się tak szybko, że nie wiadomo, od czego zacząć

Na szczęście problemy te można rozwiązać. W tym artykule przedstawię Ci 6 wskazówek, które pomogą Ci się uczyć JavaScript szybciej i stać się szczęśliwszym, bardziej produktywnym programistą.

1. Nie pozwól, aby przyszłe decyzje powstrzymały Cię od robienia postępów już teraz.

Wielu początkujących JavaScript zastanawiasz się, którego frameworka zacząć używać. Ale jeśli nadal nie wiesz, czy jest czysty JavaScript w takim razie zadawanie takich pytań jest niewłaściwe. Spędzisz cały swój czas na szukaniu różnych frameworków, zamiast iść do przodu w swoim rozwoju.

Jednym ze sposobów rozwiązania tego problemu jest sporządzenie listy tego, czego musisz się nauczyć. Na przykład, aby zostać programistą front-end, Twoja lista powinna wyglądać tak:

  • HTML
  • JavaScript
  • Trochę jQuery
  • Może jakieś ramy
  • Podstawy GitHub
  • Trochę WordPressa
  • Hosting

Po przestudiowaniu tego wszystkiego możesz stworzyć funkcjonalną stronę tylko za pomocą HTML I css. Posiadanie takiej listy ułatwi ci zrozumienie tego, co należy przestudiować teraz, i nie będziesz tracić czasu na to, co należy przestudiować później.

2. Nie pozwól sobie zapomnieć tego, czego się już nauczyłeś

Uczenie się czegoś zbyt szybko może być jedną z najbardziej destrukcyjnych rzeczy w nauce. JavaScript. Pozwól mi wyjaśnić.

Kiedy coś przeczytasz i od razu to zrozumiesz, możesz ulec pokusie, by od razu zacząć studiować coś dalej. Być może zrozumiesz następny temat i zaczniesz studiować następny. Ale wkrótce dojdziesz do punktu, w którym zdasz sobie sprawę, że zapomniałeś o niektórych poprzednich tematach i musisz wrócić i zapamiętać. Szybko przeglądasz poprzedni temat, aby odświeżyć sobie pamięć i przejść dalej. Ale teraz znowu zdajesz sobie sprawę, że o czymś zapomniałeś. Kontynuujesz ten taniec tam iz powrotem, aż zdasz sobie sprawę, że jesteś całkowicie zagubiony. Jesteś zniechęcony, zrób sobie przerwę, a kiedy zdecydujesz się kontynuować naukę, zdasz sobie sprawę, że zapomniałeś o wszystkim.

Na szczęście istnieje kilka prostych kroków, aby rozwiązać ten problem:

  • Ogranicz ilość materiału, którego uczysz się naraz
  • Praktyka - Kodeks

Kiedy nauczysz się jakiegoś tematu, od razu przećwicz, poczuj się komfortowo pisząc kod, a nawet spróbuj połączyć ten temat z poprzednimi, które już studiowałeś.

3. Zdobądź odpowiednią praktykę

Wiele osób uważa, że ​​ćwiczenia są nudne, więc starają się je pomijać lub skracać. Jeśli to zrobisz, będziesz musiał się uczyć JavaScript dużo dłużej. Ale jak sprawić, by praktyka była zabawą, żeby chcieć to robić?

Spróbuj wykonać następujące czynności:

Co jeśli nauczyłeś się nowego tematu JavaScript ale nie praktykowane? Jak będziesz się czuł? Osobiście byłbym zły. Wygląda to tak samo, jak gdyby dziecku kupiono nową zabawkę, ale nie pozwolono jej się nią bawić.

Kiedy się czegoś uczysz JavaScript wyobraź sobie, że bawisz się nową zabawką, samochodem, parą butów lub czymkolwiek innym, na co masz ochotę.

Postrzegając naukę czegoś w zabawny sposób, szybciej zdobędziesz wiedzę, dłużej ją zapamiętasz i będzie to dla Ciebie radość.

4. Znajdź czas na programowanie za pomocą sztuczki z Facebooka

Jednym z najczęstszych problemów ludzi jest to, że nie mogą znaleźć czasu na kodowanie, ale ci sami ludzie bardzo często spędzają czas na stronach takich jak Facebook, Youtube, Wikipedii Lub Reddit. Niezależnie od tego, czy dotyczy to Ciebie, czy nie, nadal znajdziesz tutaj coś, czego możesz się nauczyć.

Naprawdę miałem czas, kiedy wszystko, czego chciałem, to usiąść Facebook ale nie spędziłem tam godzin. Jak to się stało? A stało się tak dlatego, że długo tam nie zamierzałem zostać. Rozpoczęcie pracy jest najtrudniejsze, więc dotrzymanie początkowego zobowiązania ułatwia mi zadanie. Gdyby ktoś zapytał mnie, czy jestem gotów spędzić godziny w Facebook Powiedziałbym, że nie, bo nie mam na to czasu. Lubię tam wpaść, żeby szybko coś sprawdzić i nic więcej.

Dobrą wiadomością jest to, że możesz użyć tej metody podczas nauki programowania. Nie poświęcaj godzin na pisanie kodu, bo wtedy nigdy nie będziesz miał na to czasu. Po prostu powiedz sobie, że spróbujesz kodu przez trzy minuty i już nigdy nie znajdziesz czasu na ćwiczenie.

5. Myśl wolniej, a nauczysz się szybciej

Jest to sprzeczne ze zdrowym rozsądkiem, więc wyjaśnię to na przykładzie historii.

Mój przyjaciel był kiedyś zdezorientowany co do funkcji JavaScript. Poprosiłem go, aby powiedział mi, co wie, a następnie wyjaśnił, jak wiele z tego nie rozumie. Gdy tylko przeszedł przez kod, zdałem sobie sprawę, że się spieszy.

"Czekać!" Powiedziałem mu. „Nie spiesz się i opowiedz mi o każdym kroku tego kodu”.

Mój przyjaciel zaczął rozmawiać ze mną ogólnie o kodzie.

Znowu go zatrzymałem. „Wciąż się spieszysz. Spróbuj ponownie, ale tym razem przejrzyj każdą linijkę kodu i powiedz mi, co się tutaj dzieje”.

Tym razem mój przyjaciel dużo lepiej opowiedział o kodzie. Najważniejsze jest to, że poświęcił czas na przyjrzenie się i zrozumienie każdego wiersza kodu, zamiast próbować od razu dowiedzieć się, co się dzieje.

W takich przypadkach naprawdę lepiej jest myśleć wolniej, a nauczysz się szybciej.

6. Pisz złożony kod prostym językiem

Jeśli fragment kodu wydaje się skomplikowany lub nieznany, najpierw napisz go prostym językiem. W ten sposób możesz dowiedzieć się, co chcesz zrobić z kodem, zanim go napiszesz. Takie podejście ma dwie zalety:

  • Twój kod będzie łatwiejszy i szybszy do napisania, ponieważ nie musisz okresowo zatrzymywać się, aby pomyśleć o tym, jak ma się zachowywać.
  • Znajdziesz błędy, zanim się pojawią, ponieważ będziesz miał jasne wyobrażenie o tym, co powinien zrobić kod

Wniosek

Przyjrzeliśmy się wielu sposobom, które pomogą Ci się uczyć JavaScript szybciej, ale możesz zastosować je również do innych umiejętności. Oto podsumowanie tego, co omówiliśmy:

  • Przestań martwić się przyszłymi decyzjami i zacznij uczyć się już teraz
  • Spraw, aby ćwiczenie było zabawne, wyobrażając sobie nowe umiejętności, takie jak nowe zabawki
  • Poświęć czas na programowanie w taki sam sposób, w jaki znajdujesz go w mediach społecznościowych. sieci
  • Nie spiesz się, rób wszystko stopniowo, a nauczysz się szybciej

Co myślisz o studiowaniu? Czy masz jakieś porady i wskazówki, które nie zostały omówione w tym artykule? A może myślisz, że to wszystko bzdury i jedynym słusznym sposobem jest siedzenie i nauka 12 godzin dziennie. W każdym razie chciałbym usłyszeć twoją opinię w komentarzach.

Cześć! Czy kiedykolwiek myślałeś o tym, żeby zacząć programować? Osobiście od dzieciństwa marzyłem o nauczeniu się pisania własnych programów i gier. Ostatnio bardzo zainteresowałem się tą działalnością i postawiłem sobie za cel - zrozumieć i nauczyć się na początek pracować z takim językiem programowania jak JavaScript. Dlaczego JavaScript?

Ponieważ nie mam doświadczenia z żadnymi językami poza podstawowym kursem HTML i CSS, polubiłem JavaScript za jego wszechstronność, szybki rozwój i niezwykłą historię rozwoju, o czym na pewno opowiem w jednym z kolejnych artykułów. Mówiąc o uniwersalności, w tej chwili użycie kodu JavaScript nie ogranicza się tylko do serwerów i przeglądarek, ale jest również wykorzystywane w programowaniu aplikacje mobilne i programy dla Internetu rzeczy.


1. Wzniosły tekst 2


Zwięzły edytor kodu ogólnego przeznaczenia, który może pracować z wieloma językami programowania. Jest dostępny do bezpłatnego pobrania na platformy Windows, Mac i Linux.

Chcę też zaznaczyć wygląd- to do bólu proste. Poszczególne części kodu są podświetlane różnymi kolorami, istnieje możliwość dostosowania koloru okna programu, po prawej stronie jest jeszcze jedna ciekawostka - cały projekt strony jest prezentowany w formie miniaturek, po kliknięciu na którąkolwiek z nich możesz łatwo przenieść się we właściwe miejsce.

Ogólnie, Wzniosły tekst to rozszerzona wersja standardowego edytora tekstu, ale z bardziej rozbudowanym interfejsem i nastawieniem na kodowanie. Tak więc tworzenie stron HTML w nim jest kodowaniem całkowicie ręcznym, dlatego nie mogę go polecić do pracy zawodowej, ale dla początkujących, takich jak ty i ja, ten edytor jest odpowiedni, aby lepiej zrozumieć zasady JS, HTML i CSS.

2. Atom


Atom to najbardziej elastyczny edytor tekstu od programistów GitHub. Jest bezpłatny zarówno do użytku osobistego, jak i komercyjnego na licencji MIT. Jego twórcy aktywnie podążają za sugestiami użytkowników i na bieżąco starają się aktualizować edytor o nowe funkcje.


Atom jest dostępny na platformy Windows, Linux (Ubuntu, Fedora, Red Hat) i macOS. Program posiada również możliwość wyboru języka w jakim będziesz pisał program. Standardowe wtyczki obsługują tylko około 30 języków programowania: (C/C++, C#, Clojure, CSS, CoffeeScript, Markdown (GitHub Flavored), Go, Git, HTML, JavaScript, Java, JSON, Julia, Less, Make, Mustache, Objective -C, PHP, Perl, Property List (Apple), Python, Ruby on Rails, Ruby, Sass, Shell script, Scala, SQL, TOML, XML, YAML).

Tak skromny arsenał oprogramowania jak na pierwszy raz powinien wystarczyć każdemu. Osobiście stworzę wszystkie aukcje w Atomie. Cóż, zaczynajmy!

"Witaj świecie!"


Jako przykład pierwszej lekcji, zgodnie z ugruntowaną wśród programistów tradycją, utworzymy stronę powitalną i przyjrzymy się bliżej jej strukturze.

Na początek trochę teorii. Wstawianie dowolnego skryptu Javascript do kodu HTML odbywa się za pomocą tagu