Υποενότητα 2.1: Front-end frameworks

Ας ξεκινήσουμε με την εξήγηση των πλαισίων front-end.

Φανταστείτε ότι θέλετε να δημιουργήσετε μια ιστοσελίδα και έχετε ήδη καλή γνώση HTML, CSS και JavaScript. Τι θα κάνετε?

Λοιπόν, θα ξεκινήσετε από το μηδέν και θα αναπτύξετε τους δικούς σας κανόνες CSS και τις αλληλεπιδράσεις JavaScript που θα εξυπηρετούν τους στόχους σας για τον ιστότοπο. Κατά τη διάρκεια της διαδικασίας, θα συνειδητοποιήσετε ότι θα χρησιμοποιείτε τους ίδιους κανόνες και αλληλεπιδράσεις σε πολλά μέρη.
Στο τέλος, θα έχετε μια ομάδα κανόνων και αλληλεπιδράσεις Javascript.
Την επόμενη φορά που θα χρειαστεί να δημιουργήσετε έναν ιστότοπο, αντί να γράψετε τα πάντα από την αρχή, θα συνειδητοποιήσετε ότι θα είναι πιο γρήγορα να πάρετε τις ομάδες που έχετε ήδη δημιουργήσει και να τις τροποποιήσετε για τις ανάγκες σας.

Τα Front-end frameworks βασίζονται στην παραπάνω λογική.

Είναι εδώ για να επιταχύνουν την υλοποίηση της ιστοσελίδας. Έχουν ενσωματωμένα στοιχεία HTML, CSS και JavaScript.
Μέσω αυτών των πλαισίων, οι προγραμματιστές έχουν πρόσβαση σε έτοιμα Τυπογραφικά, Μορφές, Κουμπιά, Πίνακες, Πλοηγίες, Πινακίδες, Ειδοποιήσεις, Modals, Tabs, Accordion, Carousel κλπ. Και πολλά άλλα στοιχεία JavaScript, HTML και CSS.
Συνοπτικά, τα πλαίσια Front-end είναι μια συλλογή λειτουργιών HTML, CSS και JavaScript.

Υπάρχουν πολλά πλαίσια front-end. Όπως θα εξηγήσουμε αργότερα, σε αυτό το μάθημα θα συζητήσουμε το πλαίσιο Bootstrap.