- Εκπαιδευτής: Andrea Neumann
- διαλέξεις: 23
- Φοιτητές: 1454
- Διάρκεια: 10 εβδομάδες
Το Bootstrap είναι το πιο δημοφιλές πλαίσιο front-end για ταχύτερη και ευκολότερη ανάπτυξη ιστού. Περιλαμβάνει πρότυπα σχεδίασης βασισμένα σε HTML και CSS για τυπογραφία, φόρμες, κουμπιά, πίνακες, πλοήγηση, modals, καρουζέλ εικόνων και πολλά άλλα, καθώς και προαιρετικά πρόσθετα JavaScript. Το Bootstrap σάς δίνει επίσης τη δυνατότητα να δημιουργείτε εύκολα σχέδια με απόκριση που προσαρμόζονται αυτόματα για να δείχνουν όμορφα σε όλες τις συσκευές, από μικρά τηλέφωνα έως μεγάλους επιτραπέζιους υπολογιστές.
Διαδικασίες
Το Bootstrap χρησιμοποιεί στοιχεία HTML και ιδιότητες CSS που απαιτούν τον doctype HTML5, επομένως πρέπει να συμπεριλάβετε τον doctype HTML5 στην αρχή της σελίδας μαζί με το σωστό σύνολο χαρακτήρων.
Το Bootstrap έχει σχεδιαστεί για να ανταποκρίνεται σε κινητές συσκευές. Για να εξασφαλίσετε σωστή απόδοση και ζουμ αφής, προσθέστε την ακόλουθη ετικέτα μέσα στο στοιχείο κεφαλίδας HTML.
Εμπορευματοκιβώτια
Το Bootstrap έχει το δικό του περιτύλιγμα για την αναδίπλωση του περιεχομένου του ιστότοπου.
Η κλάση κοντέινερ παρέχει ένα αποκριτικό κοντέινερ σταθερού πλάτους
Η κλάση container-fluid παρέχει ένα κοντέινερ πλήρους πλάτους που εκτείνεται σε ολόκληρο το πλάτος της θύρας προβολής.
Δεν μπορείτε να τοποθετήσετε ένα δοχείο μέσα σε άλλο δοχείο.
Σύστημα πλέγματος
Το σύστημα πλέγματος του Bootstrap διαιρεί το συνολικό πλάτος της σελίδας σε 12 ίσες στήλες. Μπορείτε να ομαδοποιήσετε τις στήλες για να δημιουργήσετε ευρύτερες στήλες ή να τις χρησιμοποιήσετε μεμονωμένα. Αυτό το σύστημα πλέγματος αποκρίνεται και οι στήλες θα αναδιατάσσονται αυτόματα ανάλογα με το μέγεθος της οθόνης.
Κολάρο 1 | Κολάρο 1 | Κολάρο 1 | Κολάρο 1 | Κολάρο 1 | Κολάρο 1 | Κολάρο 1 | Κολάρο 1 | Κολάρο 1 | Κολάρο 1 | Κολάρο 1 | Κολάρο 1 |
Κολάρο 2 | Κολάρο 2 | Κολάρο 2 | Κολάρο 2 | Κολάρο 2 | Κολάρο 2 | ||||||
Κολάρο 3 | Κολάρο 3 | Κολάρο 3 | Κολάρο 3 | ||||||||
Κολάρο 4 | Κολάρο 4 | Κολάρο 4 | |||||||||
Κολάρο 6 | Κολάρο 6 | ||||||||||
Κολάρο 12 |
Τάξεις πλέγματος
Το σύστημα πλέγματος Bootstrap έχει τέσσερις κατηγορίες
xs (για τηλέφωνα)
sm (για tablet)
md (για επιτραπέζιους υπολογιστές)
lg (για μεγαλύτερους επιτραπέζιους υπολογιστές)
Οι παραπάνω κλάσεις μπορούν να συνδυαστούν για να δημιουργήσουν πιο δυναμικές και ευέλικτες διατάξεις.
Βασική δομή
1. Δημιουργήστε ένα περιτύλιγμα.
2. Δημιουργήστε μια σειρά για να ακυρώσετε την ιδιότητα padding του περιτυλίγματος.
3. Δημιουργήστε ένα div με xs ή sm ή md ή lg όπως χρειάζεται. Προσωπικά, προτιμώ το md καθώς λειτουργεί καλύτερα για όλες τις συσκευές.
4. Ο συνολικός αριθμός των αρχικών τιμών μέσα σε κάθε σειρά πρέπει να είναι άθροισμα 12.
...
Δωρεάν Πιστοποίηση
Η Academy Europe παρουσιάζει επίσημα διπλώματα, πιστοποιητικά και ηλεκτρονικά πιστοποιητικά υψηλής ποιότητας που αποτελούν επίσημη απόδειξη και αναγνώριση διαπιστευμένων διαδικτυακών μαθημάτων. Δείχνει όλες τις ικανότητες του μαθητή να μαθαίνει και να επιτυγχάνει υψηλά αποτελέσματα και είναι πολύ χρήσιμο για την προώθηση της προσωπικής σταδιοδρομίας, συμπεριλαμβανομένων των βιογραφικών σημειωμάτων, των αιτήσεων εργασίας και της αυτοβελτίωσης.
Πώς μπορείτε να αποκτήσετε το πιστοποιητικό σας στο Academy Europe;
- Πρέπει να κάνετε κλικ στο σύνδεσμο «ολοκλήρωση» στο τέλος κάθε μαθήματος του μαθήματός σας αφού το ολοκληρώσετε.
- Όταν ολοκληρώσετε όλα τα μαθήματα, φυσικά, ο σύνδεσμος "ολοκλήρωση μαθήματος" θα είναι ενεργός στο τέλος του τελευταίου μαθήματος.
- Όταν κάνετε κλικ στον σύνδεσμο «ολοκλήρωση μαθήματος», θα ολοκληρώσετε επίσημα το μάθημά σας στο Academy Europe. Στη συνέχεια, η σελίδα «πιστοποιητικό» του μαθήματος που ολοκληρώσατε θα ενεργοποιηθεί αυτόματα.
- Μπορείτε να δείτε και να κατεβάσετε το πιστοποιητικό σας στο διαδίκτυο αφού κάνετε κλικ στον σύνδεσμο "πιστοποιητικό".
Δείγματα: Οριζόντιο Δίπλωμα – Οριζόντιο Πιστοποιητικό – Κάθετο Ηλεκτρονικό Πιστοποιητικό
ακροατήριο
Αυτό το σεμινάριο προορίζεται για τους χρήστες που επιθυμούν να λάβουν τις αλληλεπιδράσεις με τον ανθρώπινο υπολογιστή ως επόμενο επίπεδο σπουδών στην καριέρα τους.
Αυτό το μάθημα από την Academy Europe στοχεύει στη μετάδοση ποιοτικής εκπαίδευσης και κατάρτισης στους μαθητές.
Η Academy Europe είναι αφιερωμένη στους μαθητές της, στις ιδιαίτερες μαθησιακές τους απαιτήσεις και στη συνολική μαθησιακή τους επιτυχία.
Αυτό το μάθημα κατευθύνεται προς μια μαθητικοκεντρική, ανεξάρτητη μελέτη, ασύγχρονη μαθησιακή προσέγγιση.
Μετά την ολοκλήρωση αυτού του μαθήματος στην Ακαδημία Ευρώπης, οι μαθητές θα βελτιωθούν και θα προωθηθούν στην καριέρα τους.
Αυτό το μάθημα βασίζεται σε τουλάχιστον δύο μαθησιακές δεξιότητες που παρέχονται στους χρήστες μέσω ακουστικών και οπτικών, βίντεο, προφορικών παρουσιάσεων και άρθρων, τα οποία είναι όλα ασύγχρονα με την προσέγγιση της εξ αποστάσεως εκπαίδευσης.
Προϋποθέσεις
Η βασική γνώση γραφικού περιβάλλοντος εργασίας χρήστη, αντικειμενοστρεφούς προγραμματισμού και εργαλείων και μενού λογισμικού είναι η μόνη προϋπόθεση για αυτό το σεμινάριο.
Πριν ξεκινήσετε να συνεχίζετε με αυτό το μάθημα για την Ακαδημία Ευρώπης, υποθέτουμε ότι έχετε καλή ικανότητα και μπορείτε να σκεφτείτε λογικά. Θα πρέπει να θέλετε να δοκιμάσετε κάτι διαφορετικό.
Οι ιδανικοί υποψήφιοι για το μάθημα θα διαθέτουν συνήθως:
– Πειθαρχία και προσοχή
– Ικανότητα διεξαγωγής έρευνας
– Δυνατότητα εκτέλεσης εργασιών με ταχύτητα, αποτελεσματικότητα και ακρίβεια
– Αναλυτική κρίση
– Υπομονή στην ερμηνεία τεχνικών/επιστημονικών δεδομένων
– Προθυμία για μάθηση, σηκώστε τα μανίκια και δουλέψτε προς το όνειρό σας!
– Ένας υπολογιστής, tablet ή smartphone και μια σύνδεση στο διαδίκτυο
– Βασικές γνώσεις Η/Υ