Top 25 darmowych samouczków JavaScript, aby poprawić swoje umiejętności JavaScript
Opublikowany: 2022-03-08Programowanie front-end nadal rosło w 2021 roku, a kolejną fazę ogromnego wzrostu dla języków front-end możemy przewidzieć dopiero w 2022 roku. i 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. Czujemy, że wciąż ma pole do rozwoju i dominuje w wyborach 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, dla obu; twórcy stron internetowych i oprogramowania. Inżynieria sprzętu i oprogramowania to dwa nowe obszary, w których dominuje JavaScript, zwłaszcza dzięki popularnym frameworkom, takim jak Node.js — JavaScript co chwila zdobywa nowe rynki. Wiele języków nie będzie mogło nadążyć, siła społeczności stojąca za JavaScriptem przerosła wiele logicznych i racjonalnych argumentów, które mogą sugerować, że inne języki są lepsze. Analizowanie czegoś, aby sprawdzić, czy będzie dobrze pasowało 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, stał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 wielokrotnego użytku nowej generacji w ECMAScript 6
Jim Cowart spędza dużo czasu, próbując zrozumieć ES6 i wypracować jego najbardziej tajne dziwactwa i cechy, które mogą pomóc programistom budować lepiej, szybciej i z większą odpornością. Głównym celem 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ć, jak Babel może być 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ę na modułach, dając moduł do prawie wszystkiego, w sposób, który wydaje się słuszny.
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 pomóc zwizualizować proste zestawy danych, przeanalizować witrynę pod kątem wydajności, zagłębić się w dane analityczne itp.
Z biegiem lat JavaScript stał się ulubieńcem naukowców zajmujących się danymi, którzy chcą efektywnie bawić się danymi w przeglądarce i z dokładnością. Od czasu wydania D3.js w 2011 roku biblioteka przerosła wszelką możliwą konkurencję. Jest to powszechnie znana nazwa 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 wybór między frameworkami lub bibliotekami do pracy, ponieważ nagle zdajesz sobie sprawę, że nauczenie się czegoś nowego nie będzie wymagało tak wiele pracy, ponieważ będzie używać tej samej struktury komponentów, co ostatnia platforma.
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 ze swojej 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 uszczerbku dla 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?
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ł poręczny 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łek.
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, podczas gdy niektórzy twierdzą, że jest to bardziej framework. 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 strona internetowa jest doskonałym przykładem tego, jak daleko można zajść w natywnym rozwoju i jak pięknie można go wykonać w postaci serwisu z treścią. Jednak jego post nie dotyczy projektowania, ale funkcji JavaScript; istotną częścią języka są funkcje. David podaje jako dodatkowe siedem funkcji, z których być może zrezygnowaliśmy podczas nauki języka i jego ważniejszych aspektów.
Mapy Google są łatwe dzięki GMaps.js
Wszystko 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 i 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 skorzystanie z tej ankiety, aby dowiedzieć się więcej o programistach JavaScript, jakie są ich opinie i zalecenia, a być może włączyć niektóre z tych spostrzeżeń do własnego, produktywnego przepływu pracy.
Uniwersalna reakcja
Biblioteki takie jak React zmieniły sposób tworzenia aplikacji po stronie klienta. Ten sposób programowania ma wiele zalet, lepszą wydajność i łatwiejszy dostęp. Mimo to istnieją również wady, a jednym z nich jest konieczność udostępniania treści JavaScript użytkownikom, którzy nie mają przeglądarek obsługujących JavaScript lub robotów wyszukiwarek, które nie działają dobrze z JavaScript. 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 — więc możesz wierzyć w jego słowo, gdy mówi o tak szerokich tematach.
Kanały RSS sprawiają, że treści publikowane w sieci są znacznie bardziej dostępne. 99% blogów obsługuje obecnie kanały RSS, co ułatwia innym regularne otrzymywanie treści za pomocą kanałów. Inne zastosowania kanałów to 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 więcej i odlicza możliwe opcje dla programistów JavaScript, którzy chcą używać JavaScript do analizowania kanałów RSS.
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 i sposób, w jaki tworzymy aplikacje dla wszystkich urządzeń. Emre Guneyler daje nam w tym artykule krótkie wprowadzenie do wszystkich trzech bibliotek oraz tego, jak zbudować jedną „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 witryn 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 i tak już solidnego języka programowania, ale ten dodatek naprawdę zmienia sposób, w jaki JavaScript działa w sieci. Sposób, w jaki będzie nadal działać, gdy przeglądarki zaczną 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 poświęcona 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żesz wykorzystać te same koncepcje w swoim ś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 powiedzieliby, ż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 o tym, 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. W swoim samouczku Peter Bengtsson wyjaśnia, w jaki sposób możemy wykorzystać JavaScript do zbudowania silnika wykrywania bliskości twarzy, którego można od razu używać w aplikacjach i projektach.
Co potrafi JavaScript?
Nie jesteś do końca pewien, co może zrobić JavaScript? David Small przedstawia prostą, ale skuteczną prezentację na temat tego, co może zrobić JavaScript i głównego celu tego języka. Interesująca lektura dla wszystkich zainteresowanych 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 jest też oczywiście zmęczenie, które przypisujemy konkretnym frameworkom, co w tym przypadku się zdarza być Reagować. 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, które 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. Jednak są szanse, że chcesz poszerzyć swoją wiedzę z zakresu JS, a może odświeżyć ją po dłuższej nieobecności. W takim przypadku oto bardzo przystępna lista witryn i platform, które oferują bezpłatną naukę JavaScript online. 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ł 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ę.