Część 10 Kurs JavaScript od początkującego do zaawansowanego w 10 postach na blogu

To jest część 10 i ostatnia część serii postów na blogu JavaScript, która zabierze Cię od początkującego do zaawansowanego. Bez dalszych ceregieli zacznijmy od ostatecznego samouczka.

Kurs JavaScript – spis treści:

1. Tematy JavaScript, które omówiliśmy
2. Podstawy JavaScript i konfiguracja środowiska kodowania
3. Najlepsze praktyki JavaScript
4. Zmienne i stałe
5. Podstawowe typy danych w JavaScript
6. Pętle w programowaniu
7. Tablice i funkcje
8. Obiekty JavaScript
9. Bardzo popularne koncepcje w JavaScript
10. Dokąd stąd iść?

Wow! W końcu udało Ci się tutaj! Większość ludzi nie podąża za swoimi pasjami i rezygnuje z kursów, na które uczęszczają po zaledwie kilku samouczkach, a dzieje się tak tylko wtedy, gdy zaczynają działać zgodnie z nimi!

Tematy JavaScript, które omówiliśmy

W trakcie tego kursu JavaScript zaczęliśmy od samych podstaw JavaScriptu i przeszliśmy do całkiem zaawansowanych koncepcji.

Pierwszym krokiem do rozpoczęcia pracy z JavaScriptem było zrozumienie, dlaczego w ogóle uczymy się JavaScript. Istnieje wiele głównych powodów, dla których możesz chcieć zacząć z JavaScriptem, ale najbardziej znane aplikacje JavaScript są zwykle w ten czy inny sposób w tworzeniu stron internetowych. JavaScript zaczął być tylko językiem front-endowym i rozprzestrzenił się na serwery zaplecza i tam również zaczął dominować.

Bez względu na to, dlaczego uczysz się JavaScript, prawdopodobnie dobrym pomysłem jest ponowne przejrzenie tego kursu JavaScript.

W ten sposób możesz zobaczyć swoje postępy i zobaczyć części, które naprawdę dobrze rozumiesz, co początkowo mogło cię zastraszyć, a także wyłapać części, które mogłeś zignorować lub przeoczyć.

Podstawy JavaScript i konfiguracja środowiska kodowania

Po zobaczeniu, dlaczego JavaScript jest tak popularny i co właściwie można z nim zrobić, zaczęliśmy od jakiegoś Witaj świecie! przykłady. Skonfigurowaliśmy nasze środowisko kodowania w Google Chrome i zaczęliśmy używać konsoli JavaScript do pisania kodu. Początkowo kod, który napisaliśmy, był naprawdę prosty, a każdy wiersz, który napisaliśmy, miał prosty cel, bez łączenia się z innymi wierszami. Wraz ze wzrostem złożoności naszego kodu zaktualizowaliśmy nasze środowisko kodowania do konsoli Google Chrome. Dzięki Konsoli zaczęliśmy być w stanie wygodnie pisać wielowierszowy kod, który stopniowo stawał się coraz bardziej złożony w trakcie całego kursu JavaScript.

Najlepsze praktyki JavaScript

W całej serii wprowadziliśmy również wiele najlepszych praktyk związanych z kodowaniem. Te najlepsze praktyki ułatwiają życie, gdy dopiero zaczynasz, a nawet stają się bardziej wartościowe, gdy zaczynasz pracować lub współpracować z innymi ludźmi. I właśnie z tego powodu istnieją nawet standardy i powiedzenia, takie jak „Cały kod powinien wyglądać tak, jakby został napisany przez jedną osobę, bez względu na to, ile osób współpracowało”. Właśnie dlatego jedną z pierwszych koncepcji, jakie widzieliśmy, było komentowanie naszego kodu. Dzięki temu nie tylko staniesz się lepszym programistą w przyszłości, ale także pozwolisz na lepsze wrażenia z kodowania, gdy zaczynasz.

Zmienne i stałe

Następnie widzieliśmy, że możemy przechowywać dane w tak zwanych zmiennych i stałych. Decydując, który z nich wybrać dla nowych danych, należy pamiętać, że jeśli nie przewidujemy zmiany danych, chcemy użyć słowa kluczowego „const”. Jeśli uważamy, że będziemy musieli zmodyfikować tę wartość, musimy użyć słowa kluczowego „let”. To są obecne najlepsze praktyki, ale widzieliśmy również, że przed ES6 jedynym sposobem użycia zmiennych było zadeklarowanie ich za pomocą słowa kluczowego „var”. Po dostrzeżeniu potencjalnych problemów spowodowanych elastycznością, jaką daje słowo kluczowe var, w 2015 roku, wraz ze standardem ES6, nowym i nowoczesnym sposobem pisania JavaScript stało się używanie słów kluczowych „const” i „let”.

Podstawowe typy danych w JavaScript

Następnie omówiliśmy podstawowe typy danych w JavaScript. Głównym celem jest zrozumienie, że różne typy danych są dobre w robieniu różnych rzeczy. Dlatego ważne jest, aby zrozumieć, z jakimi typami danych pracujemy. Później przekonaliśmy się, że używając instrukcji if else możemy uzyskać kontrolę nad naszym kodem. Zaczynając od tego, nauczyliśmy się częściowo ignorować nasz kod, aby dostosować go do określonych warunków. Dowiedzieliśmy się o różnych strukturach kontroli, których możemy użyć, aby mieć bardziej precyzyjną kontrolę nad naszym kodem i danymi. W ten sposób nasz kod może dostosować się do różnych danych wejściowych z dokładniejszymi odpowiedziami.

Pętle w programowaniu

Następnie odkryliśmy pętle w programowaniu. Widzieliśmy, że używając pętli możemy zacząć unikać powtarzania się w kodzie. To w zasadzie pozwoliło nam częściowo zacząć być SUCHYM. To oznacza Nie powtarzaj się.

Ogólnie rzecz biorąc, nie chcemy pisać kodu bardziej niż musimy, aby wykonać zadanie. Ponieważ za każdym razem, gdy piszemy więcej kodu, wprowadzamy więcej okazji do błędów w kodzie. Napisanie większej ilości kodu zabiera więcej czasu i wysiłku, wprowadza potencjalne błędy, zwykle nie jest wydajne, ponieważ teraz trzeba zapisać ten sam kod może 10 razy. Ogólnie rzecz biorąc, może to znacznie zmniejszyć wrażenia z kodowania. Dlatego zaczynając od pętli while i pętli for, zaczęliśmy wycinać potencjalnie powtarzalny kod.

Tablice i funkcje

Widzieliśmy również inne podstawowe koncepcje, tematy i najlepsze praktyki w JavaScript. Widzieliśmy, że tablice są naprawdę dobre w grupowaniu powiązanych danych, takich jak miesiące w roku, niektóre powiązane liczby, które musimy przechowywać i tak dalej. Następnie widzieliśmy, że funkcje są naprawdę potężne i możemy ich używać, aby naprawdę zmodularyzować nasz kod i mieć wiele korzyści. Niektóre z tych korzyści z grupowania naszych funkcjonalności w ramach różnych funkcji polegają na tym, że tworzymy znacznie bardziej modułowy, stosunkowo łatwy do przetestowania kod. Znacząco zmniejszamy również nasze szanse na powtarzanie się.

Widzieliśmy, że istnieją dwa główne rodzaje funkcji. Jeden z nich to czyste funkcje, drugi rodzaj to funkcje nieczyste. Ogólnie rzecz biorąc, kiedy tylko możemy, powinniśmy dążyć do używania czystych funkcji w porównaniu z nieczystymi funkcjami. W ten sposób czyste funkcje, które napiszemy, będą zachowywać się tak samo i dadzą nam te same wyniki, bez względu na to, gdzie uruchamiamy kod lub kiedy uruchamiamy kod.

Obiekty JavaScript

Następnie zobaczyliśmy przedmioty. Dowiedzieliśmy się, że obiekty są dobre w przechowywaniu wysoce powiązanych danych, które mogą mieć wiele wymiarów. Zaczęliśmy od najprostszego sposobu tworzenia obiektów i przeszliśmy do tworzenia planów obiektów, a następnie tworzenia wielu obiektów z tego planu. Korzystanie z tych schematów pozwala nam upewnić się, że pola w obiektach są zgodne z tymi samymi wytycznymi i mają te same pola. W ten sposób na koniec dnia mamy pewność, że mamy do dyspozycji dużo bardziej jednolitą bazę danych. Pozwoliło nam to również na pisanie kodu w znacznym stopniu DRY.

Bardzo popularne koncepcje w JavaScript

Następnie widzieliśmy bardzo popularne koncepcje i tematy w JavaScript. Zdecydowana większość z nich opierała się w ten czy inny sposób na dalszej optymalizacji funkcji. Używając metod map i filter mogliśmy pominąć niektóre pętle for i instrukcje if . Korzystając z funkcji strzałek, byliśmy w stanie znacznie zmniejszyć rozmiar naszych funkcji. W tym kursie JavaScript widzieliśmy wiele funkcji, w tym funkcje strzałek wprowadzone w ES6 lub ES2015, które są największymi ostatnimi zmianami w standardach JavaScript.

Dokąd stąd iść?

W zależności od tego, co chcesz osiągnąć, możesz wybrać różne trasy. Jeśli chciałeś tylko przypomnieć sobie podstawy JavaScript, ponieważ wkrótce będziesz musiał z nim popracować, miej nadzieję, że ten kurs JavaScript dostarczy Ci wyczerpującego przewodnika. Może byłeś już dobry w innym języku, takim jak Python, ale chciałeś także zobaczyć JavaScript. Jeśli tak jest, mam nadzieję, że ułatwiłem Ci rozpoczęcie pracy ze składnią i koncepcjami JavaScript. A może dopiero zaczynasz tworzyć strony internetowe i wiesz, że JavaScript jest dość popularny.

W obu przypadkach mam nadzieję, że ten kurs JavaScript dał ci jakąś wartość. Jeśli znasz znajomego, który mógłby uznać tę serię za pomocną, rozważ udostępnienie mu pierwszego samouczka z tej serii, aby również mógł rozpocząć swoją przygodę z JavaScriptem.

Autor: Robert Whitney

Ekspert i instruktor JavaScript, który szkoli działy IT. Jego głównym celem jest podnoszenie produktywności zespołu poprzez uczenie innych efektywnej współpracy podczas kodowania.

Zobacz wszystkie posty

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