Installing basic software

This translation is incomplete. Please help translate this article from English

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

Ποιά εργαλεία χρησιμοποιούν οι επαγγελματίες;

  • Έναν υπολογιστή. Μπορεί να είναι αυτονόητο για ορισμένους ανθρώπους, αλλά κάποιοι από εσάς διαβάζετε αυτό το άρθρο στο κινητό τηλέφωνό σας ή σε κάποιον υπολογιστή μιας βιβλιοθήκης. Προκειμένου να κάνετε σοβαρή ανάπτυξη ιστοτόπων, είναι σαφώς καλύτερα να επενδύσετε σε κάποιον επιτραπέζιο (desktop) ή φορητό (laptop) υπολογιστή που τρέχει Windows, macOS, ή Linux.
  • Έναν επεξεργαστή κειμένου, όπου και θα γράψετε τον κώδικα. Θα μπορούσε να είναι ένας επεξεργαστής κειμένου (π.χ. Visual Studio CodeNotepad++Sublime TextAtomBrackets, ή το GNU Emacs), ή ένας υβδριδικός επεξεργαστής (π.χ. το Dreamweaver ή το WebStorm). Οι επεξεργαστές εγγράφων δεν είναι κατάλληλοι για αυτή τη δουλειά, καθώς εξαρτώνται από κρυφά, μη ορατά, στοιχεία που παρεμβάλλονται με τις μηχανές σχεδίασης που χρησιμοποιούνται από τους περιηγητές του Παγκόσμιου Ιστού.
  • Περιηγητές Παγκόσμιου Ιστού, με τους οποίους θα δοκιμάσετε τον κώδικα. Currently, the most-used browsers are Firefox, Chrome, Opera, Safari, Internet Explorer, and Microsoft Edge. You should also test how your site performs on mobile devices and on any old browsers your target audience may still be using (such as IE 8–10.)
  • A graphics editor, like GIMP, Paint.NET, or Photoshop, to make images for your web pages.
  • A version control system, to manage files on servers, collaborate on a project with a team, share code and assets, and avoid editing conflicts. Right now Git is the most popular version control system and the GitHub code hosting service, based on Git, is also very popular.
  • An FTP program, used on older web hosting accounts to manage files on servers (Git is increasingly replacing FTP for this purpose). There are loads of (S)FTP programs available including Cyberduck, Fetch, and FileZilla.
  • An automation system, like Grunt or Gulp to automatically perform repetitive tasks, such as minifying code and running tests.
  • Templates, libraries, frameworks, etc., to speed up writing common functionality.
  • More tools besides!

What tools do I actually need, right now?

That looks like a scary list, but fortunately, you can get started in web development without knowing anything about most of these. In this article, we'll just set you up with a bare minimum — a text editor and some modern web browsers.

Installing a text editor

You probably already have a basic text editor on your computer. By default Windows includes Notepad and macOS comes with TextEdit. Linux distros vary; Ubuntu comes with gedit by default.

For web development, you can probably do better than Notepad or TextEdit. We recommend starting with Brackets, which is a free editor that offers live previews and code hints.

Installing modern web browsers

For now, we'll install a couple of desktop web browsers to test our code in. Choose your operating system below and click the relevant links to download installers for your favorite browsers:

Before going on, you should install at least two of these browsers and have them ready for testing.

Installing a local web server

Some examples will need to be run by a web server to work successfully. You can find out how to do this in How do you set up a local testing server?

In this module