45 KiB

Raw Blame History Unescape Escape

Ανάπτυξη Ιστού για Αρχαρίους - Ένα Πρόγραμμα Σπουδών

Μάθετε τα βασικά της ανάπτυξης ιστοσελίδων με το ολοκληρωμένο 12-εβδομαδιαίο μάθημά μας από τους Microsoft Cloud Advocates. Κάθε ένα από τα 24 μαθήματα εμβαθύνει σε JavaScript, CSS και HTML μέσω πρακτικών έργων όπως τεραριαμικά, επεκτάσεις προγράμματος περιήγησης και παιχνίδια στο διάστημα. Συμμετέχετε σε κουίζ, συζητήσεις και πρακτικές αναθέσεις. Βελτιώστε τις δεξιότητές σας και μεγιστοποιήστε τη διατήρηση γνώσεων με την αποτελεσματική παιδαγωγική μας που βασίζεται σε έργα. Ξεκινήστε το ταξίδι κωδικοποίησής σας σήμερα!

Γίνετε μέλος της κοινότητας Azure AI Foundry στο Discord

Ακολουθήστε αυτά τα βήματα για να ξεκινήσετε με αυτούς τους πόρους:

Δημιουργήστε Fork το Αποθετήριο: Κάντε κλικ
Κλωνοποιήστε το Αποθετήριο: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
Γίνετε μέλος του Azure AI Foundry Discord και γνωρίστε ειδικούς και άλλους προγραμματιστές

🌐 Υποστήριξη Πολλαπλών Γλωσσών

Υποστηρίζεται μέσω GitHub Action (Αυτοματοποιημένα & Πάντα Ενημερωμένα)

Προτιμάτε να κλωνοποιήσετε τοπικά;

Αυτό το αποθετήριο περιλαμβάνει πάνω από 50 μεταφράσεις γλωσσών, που αυξάνουν σημαντικά το μέγεθος λήψης. Για να κλωνοποιήσετε χωρίς μεταφράσεις, χρησιμοποιήστε τον αραιό έλεγχο:

Bash / macOS / Linux:
git clone --filter=blob:none --sparse https://github.com/microsoft/Web-Dev-For-Beginners.git
cd Web-Dev-For-Beginners
git sparse-checkout set --no-cone '/*' '!translations' '!translated_images'
CMD (Windows):
git clone --filter=blob:none --sparse https://github.com/microsoft/Web-Dev-For-Beginners.git
cd Web-Dev-For-Beginners
git sparse-checkout set --no-cone "/*" "!translations" "!translated_images"
Αυτό σας δίνει όλα όσα χρειάζεστε για να ολοκληρώσετε το μάθημα με πολύ πιο γρήγορη λήψη.

Εάν επιθυμείτε να υποστηρίζονται επιπλέον γλώσσες μετάφρασης, αναφέρονται εδώ

🧑‍🎓 Είστε φοιτητής;

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

📣 Ανακοίνωση - Νέες προκλήσεις λειτουργίας GitHub Copilot Agent για να ολοκληρώσετε!

Νέα πρόκληση προστέθηκε, ψάξτε για "GitHub Copilot Agent Challenge 🚀" στα περισσότερα κεφάλαια. Αυτή είναι μια νέα πρόκληση για να ολοκληρώσετε χρησιμοποιώντας το GitHub Copilot και τη λειτουργία Agent. Αν δεν έχετε χρησιμοποιήσει τη λειτουργία Agent πριν, μπορεί όχι μόνο να δημιουργεί κείμενο αλλά και να δημιουργεί και να επεξεργάζεται αρχεία, να εκτελεί εντολές και άλλα.

📣 Ανακοίνωση - Νέο Έργο για κατασκευή με τη χρήση Generative AI

Πρόσφατα προστέθηκε ένα νέο έργο βοηθού AI, δείτε το έργο

📣 Ανακοίνωση - Νέο πρόγραμμα σπουδών για Generative AI για JavaScript μόλις κυκλοφόρησε

Μην χάσετε το νέο μας πρόγραμμα σπουδών για Generative AI!

Επισκεφθείτε https://aka.ms/genai-js-course για να ξεκινήσετε!

Μαθήματα που καλύπτουν από τα βασικά μέχρι το RAG.
Αλληλεπιδράστε με ιστορικούς χαρακτήρες χρησιμοποιώντας GenAI και την companion εφαρμογή μας.
Διασκεδαστική και συναρπαστική αφήγηση, θα ταξιδεύετε στο χρόνο!

Κάθε μάθημα περιλαμβάνει ανάθεση για ολοκλήρωση, έλεγχο γνώσεων και πρόκληση που σας καθοδηγούν στην εκμάθηση θεμάτων όπως:

Πώς να δημιουργείτε prompts και μηχανική prompts
Δημιουργία εφαρμογών κειμένου και εικόνας
Εφαρμογές αναζήτησης

Επισκεφθείτε https://aka.ms/genai-js-course για να ξεκινήσετε!

🌱 Ξεκινώντας

Καθηγητές, έχουμε συμπεριλάβει ορισμένες προτάσεις για το πώς να χρησιμοποιήσετε αυτό το πρόγραμμα σπουδών. Θα θέλαμε πολύ τα σχόλιά σας στο φόρουμ συζητήσεών μας!

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

Για να βελτιώσετε την εμπειρία μάθησής σας, συνδεθείτε με τους συμφοιτητές σας για να δουλέψετε στα έργα μαζί! Οι συζητήσεις ενθαρρύνονται στο φόρουμ συζητήσεών μας όπου η ομάδα των συντονιστών μας θα είναι διαθέσιμη να απαντήσει στις ερωτήσεις σας.

Για περαιτέρω εκπαίδευση, συνιστούμε ανεπιφύλακτα να εξερευνήσετε το Microsoft Learn για επιπλέον υλικό μελέτης.

📋 Ρύθμιση του περιβάλλοντός σας

Αυτό το πρόγραμμα σπουδών έχει έτοιμο περιβάλλον ανάπτυξης! Όταν ξεκινάτε, μπορείτε να επιλέξετε να τρέξετε το πρόγραμμα σε ένα Codespace (περιβάλλον βασισμένο σε πρόγραμμα περιήγησης, χωρίς ανάγκη εγκατάστασης), ή τοπικά στον υπολογιστή σας χρησιμοποιώντας έναν επεξεργαστή κειμένου όπως το Visual Studio Code.

Δημιουργήστε το αποθετήριό σας

Για να αποθηκεύετε εύκολα τη δουλειά σας, συνιστάται να δημιουργήσετε το δικό σας αντίγραφο αυτού του αποθετηρίου. Μπορείτε να το κάνετε κάνοντας κλικ στο κουμπί Use this template στην κορυφή της σελίδας. Αυτό θα δημιουργήσει ένα νέο αποθετήριο στον λογαριασμό σας στο GitHub με ένα αντίγραφο του προγράμματος σπουδών.

Ακολουθήστε αυτά τα βήματα:

Δημιουργήστε Fork το Αποθετήριο: Κάντε κλικ στο κουμπί "Fork" στην επάνω δεξιά γωνία αυτής της σελίδας.
Κλωνοποιήστε το Αποθετήριο: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git

Τρέξιμο του προγράμματος σε Codespace

Στο αντίγραφο που δημιουργήσατε, κάντε κλικ στο κουμπί Code και επιλέξτε Open with Codespaces. Αυτό θα δημιουργήσει έναν νέο Codespace για να εργαστείτε.

Τρέξιμο του προγράμματος τοπικά στον υπολογιστή σας

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

Η σύστασή μας είναι να χρησιμοποιήσετε το Visual Studio Code ως επεξεργαστή σας, που έχει επίσης ενσωματωμένο τερματικό. Μπορείτε να κατεβάσετε το Visual Studio Code εδώ.

Κλωνοποιήστε το αποθετήριο στον υπολογιστή σας. Μπορείτε να το κάνετε κάνοντας κλικ στο κουμπί Code και αντιγράφοντας τη διεύθυνση URL:

CodeSpace

Στη συνέχεια, ανοίξτε το Terminal μέσα στο Visual Studio Code και εκτελέστε την ακόλουθη εντολή, αντικαθιστώντας το <your-repository-url> με τη διεύθυνση URL που μόλις αντιγράψατε:
```
git clone <your-repository-url>
```
Ανοίξτε το φάκελο στο Visual Studio Code. Μπορείτε να το κάνετε κάνοντας κλικ στο File > Open Folder και επιλέγοντας το φάκελο που μόλις κλωνοποιήσατε.

Προτεινόμενες επεκτάσεις Visual Studio Code:

Live Server - για προεπισκόπηση σελίδων HTML μέσα στο Visual Studio Code

Copilot - για να σας βοηθήσει να γράφετε κώδικα πιο γρήγορα

📂 Κάθε μάθημα περιλαμβάνει:

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

Σημείωση σχετικά με τα quiz: Όλα τα quiz περιέχονται στο φάκελο Quiz-app, συνολικά 48 quiz με τρεις ερωτήσεις το καθένα. Είναι διαθέσιμα εδώ, η εφαρμογή quiz μπορεί να τρέξει τοπικά ή να αναπτυχθεί στο Azure· ακολουθήστε τις οδηγίες στον φάκελο quiz-app.

🗃️ Μαθήματα

	Όνομα Έργου	Διδασκόμενες Έννοιες	Μαθησιακοί Στόχοι	Συνδεδεμένο Μάθημα	Συγγραφέας
01	Ξεκινώντας	Εισαγωγή στον Προγραμματισμό και τα Εργαλεία της Εργασίας	Μάθετε τις βασικές αρχές πίσω από τις περισσότερες γλώσσες προγραμματισμού και για το λογισμικό που βοηθά τους επαγγελματίες προγραμματιστές να κάνουν τη δουλειά τους	Εισαγωγή στις Γλώσσες Προγραμματισμού και Εργαλεία	Jasmine
02	Ξεκινώντας	Βασικά του GitHub, περιλαμβάνει συνεργασία με ομάδα	Πώς να χρησιμοποιείτε το GitHub στο έργο σας, πώς να συνεργάζεστε με άλλους σε βάση κώδικα	Εισαγωγή στο GitHub	Floor
03	Ξεκινώντας	Προσβασιμότητα	Μάθετε τα βασικά της προσβασιμότητας ιστού	Βασικά της Προσβασιμότητας	Christopher
04	Βασικά JS	Τύποι Δεδομένων JavaScript	Τα βασικά των τύπων δεδομένων JavaScript	Τύποι Δεδομένων	Jasmine
05	Βασικά JS	Συναρτήσεις και Μέθοδοι	Μάθετε για τις συναρτήσεις και μεθόδους για τη διαχείριση της ροής λογικής μιας εφαρμογής	Συναρτήσεις και Μέθοδοι	Jasmine και Christopher
06	Βασικά JS	Λήψη Αποφάσεων με JS	Μάθετε πώς να δημιουργείτε συνθήκες στον κώδικά σας χρησιμοποιώντας μεθόδους λήψης αποφάσεων	Λήψη Αποφάσεων	Jasmine
07	Βασικά JS	Πίνακες και Βρόχοι	Εργαστείτε με δεδομένα χρησιμοποιώντας πίνακες και βρόχους σε JavaScript	Πίνακες και Βρόχοι	Jasmine
08	Terrarium	HTML στην Πράξη	Δημιουργήστε το HTML για ένα διαδικτυακό terrarium, εστιάζοντας στην κατασκευή μιας διάταξης	Εισαγωγή στο HTML	Jen
09	Terrarium	CSS στην Πράξη	Δημιουργήστε το CSS για το στυλ του διαδικτυακού terrarium, εστιάζοντας στα βασικά του CSS, συμπεριλαμβανομένης της ανταπόκρισης της σελίδας	Εισαγωγή στο CSS	Jen
10	Terrarium	Κλεισίματα JavaScript, χειρισμός DOM	Δημιουργήστε τον JavaScript κώδικα για τη λειτουργία του terrarium ως διεπαφή drag/drop, εστιάζοντας στα κλεισίματα και χειρισμό DOM	Κλεισίματα JavaScript, χειρισμός DOM	Jen
11	Παιχνίδι Πληκτρολόγησης	Δημιουργία Παιχνιδιού Πληκτρολόγησης	Μάθετε πώς να χρησιμοποιείτε τα γεγονότα πληκτρολογίου για να κατευθύνετε τη λογική της εφαρμογής JavaScript	Προγραμματισμός με βάση τα γεγονότα	Christopher
12	Πράσινη Επέκταση Περιηγητή	Εργασία με Περιηγητές	Μάθετε πώς λειτουργούν οι περιηγητές, την ιστορία τους και πώς να στήσετε τα πρώτα στοιχεία επέκτασης περιηγητή	Σχετικά με τους Περιηγητές	Jen
13	Πράσινη Επέκταση Περιηγητή	Δημιουργία φόρμας, κλήση API και αποθήκευση μεταβλητών στο τοπικό αποθηκευτικό χώρο	Δημιουργήστε τα στοιχεία JavaScript της επέκτασης περιηγητή σας για να καλέσετε ένα API χρησιμοποιώντας μεταβλητές αποθηκευμένες τοπικά	APIs, Φόρμες και Τοπική Αποθήκευση	Jen
14	Πράσινη Επέκταση Περιηγητή	Φόντινες διεργασίες στον περιηγητή, απόδοση ιστοσελίδας	Χρησιμοποιήστε τις φόντινες διεργασίες του περιηγητή για να διαχειριστείτε το εικονίδιο της επέκτασης· μάθετε για την απόδοση του ιστού και ορισμένες βελτιστοποιήσεις	Φόντινες εργασίες και Απόδοση	Jen
15	Παιχνίδι Διαστήματος	Προχωρημένη Ανάπτυξη Παιχνιδιών με JavaScript	Μάθετε για την Κληρονομικότητα χρησιμοποιώντας και Κλάσεις και Σύνθεση και το πρότυπο Pub/Sub, ως προετοιμασία για τη δημιουργία παιχνιδιού	Εισαγωγή στην Προχωρημένη Ανάπτυξη Παιχνιδιών	Chris
16	Παιχνίδι Διαστήματος	Σχεδίαση στον καμβά	Μάθετε για το Canvas API, που χρησιμοποιείται για να ζωγραφίζετε στοιχεία σε οθόνη	Σχεδίαση στον Καμβά	Chris
17	Παιχνίδι Διαστήματος	Μετακίνηση στοιχείων στην οθόνη	Ανακαλύψτε πώς τα στοιχεία μπορούν να αποκτούν κίνηση χρησιμοποιώντας τα καρτεσιανά συντεταγμένα και το Canvas API	Μετακίνηση Στοιχείων	Chris
18	Παιχνίδι Διαστήματος	Ανίχνευση συγκρούσεων	Κάντε τα στοιχεία να συγκρούονται και να αντιδρούν το ένα στο άλλο χρησιμοποιώντας πατήματα και παρέχετε λειτουργία ψύξης για τη βελτίωση της απόδοσης του παιχνιδιού	Ανίχνευση Συγκρούσεων	Chris
19	Παιχνίδι Διαστήματος	Διατήρηση σκορ	Εκτελέστε μαθηματικούς υπολογισμούς με βάση την κατάσταση και απόδοση του παιχνιδιού	Διατήρηση Σκορ	Chris
20	Παιχνίδι Διαστήματος	Τερματισμός και επανεκκίνηση παιχνιδιού	Μάθετε για τον τερματισμό και την επανεκκίνηση του παιχνιδιού, συμπεριλαμβανομένου του καθαρισμού πόρων και της επαναφοράς τιμών μεταβλητών	Η Συνθήκη Τερματισμού	Chris
21	Εφαρμογή Τραπεζικής	Πρότυπα HTML και Διαδρομές σε μια Ιστοσελίδα	Μάθετε πώς να δημιουργήσετε τη δομή μιας πολυσέλιδης ιστοσελίδας χρησιμοποιώντας δρομολόγηση και πρότυπα HTML	Πρότυπα HTML και Διαδρομές	Yohan
22	Εφαρμογή Τραπεζικής	Δημιουργία Φόρμας Εισόδου και Εγγραφής	Μάθετε για τη δημιουργία φορμών και τη διαχείριση ρουτινών ελέγχου	Φόρμες	Yohan
23	Εφαρμογή Τραπεζικής	Μέθοδοι Λήψης και Χρήσης Δεδομένων	Πώς τα δεδομένα ρέουν μέσα κι έξω από την εφαρμογή σας, πώς να τα λαμβάνετε, να τα αποθηκεύετε και να τα απορρίπτετε	Δεδομένα	Yohan
24	Εφαρμογή Τραπεζικής	Έννοιες Διαχείρισης Κατάστασης	Μάθετε πώς η εφαρμογή σας διατηρεί κατάσταση και πώς να τη διαχειρίζεστε προγραμματιστικά	Διαχείριση Κατάστασης	Yohan
25	Κώδικας Browser/VScode	Εργασία με το VScode	Μάθετε πώς να χρησιμοποιείτε έναν επεξεργαστή κώδικα	Χρήση του επεξεργαστή κώδικα VScode	Chris
26	Βοηθοί Τεχνητής Νοημοσύνης	Εργασία με ΤΝ	Μάθετε πώς να φτιάξετε τον δικό σας βοηθό ΤΝ	Έργο βοηθού ΤΝ	Chris

🏫 Παιδαγωγική

Το πρόγραμμα σπουδών μας έχει σχεδιαστεί με δύο βασικές παιδαγωγικές αρχές στο μυαλό:

μάθηση βασισμένη σε έργα
συχνά quiz

Το πρόγραμμα διδάσκει τα βασικά του JavaScript, HTML και CSS, καθώς και τα πιο πρόσφατα εργαλεία και τεχνικές που χρησιμοποιούν οι σημερινοί προγραμματιστές ιστού. Οι σπουδαστές θα έχουν την ευκαιρία να αποκτήσουν πρακτική εμπειρία χτίζοντας ένα παιχνίδι πληκτρολόγησης, ένα εικονικό terrarium, μια φιλική προς το περιβάλλον επέκταση περιηγητή, ένα παιχνίδι τύπου space-invader και μια τραπεζική εφαρμογή για επιχειρήσεις. Μέχρι το τέλος της σειράς, οι μαθητές θα έχουν αποκτήσει σταθερή κατανόηση της ανάπτυξης ιστού.

🎓 Μπορείτε να παρακολουθήσετε τα πρώτα λίγα μαθήματα αυτού του προγράμματος σπουδών ως Μονοπάτι Μάθησης στο Microsoft Learn!

Διασφαλίζοντας ότι το περιεχόμενο ευθυγραμμίζεται με τα έργα, η διαδικασία γίνεται πιο ελκυστική για τους μαθητές και η διατήρηση των εννοιών ενισχύεται. Επίσης γράψαμε αρκετά αρχικά μαθήματα στα βασικά της JavaScript για να παρουσιάσουμε έννοιες, σε συνδυασμό με βίντεο από τη συλλογή "Beginners Series to: JavaScript" με βιντεομαθήματα, με μερικούς από τους συγγραφείς τους να έχουν συμβάλει σε αυτό το πρόγραμμα σπουδών.

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

Ενώ έχουμε σκοπίμως αποφύγει την εισαγωγή πλαισίων JavaScript για να επικεντρωθούμε στις βασικές δεξιότητες που χρειάζεται ένας προγραμματιστής ιστού πριν την υιοθέτηση πλαισίου, ένα καλό επόμενο βήμα για την ολοκλήρωση αυτού του προγράμματος σπουδών θα ήταν η εκμάθηση του Node.js μέσω μιας άλλης συλλογής βίντεο: "Beginner Series to: Node.js".

Επισκεφτείτε τους Κανόνες Συμπεριφοράς και τις οδηγίες Συμμετοχής. Καλωσορίζουμε τις εποικοδομητικές σας παρατηρήσεις!

🧭 Πρόσβαση εκτός σύνδεσης

Μπορείτε να τρέξετε αυτή την τεκμηρίωση εκτός σύνδεσης χρησιμοποιώντας το Docsify. Κλωνοποιήστε το αποθετήριο, εγκαταστήστε το Docsify στον τοπικό σας υπολογιστή και μετά στον ριζικό φάκελο του αποθετηρίου, πληκτρολογήστε docsify serve. Ο ιστότοπος θα σερβιριστεί στην θύρα 3000 στο τοπικό σας μηχάνημα: localhost:3000.

📘 PDF

Ένα PDF με όλα τα μαθήματα μπορεί να βρεθεί εδώ.

🎒 Άλλα Μαθήματα

Η ομάδα μας παράγει και άλλα μαθήματα! Δείτε:

LangChain

Azure / Edge / MCP / Agents

Σειρά για Τη Γενετική Τεχνητή Νοημοσύνη

Βασική Μάθηση

Σειρά Copilot

Λήψη Βοήθειας

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

Εάν έχετε ανατροφοδότηση προϊόντος ή λάθη κατά την ανάπτυξη, επισκεφτείτε:

Άδεια

Αυτό το αποθετήριο έχει άδεια υπό την άδεια MIT. Δείτε το αρχείο LICENSE για περισσότερες πληροφορίες.

Αποποίηση ευθυνών:
Το παρόν έγγραφο έχει μεταφραστεί χρησιμοποιώντας την υπηρεσία αυτόματης μετάφρασης AI Co-op Translator. Παρότι προσπαθούμε για ακρίβεια, παρακαλούμε να σημειώσετε ότι οι αυτόματες μεταφράσεις ενδέχεται να περιέχουν λάθη ή ανακρίβειες. Το αρχικό έγγραφο στη μητρική του γλώσσα πρέπει να θεωρείται η αυθεντική πηγή. Για κρίσιμες πληροφορίες, συνιστάται επαγγελματική ανθρώπινη μετάφραση. Δεν φέρουμε ευθύνη για τυχόν παρεξηγήσεις ή λανθασμένες ερμηνείες που προκύπτουν από τη χρήση αυτής της μετάφρασης.

45 KiB Raw Blame History Unescape Escape