Εντατικό "Προγραμματιστής μπροστινού" - μάθημα 88.800 τρίψιμο. από το SkillFactory, εκπαίδευση 3 μηνών, Ημερομηνία: 13 Αυγούστου 2023.

Έργο 1. Ιστοσελίδα επαγγελματικών καρτών

Θα δημιουργήσετε τον πρώτο σας ολοκληρωμένο ιστότοπο χρησιμοποιώντας εργαλεία διάταξης - HTML και CSS. Ο ιστότοπος θα σας ενημερώσει για εσάς, την εμπειρία και τα χόμπι σας· κατά τη διάρκεια της εξειδίκευσής σας, θα μπορείτε να επιστρέψετε σε αυτόν και να προσθέσετε πληροφορίες για τον εαυτό σας. Χρησιμοποιώντας ετικέτες HTML θα προετοιμάσετε τη σήμανση του περιεχομένου του ιστότοπου και χρησιμοποιώντας το στυλ CSS θα αναπτύξετε ένα ατομικό σχέδιο για τον ιστότοπο της επαγγελματικής σας κάρτας και θα προσθέσετε απλή διαδραστικότητα σε αυτόν.

Παρά την απλότητα των εργαλείων HTML και CSS, αυτή η ενότητα είναι θεμελιώδης για κάθε προγραμματιστή. Η HTML χρησιμοποιείται συχνά σε συνδυασμό με γλώσσες προγραμματισμού όπως η JavaScript και το CSS προσφέρει μια σειρά από κομψές λύσεις σχεδιασμού διεπαφής.

• Θέματα εκπαιδευτικών ενοτήτων σε HTML και CSS:
• Βασικά στοιχεία HTML
• Στυλ CSS. Επιλογείς
• Flexbox
• Τεχνολογία Git. Github

Έργο 2. Διάταξη σελίδας προορισμού σύμφωνα με τη διάταξη

Για να ενισχύσετε πλήρως τις δεξιότητές σας σε HTML και CSS, θα σας προσφερθεί ένα mockup ιστότοπου κατασκευασμένο στο Figma. Χρησιμοποιώντας αυτήν τη διάταξη, θα πρέπει να σχεδιάσετε μια σελίδα προορισμού μιας σελίδας για μια εταιρεία σχεδιασμού για επιτραπέζιους υπολογιστές και εκδόσεις για κινητά. Η τελική διάταξη θα πρέπει να ανέβει στο github, από εδώ και πέρα ​​θα δημοσιεύετε όλα τα έργα σας σε αποθετήρια.
Αυτό το έργο είναι η πεμπτουσία της δουλειάς ενός front-end προγραμματιστή σε οποιαδήποτε εταιρεία. Τα έργα εργασίας σας μπορεί να γίνουν πολύ πιο προηγμένα σε λειτουργικότητα και οπτικά, αλλά η ουσία θα παραμείνει ακριβώς η ίδια.

Έργο 3. Ρυθμιστικό σε JavaScript

Το επόμενο έργο που θα συμπεριληφθεί στο χαρτοφυλάκιό σας είναι η υλοποίηση ενός slider σε έναν ιστότοπο χρησιμοποιώντας καθαρή JavaScript, ή το λεγόμενο VanillaJS. Το ρυθμιστικό είναι μια διαδραστική λειτουργία για τη μετάβαση μεταξύ εικόνων με περιγραφές (μπορεί επίσης να είναι σύνδεσμοι ή μπλοκ κειμένου), η οποία μπορεί να εφαρμοστεί στο μέλλον σε οποιονδήποτε ιστότοπο ή εφαρμογή. Η JavaScript θα παρέχει περισσότερες ευκαιρίες για τη δημιουργία διαδραστικών διεπαφών Ιστού με μη τετριμμένη λογική.
Ολοκληρώνοντας αυτό το έργο, θα ενισχύσετε τις καθαρές σας δεξιότητες ανάπτυξης JavaScript, που είναι μία από τις τάσεις Τα τελευταία χρόνια, όλο και περισσότεροι προγραμματιστές προσπαθούν να εφαρμόσουν το frontend, ει δυνατόν, χωρίς να καταφύγουν σε αυτό πλαίσια. Όποια και αν είναι η στοίβα τεχνολογίας στην εταιρεία όπου θα εργάζεστε στο μέλλον, η σίγουρη γνώση και χρήση της JavaScript είναι το ελάχιστο που απαιτείται για μια καριέρα ως προγραμματιστής front-end.

Θέματα εκπαιδευτικής ενότητας JavaScript:

• Εισαγωγή στη JavaScript
• Λειτουργίες, αντικείμενα
• Εκδηλώσεις και DOM. Επιλογείς.
• Προγραμματισμός JavaScript
• Αρθρωτότητα
• Πληκτρολόγηση
• ΑΪΑΣ
• API προγράμματος περιήγησης

Έργο 4. Πίνακας Kanban στο React

Για να αυξήσετε τις ικανότητές σας στην ανάπτυξη front-end, θα πρέπει να κυριαρχήσετε σε ένα από τα πλαίσια JavaScript. Σε αυτήν την εξειδίκευση, προτείνουμε να εστιάσουμε στη μελέτη της πιο δημοφιλής βιβλιοθήκης - React. Στο τέταρτο έργο, με βάση τη διάταξη από το Figma, θα εφαρμόσετε μια διαδικτυακή εφαρμογή που είναι ένα βιβλίο εργασιών με την κατάσταση κάθε εργασίας. Η εφαρμογή θα αναπτυχθεί χρησιμοποιώντας το Create React App.
Σε αυτό το έργο, θα πρέπει να θυμάστε τη διάταξη και επίσης να χρησιμοποιήσετε καθαρή JavaScript. Το τμήμα με το React θα σας επιτρέψει να ενοποιήσετε τις αναπτυξιακές σας δεξιότητες σε αυτήν τη βιβλιοθήκη· αυτή η ενότητα θα παρέχει επίσης μια επισκόπηση των πλαισίων Vue και Angular.

Θέματα εκπαιδευτικών ενοτήτων αφιερωμένων σε πλαίσια και βιβλιοθήκες:

• Δημιουργία εφαρμογής στο React
• React Components
• Χειρισμός συμβάντων στο React
• React Patterns
• React Router
• Πλαίσια και βιβλιοθήκες
• Vue και Angular
• Redux

Προβλήματα με τις συχνές κλοπές της περιουσίας τους (ποδήλατα) αντιμετωπίζει γνωστή εταιρεία που ενοικιάζει ποδήλατα σε μεγάλες πόλεις της Ρωσίας. Ως πιθανή λύση στο πρόβλημα, η εταιρεία θέλει να κρατά αρχείο με αυτές τις περιπτώσεις και να παρακολουθεί την πρόοδο. Οι δικοί τους προγραμματιστές έχουν ήδη προετοιμάσει το τμήμα διακομιστή της εφαρμογής (API), πρέπει να εφαρμόσουν το τμήμα πελάτη.
Θα πρέπει να θυμάστε όλες τις στοίβες τεχνολογίας που έχετε καλύψει: HTML, CSS, JavaScript, React. Εκτός από την ολοκλήρωση του έργου αποφοίτησής σας, θα πρέπει να προετοιμαστείτε για ένα ανοιχτό ταξίδι: υπό την καθοδήγησή μας θα προετοιμαστείτε ένα ειλικρινές και πειστικό βιογραφικό, γράψτε μια ικανή συνοδευτική επιστολή και επίσης ολοκληρώστε αρκετές εργασίες από πραγματικές δοκιμές.
Ως αποτέλεσμα, θα έχετε έναν λογαριασμό github με έργα που θα δείχνουν τις δυνατότητές σας στον εργοδότη, καθώς και ένα βιογραφικό και κάθε ευκαιρία να βρείτε γρήγορα μια δουλειά ως junior developer.

Θέματα εκπαιδευτικών ενοτήτων:

• Κινουμένων σχεδίων
• Δοκιμές και σεντόνια
• JavaScript στο backend. Εργασία με βάσεις δεδομένων
• Node.js. Αλληλεπίδραση με το backend