Τα 7 καλύτερα δωρεάν μαθήματα για την εκμάθηση του React και τη δημιουργία εφαρμογών Ιστού

Διαφήμιση

Αυτή τη στιγμή, όχι μόνο το React βρίσκεται στο απόγειο της δημοτικότητάς του, αλλά και η δημοτικότητά του επιταχύνεται. Καθόσον Αφορά την ανάπτυξη ιστού JavaScript Προγραμματισμός vs. Ανάπτυξη Ιστού: Ποια είναι η διαφορά;Μπορεί να νομίζετε ότι οι προγραμματιστές εφαρμογών και οι προγραμματιστές ιστού κάνουν την ίδια δουλειά, αλλά αυτό απέχει πολύ από την αλήθεια. Εδώ είναι οι βασικές διαφορές μεταξύ προγραμματιστών και προγραμματιστών ιστού. Διαβάστε περισσότερα , το React είναι ένα από τα πιο εύκολα πλαίσια για εκμάθηση και ένα από τα πιο αποτελεσματικά για γρήγορη και ισχυρή ανάπτυξη.

Αν λοιπόν αποφασίσατε να το μάθετε, χαϊδέψτε τον εαυτό σας στην πλάτη: κάνατε μια έξυπνη επιλογή.

Το μόνο πρόβλημα είναι ότι τα περισσότερα αξιόλογα μαθήματα React έρχονται με βαρύ τίμημα. Για παράδειγμα, οι πολύ αναγνωρισμένοι Μάθημα React for Beginners είναι 89 $ (αρχική έκδοση) και 127 $ (κύρια έκδοση). Τα δωρεάν μαθήματα σπάνια είναι τόσο περιεκτικά και χρήσιμα — αλλά έχουμε βρει πολλά που είναι

εξαιρετικό και θα σας κάνει να ξεκινήσετε με το δεξί πόδι Τι κάνει ένα καλό σεμινάριο προγραμματισμού;Δεν είναι όλα τα σεμινάρια προγραμματισμού ίσα. Κάποια σε ωφελούν και άλλα καταλήγουν να χάνουν τον χρόνο σου. Δείτε τι πρέπει να αναζητήσετε σε ένα ποιοτικό σεμινάριο προγραμματισμού. Διαβάστε περισσότερα .

1. React Training’s Fundamentals Course

Ο Tyler McGinnis είναι ένας πολύ γνωστός προγραμματιστής και εκπαιδευτής του React που διδάσκει και γράφει για το React χρόνια τώρα. Αυτήν τη στιγμή έχει τέσσερα διαθέσιμα μαθήματα για το React Training [No Longer Available], το πρώτο από τα οποία είναι εντελώς δωρεάν και χρησιμεύει ως σημείο εισόδου για τα υπόλοιπα.

React Fundamentals χωρίζεται σε 32 μαθήματα βίντεο που προσθέτουν έως και τρεις ολόκληρες ώρες εκπαίδευσης. Θα μάθετε όλα όσα χρειάζεστε για να θέσετε σε λειτουργία μια βασική εφαρμογή React (π.χ. React ecosystem, NPM, Babel και Webpack), οι βασικές έννοιες και ο κύκλος ζωής που οδηγούν τις εφαρμογές React, πώς να γράφετε τα στοιχεία σωστά και πώς να μεταβιβάζετε δεδομένα περίπου.

Είναι πυκνό. Είναι κατατοπιστικό. Είναι η τέλεια εισαγωγή και το γεγονός ότι η McGinnis το προσφέρει δωρεάν είναι πολύ φοβερό. Αυτή θα πρέπει να είναι η πρώτη σας στάση όταν μαθαίνετε το React.

Δικτυακός τόπος — React Fundamentals Course [Δεν είναι πλέον διαθέσιμο]

2. Hacking με το React

Hacking με το React είναι ένα ebook που είναι εντελώς δωρεάν, από εξώφυλλο, εάν διαβάσετε την έκδοση μόνο για τον ιστό. Μπορείτε να πάρετε μια έκδοση PDF, EPUB ή MOBI με δυνατότητα λήψης για 10 $, αν προτιμάτε να το πάρετε μαζί σας και να μάθετε εκτός σύνδεσης. Είτε έτσι είτε αλλιώς, είναι ένας καταπληκτικός πόρος για αρχάριους που δεν τους αρέσουν τα βίντεο.

Ξεκινά από την αρχή, εξηγώντας βασικές έννοιες όπως το JSX και τα στοιχεία και τα στηρίγματα, και κρατά το χέρι σας κατά την αποφοίτησή σας σε ενδιάμεσα θέματα όπως καταστάσεις, δρομολόγηση, δοκιμές, λινάτσα και περισσότερο. Είναι γραμμένο στο ES6 από την αρχή μέχρι το τέλος και θα μάθετε τις βέλτιστες πρακτικές στην πορεία, συμπεριλαμβανομένων των Babel, Webpack και ESLint.

Θα σας κάνει ειδικό του React; Όχι, αλλά αυτό θα σας κάνει αρκετά άνετα ώστε να νιώθετε αυτοπεποίθηση και να συνεχίσετε να μαθαίνετε. Τουλάχιστον, θα γνωρίζετε περισσότερα από αρκετά React για να αποφασίσετε αν θα ξοδέψετε χρήματα σε ένα προηγμένο μάθημα premium αλλού.

Δικτυακός τόπος — Hacking με το React

3. Το επίσημο εκπαιδευτικό πρόγραμμα React

Θα πιστεύατε ότι το επίσημο σεμινάριο θα πρέπει να είναι το πρώτο μέρος που πρέπει να αναζητήσετε για να μάθετε το React, αλλά εγώ προσωπικά το βρήκα λίγο πολύ γρήγορο για εντελώς αρχάριους - υπέθετε πολύ περισσότερες γνώσεις από τους περισσότερους οι αρχάριοι έχουν. Είναι τέλειο αν είχατε προηγούμενη εμπειρία με άλλο πλαίσιο ιστού JavaScript.

Τούτου λεχθέντος, το επίσημο σεμινάριο React είναι φανταστικό αφού μάθετε τις βασικές έννοιες του React και παλεύετε να τις εφαρμόσετε στην πράξη. Σας οδηγεί στη δημιουργία μιας εφαρμογής web tic-tac-toe που δεν χρησιμοποιεί τίποτα περισσότερο από στοιχεία, στηρίγματα και κατάσταση. Γεφυρώνει το χάσμα μεταξύ της αφηρημένης θεωρίας και της πρακτικής εφαρμογής.

Συνιστώ επίσης να ελέγξετε το επίσημη τεκμηρίωση του React, το οποίο εξηγεί κάθε κομμάτι του React με εκπληκτική λεπτομέρεια. Ειδικότερα, το Σκέψη στο React Η σελίδα είναι σαν ένα μίνι σεμινάριο για την κατανόηση των ιδιωμάτων που οδηγούν το React. Μην φοβάστε να ανατρέχετε ξανά και ξανά στην τεκμηρίωση του React καθώς μαθαίνετε και δημιουργείτε τις δικές σας εφαρμογές.

Δικτυακός τόπος — Το επίσημο εκπαιδευτικό πρόγραμμα React και Σκέψη στο React

4. Egghead's React Fundamentals Course

Διανοούμενος προσφέρει δεκάδες μαθήματα (εκατοντάδες μαθήματα) για διάφορα θέματα ανάπτυξης ιστοσελίδων: JavaScript, Angular, React, RxJS, Node, TypeScript κ.λπ. Το React είναι το τρίτο μεγαλύτερο θέμα στον ιστότοπο και παρόλο που τα περισσότερα από τα μαθήματα είναι για premium χρήστες, υπάρχουν πέντε διαθέσιμα δωρεάν:

• Ξεκινήστε να χρησιμοποιείτε το React για τη δημιουργία εφαρμογών Ιστού
• Προσθήκη δρομολόγησης σε εφαρμογές React χρησιμοποιώντας το React Router v4
• Ξεκινώντας με το Redux
• Δημιουργία εφαρμογών React με Idiomatic Redux
• Διαχειριστείτε τη σύνθετη κατάσταση στις εφαρμογές React με το MobX

Τα δύο πρώτα είναι τα πιο σημαντικά, αλλά πιθανότατα θα θελήσετε να τα πάρετε όλα κάποια στιγμή (καλύτερα με τη σειρά που αναφέρεται). Τα μαθήματα προϋποθέτουν ότι γνωρίζετε ήδη JavaScript, οπότε ρίξτε μια ματιά στα μαθήματα JavaScript του Egghead αν δεν είστε ακόμα άνετοι με τη γλώσσα 7 Χρήσιμα κόλπα για να κατακτήσετε μια νέα γλώσσα προγραμματισμούΕίναι εντάξει να είστε συγκλονισμένοι όταν μαθαίνετε να κωδικοποιείτε. Πιθανότατα θα ξεχάσετε πράγματα όσο γρήγορα τα μάθετε. Αυτές οι συμβουλές μπορούν να σας βοηθήσουν να διατηρήσετε καλύτερα όλες αυτές τις νέες πληροφορίες. Διαβάστε περισσότερα .

Σημειώστε ότι τα premium μαθήματα είναι επίσης αρκετά καλά και αξίζει να τα ελέγξετε εάν μπορείτε να αντέξετε οικονομικά τη συνδρομή Pro: 40 $ το μήνα ή 200 $ το χρόνο.

Δικτυακός τόπος — Egghead's React Fundamentals Course

5. Μάθετε React και Redux With Cabin

Αν και το Redux δεν αποτελεί μέρος του βασικού πλαισίου του React, χρησιμοποιούνται τόσο συχνά μαζί που πραγματικά πρέπει να το μάθετε. Και ακόμα κι αν τελικά απομακρυνθείτε από το Redux, μπορείτε να πάρετε τις έννοιες μαζί σας και να τις εφαρμόσετε σε ό, τι καταλήξετε να χρησιμοποιήσετε στη θέση του.

Καμπίνα είναι μια σειρά εκμάθησης 10 μερών που θα σας διδάξει πώς να δημιουργήσετε μια απλοποιημένη εφαρμογή κοινωνικού δικτύου από την αρχή: εγκατάσταση Node/React/Webpack, κατανόηση πώς λειτουργεί το React, ενσωματώνοντας Redux, ασχολείται με λειτουργίες κοινωνικών δικτύων όπως ροές και ειδοποιήσεις, επεξεργασία εικόνων και φίλτρων όπως το Instagram και περισσότερο.

Το τελευταίο μέρος είναι μια επισκόπηση των «καλύτερων πρακτικών» που όχι μόνο σας διδάσκει τον πιο αποτελεσματικό τρόπο χρήσης και οργάνωσης του React/Redux, αλλά και κοινά λάθη που πρέπει να αποφύγετε, πώς να σχεδιάσετε μια επεκτάσιμη εφαρμογή και πώς να χρησιμοποιήσετε εργαλεία τρίτων για να διευκολύνετε την ανάπτυξή σας ροή εργασιών.

Δικτυακός τόπος — Μάθετε React και Redux With Cabin

6. Μάθημα React της LearnCode Academy

Τα τελευταία χρόνια, LearnCode Academy έχει διακριθεί ως ένα από τα καλύτερα κανάλια προγραμματισμού στο YouTube Τα 17 καλύτερα σεμινάρια προγραμματισμού YouTubeΣε αυτήν την ανάρτηση, θα θέλαμε να σας υποδείξουμε μερικές από τις καλύτερες σειρές προγραμματισμού YouTube που έχουμε βρει. Όλα αυτά αρκούν για να βρέξετε τα πόδια σας ως αρχάριος προγραμματιστής. Διαβάστε περισσότερα . Εξειδικεύεται στην ανάπτυξη ιστού και καλύπτει όλα τα είδη θεμάτων που κυμαίνονται από HTML, CSS και JavaScript έως συγκεκριμένα πλαίσια όπως το Angular και το React. Και είναι όλα δωρεάν.

Το μάθημα χωρίζεται σε τρεις ενότητες: οκτώ βίντεο σχετικά με τις βασικές έννοιες του React, έξι βίντεο σχετικά με τη χρήση του Flux για αρχιτεκτονική δεδομένων και επτά βίντεο σχετικά με τη χρήση του Redux για τη διαχείριση κατάστασης. Όλα αυτά γίνονται χρησιμοποιώντας ενημερωμένες πρακτικές, συμπεριλαμβανομένων των ES6 και Webpack.

Σημειώστε ότι αυτό δεν είναι ένα ολοκληρωμένο μάθημα και το Flux και το Redux είναι και οι δύο προηγμένες έννοιες που δεν αποτελούν μέρος του πυρήνα React framework, γι' αυτό συνιστούμε να χρησιμοποιήσετε αυτό το μάθημα ως έναν τρόπο επανεξέτασης και εμβάθυνσης των εννοιών που έχετε μάθει στα παραπάνω μαθήματα.

Δικτυακός τόπος — Μάθημα React της LearnCode Academy

7. Η Σύμβαση React

Μερικοί προγραμματιστές προτιμούν να κωδικοποιούν κατά σύμβαση — δηλαδή να τηρούν ένα συγκεκριμένο σύνολο σχεδιαστικών αποφάσεων («συμβάσεις») από έργο στο έργο για να ελαχιστοποιηθεί η πολυπλοκότητα και να επιταχυνθεί η διαδικασία ανάπτυξης, ιδιαίτερα στο αρχικό στάδιο του νέου έργα. Αυτό το ηλεκτρονικό ηλεκτρονικό βιβλίο στοχεύει να παρουσιάσει ένα είδος σύμβασης που μπορούν να ακολουθήσουν οι προγραμματιστές του React.

Προτού βουτήξετε σε αυτό, ωστόσο, θα πρέπει να είστε ήδη καλά γνώστες του ES6, να βολεύεστε με το πλαίσιο React και να κατανοείτε τα βασικά του Redux. Αυτό το ebook δεν είναι για αρχάριους από μόνο του. Αντίθετα, είναι χρήσιμο για τους ενδιάμεσους που αισθάνονται καταβεβλημένοι και δεν είναι σίγουροι πώς να μετατρέψουν τις γνώσεις τους στο React/Redux σε εφαρμογές ιστού από την αρχή.

Το σεμινάριο ξεκινά με ένα έργο κιτ εκκίνησης και σας δείχνει πώς να το τροποποιήσετε. Ακολουθώντας αυτή τη σύμβαση σε μελλοντικά έργα, δεν θα χρειαστεί να χάνετε χρόνο αναδημιουργώντας τα πάντα.

Δικτυακός τόπος — Η Σύμβαση React

Έτσι μάθατε να αντιδράτε: Τώρα τι;

Με αυτά τα σεμινάρια υπό τη ζώνη σας, θα πρέπει να είστε αρκετά ενημερωμένοι για να ξεκινήσετε να δημιουργείτε τις δικές σας εφαρμογές ιστού με το React. Σε αυτό το σημείο, το μόνο που μένει είναι η εξάσκηση, η εξάσκηση, η εξάσκηση. Και αυτό που είναι ιδιαίτερα ωραίο είναι ότι μπορείτε αργότερα χρησιμοποιήστε το React Native για να δημιουργήσετε εφαρμογές για κινητά Για να δημιουργήσετε μια εφαρμογή Android, πρέπει να μάθετε αυτές τις 7 γλώσσες προγραμματισμούΠοια γλώσσα προγραμματισμού είναι κατάλληλη για τη δημιουργία εφαρμογών Android; Έχει να κάνει με το ιστορικό προγραμματισμού σας και ποιες γλώσσες αισθάνεστε πιο άνετα χρησιμοποιώντας. Ευτυχώς, έχετε επιλογές. Διαβάστε περισσότερα — αλλά μην προλαβαίνετε. Παραμείνετε με τις εφαρμογές Ιστού μέχρι να είστε σίγουροι.

Θα είναι ένας δύσκολος δρόμος, γι' αυτό συνιστούμε να ανατρέξετε στο άρθρο μας μαθαίνοντας πώς να προγραμματίζετε χωρίς άγχος Πώς να μάθετε προγραμματισμό χωρίς όλο το άγχοςΊσως έχετε αποφασίσει να ακολουθήσετε τον προγραμματισμό, είτε για καριέρα είτε απλώς ως χόμπι. Μεγάλος! Ίσως όμως έχετε αρχίσει να αισθάνεστε καταβεβλημένοι. Οχι και τόσο καλό. Ακολουθεί βοήθεια για να διευκολύνετε το ταξίδι σας. Διαβάστε περισσότερα . Το ότι δυσκολεύεσαι δεν σημαίνει δεν είσαι προγραμματιστής 6 σημάδια ότι δεν πρόκειται να γίνεις προγραμματιστήςΔεν είναι όλοι αποφασισμένοι να είναι προγραμματιστές. Εάν δεν είστε απόλυτα σίγουροι ότι προορίζεται να γίνετε προγραμματιστής, δείτε μερικά σημάδια που μπορεί να σας οδηγήσουν στη σωστή κατεύθυνση. Διαβάστε περισσότερα !

Για περισσότερες πληροφορίες, ρίξτε μια ματιά τα καλύτερα μαθήματα που αξίζει να πληρώσετε στο Coursera Οι 11 καλύτεροι ιστότοποι για δωρεάν διαδικτυακά μαθήματα προγραμματισμού υπολογιστώνΧρησιμοποιώντας αυτά τα δωρεάν διαδικτυακά μαθήματα προγραμματισμού υπολογιστών, μπορείτε να γίνετε εξαιρετικός κωδικοποιητής χωρίς πτυχίο επιστήμης υπολογιστών. Διαβάστε περισσότερα .

Ας ελπίσουμε ότι αυτά τα δωρεάν σεμινάρια βοήθησαν! Εάν γνωρίζετε άλλους δωρεάν πόρους React που παραλείψαμε, ενημερώστε μας σε ένα σχόλιο παρακάτω.

Πίστωση εικόνας: guteksk7 μέσω Shutterstock.com