ಸರಣಿಯ ಈ ಎರಡನೇ ಲೇಖನದಲ್ಲಿ ಬೂಟ್ಸ್ಟ್ರ್ಯಾಪ್ ವೈಶಿಷ್ಟ್ಯಗಳೊಂದಿಗೆ ವ್ಯವಹರಿಸೋಣ. ಇದು ಫಾರ್ಮ್‌ಗಳು, ಫಾಂಟ್‌ಗಳು ಮತ್ತು ಮೆನುಗಳಿಗಾಗಿ ಟೆಂಪ್ಲೇಟ್‌ಗಳು ಮತ್ತು ಅಂಶಗಳನ್ನು ಒಳಗೊಂಡಂತೆ ವೆಬ್ ಸೈಟ್‌ಗಳು ಮತ್ತು ಅಪ್ಲಿಕೇಶನ್‌ಗಳ ವಿನ್ಯಾಸಕ್ಕಾಗಿ ಸಂಪನ್ಮೂಲಗಳ ಸಂಪೂರ್ಣ ಗ್ರಂಥಾಲಯವಾಗಿದೆ.
ಎನ್ ಎಲ್ ಹಿಂದಿನ ಲೇಖನ ವಿಷಯ ನಿರ್ವಾಹಕರು ಅತ್ಯುತ್ತಮ ಆಯ್ಕೆಯಾಗಿಲ್ಲದ ಸಂದರ್ಭಗಳಿವೆ ಎಂದು ನಾವು ವಾದಿಸಿದ್ದೇವೆ ಮತ್ತು ಅದು ವೆಬ್‌ಸೈಟ್‌ಗಾಗಿ ಮೊದಲಿನಿಂದ ಕೋಡ್ ಬರೆಯುವುದು ಸರಿಯಾದ ಪರ್ಯಾಯವಾಗಿದೆ. ಆದಾಗ್ಯೂ, ನಾವು ಚಕ್ರವನ್ನು ಮರುಶೋಧಿಸಬೇಕು ಎಂದು ಇದರ ಅರ್ಥವಲ್ಲ. ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್‌ನಂತಹ ಫ್ರೇಮ್‌ವರ್ಕ್‌ಗಳನ್ನು ಬಳಸುವುದರಿಂದ ವಿನ್ಯಾಸದ ಸಮಯವನ್ನು ಹೆಚ್ಚು ಕಡಿಮೆ ಮಾಡುತ್ತದೆ ಮತ್ತು ಫಲಿತಾಂಶಗಳನ್ನು ಪಡೆಯುವುದನ್ನು ಸುಲಭಗೊಳಿಸುತ್ತದೆ.
ಬೂಟ್ಸ್ಟ್ರ್ಯಾಪ್ ವೈಶಿಷ್ಟ್ಯಗಳು
ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್‌ನ ವೈಶಿಷ್ಟ್ಯಗಳನ್ನು ಅರ್ಥಮಾಡಿಕೊಳ್ಳಲು, ನಾವು ಅರ್ಥಮಾಡಿಕೊಳ್ಳಬೇಕು ವೆಬ್‌ಸೈಟ್ ವಿನ್ಯಾಸದಲ್ಲಿ ಮಾದರಿ ಬದಲಾವಣೆ.
ಅವರು ಕಾಣಿಸಿಕೊಂಡಾಗ ವೆಬ್‌ಸೈಟ್‌ಗಳು ವಿಭಿನ್ನ ಗಾತ್ರದ ಮಾನಿಟರ್‌ಗಳಿಗೆ ಹೊಂದಿಕೊಳ್ಳಬೇಕಾಗಿತ್ತು. ಆದರೆ, ಕಾಲಾನಂತರದಲ್ಲಿ, ಮೊಬೈಲ್ ಫೋನ್‌ಗಳು ಮತ್ತು ಟ್ಯಾಬ್ಲೆಟ್‌ಗಳು ಬಳಕೆದಾರರಿಗೆ ಪ್ರವೇಶದ ಆದ್ಯತೆಯ ಸಾಧನವಾಗಿ ಮಾರ್ಪಟ್ಟಿವೆ. ಬಳಕೆದಾರರು ಅದನ್ನು ನೋಡಲು ಸಾಧ್ಯವಾಗುವಂತೆ ವಿಷಯವನ್ನು ಹಿಗ್ಗಿಸಲು, ಕುಗ್ಗಿಸಲು ಅಥವಾ ಸರಿಸಲು ಇಲ್ಲದೆಯೇ ಪುಟಗಳನ್ನು ವಿವಿಧ ಪರದೆಗಳಿಗೆ ಹೊಂದಿಕೊಳ್ಳುವಂತೆ ಮಾಡುವುದು ಸವಾಲಾಗಿತ್ತು.
ತಾತ್ವಿಕವಾಗಿ, ಈ ಕೆಳಗಿನ ವಿಧಾನಗಳನ್ನು ಅಳವಡಿಸಲಾಗಿದೆ:
- ಸ್ಪಂದಿಸುವ ವಿನ್ಯಾಸ: ವಿನ್ಯಾಸವು ಒಂದೇ ಆಗಿರುತ್ತದೆ ಆದರೆ ಸ್ವಯಂಚಾಲಿತವಾಗಿ ಪರದೆಯ ಗಾತ್ರಕ್ಕೆ ಹೊಂದಿಕೊಳ್ಳುತ್ತದೆ. ಈ ವಿಧಾನವು ಕೆಲವು ಸಮಸ್ಯೆಗಳನ್ನು ಹೊಂದಿದೆ, ಉದಾಹರಣೆಗೆ ಬಳಕೆದಾರರು ಅವುಗಳನ್ನು ನೋಡಲು ಪುಟದ ಕೆಲವು ವಿಭಾಗಗಳನ್ನು ಜೂಮ್ ಇನ್ ಮಾಡಲು ಬಲವಂತಪಡಿಸಬಹುದು.
- ಪ್ರಗತಿಶೀಲ ಮುನ್ನಡೆ: ಕಡಿಮೆ ಸಂಪನ್ಮೂಲಗಳೊಂದಿಗೆ ಸಾಧನಕ್ಕಾಗಿ ಸೈಟ್ ಅನ್ನು ವಿನ್ಯಾಸಗೊಳಿಸುವ ಮೂಲಕ ಇದು ಪ್ರಾರಂಭವಾಗುತ್ತದೆ (ಸಾಮಾನ್ಯವಾಗಿ ಮೊಬೈಲ್ ಫೋನ್ ಏಕೆಂದರೆ ಇದು ಚಿಕ್ಕ ಪರದೆಯನ್ನು ಹೊಂದಿದೆ, ಸುಧಾರಿತ ವೈಶಿಷ್ಟ್ಯಗಳಿಗೆ ಕಡಿಮೆ ಹೊಂದಾಣಿಕೆಯನ್ನು ಹೊಂದಿರುವ ಬ್ರೌಸರ್ ಮತ್ತು ಸಂಪರ್ಕಿಸಲು ಡೇಟಾ ಯೋಜನೆಯ ಬಳಕೆಯ ಅಗತ್ಯವಿರುತ್ತದೆ). ಒಮ್ಮೆ ಮುಗಿದ ನಂತರ, ಈ ವಿನ್ಯಾಸದ ಆಧಾರದ ಮೇಲೆ, ಟ್ಯಾಬ್ಲೆಟ್‌ಗಳು, ನೋಟ್‌ಬುಕ್‌ಗಳು ಮತ್ತು ಡೆಸ್ಕ್‌ಟಾಪ್ ಕಂಪ್ಯೂಟರ್‌ಗಳಿಗೆ ಆವೃತ್ತಿಯನ್ನು ಪಡೆಯಲು ವೈಶಿಷ್ಟ್ಯಗಳನ್ನು ಸೇರಿಸಲಾಗುತ್ತದೆ.
- ಕ್ರಮೇಣ ಅವನತಿ: ಇದು ಹಿಮ್ಮುಖ ಮಾರ್ಗವಾಗಿದೆ. ಡೆಸ್ಕ್‌ಟಾಪ್ ಸೈಟ್ ಅನ್ನು ಮೊದಲು ರಚಿಸಲಾಗಿದೆ ಮತ್ತು ಮೊಬೈಲ್ ಸ್ನೇಹಿ ಆವೃತ್ತಿಯನ್ನು ಪಡೆಯುವವರೆಗೆ ವೈಶಿಷ್ಟ್ಯಗಳನ್ನು ತೆಗೆದುಹಾಕಲಾಗುತ್ತದೆ.
ತೆಗೆದುಹಾಕುವುದಕ್ಕಿಂತ ಸೇರಿಸುವುದು ಯಾವಾಗಲೂ ಸುಲಭವಾಗಿರುವುದರಿಂದ, ಪ್ರಗತಿಶೀಲ ಮುಂಗಡವು ಮೇಲುಗೈ ಸಾಧಿಸುವ ಪ್ರವೃತ್ತಿಯಾಗಿದೆ. ಬಿ.ಉದಾಹರಣೆಗೆ ootstrap "ಮೊಬೈಲ್ ಫಸ್ಟ್" ವಿಧಾನವನ್ನು ತೆಗೆದುಕೊಳ್ಳುತ್ತದೆ, ಅಂದರೆ ವಿನ್ಯಾಸದ ಆಧಾರವು ಯಾವಾಗಲೂ ಚಿಕ್ಕ ಪರದೆಯ ಗಾತ್ರದಲ್ಲಿ ತೋರಿಸಲ್ಪಡುವ ಆವೃತ್ತಿಯಾಗಿದೆ ಮತ್ತು ನಂತರ, ಅನುಸರಿಸುವ ಗಾತ್ರಗಳಿಗೆ ರವಾನಿಸಿದಾಗ ಮಾಡಲಾಗುವ ಮಾರ್ಪಾಡುಗಳನ್ನು ಸ್ಥಾಪಿಸಲಾಗಿದೆ.
ಬೂಟ್ಸ್ಟ್ರ್ಯಾಪ್ ಅನ್ನು ಬಳಸುವುದರ ಹೆಚ್ಚುವರಿ ಪ್ರಯೋಜನವು ವಾಸ್ತವವಾಗಿ ಸಂಬಂಧಿಸಿದೆ ಗೂಗಲ್ ತನ್ನ ಹುಡುಕಾಟಗಳಲ್ಲಿ ಮೊಬೈಲ್ ಸ್ನೇಹಿ ಸೈಟ್‌ಗಳಿಗೆ ಆದ್ಯತೆ ನೀಡುತ್ತದೆ.
ನಾವು ಗಣನೆಗೆ ತೆಗೆದುಕೊಳ್ಳಬೇಕಾದ ಮತ್ತೊಂದು ಪರಿಕಲ್ಪನೆಯೆಂದರೆ ಮುಂಭಾಗ ಮತ್ತು ಬ್ಯಾಕೆಂಡ್ ವಿನ್ಯಾಸದ ನಡುವಿನ ವ್ಯತ್ಯಾಸ. ಮುಂಭಾಗದ ವಿನ್ಯಾಸವು ಬಳಕೆದಾರರು ನೋಡುವ ಎಲ್ಲವನ್ನೂ ಮತ್ತು ಅವರು ಸಂವಹನ ಮಾಡುವ ಎಲ್ಲವನ್ನೂ ನೋಡಿಕೊಳ್ಳುತ್ತದೆ. ಸರ್ವರ್‌ನಲ್ಲಿ ಏನು ಮಾಡಲಾಗುತ್ತದೆ ಎಂಬುದನ್ನು ಬ್ಯಾಕೆಂಡ್ ಗುಂಪುಗಳು. ಮೊದಲಿನ ಉದಾಹರಣೆಯೆಂದರೆ ವೆಬ್ ಫಾರ್ಮ್. ಆಯ್ಕೆಗಳ ಸರಣಿಯನ್ನು ತೋರಿಸುವುದನ್ನು ಡ್ರಾಪ್-ಡೌನ್ ಮೆನುವಾಗಿ ತೋರಿಸಲಾಗುತ್ತದೆ ಮುಂಭಾಗದ ವಿನ್ಯಾಸ, ಆಯ್ಕೆಮಾಡಿದ ಆಯ್ಕೆಯನ್ನು ಮೇಲ್ ಮೂಲಕ ಕಳುಹಿಸಲಾಗುತ್ತದೆ ಅಥವಾ ಡೇಟಾಬೇಸ್‌ಗೆ ಸೇರಿಸಲಾಗುತ್ತದೆ ಬ್ಯಾಕೆಂಡ್ ವಿನ್ಯಾಸ.
ಬೂಟ್ಸ್ಟ್ರ್ಯಾಪ್ ಎನ್ನುವುದು CSS ಶೈಲಿ ಮತ್ತು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಪ್ರೋಗ್ರಾಮಿಂಗ್‌ನ ಅಂಶಗಳನ್ನು ಸಂಯೋಜಿಸುವ ಚೌಕಟ್ಟಾಗಿದ್ದು, ರೆಂಡರಿಂಗ್ ಅನ್ನು ನಿಯಂತ್ರಿಸಲು ಮತ್ತು HTML5 ನಲ್ಲಿ ಅಭಿವೃದ್ಧಿಪಡಿಸಲಾದ ಪುಟದ ಎಲ್ಲಾ ಘಟಕಗಳಿಗೆ ಸಂವಾದಾತ್ಮಕತೆಯನ್ನು ನೀಡುತ್ತದೆ.
ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್‌ನೊಂದಿಗೆ ನಾವು ನಿಯಂತ್ರಿಸಬಹುದಾದ ವಿಷಯಗಳೆಂದರೆ:
- ಪ್ರವೇಶಿಸುವಿಕೆ: ಮೆನುಗಳು ಅಥವಾ ಡೈಲಾಗ್‌ಗಳಂತಹ ಘಟಕಗಳು ಸ್ಕ್ರೀನ್ ರೀಡರ್‌ಗಳಿಗೆ ಹೊಂದಿಕೆಯಾಗುತ್ತವೆ ಅಥವಾ ಕಡಿಮೆ ಚಲನಶೀಲತೆ ಹೊಂದಿರುವ ಜನರ ಬಳಕೆಗೆ ಸೂಕ್ತವಾಗಿದೆ.
- ಗುಂಡಿಗಳು: ಕ್ರಮಗಳು, ಶೈಲಿಗಳು, ರಾಜ್ಯಗಳು ಮತ್ತು ಗುಂಪು ಮಾಡುವಿಕೆ ಸೇರಿದಂತೆ.
- ಫಾರ್ಮ್‌ಗಳು: ರೆಂಡರಿಂಗ್, ನಿಯಂತ್ರಣಗಳ ವಿಧಗಳು ಮತ್ತು ಇನ್‌ಪುಟ್ ಮೌಲ್ಯೀಕರಣ ಸೇರಿದಂತೆ.
- ಚಿತ್ರಗಳು: ಸೇರಿಸಲಾದ ಚಿತ್ರಗಳ ಮೂಲ, ಜೋಡಣೆ ಮತ್ತು ಪರದೆಯ ಗಾತ್ರವನ್ನು ನಿಯಂತ್ರಿಸುತ್ತದೆ.
- ನ್ಯಾವಿಗೇಷನ್ ಅಂಶಗಳು: ಉದಾಹರಣೆಗೆ, ಸಾಧನವನ್ನು ಅವಲಂಬಿಸಿ ಮರೆಮಾಡಬಹುದಾದ ಸೈಡ್‌ಬಾರ್‌ಗಳು ಅಥವಾ ಲಂಬ ಅಥವಾ ಅಡ್ಡ ಮೆನುಗಳು.
- ಮುದ್ರಣಕಲೆಯು: ಪಠ್ಯದ ವಿವಿಧ ಭಾಗಗಳನ್ನು ಹೇಗೆ ಪ್ರದರ್ಶಿಸಲಾಗುತ್ತದೆ ಎಂಬುದನ್ನು ನಿಯಂತ್ರಿಸಿ.
- ಲೆಔಟ್: ಸಾಧನವನ್ನು ಅವಲಂಬಿಸಿ ವಿಷಯ ರೆಂಡರಿಂಗ್ ಅನ್ನು ಸರಿಹೊಂದಿಸುವುದು
ಮುಂದಿನ ಲೇಖನದಲ್ಲಿ ನಾವು ಅದರ ಬಳಕೆಯ ಕೆಲವು ಪ್ರಾಯೋಗಿಕ ಉದಾಹರಣೆಗಳನ್ನು ನೋಡುತ್ತೇವೆ.
ಬೂಟ್ಸ್ಟ್ರ್ಯಾಪ್ ಕುರಿತು ಏನಾದರೂ ಕಲಿಯಲು ಎದುರುನೋಡುತ್ತಿದ್ದೇನೆ.
ನಿಮ್ಮ ಸಮಯಕ್ಕೆ ಧನ್ಯವಾದಗಳು!