Zacznij kodować JavaScript już teraz dzięki tym 5 świetnym darmowym zasobom

“Miłość - miłość jest czasownikiem, miłość czyni słowo,” a przynajmniej tak się dzieje. I faktycznie to samo można powiedzieć o JavaScript: ten gorący język programowania to robić język.

Jeśli uważasz, że JavaScript jest interesujący, musisz zrobić JavaScript - nie tylko o tym poczytaj. Rozpoczęcie jest znacznie łatwiejsze niż można się spodziewać i nic nie kosztuje. Wyśledziłem trzy zasoby do nauki JavaScript, które mają na celu dotarcie do Ciebie zrobić coś z językiem, a nie tylko czytać lub oglądać filmy.

Za wycieczkę z przewodnikiem: Ścieżka JavaScript Codeacademy

Zakładając, że wiesz bardzo niewiele o JavaScript, dobrym pomysłem będzie wycieczka z przewodnikiem po języku. Niektóre osoby robią to z książką lub dwiema, inne z serią filmów. Doskonała Szkoła Kodów ma ścieżkę JavaScript, która wykorzystuje zarówno dobrze przygotowane filmy i ćwiczenia, ale obraca się wokół technologii pomocniczych, takich jak jQuery lub CoffeeScript CoffeeScript Is JavaScript Bez Bólów Głowy CoffeeScript Is JavaScript Bez Bólów Głowy Nigdy tak naprawdę nie lubiłem pisać JavaScript wszystko tak dużo. Od dnia, w którym napisałem w nim moją pierwszą linię, zawsze żałowałem, że cokolwiek w niej piszę, zawsze wygląda jak Jackson… Kosztuje też pieniądze.

Jeśli szukasz zasobu, który jest zarówno bezpłatny i kładzie duży nacisk na działanie, potrzebujesz kodu JavaScript Codeacademy. Ten prowadzony kurs JavaScript wykorzystuje absolutne minimum objaśnień tekstowych, wszystkie wciśnięte na pasek boczny. Większość ekranu zajmuje elegancki edytor kodu, który działa bezpośrednio w przeglądarce. Aby przejść przez kurs, musisz wykonać rzeczywiste (proste) zadania kodowania:

Przeglądarka sprawdza kod - po poprawnym przejściu do następnej fazy. Kurs obejmuje wiele podstaw JavaScript, od funkcji poprzez pętle, przepływ sterowania, struktury danych i obiekty. Jest to świetny sposób na zapoznanie się z podstawowym językiem przed zanurzeniem się w bibliotekach takich jak jQuery. Jeśli znasz już JavaScript, nie musisz zaczynać od początku: możesz zrobić dowolną sekcję, a nawet przejść przez kilka sekcji równolegle.

Do eksperymentowania: konsola Chrome i jsFiddle

Po opanowaniu podstawowej składni JavaScript następną ważną rzeczą, o której należy pamiętać, jest to, że jest on bardzo dostępny: prawdopodobnie odczytujesz te słowa w oknie przeglądarki. Oznacza to, że już w tej chwili korzystasz z pełnoprawnego środowiska JavaScript. Nie ma potrzeby instalowania ani konfigurowania - wystarczy kliknąć prawym przyciskiem myszy dowolny element na stronie i wybrać Sprawdź element. Otrzymasz następujące:

Klikając ikonę pokazaną powyżej, możesz otworzyć konsolę JavaScript, która działa w kontekście aktualnie oglądanej strony. Innymi słowy, możesz manipulować bieżącą stroną za pomocą dowolnego kodu JavaScript, używać dowolnych bibliotek (takich jak jQuery jQuery Tutorial - Pierwsze kroki: Podstawy i selektory JQuery Tutorial - Pierwsze kroki: Podstawy i selektory W zeszłym tygodniu mówiłem o tym, jak ważne jest jQuery dla każdego współczesnego programisty i dlaczego jest niesamowity. W tym tygodniu myślę, że nadszedł czas, aby zabrudzić sobie ręce kodem i dowiedzieć się, jak…) załadować stronę i zrobić wszystko, co chcesz.

Jest to bardzo dobry sposób uczenia się metodą prób i błędów, ponieważ jest on dostępny i nie ma obaw. Nie możesz wyrządzić żadnych szkód - żadna z twoich zmian nie jest nigdzie zapisana, a wystarczy jedno naciśnięcie klawisza F5, aby cofnąć wszystko, co zrobiłeś i zacząć od nowa. Inną ważną rzeczą, którą należy zrozumieć na temat konsoli, jest to, że nie jesteś ograniczony do jednowierszowych: możesz napisać kilka wierszy kodu. Aby rozpocząć nowy wiersz bez wykonywania wprowadzonego kodu, naciśnij Shift + Enter.

Czasami jednak możesz chcieć stworzyć własne środowisko: niestandardową kombinację HTML, CSS, bibliotek JavaScript i własnego kodu. Pomoże Ci to przetestować bardziej kompleksowe pomysły. Jeśli chcesz stworzyć coś takiego bez konieczności konfigurowania czegokolwiek lokalnego, potrzebujesz jsFiddle. Jest to czteropanelowe środowisko: HTML, CSS, JavaScript i dane wyjściowe. Pasek boczny pozwala wybierać wszelkiego rodzaju dodatki, takie jak biblioteka JavaScript, na której chcesz polegać. Istnieje również wiele przykładów, z których niektóre mogą być zbyt skomplikowane dla początkujących:

Rozsądne korzystanie z konsoli Chrome i jsFiddle powinno pomóc ci zachować dostępność JavaScript, zabawę i żywotność. Skupienie się tylko na oprowadzaniu po języku bez przeprowadzania własnych eksperymentów może w rzeczywistości spowodować, że JavaScript będzie bardziej przerażająca niż w rzeczywistości. W końcu to jest Twój kod - baw się!

Dla odniesienia: Dokumentacja Mozilla Developer Network i jQuery API

Wspominaliśmy już o Mozilla Developer Network, jako o jednym z wielu zasobów, które mogą pomóc w nauce kodowania Naucz się kodować: 10 darmowych i fantastycznych zasobów online, aby doskonalić swoje umiejętności Naucz się kodować: 10 darmowych i fantastycznych zasobów online, aby doskonalić swoje umiejętności Kodowanie. Temat, którego wielu omija. Istnieje mnóstwo bezpłatnych zasobów i narzędzi, z których wszystkie są dostępne online. Pewnie, że możesz wziąć udział w kursach na ten temat w pobliskim…. Było to w bardziej ogólnym kontekście, ponieważ MDN zawiera informacje o szerokim zakresie tematów. Dla naszych celów tutaj powinieneś wiedzieć, że MDN służy jako bardzo solidny podręcznik odniesienia do wszystkich rzeczy JavaScript. MDN oferuje ustrukturyzowany przewodnik JavaScript, który możesz być w stanie śledzić krok po kroku (w zależności od twojego poziomu wcześniejszej wiedzy programistycznej), ale jego prawdziwa siła leży w jego części referencyjnej JavaScript. Jest to sekcja, której możesz użyć jako swego rodzaju słownika, aby obliczyć strukturę konkretnych instrukcji.

Innym kluczowym zasobem referencyjnym jest Dokumentacja API jQuery. Podobnie jak MDN, ta dokumentacja API może początkowo wydawać się zniechęcająca, przerażająca i zupełnie nieprzyjazna. I tak, żaden z tych zasobów referencyjnych nie poprowadzi cię przez delikatne wyjaśnienia - ale nadrabiają to poprzez wszechstronność, wiarygodność i wiarygodność.

Koderzy niekoniecznie muszą wiedzieć wszystko - duża część pracy polega na tym, aby wiedzieć, gdzie szukać, kiedy trzeba coś wymyślić. Nauczenie się, jak czytać i rozumieć oficjalną dokumentację, jest ważnym krokiem na drodze do poprawy twojego stylu kodowania i wiedzy. Odniesienia są potężnymi narzędziami w dążeniu do nauki poprzez działanie, ponieważ każdy temat zwykle jest samodzielny: możesz szybko znaleźć coś, o czym potrzebujesz więcej informacji, uzyskać rdzeń tego, czego potrzebujesz, i kontynuować kodowanie.

I wreszcie jedna opcjonalna książka

Tam właściwie jest jedną książkę, którą chciałbym polecić. Tu nie chodzi o JavaScript i nie znajdziesz w nim żadnych ćwiczeń. W rzeczywistości nie ma prawie żadnego kodu. A jednak jest to bardzo dobra książka do przeczytania, jeśli jesteś ciekawy programowania jakiegokolwiek rodzaju: nazywa się Code Simplicity i uczy, jak myśleć o programowaniu i jak podchodzić do tematu jako całości. Możesz przeczytać moją pełną recenzję tego na stronie Amazon (obecnie oznaczonej jako najbardziej pomocna recenzja klienta, awww), ale w skrócie, jest to świetna książka o filozoficznych podstawach kodowania. To tak, jakby cofnąć się o kilka kroków od klawiatury i zastanowić się nad tematem jako całością.

Czytanie kodu w żaden sposób nie jest wymagane, ale jeśli uważasz, że twoja wiedza może przynieść korzyść z czytania książki, jest to świetny początek.

Czy uczysz się przez działanie?

A teraz w końcu mogę cię zapytać: jak to zrobić ty podejść do nauki kodowania? Czy uczysz się przez działanie, czy raczej jesteś czytelnikiem? Jakie zasoby wykorzystałeś w swojej pracy, aby zostać programistą? Daj mi znać w komentarzach!