React'i Öğrenmek ve Web Uygulamaları Yapmak için En İyi 7 Ücretsiz Öğretici

Reklamcılık

Şu anda, React sadece popülaritesinin zirvesinde değil, aynı zamanda popülaritesi de hızlanıyor. Kadarıyla JavaScript web geliştirme söz konusu Programlama vs Web Geliştirme: Fark Nedir?Uygulama programcılarının ve web geliştiricilerinin aynı işi yaptığını düşünebilirsiniz, ancak bu gerçek olmaktan çok uzak. İşte programcılar ve web geliştiricileri arasındaki temel farklar. Devamını oku , React, öğrenmesi en kolay çerçevelerden biridir ve hızlı ve sağlam geliştirme için en etkili olanlardan biridir.

Yani öğrenmeye karar verdiyseniz, sırtınızı sıvazlayın: akıllıca bir seçim yaptınız.

Tek sorun, en değerli React kurslarının yüksek bir fiyat etiketi ile gelmesidir. Örneğin, çok beğenilen Yeni Başlayanlar için React kursu 89$ (başlangıç ​​versiyonu) ve 127$ (ana versiyon). Ücretsiz kurslar nadiren kapsamlı ve faydalıdır - ancak bunlardan birkaçını bulduk. mükemmel ve doğru adımla başlamanızı sağlayacak İyi Bir Programlama Eğitimi Yapan Nedir?Tüm programlama eğitimleri eşit yapılmamıştır. Bazıları size fayda sağlarken diğerleri zamanınızı boşa harcar. Kaliteli bir programlama eğitiminde nelere dikkat etmeniz gerektiğini burada bulabilirsiniz.

Devamını oku .

1. React Training'in Temelleri Kursu

Tyler McGinnis, yıllardır React hakkında ders veren ve yazan tanınmış bir React geliştiricisi ve eğitmenidir. Halihazırda React Training [Artık Mevcut Değil] üzerine dört kursu mevcut, bunlardan ilki tamamen ücretsiz ve diğerleri için bir giriş noktası görevi görüyor.

Tepki Temelleri üç tam saatlik eğitime ekleyen 32 video dersine bölünmüştür. Temel bir React uygulamasını çalışır duruma getirmek için ihtiyacınız olan her şeyi öğreneceksiniz (ör. React ekosistemi, NPM, Babel ve Webpack), React uygulamalarını çalıştıran temel kavramlar ve yaşam döngüsü, bileşenlerin nasıl düzgün yazılacağı ve verilerin nasıl iletileceği etrafında.

Yoğun. Bilgilendirici. Bu mükemmel bir giriş ve McGinnis'in bunu ücretsiz olarak sunması oldukça harika. Bu, React'i öğrenirken ilk durağınız olmalıdır.

İnternet sitesi — React Temelleri Kursu [Artık Mevcut Değil]

2. React ile Hackleme

React ile Hackleme Yalnızca web sürümünü okursanız, baştan sona tamamen ücretsiz olan bir e-kitaptır. Yanınıza alıp çevrimdışı öğrenmeyi tercih ederseniz, indirilebilir bir PDF, EPUB veya MOBI sürümünü 10 ABD doları karşılığında alabilirsiniz. Her iki durumda da, videoları sevmeyen yeni başlayanlar için harika bir kaynak.

En baştan başlar, JSX, bileşenler ve aksesuarlar gibi temel kavramları açıklar ve durumlar, yönlendirme, testler, linting ve daha fazla. Baştan sona ES6'da yazılmıştır ve yol boyunca Babel, Webpack ve ESLint dahil olmak üzere en iyi uygulamaları öğreneceksiniz.

Bu sizi bir React uzmanı yapacak mı? hayır ama o niyet Kendinizi güvende hissedecek ve öğrenmeye devam edecek kadar rahat olmanızı sağlar. En azından, başka bir yerde gelişmiş bir premium kursa para harcayıp harcamamaya karar vermek için fazlasıyla React'i bileceksiniz.

İnternet sitesi — React ile Hackleme

3. Resmi React Eğitimi

React'i öğrenmek için ilk bakılacak yerin resmi öğretici olması gerektiğini düşünürdünüz, ancak ben kişisel olarak, tamamen yeni başlayanlar için biraz fazla hızlı buldu - çoğundan çok daha fazla bilgi varsayıyordu yeni başlayanlar var. Başka bir JavaScript web çerçevesiyle daha önce deneyiminiz varsa, bu mükemmel.

Söyleniyor ki, resmi React öğreticisi React'in temel kavramlarını öğrendiğinizde ve bunları uygulamaya koymak için mücadele ettiğinizde harikadır. Bileşenler, aksesuarlar ve durumdan başka bir şey kullanmadan sizi bir tic-tac-toe web uygulaması oluşturmaya götürür. Soyut teori ile pratik uygulama arasındaki boşluğu doldurur.

ayrıca incelemeni tavsiye ederim resmi React belgeleriBu, React'in her bir parçasını şaşırtıcı miktarda ayrıntıyla açıklar. özellikle, React'te Düşünmek sayfası, React'i yönlendiren deyimleri kavramaya yönelik mini bir eğitim gibidir. Kendi uygulamalarınızı öğrenirken ve oluştururken React belgelerine tekrar tekrar başvurmaktan korkmayın.

İnternet sitesi — Resmi React Eğitimi ve React'te Düşünmek

4. Egghead'in React Temelleri Kursu

Aydın çeşitli web geliştirme konularında düzinelerce kurs (yüzlerce ders) sunar: JavaScript, Angular, React, RxJS, Node, TypeScript, vb. React, sitedeki en büyük üçüncü konudur ve kursların çoğu premium kullanıcılar için olmasına rağmen, ücretsiz olarak sunulan beş tane vardır:

• Web Uygulamaları Oluşturmak için React'i Kullanmaya Başlayın
• React Router v4 Kullanarak React Uygulamalarına Yönlendirme Ekleyin
• Redux'a Başlarken
• Deyimsel Redux ile React Uygulamaları Oluşturma
• MobX ile React Uygulamalarında Karmaşık Durumu Yönetin

İlk ikisi en önemlileridir, ancak muhtemelen hepsini bir noktada (en uygun olarak listelenen sırada) almak isteyeceksiniz. Kurslar JavaScript'i zaten bildiğinizi varsayar, bu nedenle Egghead'in JavaScript kurslarına göz atın henüz dil konusunda rahat değilseniz Yeni Bir Programlama Dilinde Ustalaşmak İçin 7 Faydalı Püf NoktasıKodlamayı öğrenirken bunalmanızda sorun yok. Muhtemelen bazı şeyleri öğrendiğiniz kadar çabuk unutacaksınız. Bu ipuçları, tüm bu yeni bilgileri daha iyi saklamanıza yardımcı olabilir. Devamını oku .

Premium kursların da oldukça iyi olduğunu ve Pro aboneliğini karşılayıp karşılayamayacağınızı kontrol etmeye değer olduğunu unutmayın: Ayda 40 ABD Doları veya yılda 200 ABD Doları.

İnternet sitesi — Egghead'in React Temelleri Kursu

5. Kabin ile React ve Redux Öğrenin

Redux, temel React çerçevesinin bir parçası olmasa da, birlikte o kadar sık ​​kullanılırlar ki gerçekten öğrenmeniz gerekir. Ve sonunda Redux'tan uzaklaşsanız bile, kavramları yanınıza alabilir ve onun yerine kullandığınız her şeye uygulayabilirsiniz.

Kabin size sıfırdan basitleştirilmiş bir sosyal ağ uygulamasının nasıl oluşturulacağını öğretecek 10 bölümlük bir eğitim serisidir: Node/React/Webpack yükleme, anlama React'in nasıl çalıştığı, Redux'un dahil edilmesi, beslemeler ve bildirimler gibi sosyal ağ özellikleriyle ilgilenme, Instagram gibi görüntüleri ve filtreleri işleme ve daha fazla.

Son bölüm, size yalnızca React/Redux'u kullanmanın ve düzenlemenin en etkili yolunu öğretmekle kalmayıp, "en iyi uygulamalara" genel bir bakıştır. aynı zamanda kaçınılması gereken yaygın hatalar, ölçeklenebilir bir uygulamanın nasıl tasarlanacağı ve geliştirmenizi kolaylaştırmak için üçüncü taraf araçların nasıl kullanılacağı iş akışı.

İnternet sitesi — Kabin ile React ve Redux Öğrenin

6. LearnCode Academy'nin React Kursu

Son birkaç yılda, LearnCode Akademisi biri olarak öne çıkmıştır. YouTube'daki en iyi programlama kanalları En İyi 17 YouTube Programlama EğitimiBu gönderide, sizi bulduğumuz en iyi YouTube programlama dizilerinden bazılarına yönlendirmek istiyoruz. Bunların hepsi, acemi bir programcı olarak ayaklarınızı ıslatmak için yeterlidir. Devamını oku . Web geliştirmede uzmanlaşmıştır ve HTML, CSS ve JavaScript'ten Angular ve React gibi belirli çerçevelere kadar her türlü konuyu kapsar. Ve hepsi ücretsiz.

Kurs üç bölüme ayrılmıştır: temel React kavramlarıyla ilgili sekiz video, veri mimarisi için Flux kullanımıyla ilgili altı video ve durumu yönetmek için Redux kullanımıyla ilgili yedi video. Tüm bunlar, ES6 ve Webpack dahil olmak üzere güncel uygulamalar kullanılarak yapılır.

Bunun kapsamlı bir kurs olmadığını ve Flux ile Redux'un her ikisinin de çekirdeğin parçası olmayan gelişmiş kavramlar olduğunu unutmayın. React çerçevesi, bu nedenle, yukarıdaki kurslarda öğrenilen kavramları tekrar gözden geçirmenin ve pekiştirmenin bir yolu olarak bu kursu kullanmanızı öneririz.

İnternet sitesi — LearnCode Academy'nin React Kursu

7. React Sözleşmesi

Bazı programcılar, belirli bir dizi tasarım kararına ("konvansiyonlar") bağlı kalarak, geleneksel olarak kodlamayı tercih eder. Karmaşıklığı en aza indirecek ve geliştirme sürecini hızlandıracak proje, özellikle yeni projeler. Bu çevrimiçi e-kitap, React geliştiricilerinin izleyebileceği bir tür kural sunmayı amaçlamaktadır.

Bununla birlikte, buna dalmadan önce, zaten ES6'da çok bilgili, React çerçevesi konusunda rahat olmalı ve Redux'un temellerini anlamalısınız. Bu e-kitap kendi başına yeni başlayanlar için değildir. Bunun yerine, bunalmış hisseden ve React/Redux bilgilerini sıfırdan web uygulamalarına nasıl dönüştüreceklerinden emin olmayan ara seviyeler için yararlıdır.

Eğitim, bir başlangıç ​​kiti projesiyle başlar ve onu nasıl değiştireceğinizi gösterir. Gelecekteki projelerde bu konvansiyonu takip ederek, her şeyi yeniden yaratmak için zaman kaybetmenize gerek kalmayacak.

İnternet sitesi — React Sözleşmesi

Yani Tepki Öğrendiniz: Şimdi Ne?

Bu öğreticiler sayesinde, React ile kendi web uygulamalarınızı oluşturmaya başlamak için yeterince bilgili olmalısınız. Bu noktada, geriye kalan tek şey pratik yapmak, pratik yapmak, pratik yapmak. Ve özellikle harika olan şey, daha sonra yapabilmenizdir. mobil uygulamalar oluşturmak için React Native'i kullanın Bir Android Uygulaması Oluşturmak İçin Bu 7 Programlama Dilini Öğrenmeniz GerekiyorAndroid uygulamaları oluşturmak için hangi programlama dili uygundur? Programlama geçmişinize ve hangi dilleri en rahat kullandığınıza bağlıdır. Neyse ki, seçenekleriniz var. Devamını oku - ama kendinin önüne geçme. Kendinizden emin olana kadar web uygulamalarına bağlı kalın.

Zorlu bir yol olacak, bu yüzden şu makalemize göz atmanızı öneririz. stres olmadan programlamayı öğrenmek Tüm Stres Olmadan Programlama Nasıl ÖğrenilirBelki bir kariyer için ya da sadece bir hobi olarak programlama yapmaya karar verdiniz. Harika! Ama belki de bunalmış hissetmeye başlıyorsun. Çok iyi değil. İşte yolculuğunuzu kolaylaştırmak için yardım. Devamını oku . Sadece mücadele ediyor olman anlamına gelmez programcı olmaya uygun değilsin Programcı Olmamanız Gereken 6 İşaretHerkes programcı olmaya uygun değildir. Bir programcı olmanız gerektiğinden tam olarak emin değilseniz, işte size doğru yönü gösterebilecek bazı işaretler. Devamını oku !

Daha fazla öğrenme için, göz atın Coursera'da ödemeye değer en iyi kurslar Ücretsiz Çevrimiçi Bilgisayar Programlama Kursları için En İyi 11 SiteBu ücretsiz çevrimiçi bilgisayar programlama kurslarını kullanarak, bilgisayar bilimi diplomasına sahip olmadan harika bir kodlayıcı olabilirsiniz. Devamını oku .

Umarım bu ücretsiz eğitimler yardımcı olmuştur! Kaçırdığımız başka ücretsiz React kaynakları biliyorsanız, lütfen aşağıya yorum yaparak bize bildirin.

Resim Kredisi: Shutterstock.com aracılığıyla guteksk7