Συντάκτες κώδικα σε απευθείας σύνδεση

Anonim

Συντάκτες κώδικα σε απευθείας σύνδεση

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

Επεξεργαστείτε τον κωδικό του προγράμματος στο διαδίκτυο

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

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

Μέθοδος 2: Liveweave

Τώρα θα ήθελα να μείνω στον πόρο Web Liveweave. Δεν έχει μόνο ενσωματωμένο επεξεργαστή κώδικα, αλλά και άλλα εργαλεία που θα μιλήσουμε παρακάτω. Η εργασία ξεκινά με τον ιστότοπο όπως αυτό:

Πηγαίνετε στην ιστοσελίδα Liveweave

  1. Ακολουθήστε τον παραπάνω σύνδεσμο για να φτάσετε στη σελίδα επεξεργασίας. Εδώ βλέπετε αμέσως τέσσερα παράθυρα. Ο πρώτος κώδικας γραφής στο HTML5, στο δεύτερο - JavaScript, στο τρίτο - CS, και το αποτέλεσμα της σύνταξης παρουσιάζεται στο τέταρτο.
  2. Τέσσερα ενεργά παράθυρα στην υπηρεσία Liveweave

  3. Ένα από τα χαρακτηριστικά αυτού του ιστότοπου μπορεί να θεωρηθεί αναδυόμενες συμβουλές κατά την πληκτρολόγηση ετικετών, σας επιτρέπουν να αυξήσετε την ταχύτητα του σετ και να αποφύγετε γραπτώς τα σφάλματα.
  4. Προβολή συμβουλών στην υπηρεσία Liveweave

  5. Από προεπιλογή, η σύνταξη εμφανίζεται σε λειτουργία LIVE, δηλαδή, επεξεργάζεται αμέσως μετά την πραγματοποίηση αλλαγών.
  6. Ολοκλήρωση σε πραγματικό χρόνο στην υπηρεσία Liveweave

  7. Εάν θέλετε να απενεργοποιήσετε αυτή τη λειτουργία, πρέπει να μετακινήσετε το ρυθμιστικό απέναντι από το απαιτούμενο στοιχείο.
  8. Απενεργοποιήστε την αυτόματη συλλογή στην υπηρεσία Liveweave

  9. Σε κοντινή απόσταση είναι διαθέσιμη και εκτός λειτουργίας της νύχτας.
  10. Απενεργοποιήστε τη λειτουργία νύχτας στην υπηρεσία Liveweave

  11. Μπορείτε να προχωρήσετε στην εργασία με τους ελεγκτές CSS κάνοντας κλικ στο κατάλληλο κουμπί στο αριστερό παράθυρο.
  12. Πηγαίνετε στον επεξεργαστή CSS στην υπηρεσία Liveweave

  13. Στο μενού που ανοίγει, η επιγραφή επεξεργάζεται μετακινώντας τα ρυθμιστικά και αλλάζουν ορισμένες τιμές.
  14. Επεξεργαστείτε το CSS στην υπηρεσία Liveweave

  15. Στη συνέχεια, συνιστούμε να δώσουμε προσοχή στον καθορισμό χρώματος.
  16. Μεταβείτε στο πρόγραμμα περιήγησης στηλών στην υπηρεσία Liveweave

  17. Παρέχετε μια εκτεταμένη παλέτα όπου μπορείτε να επιλέξετε οποιαδήποτε σκιά και ο κώδικας του θα εμφανιστεί στην κορυφή, η οποία χρησιμοποιείται αργότερα κατά τη σύνταξη προγραμμάτων με τη διεπαφή.
  18. Εργασία με το πρόγραμμα περιήγησης χρωμάτων στην υπηρεσία Liveweave

  19. Μετακίνηση στο μενού "Επεξεργαστής φορέα".
  20. Πηγαίνετε στον επεξεργαστή φορέα στην υπηρεσία Liveweave

  21. Εργάζεται με γραφικά αντικείμενα, τα οποία θα είναι επίσης χρήσιμα τη στιγμή της ανάπτυξης λογισμικού.
  22. Εργασία στον επεξεργαστή φορέα στην υπηρεσία Liveweave

  23. Ανοίξτε το αναδυόμενο μενού εργαλείων. Εδώ είναι διαθέσιμη φόρτωση προτύπου, αποθηκεύστε το αρχείο HTML και τη γεννήτρια κειμένου.
  24. Μετάβαση στην εξοικονόμηση στην υπηρεσία Liveweave

  25. Ένα έργο μεταφορτώνεται με τη μορφή ενός αρχείου.
  26. Ανοίξτε το αποθηκευμένο έγγραφο από την υπηρεσία Liveweave

  27. Αν θέλετε να αποθηκεύσετε την εργασία, θα πρέπει πρώτα να περάσετε από τη διαδικασία εγγραφής σε αυτήν την ηλεκτρονική υπηρεσία.
  28. Αποθηκεύστε το έργο στην υπηρεσία Liveweave

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

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

Δείτε επίσης:

Επιλέξτε το περιβάλλον προγραμματισμού

Προγράμματα για τη δημιουργία εφαρμογών Android

Επιλέγοντας ένα πρόγραμμα για τη δημιουργία ενός παιχνιδιού

Διαβάστε περισσότερα