7 najlepszych darmowych samouczków do nauki reagowania i tworzenia aplikacji internetowych

W tej chwili React jest nie tylko u szczytu popularności, ale także rośnie. Jeśli chodzi o tworzenie stron JavaScript, programowanie a tworzenie stron internetowych: jaka jest różnica? Programowanie a tworzenie stron internetowych: jaka jest różnica? Można by pomyśleć, że programiści aplikacji i programiści wykonują tę samą pracę, ale nie jest to prawdą. Oto kluczowe różnice między programistami i twórcami stron internetowych. , React jest jedną z najłatwiejszych platform do nauki i jedną z najbardziej efektywnych w zakresie szybkiego i niezawodnego rozwoju.

Jeśli więc postanowiłeś się tego nauczyć, poklep się po plecach: dokonałeś mądrego wyboru.

Jedynym problemem jest to, że najbardziej wartościowe kursy React mają wysoką cenę. Na przykład wysoko ceniony kurs React for Beginners to 89 USD (wersja startowa) i 127 USD (wersja master). Bezpłatne kursy rzadko są tak kompleksowe i pomocne - ale znaleźliśmy kilka doskonałych i sprawi, że zaczniesz od właściwej stopy. Co sprawia, że ​​dobry poradnik programowania? Co stanowi dobry poradnik programowania? Nie wszystkie samouczki dotyczące programowania są sobie równe. Niektóre przynoszą korzyści Tobie, a inne marnują Twój czas. Oto, czego szukać w samouczku programowania jakości. .

1. Reakcja Podstawy szkolenia

Tyler McGinnis jest znanym programistą i instruktorem React, który od lat uczy i pisze o React. Obecnie ma cztery kursy dostępne na React Training [No Longer Available], z których pierwszy jest całkowicie darmowy i służy jako punkt wejścia dla innych.

Reaguj podstawy jest podzielony na 32 lekcje wideo, które składają się na trzy pełne godziny edukacji. Dowiesz się wszystkiego, czego potrzebujesz do uruchomienia podstawowej aplikacji React (tj. Ekosystem React, NPM, Babel i Webpack), podstawowych koncepcji i cyklu życia, które napędzają aplikacje React, jak poprawnie pisać komponenty i jak przekazywać dane na około.

Jest gęsta. To jest pouczające. Jest to idealne wprowadzenie, a fakt, że McGinnis oferuje go za darmo, jest niesamowity. To powinien być twój pierwszy przystanek podczas nauki React.

Stronie internetowej - Kurs React Fundamentals [niedostępne]

2. Hakowanie za pomocą React

Hakowanie z reakcją to ebook, który jest całkowicie darmowy, od deski do deski, jeśli czytasz wersję tylko do Internetu. Możesz pobrać wersję PDF, EPUB lub MOBI do pobrania za 10 USD, jeśli wolisz zabrać go ze sobą i uczyć się offline. Tak czy inaczej, jest to niesamowite źródło informacji dla początkujących, którzy nie lubią filmów.

Zaczyna się od samego początku, wyjaśniając podstawowe pojęcia, takie jak JSX oraz komponenty i rekwizyty, i trzyma rękę podczas przechodzenia do tematów pośrednich, takich jak stany, routing, testy, sznurowanie i inne. Napisany w ES6 zaczyna się kończyć, a po drodze poznasz najlepsze praktyki, w tym Babel, Webpack i ESLint.

Czy to sprawi, że będziesz ekspertem React? Nie, ale to będzie zapewni ci wystarczająco dużo komfortu, aby czuć się pewnie i kontynuować naukę. Przynajmniej będziesz wiedział więcej niż wystarczająco React, aby zdecydować, czy wydać pieniądze na zaawansowany kurs premium gdzie indziej.

Stronie internetowej - Hakowanie z reakcją

3. Oficjalny samouczek reakcji

Można by pomyśleć, że oficjalny samouczek powinien być pierwszym miejscem do nauki React, ale osobiście uważam, że jest trochę za szybki dla kompletnych początkujących - zakładał o wiele więcej wiedzy niż większość początkujących. Jest to idealne rozwiązanie, jeśli masz wcześniejsze doświadczenie z inną strukturą JavaScript.

To powiedziawszy, oficjalny samouczek React jest fantastyczny, gdy nauczysz się podstawowych pojęć React i usiłujesz je wdrożyć. Poprowadzi Cię przez tworzenie aplikacji internetowej w kółko i krzyżyk, używając wyłącznie składników, rekwizytów i stanu. Wypełnia lukę między teorią abstrakcyjną a praktycznym zastosowaniem.

Polecam również sprawdzenie oficjalna dokumentacja React, co wyjaśnia każdy React z zaskakującą ilością szczegółów. W szczególności Myślenie w reakcji strona jest jak mini-poradnik na temat chwytania idiomów, które napędzają React. Nie bój się powracać do dokumentacji React w trakcie nauki i tworzenia własnych aplikacji.

Stronie internetowej - Oficjalny samouczek React i Thinking in React

4. Kurs podstaw reagowania Egghead

jajogłowy oferuje dziesiątki kursów (setki lekcji) na różne tematy związane z tworzeniem stron internetowych: JavaScript, Angular, React, RxJS, Node, TypeScript itp. React jest trzecim co do wielkości tematem w witrynie i chociaż większość kursów jest przeznaczona dla użytkowników premium, dostępnych jest pięć za darmo:

• Zacznij korzystać z React do tworzenia aplikacji internetowych
• Dodaj routing, aby reagować na aplikacje za pomocą React Router v4
• Rozpoczęcie pracy z Redux
• Budowanie aplikacji reagujących dzięki Idiomatic Redux
• Zarządzaj stanem złożonym w aplikacjach React za pomocą MobX

Pierwsze dwa są najważniejsze, ale prawdopodobnie będziesz chciał wziąć je wszystkie w pewnym momencie (optymalnie w podanej kolejności). Kursy zakładają, że znasz już JavaScript, więc sprawdź kursy JavaScript Egghead, jeśli nie znasz jeszcze języka 7 Przydatnych sztuczek do opanowania nowego języka programowania 7 Przydatnych sztuczek do opanowania nowego języka programowania Możesz być przytłoczony, gdy jesteś nauka kodowania. Prawdopodobnie zapomnisz o rzeczach tak szybko, jak się ich nauczysz. Te wskazówki pomogą ci lepiej zachować wszystkie nowe informacje. .

Pamiętaj, że kursy premium są również całkiem dobre i warto sprawdzić, czy możesz sobie pozwolić na subskrypcję Pro: 40 USD miesięcznie lub 200 USD rocznie.

Stronie internetowej - Egghead's React Fundamentals Course

5. Naucz się React i Redux z kabiną

Chociaż Redux nie jest częścią podstawowej struktury React, są one tak często używane razem, że naprawdę powinieneś się tego nauczyć. I nawet jeśli ostatecznie odejdziesz od Redux, możesz zabrać ze sobą te koncepcje i zastosować je do wszystkiego, co ostatecznie zastąpisz.

Kabina to 10-częściowa seria samouczków, która nauczy Cię, jak tworzyć od podstaw uproszczoną aplikację sieci społecznościowej: instalowanie Node / React / Webpack, zrozumienie, jak działa React, włączenie Redux, radzenie sobie z funkcjami sieci społecznościowych, takimi jak kanały i powiadomienia, przetwarzanie obrazów i filtry takie jak Instagram i inne.

Ostatnia część to przegląd “najlepsze praktyki” który nie tylko uczy najskuteczniejszego sposobu używania i organizowania React / Redux, ale także typowych błędów, których należy unikać, jak zaprojektować skalowalną aplikację oraz jak korzystać z narzędzi innych firm w celu ułatwienia pracy programistycznej.

Stronie internetowej - Dowiedz się React i Redux z kabiną

6. Kurs React LearnCode Academy

W ciągu ostatnich kilku lat, LearnCode Academy wyróżnił się jako jeden z najlepszych kanałów programistycznych na YouTube. 17 najlepszych samouczków programowania YouTube 17 najlepszych samouczków programowania YouTube W tym poście chcielibyśmy wskazać Ci jedną z najlepszych serii programów YouTube, jakie znaleźliśmy. Wszystkie te są wystarczające, aby zmoczyć stopy jako początkujący programista. . Specjalizuje się w tworzeniu stron internetowych i obejmuje wszelkiego rodzaju tematy, od HTML, CSS i JavaScript po konkretne frameworki, takie jak Angular i React. I to wszystko za darmo.

Kurs jest podzielony na trzy sekcje: osiem filmów na temat podstawowych koncepcji React, sześć filmów na temat korzystania z Fluxa w architekturze danych oraz siedem filmów na temat używania Redux do zarządzania stanem. Wszystko to odbywa się przy użyciu aktualnych praktyk, w tym ES6 i Webpack.

Zauważ, że nie jest to kompleksowy kurs, a Flux i Redux są zaawansowanymi koncepcjami, które nie są częścią podstawowej struktury React, dlatego zalecamy korzystanie z tego kursu jako sposobu na ponowne zapoznanie się i utrwalenie koncepcji nabytych na powyższych kursach..

Stronie internetowej - Kurs React LearnCode Academy

7. Konwencja React

Niektórzy programiści wolą kodować zgodnie z konwencją - to znaczy przestrzegać określonego zestawu decyzji projektowych (“konwencje”) od projektu do projektu, aby zminimalizować złożoność i przyspieszyć proces rozwoju, szczególnie na wczesnym etapie nowych projektów. Ten internetowy ebook ma na celu przedstawienie jednego rodzaju konwencji, którą mogą stosować programiści React.

Zanim jednak się w to zagłębisz, powinieneś już być dobrze obeznany z ES6, dobrze orientować się w frameworku React i zrozumieć podstawy Redux. Ten ebook nie jest dla początkujących. Jest to raczej pomocne dla półproduktów, którzy czują się przytłoczeni i nie są pewni, jak przekształcić swoją wiedzę React / Redux w aplikacje internetowe od podstaw..

Samouczek rozpoczyna się od projektu zestawu startowego i pokazuje, jak go zmodyfikować. Przestrzegając tej konwencji w przyszłych projektach, nie będziesz musiał tracić czasu na odtwarzanie wszystkiego.

Stronie internetowej - Konwencja React

Więc nauczyłeś się reagować: co teraz?

Dzięki tym samouczkom na wyciągnięcie ręki powinieneś mieć wystarczającą wiedzę, aby zacząć tworzyć własne aplikacje internetowe za pomocą React. W tym momencie pozostaje tylko ćwiczyć, ćwiczyć, ćwiczyć. Szczególnie fajne jest to, że możesz później użyć React Native do tworzenia aplikacji mobilnych Aby zbudować aplikację na Androida, musisz nauczyć się tych 7 języków programowania Aby zbudować aplikację na Androida, musisz nauczyć się tych 7 języków programowania, dla którego języka programowania jest odpowiedni tworzysz aplikacje na Androida? Wszystko zależy od historii programowania i języków, w których czujesz się najlepiej. Na szczęście masz opcje. - ale nie wyprzedzaj siebie. Trzymaj się aplikacji internetowych, aż będziesz pewny siebie.

To będzie trudna droga, dlatego zalecamy sprawdzenie naszego artykułu na temat uczenia się programowania bez stresu Jak nauczyć się programowania bez stresu Jak nauczyć się programowania bez stresu Być może zdecydowałeś się kontynuować programowanie kariera lub po prostu hobby. Świetny! Ale może zaczynasz czuć się przytłoczony. Nie za dobrze. Oto pomoc w ułatwieniu podróży. . To, że walczysz, nie oznacza, że ​​nie jesteś programistą. 6 znaków, że nie jesteś programistą. 6 znaków, że nie jesteś programistą. Nie wszyscy są wykluczeni, aby zostać programistą. programista. Jeśli nie masz całkowitej pewności, że chcesz zostać programistą, oto kilka znaków, które mogą skierować Cię w dobrym kierunku. !

Aby uzyskać więcej informacji, sprawdź najlepsze kursy, za które warto zapłacić na Coursera. 11 najlepszych stron z darmowymi kursami programowania komputerowego online 11 najlepszych stron z darmowymi kursami programowania komputerowego online Korzystając z tych bezpłatnych kursów programowania komputerowego, możesz stać się świetnym programistą bez stopień informatyka. .

Mam nadzieję, że te bezpłatne samouczki pomogły! Jeśli znasz jakieś inne bezpłatne zasoby React, których nam brakowało, daj nam znać w komentarzu poniżej.

Zdjęcie: guteksk7 przez Shutterstock.com