Μάθετε με Doing: Οι 8 Καλύτερες Διαδραστικές Ιστοσελίδες Κωδικοποίησης

Ενώ υπάρχουν όλα τα είδη των πόρων που χρησιμοποιούν οι άνθρωποι όταν μάθουν να κώδικα - screencasts, βίντεο, βιβλία, σεμινάρια, online μαθήματα και άλλα - σε αυτό το άρθρο θα επικεντρωθώ μόνο σε μερικές από τις καλύτερες και πιο δημοφιλείς διαδραστικές ιστοσελίδες που έχετε μάθει από την επίλυση προκλήσεων ή την οικοδόμηση σχεδίων στο διαδίκτυο. Ενώ οι περισσότεροι πόροι στο διαδίκτυο έχουν μερικές διαδραστικές δοκιμές ή προκλήσεις που μπορείτε να πάρετε που σας επιτρέπει να κωδικοποιήσετε στην πραγματικότητα, κάποια εστίαση σε μεγάλο βαθμό στην κατοχή σας πρακτική που πιστεύω ότι είναι ο καλύτερος τρόπος για να πάρετε καλύτερα στην κωδικοποίηση.

Παρακολουθώντας βίντεο και διαβάζοντας σεμινάρια online θα σας φτάσει μέχρι τώρα. Για να γίνει ένας σπουδαίος προγραμματιστής, θα χρειαστείτε έναν τόνο πρακτικής. Έτσι, για αρχάριους, σας συνιστώ να επιλύσετε πολλές προκλήσεις κώδικα και να εργαστείτε σε αρκετά μικρά έργα.

Αυτή η λίστα είναι ένας συνδυασμός της δικής μου έρευνας και κάποιας βοήθειας από ανθρώπους σε κοινότητες κωδικοποίησης στο διαδίκτυο, όπως Coderbyte, r / learnprogramming, Newbie Coder Warehouse και Medium.

Πλήρης αρχάριος σε επίπεδο αρχαρίων

Σε αυτό το σημείο, είστε εντελώς νέοι στην κωδικοποίηση ή έχετε μάθει να κωδικοποιείτε για μερικές εβδομάδες. Δοκιμάστε και μάθετε τα βασικά της HTML και CSS, αλλά μην τρελαίνετε προσπαθώντας να απομνημονεύσετε όλες τις ετικέτες και τις ιδιότητες για αυτούς. Μάθετε κάποια JavaScript και πρακτική κωδικοποίηση ώστε να μπορείτε να πάρετε τη σύνταξη σε αυτό το στάδιο. Θα πρέπει να είστε άνετοι επιλύοντας μερικές βασικές προκλήσεις κωδικοποίησης και θα πρέπει να γνωρίζετε αρκετά καλά τη σύνταξη HTML, CSS και JavaScript (ή Python, Ruby, κλπ.).

  1. Σχολείο κώδικα
    Εξαιρετικό για αρχάριους. Περιέχει βίντεο και απλές διαδραστικές προκλήσεις.
  2. Codecademy
    Για πλήρεις αρχάριους που αρχικά μαθαίνουν μια γλώσσα. Μια καλή ιστοσελίδα για την εκμάθηση των βασικών στοιχείων για HTML και CSS.
  3. freeCodeCamp
    Περιέχει πολλά μαθήματα και διαδραστικές προκλήσεις που θα σας βοηθήσουν να μάθετε HTML, CSS και JavaScript. Παράδειγμα εδώ.
  4. Δεντρόσπιτο
    Μια άλλη μεγάλη επιλογή αν είστε αρχάριος που αρχίζει να μαθαίνει να κωδικοποιεί. Προσφέρουν μαθήματα βίντεο μαζί με μερικές διαδραστικές προκλήσεις.

Αρχάριος σε ενδιάμεσο επίπεδο

Ίσως μετά από έναν έως δύο μήνες να μάθουν να κωδικοποιούν (αν σπουδάζετε τακτικά), θα πρέπει να αρχίσετε να εξασκείτε - πολύ! Πρέπει να γίνετε άνετοι με τη σύνταξη βασικών αλγορίθμων που περιλαμβάνουν πίνακες κατακερματισμού, πίνακες συστοιχίας, βρόχους, χειρισμού συμβολοσειρών κλπ. Εάν ενδιαφέρεστε για την ανάπτυξη ιστού, τότε θα πρέπει να είστε σε θέση να δημιουργείτε απλά UI και ιστοσελίδες αρκετά γρήγορα με κάποια βασικά HTML και CSS.

  1. Coderbyte
    Ο κώδικας πρακτικής επίλυσης κώδικα προκλήσεις εδώ και την εφαρμογή διαφορετικών αλγορίθμων και δομών δεδομένων. Μπορείτε επίσης να δείτε τις λύσεις κώδικα άλλων ανθρώπων για να δείτε πώς έχουν λύσει τις προκλήσεις.
  2. DataCamp
    Εάν σας ενδιαφέρει η επιστήμη των δεδομένων, τότε αυτός ο ιστότοπος έχει ένα μεγάλο ηλεκτρονικό επεξεργαστή όπου μπορείτε να κωδικοποιήσετε σε Python και R.
  3. HackerRank
    Ένας άλλος ιστότοπος για την πρακτική επίλυσης προκλήσεων κώδικα με πολλά μαθήματα σχετικά με διαφορετικούς αλγόριθμους.
  4. CodinGame
    Αυτός ο ιστότοπος προσφέρει στους χρήστες τη δυνατότητα να λύσουν τις προκλήσεις κωδικοποίησης που συνδέονται άμεσα με τα online παιχνίδια. Μια αρκετά δροσερή ιδέα.

Ενδιάμεσο έως προχωρημένο επίπεδο

Μόλις αισθάνεστε ότι έχετε κατανοήσει τα βασικά του προγραμματισμού (π.χ. έμαθαν κάποια HTML / CSS / JS + ίσως μια γλώσσα back-end και κάποια βάση δεδομένων) και είναι σε θέση να επιλύσουν τις προκλήσεις του κώδικα άνετα (π.χ. Οι πιο δύσκολες προκλήσεις κώδικα για αρχάριους ) και έχουν δημιουργήσει μερικά μικρά έργα, τότε νομίζω ότι οι παρακάτω πόροι θα βοηθήσουν τον οδηγό προς τη σωστή κατεύθυνση για να γίνει ένας μεγάλος προγραμματιστής λογισμικού.

  • Ένας οδηγός για να γίνει πλήρης προγραμματιστής το 2017
  • Βελτίωση δεξιοτήτων αλγορίθμων και δομών δεδομένων
  • Δυναμικός Προγραμματισμός - Από Αρχάριο σε Προχωρημένο
  • Ανανέωση της δημοσίευσης: άρθρα σχετικά με την απόδοση του ιστού (πολύ καλή)
  • Το Netflix Tech Blog: Σύνθετη αρχιτεκτονική και θέματα κλιμάκωσης

Ευχαριστώ για την ανάγνωση, ελπίζω να σας άρεσε η λίστα των ιστοσελίδων που έβαλα μαζί!