Top 25 darmowych samouczków JavaScript, aby poprawić swoje umiejętności JavaScript

Programowanie front-end nadal rosło w 2015 roku i możemy spodziewać się kolejnej ogromnej fazy rozwoju języków front-end dopiero w 2016 roku. , aw szczególności programowanie. JavaScript ugruntował swoją pozycję lidera w bibliotece języków programowania, przewyższając stare klasyki, takie jak Java; niektórzy twierdzą, że JavaScript osiąga szczyt, podczas gdy my czujemy, że wciąż ma jeszcze miejsce na rozwój i dominację w wyborze języka programowania.

ECMAScript 6 jest już w pełnym rozkwicie, nie ma dnia, żeby ktoś nie napisał o ES6 io tym, co oferuje on nowym i doświadczonym programistom JavaScript. Przyszłość JavaScript wygląda świetnie, zarówno dla obu; twórcy stron internetowych i oprogramowania. Inżynieria sprzętu i oprogramowania to dwa nowe obszary, w których dominujący jest JavaScript, zwłaszcza dzięki wykorzystaniu popularnych frameworków, takich jak Node.js — JavaScript co chwila trafia na nowe rynki, a wiele języków będzie z trudem nadążyć, siła społeczności JavaScript przerósł wiele logicznych i racjonalnych argumentów, które mogłyby sugerować, że inne języki są lepsze. Analizowanie czegoś, aby sprawdzić, czy będzie dobrze pasować do Twojej następnej pracy, sprowadza się do zadania sobie kilku szczerych pytań.

JavaScript jako język programowania udowodnił światu, że jest zrównoważony, wydajny i niezawodny. Nauka JavaScript nigdy nie była bardziej intrygująca, mnóstwo miejsc pracy zarówno na pełny etat, jak i freelancerów, wiele ciekawych projektów do pracy na GitHub, ciągły napływ nowych artykułów i tutoriali od społeczności JavaScript, ekosystem języków jest bardzo zdrowy, i bardzo pomocny, jeśli chodzi o to. Chcemy przyczynić się do tego aspektu społecznościowego, udostępniając kilkadziesiąt samouczków JavaScript, które zostały opublikowane w ciągu ostatnich 2-3 miesięcy, zapewniając, że jakość artykułów jest zgodna z najnowszymi wskazówkami, sztuczkami dotyczącymi JavaScriptu i oczywiście — standardami , takich jak ES6.

Pisanie modułów JavaScript nowej generacji wielokrotnego użytku w ECMAScript 6

Jim Cowart spędza dużo czasu, próbując zrozumieć ES6 i próbując wypracować jego najbardziej tajne dziwactwa i cechy, które mogą pomóc programistom budować lepiej, szybciej i z większą odpornością. Głównym zamierzeniem artykułu jest pomoc starym i nowym programistom internetowym w budowaniu bibliotek ES6, które mogą być używane w kontekście ES5, co oznacza, że ​​Jim zamierza również wyjaśnić i pokazać, w jaki sposób Babel może zostać wykorzystany do przekształcenia bibliotek ES6 w w pełni funkcjonalne biblioteki ES5. a powodem tego jest to, że przeglądarki internetowe wciąż próbują nadążać za nowym standardem. Aby uczynić bibliotekę wielokrotnego użytku i łatwą w obsłudze dla innych programistów, Jim koncentruje się bardzo na modułach, dając moduł do prawie wszystkiego, w sposób, który faktycznie wydaje się odpowiedni.

Dowiedz się, jak tworzyć wizualizacje danych za pomocą D3.js

Wizualizacja danych nie może być ważniejsza w obecnych czasach rozwoju sieci, rozwoju biznesu poprzez technologię i ogólnych celów nauki o danych. I może być tak specyficzny, że czasami tylko garstka bardzo uzdolnionych ludzi tworzy wizualizacje, które przykuwają uwagę niektórych z najbardziej znanych serwisów medialnych na świecie, choć nie zawsze legalnie. Wizualizacja danych może być pomocna w wizualizacji prostych zestawów danych, analizowaniu witryny pod kątem wydajności, zagłębianiu się w dane analityczne i wielu innych.

Z biegiem lat JavaScript stał się ulubieńcem naukowców zajmujących się danymi, którzy chcą efektywnie i dokładnie bawić się danymi w przeglądarce. Od czasu wydania D3.js w 2011 roku biblioteka przerosła wszelką możliwą konkurencję i jest powszechnie znaną nazwą dla programistów JavaScript, którzy potrzebują złożonego narzędzia do wykonywania złożonych zadań związanych z analizą danych.

Biblioteki aplikacji front-end i architektury komponentów

Cody Lindley napisał pełen opinii artykuł o JavaScript, który działa bardziej jak samouczek, pomagając programistom dowiedzieć się, jak natywne komponenty JavaScript w najpopularniejszych frameworkach i bibliotekach JavaScript stały się takie same. Zrozumienie tej koncepcji ułatwia dokonywanie wyborów między frameworkami lub bibliotekami do pracy, ponieważ nagle uświadamiasz sobie, że nauka czegoś nowego nie będzie wymagała tak wiele pracy, ponieważ będzie to w zasadzie korzystanie z tej samej struktury komponentów, co w poprzednim struktura.

Najlepsze praktyki React.js na 2016 rok

React był we wszystkich wiadomościach w 2015 roku. Jest to najszybciej rozwijająca się biblioteka JavaScript, jaką społeczność widziała w ciągu ostatnich kilku lat i nadal jest aktywnie używana przez setki tysięcy programistów każdego dnia. React sprawia, że ​​tworzenie natywnych interfejsów użytkownika, które nie koliduje z innymi aspektami projektu, nad którym pracujesz, jest śmiesznie proste, więc w pewnym sensie możesz użyć Reacta do zbudowania swojego interfejsu użytkownika lub możesz użyć Reacta, aby pomóc sobie w zbudowaniu lepszy interfejs użytkownika, a React w żadnym momencie nie przyjmie roli głównej biblioteki, a zamiast tego będzie działał tylko wtedy, gdy o to poprosisz. Choć brzmi to prosto, wciąż trzeba się czegoś nauczyć, a dyrektor ds. technologii w RisingStack, Peter Marton, opowiada o najlepszych praktykach Reacta z własnej perspektywy.

Nowy w Ember? Zacznij tutaj! (samouczek 2016)

Ustaliliśmy już naszą opinię na temat Ember, jest to nowoczesny framework do tworzenia stron internetowych, który idealnie pasował do jednego z naszych ostatnich artykułów; najlepsze frameworki JavaScript. Ember umożliwia programistom JavaScript szybkie tworzenie nowoczesnych aplikacji internetowych na komputery stacjonarne i urządzenia mobilne, bez konieczności rezygnowania z tego, co mogą zaoferować inne połączone biblioteki. Jeśli jesteś nowy w Ember i ostatnio słyszałeś o tym, zdecydowanie zalecamy zapoznanie się z tym samouczkiem Franka Treacy. Jego styl pisania i wskazówki są idealne do głębszego zrozumienia Ember Framework.

Jak nauczyć się ES6

W rzeczywistości wielu programistów JavaScript wiedziało, czym jest ES6, na długo przed wydaniem standardu. Jest to sposób na języki programowania, standardy stają się dostępne jako szkice, z którymi społeczność może eksperymentować, zanim zostaną wykonane jakiekolwiek finalizacje. To samo dotyczy ECMAScript 7 lub ES7 , funkcje są już dostępne, ale wszyscy czekają w przeglądarkach, aby nadrobić zaległości, co nie zawsze przebiega płynnie. Eric Elliott skompilował przydatny zestaw artykułów i wskazówek w swoim poście na Medium o tym, jak lepiej podejść do procesu uczenia się ES6.

Definicje funkcji w JavaScript

Marius Schulz daje twórcom JavaScript trochę wglądu w to, jak działają definicje funkcji w JavaScript i jak można do nich podejść na trzy różne sposoby, zwłaszcza od wydania ES6 i funkcji strzałkowych.

Uruchom własną bibliotekę JavaScript za pomocą webpacka i ES6

Biblioteki JavaScript to małe, małe skrypty JavaScript (nie zawsze małe), które pomagają programistom rozszerzyć ich projekty o określoną funkcję, którą w innym przypadku musielibyście tworzyć osobno. Niektórzy twierdzą, że React.js działa jak biblioteka, a niektórzy twierdzą, że jest bardziej frameworkiem. W każdym razie Krasimir Tsonev zawęża proces tworzenia biblioteki JavaScript za pomocą ES6 i pomocy WebPack.

7 podstawowych funkcji JavaScript

David Walsh jest ulubieńcem wielu programistów front-end, konsekwentnym programistą, a także pisarzem, który nie boi się dzielić swoimi przemyśleniami, opiniami i doświadczeniami ze światem front-endu. Jego własna strona internetowa jest doskonałym przykładem na to, jak daleko można zajść w natywny rozwój i jak pięknie można go wykonać w formie serwisu z treścią. Jednak jego post nie dotyczy projektowania, ale właściwie funkcji JavaScript; najistotniejszą częścią języka są funkcje, a David podaje jako dodatkowe siedem funkcji, które być może porzuciliśmy podczas naszego procesu uczenia się języka i jego ważniejszych aspektów.

Łatwe Mapy Google dzięki GMaps.js

Każda rzecz w sieci sprowadza się do elementu, konkretnego elementu, który wykonuje wybraną funkcję. W przypadku map możemy skorzystać z natywnego widżetu Google Maps z oficjalnej strony Google lub możemy polegać na bibliotekach firm trzecich, które zapewniają odrobinę więcej funkcjonalności, niż uzyskalibyśmy z samodzielnego widżetu. Tutaj mamy samouczek, jak najlepiej podejść do biblioteki GMaps.js i jak najlepiej wykorzystać budowanie swoich map.

Wyniki ankiety dla programistów JavaScript

Ankiety mogą w ogóle nie brzmieć jak samouczki, ale w pewnym sensie są. Są to tutoriale dotyczące społeczności, sposobu myślenia społeczności, a także tego, co społeczność uważa za najlepsze w podejściu do języka JavaScript, biorąc pod uwagę jego współczesną ewolucję. Więc tak, zalecamy użycie tej ankiety jako sposobu na poznanie programistów JavaScript, ich opinii i rekomendacji, a być może także włączenie niektórych z tych spostrzeżeń do własnego, produktywnego przepływu pracy.

Uniwersalna reakcja

Biblioteki takie jak React naprawdę zmieniły sposób tworzenia aplikacji po stronie klienta. Ten sposób programowania ma wiele zalet, lepszą wydajność, między innymi łatwiejszą dostępność, ale są też wady, a jednym z wad jest konieczność udostępniania treści JavaScript użytkownikom, którzy nie mają przeglądarek obsługujących JavaScript lub do wyszukiwania roboty silnikowe, które tak naprawdę nie działają dobrze z JavaScriptem. Dobrą wiadomością jest to, że problem ten został rozpoznany i możliwe jest zbudowanie w pełni funkcjonalnej aplikacji po stronie klienta, którą można renderować na serwerze. React jest liderem w urzeczywistnianiu wykonywania skryptów JavaScript po stronie serwera i klienta, a Jack Franklin opublikował samouczek, w którym głębiej omawia problemy i sposoby ich rozwiązywania.

Jak zaplanować zadania w tle w JavaScript

Craig Buckler zwięźle wyjaśnia, jak działają zadania w tle w JavaScript i jak najlepiej do nich podejść. Craig Buckler napisał tysiące artykułów dla SitePoint i ma duże doświadczenie w językach takich jak JavaScript, HTML5 i CSS3 — możesz więc wierzyć w jego słowo, gdy mówi o tak szerokich tematach.

Parsowanie kanałów RSS w JavaScript – Opcje

Kanały RSS sprawiają, że publikowane w sieci treści są znacznie bardziej dostępne. 99% dzisiejszych blogów obsługuje kanały RSS, co ułatwia innym regularne otrzymywanie treści za pomocą kanałów. Inne zastosowania kanałów obejmują możliwość ich parsowania, a następnie wykorzystania przeanalizowanych danych na różne sposoby, niezależnie od tego, czy jest to witryna internetowa farmy linków, czy aplikacja, która wymaga określonych zestawów danych z przeanalizowanego kanału RSS, Raymond Camden zgłębia ten temat. i odlicza możliwe opcje dla programistów JavaScript, którzy chcą używać JavaScript do analizowania kanałów RSS.

Obracaj elementy podczas przewijania za pomocą JavaScript

Dudley Storey dzieli się swoją historią o tym, jak przekształcił swoją stronę internetową tak, aby była całkowicie wolna od wszelkich frameworków JavaScript, a zamiast tego używa Vanilla JavaScript do tworzenia interaktywnego przeglądania stron internetowych dla swoich czytelników, jego najnowszym dziełem był samouczek dotyczący obracania poszczególnych elementów strony przy użyciu waniliowego JavaScript. To fascynujący samouczek, który otworzy drzwi do wielu innych interaktywnych sposobów wykorzystania JS w projektach internetowych.

Jak zbudować aplikację Todo za pomocą React, Redux i Immutable.js

React, Redux i Immutable.js szybko ewoluują nazwy bibliotek JavaScript, które zmieniają sposób, w jaki postrzegamy rozwój, a także sposób, w jaki budujemy aplikacje dla wszystkich urządzeń. Emre Guneyler przedstawia w tym artykule krótkie wprowadzenie do wszystkich trzech bibliotek oraz tego, jak zbudować pojedynczą „aplikację do zrobienia”, która dałaby lepszy wgląd w to, jak przebiega tworzenie aplikacji z nowoczesnymi frameworkami i bibliotekami.

5 kroków do przygotowania kodu Angular 1 do Angular 2

Jesteśmy wielkimi fanami Angular.js — po prostu sprawdź niektóre z naszych najlepszych treści Angular.js, takie jak responsywne szablony stron internetowych AngularJS, szablony administracyjne AngularJS i zasoby społeczności dla Angular 2 — jesteśmy dobrze przygotowani na powitanie Angular 2, a nawet tym bardziej z dodatkiem tego samouczka od Oren Farhi. Nadejście Angulara 2 jest nieuniknione, a jeśli jesteś aktywnym programistą Angular.js, przeczytaj ten samouczek, aby przygotować się na nadchodzące zmiany i przygotować swój kod na łatwe przejście do nowej wersji.

Przegląd ES6 w 350 punktach

ES6 był największą aktualizacją standardu JavaScript w ciągu ostatnich kilku lat, jest ogromnym dodatkiem do już solidnego języka programowania, ale ten dodatek naprawdę zmienia sposób, w jaki JavaScript działa w sieci i sposób, w jaki będzie nadal działał jako przeglądarki zacznij integrować więcej skomplikowanych funkcji. To repozytorium GitHub jest kombinacją ponad 350 punktów, które omawiają mnóstwo różnych aspektów ES6, takich jak funkcje i sposoby korzystania z tych funkcji. Również funkcje i wygląd nowych funkcji, z dużą ilością wychodzących linków do zasobów, które pomogą Ci pogłębić wiedzę na temat ES6.

Równocześnie JavaScript: trzyczęściowa seria o współbieżności w JS

Kyle Simpson poświęca chwilę, aby podzielić się swoimi przemyśleniami na temat współbieżności i asynchroniczności JavaScript oraz tego, jak można wykorzystać te same koncepcje we własnym środowisku programistycznym. Fascynująca zawartość i wiele więcej — szczegółowy samouczek podzielony na trzy różne części.

Koszt ram

Spróbuj nauczyć się kodować w JavaScript, nie spotykając się z intensywnymi poradami na temat tego, jak użycie frameworka rozwiąże wszystkie twoje problemy. Obecnie większość nauki JavaScriptu opiera się na frameworkach, takich jak React, Angular, Backbone i innych. Tak, frameworki ułatwiają szybkie tworzenie aplikacji webowych i mobilnych, ale jakie są realne koszty używania frameworków, a nie natywnego (waniliowego) JS? Paul Lewis przedstawia to, łącząc zwięzłą analizę porównawczą, która pomaga nowym (i być może doświadczonym) programistom dokonywać lepszych wyborów dotyczących frameworków.

Anatomia dużej aplikacji Angular

Angular to obecnie wiodący framework JavaScript do tworzenia szybkich aplikacji internetowych. Jednak budowanie rozbudowanych i dużych aplikacji Angular może okazać się trudne, niektórzy twierdzą, że dochodzi do punktu, w którym jesteś na krawędzi szaleństwa, więc Kristian Poslek nie spieszy się, aby oddać się społeczności, oferując samouczek jak budować duże aplikacje Angulara bez szaleństwa.

Wykrywanie bliskości twarzy za pomocą JavaScript

Języki programowania z każdym dniem stają się coraz bardziej inteligentne. Peter Bengtsson wyjaśnia w swoim samouczku, w jaki sposób możemy wykorzystać JavaScript do zbudowania silnika wykrywania bliskości twarzy, którego można od razu użyć w swoich aplikacjach i projektach.

Co potrafi JavaScript?

Nie jesteś do końca pewien, co właściwie potrafi JavaScript? David Small przedstawia prostą, ale skuteczną prezentację na temat rzeczy, które JavaScript może faktycznie zrobić i jaki jest główny cel tego języka. Interesująca lektura dla każdego, kto interesuje się JavaScript, samouczek, który uczy szerszych aspektów języka.

Wyjście ze zmęczenia JavaScriptem – React Edition

Zmęczenie jest zabójcą produktywności, praca z czymś zbyt długo może powodować głębokie zmęczenie, które może trwać przez długi czas, ale oczywiście jest też zmęczenie, które przypisujemy konkretnym frameworkom, co w tym przypadku się zdarza być React. Jak więc pozbyć się zmęczenia Reactem? Reto Schlapfer ma odpowiedź na to pytanie, zanurz się.

Zasoby do nauki JavaScript online

Zbadaliśmy niektóre z najlepszych, aktualnych samouczków na temat JavaScript, jakie oferuje sieć, ale co zrobisz z tymi wszystkimi samouczkami, jeśli nie masz żadnej wcześniejszej wiedzy na temat JavaScript? Myślę, że jest to bardzo mało prawdopodobne, ponieważ szukałeś szczególnie tutoriali JavaScript, ale prawdopodobnie chcesz poszerzyć swoją wiedzę o JS, a może odświeżyć ją po dłuższej nieobecności. W takim przypadku, oto bardzo przystępna lista stron internetowych i platform, które oferują naukę JavaScript online za darmo. Tylko najlepsi.

• Codecademy — platforma do poznania podstaw tworzenia stron internetowych, w szczególności JavaScript. Codecademy to jedna z pierwszych witryn, od których rozpoczynają swoją karierę nowi i aspirujący programiści front-end. Jest zabawny, interaktywny i dobrze wykonuje swoją pracę.
• Learn-JS — jest platformą podobną do Codecademy, z innym zestawem zadań i krzywych uczenia się, która jest bardzo pomocna po ukończeniu Codecademy, aby udoskonalić nowo nauczone umiejętności i być może zauważyć, co mogłeś przegapić.
• freeCodeCamp — szybko rozwijająca się platforma kodowania oparta na społeczności, w której każdy członek witryny może uczestniczyć w rozwiązywaniu problemów, wyzwań, a następnie pomagać w promowaniu nowych i ekscytujących aplikacji dla organizacji non-profit, których nie stać na profesjonalnych programistów. To sytuacja korzystna dla obu stron.
• Przewodnik po stylach — przewodniki po stylach pomagają budować kod, który ułatwia innym budowanie, AirBNB wydało własny przewodnik po stylach i szybko stał się najpopularniejszym przewodnikiem po stylu JavaScript, który można znaleźć na GitHub lub gdziekolwiek indziej.

Podsumowując, jest bardzo oczywiste, że nauka JavaScript nie powinna być dużym problemem, aktywni programiści nieustannie dzielą się swoimi radami, spostrzeżeniami i samouczkami, jak stać się lepszym, a także jak wykorzystać maksymalny potencjał języka. Mamy szczerą nadzieję, że te zasoby przyniosą największe korzyści w procesie uczenia się.