ವೆಬ್ ಅಭಿವೃದ್ಧಿ ಒಂದು ಪರಿಚಯ

ಬ್ಯಾಕ್ ನನ್ನ ದಿನದಲ್ಲಿ (ಸರಿ, ನನ್ನ ದಿನ ಮೊದಲು), ವೆಬ್ ಡೆವಲಪರ್ ವೃತ್ತಿಯ ಕಡಿಮೆ ಒಂದು. ಇದು ವೃತ್ತಿಪರ ಗೌರವ ಪ್ರಮಾಣದಲ್ಲಿ ನಾಯಿ ದ್ವೇಷಿ ಕೆಳಗೆ ಆದರೆ ಯಾಂಕೀಸ್ ಅಭಿಮಾನಿ ಮೇಲೆ ಸ್ಥಾನ. ನಾವು ಬಳಸುವ ಎಲ್ಲಾ ಟ್ಯಾಗ್ಗಳನ್ನು ಮತ್ತು ಪಾರದರ್ಶಕತೆ ವಿಭಾಜಕ ಚಿತ್ರಗಳ ಏಕೆಂದರೆ, ನಾವು ಸೌಂದರ್ಯಶಾಸ್ತ್ರದ ಅರ್ಥವಿಲ್ಲದ ಕಚ್ಚಾ ಹ್ಯಾಕರ್ಸ್ ಕಾಣಲಾಯಿತು.

ಬಾವಿ, ನಾವು ಇನ್ನೂ ಸದಭಿರುಚಿಯನ್ನು ಕೊರತೆ, ಆದರೆ ವೆಬ್ ಅಭಿವೃದ್ಧಿ ಎಂದು ಆದ್ದರಿಂದ ವೆಬ್ ಡೆವಲಪರ್ ವೃತ್ತಿಯ ಹೊಂದಿದೆ. ಈ ದಿನಗಳಲ್ಲಿ ನಾವು ಚೆನ್ನಾಗಿ ಬರೆಯಲ್ಪಟ್ಟ ಮಾಡಲು ಬಳಸಬಹುದು ಲೆಕ್ಕವಿಲ್ಲದಷ್ಟು ಉಪಕರಣಗಳು ಇವೆ, ಗುಣಮಟ್ಟವನ್ನು ಸರಿಹೊಂದದ, ಮತ್ತು ಸುಂದರ (ಸರಿ, ಬಹುಶಃ ಅಲ್ಲ ಕಳೆದ ಒಂದು) ವೆಬ್ ಪುಟಗಳು. ನೀವು ಇಂದು ಬಳಸಲು ಮಹಾನ್ ವೆಬ್ಸೈಟ್ಗಳು ಅತ್ಯಂತ (ನಾಚಿಕೆಯಿಲ್ಲದ ಪ್ಲಗ್: ಈ ಸೇರಿದಂತೆ) ಈ ಉಪಕರಣಗಳು ಬಳಸಿ ನಿರ್ಮಿಸಲಾಗಿದೆ.

ಬ್ರೌಸರ್ ಕೊನೆಯಲ್ಲಿ ಉಪಕರಣಗಳು ನಮ್ಮ ಸ್ತ್ರೀಯರ ಸಮೂಹ ನಮಗೆ ಊಹಿಸಲಾಗದ ಎಂದು ವೆಬ್ನಲ್ಲಿ ವಿಷಯಗಳನ್ನು ರಚಿಸಲು ಅವಕಾಶ ಕೇವಲ 10 ವರ್ಷಗಳ ಹಿಂದೆ, ಉದಾಹರಣೆಗೆ ಅಸಂಖ್ಯಾತ ಸಾಮಾಜಿಕ ಜಾಲಗಳು ನಿಮ್ಮ ಸಮಯ ವ್ಯರ್ಥ ಉತ್ತಮ ರೀತಿಯಲ್ಲಿ ಎಂದು ಆರೋಪಿಸಿ, “ಬಿಸಿ” ಈಗಾಗಲೇ ಸಾವಿರ ಬಾರಿ ಮಾಡಲಾಗಿದೆ ವಿಷಯ ಕ್ರಾಂತಿಕಾರಕ ಆರೋಪಿಸಿ ಟೆಕ್ ಉದ್ಯಮಗಳಿಗೆ, ಮತ್ತು ಆಂಗ್ರಿ ಬರ್ಡ್ಸ್ ತದ್ರೂಪುಗಳ ಮೂಲ ಸ್ವಲ್ಪವೇ ಕೆಟ್ಟದಾಗಿ ಎಂದು ಆರೋಪಿಸಿ. ವೆಬ್ನಲ್ಲಿ ಎಲ್ಲಾ. ಆದ್ದರಿಂದ ಬಹುಶಃ ಈ ಸಾಧನಗಳನ್ನು ಬಳಸುವ ಮಹಾನ್ ಹೋಗಿದ್ದಾರೆ ಮಾಡಿಲ್ಲ.

ಹಾಗಾಗಿ ಬಗ್ಗೆ ಬಂದಿದೆ ಈ ಅದ್ಭುತ ಪರಿಕರಗಳು ಯಾವುವು? ದಾರಿ ಎಂದು (ನಾನೂ ಅದ್ಭುತ) HTML5 ಎಂಬ ಭಾಷೆಗಳು, CSS3, ಮತ್ತು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್, ಇದು ನಾನು ಅಡ್ಡಹೆಸರು 3 webocalypse ಆಫ್ ಕುದುರೆ. ಇಲ್ಲಿ ಪ್ರತಿ ಒಂದು ನೋಟ ಇಲ್ಲಿದೆ:

ಎಚ್ಟಿಎಮ್ಎಲ್

ಎಚ್ಟಿಎಮ್ಎಲ್ (ಸರಿಯಾಗಿ ಹೈಪರ್ ಟೆಕ್ಸ್ಟ್ ಮಾರ್ಕಪ್ ಲಾಂಗ್ವೇಜ್ ಎಂದು; ಕೆಟ್ಟ ನೋಡಲು ಬಯಸುವುದಿಲ್ಲ ಜನರಿಗೆ ಕೇವಲ ಪ್ರಥಮಾಕ್ಷರಿ ಬಳಸುವುದು ಏಕೆ ನೀವು ನೋಡಬಹುದು) ಆಗಿದೆ ಭಾಷೆ ವೆಬ್ ಪುಟಗಳು ಮೊಟ್ಟ ಬಳಸಲಾಗುತ್ತದೆ. ಈ ಪುಟ ಮೇಲೆ ಬಲ ಕ್ಲಿಕ್ ಮತ್ತು ಕ್ಲಿಕ್ ಮಾಡಿ “ಮೂಲ ವೀಕ್ಷಿಸಿ”. ಈ ಪುಟ ಬಳಸುವ ಎಚ್ಟಿಎಮ್ಎಲ್ ಇಲ್ಲಿದೆ.

ಮೂಲಭೂತವಾಗಿ, ಎಚ್ಟಿಎಮ್ಎಲ್ ಒಂದು ಗುಂಪನ್ನು ಇದು ಟ್ಯಾಗ್ಗಳು, ಇದು ಬ್ರೌಸರ್ ಅರ್ಥೈಸುತ್ತದೆ ಮತ್ತು ತೋರಿಸುತ್ತದೆ. ಉದಾಹರಣೆಗೆ, ಈ HTML ಕೋಡ್ ನೋಡಲು:

<ಪು>ನಾನು ನಿಮ್ಮ ಬಗ್ಗೆ ಗೊತ್ತಿಲ್ಲ, ಆದರೆ ನಾನು ಒತ್ತುವ ಗುಂಡಿಗಳು ಇಷ್ಟ.</ಪು>

<ಬಿಆರ್>

<ಗುಂಡಿ>ನನಗೆ ಕ್ಲಿಕ್ ಮಾಡಿ!</ಗುಂಡಿ>

ಈ HTML ಕೋಡ್ ಪ್ಯಾರಾಗ್ರಾಫ್ ಪಠ್ಯ ಸುತ್ತಿಕೊಂಡರೆ (ದಿ <ಪು> ಟ್ಯಾಗ್ ಒಂದು ಪ್ಯಾರಾಗ್ರಾಫ್ ಆರಂಭವಾಗುತ್ತದೆ, ದಿ </ಪು> ಟ್ಯಾಗ್ ಒಂದು ಪ್ಯಾರಾಗ್ರಾಫ್ ಕೊನೆಗೊಳ್ಳುತ್ತದೆ.) ಲೈನ್ ಬ್ರೇಕ್ ಇಲ್ಲ (ದಿ <ಬಿಆರ್>) ನಂತರ ಬಟನ್ ನಿಮ್ಮ ಹೃದಯದ ವಿಷಯ ಕ್ಲಿಕ್ಕಿಸಿ. ನಿಮ್ಮ ಬ್ರೌಸರ್ ನೀವು ತೆರೆಯ ಮೇಲೆ ಔಟ್ ಇಡುತ್ತವೆ.

ಆದ್ದರಿಂದ ಎಲ್ಲಾ ಚೆನ್ನಾಗಿ ಮತ್ತು ಉತ್ತಮ. ಆದರೆ ನೀವು HTML ಆದರೆ ಏನೂ ಹೊಂದಿದ್ದರೆ, you get a webpage that looks like it came straight out of the 1990’s. ಹೆಚ್ಚು ಉತ್ತಮ ಹೇಗಾದರೂ ಆ ದಶಕದ ಹೊರಬಂದು (ಕೇಶವಿನ್ಯಾಸ, ಸಂಗೀತ, ಇತ್ಯಾದಿ) ಆದರೆ ನಿರೀಕ್ಷಿಸಿ! ಹೆಚ್ಚು ಇಲ್ಲ!

ಸಿಎಸ್ಎಸ್

ಮತ್ತೊಂದು ಸಂಕ್ಷಿಪ್ತ. ಬೇಸಿಗೆ. ಸಿಎಸ್ಎಸ್ ನಿಂತಿದೆ ಕ್ಯಾಸ್ಕೇಡಿಂಗ್ ಸ್ಟೈಲ್ ಶೀಟ್ಸ್, ಇದು ಅವರು ನಿಜವಾಗಿಯೂ ಒಂದು ಬೇನಾಮಿ ಸ್ವಲ್ಪ ಕ್ಯಾಸ್ಕೇಡ್ ಇಲ್ಲ ಕಾರಣ (ಏನೇ ಅಂದರೆ… ಇದು ಕಂಪ್ಯೂಟರ್ ಕೋಡ್ ಇಲ್ಲಿದೆ, ಒಂದು ಜಲಪಾತ!) ಸಿಎಸ್ಎಸ್ ಭಾಷೆ ಶೈಲಿ ವೆಬ್ಪುಟಗಳನ್ನು ಬಳಸಲಾಗುತ್ತದೆ. ಈ, ತೀರಾ, ನಿಮ್ಮ ಬ್ರೌಸರ್ ತಿಳಿಯುತ್ತದೆ.

ಒಟ್ಟಿಗೆ ಸಿಎಸ್ಎಸ್ ಮತ್ತು ಎಚ್ಟಿಎಮ್ಎಲ್ ಕೆಲಸ – ಎಚ್ಟಿಎಮ್ಎಲ್ ಪುಟ ಲೇಔಟ್ ಮಾಡುತ್ತದೆ, ಸಿಎಸ್ಎಸ್ ಅದರ ಫ್ಲೇರ್ ನೀಡುತ್ತದೆ. ಮನೆ ಕಟ್ಟುವ ಇಮ್ಯಾಜಿನ್: ಎಚ್ಟಿಎಮ್ಎಲ್ ಮಂಕು ಆದರೆ ಅಗತ್ಯ ಮರದ ಚೌಕಟ್ಟನ್ನು ಒದಗಿಸುತ್ತದೆ, ಸಿಎಸ್ಎಸ್ ನಿಯಾನ್ ಬಣ್ಣಗಳನ್ನು ಮತ್ತು ಚಮತ್ಕಾರಿ ಪೀಠೋಪಕರಣ ಸೇರಿಸುತ್ತದೆ.

ಸಿಎಸ್ಎಸ್ ಬಹಳ ಸರಳ ಭಾಷೆ: ಒಂದು ನಿರ್ದಿಷ್ಟ HTML ಟ್ಯಾಗ್ ಫಾರ್ (ಒಂದು ಪ್ಯಾರಾಗ್ರಾಫ್ ಹಾಗೆ), ನೀವು ವಿವಿಧ ಶೈಲಿಯ ತರಗತಿಗಳು ಮೌಲ್ಯಗಳನ್ನು ಸೂಚಿಸಬಹುದು. ನಿಮ್ಮ ಬ್ರೌಸರ್ ಸಿಎಸ್ಎಸ್ ಓದಲು ಮತ್ತು ಎಲ್ಲಾ ಹೊಂದಾಣಿಕೆಯ HTML ಟ್ಯಾಗ್ಗಳನ್ನು ಇದು ಅನ್ವಯಿಸುತ್ತದೆ. ಉದಾಹರಣೆಗೆ:

ಪು {

ಬಣ್ಣ: ಕೆಂಪು;

ಫಾಂಟ್ ಗಾತ್ರ: 16px;

}

ಆದ್ದರಿಂದ ಪ್ರತಿ ಪ್ಯಾರಾಗ್ರಾಫ್ (HTML ನಲ್ಲಿ ಸ್ಟಫ್ <ಪು> ಟ್ಯಾಗ್ಗಳು) ಹೊಂದಿರುತ್ತದೆ ಕೆಂಪು ಫಾಂಟ್ ಮತ್ತು ಎಂದು 16 ಗಾತ್ರದಲ್ಲಿ ಪಿಕ್ಸೆಲ್ಗಳು. ನೀವು ಗಮನಿಸಿದ್ದೇವೆ, ಈ ನೀವು ಮೈಕ್ರೋಸಾಫ್ಟ್ ವರ್ಡ್ ಬಳಸಬಹುದು ಅದೇ ಶೈಲಿಗಳು ಕೆಲವು ಮತ್ತು ಇತರ ಅನ್ವಯಗಳನ್ನು.

ಈಗ ನಿಮ್ಮ ವೆಬ್ಪುಟಗಳನ್ನು ಹಾಕಿರಲಾಗುತ್ತದೆ ಮತ್ತು ಅವರು ಬಹಳ ನೋಡಲು. ಆದರೆ ಇಲ್ಲಿ ವಿಷಯ: ಅವರು ಅಷ್ಟೆ. ಅವರು ಕೇವಲ ಕುಳಿತುಕೊಂಡು ಸುಂದರಿ ನೋಡಲು. ದೊಡ್ಡ ಮತ್ತು ಎಲ್ಲಾ ಇದು, ಆದರೆ ವೆಬ್ ಬಳಕೆದಾರರಿಗೆ ಹೆಚ್ಚು ಬಯಸುವ. ಅವರು ಅಲಂಕಾರಿಕ ಅನಿಮೇಷನ್ ಬಯಸುವ. ಅವರು ಪಾಪ್ ಅಪ್ಗಳನ್ನು ಬಯಸುವ (ಸರಿ, ಬಹುಶಃ ಅವರು ರಲ್ಲಿ ಮಾಡಿದರು 2002, ಆದರೆ ನಾನು ದಾರಿ ಬಿಟ್ಟು ಹೋಗು.) ಅವರು ನೀವು ಕ್ಲಿಕ್ ಮಾಡಿದಾಗ ವಿಷಯವನ್ನು ಎಂದು ಗುಂಡಿಗಳು ಬಯಸುವ.

ಕಳೆದ ಒಂದು ಬಗ್ಗೆ – ಒಂದು ಸಮಸ್ಯೆ. ನೀವು ಮಾಡಬಹುದು <ಗುಂಡಿ> HTML ನಲ್ಲಿ, ಮತ್ತು ನೀವು ಎಲ್ಲಾ ವಾರ ಕ್ಲಿಕ್ಕಿಸಿ, ಆದರೆ ಶೀಘ್ರದಲ್ಲಿ ಏನು ಮಾಡುವುದರಿಂದ ದೊರೆಯದಿದ್ದಲ್ಲಿ. ನೀವು ಬಟನ್ ಬಯಸಿದರೆ, ಓಹ್ ನಾನು ಗೊತ್ತಿಲ್ಲ, ಪರದೆಯ ಆನೆ ಸರಿಸಲು ಮತ್ತು ಏನೋ ದಾಳಿ, then you need something more.

ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್

ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಆಗಿದೆ ಅಲ್ಲ ಒಂದು ಸಂಕ್ಷಿಪ್ತ, ನೀವು ಚಕಿತಗೊಳಿಸುತ್ತದೆ ವೇಳೆ. ಇದು ಜಾವಾ ಎಂಬ ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆ ಹೇಗಿತ್ತು ಏಕೆಂದರೆ ಅವರು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಎಂದು, ಹಾಗಾಗದೆ ಕಾರಣ ವಿಚಿತ್ರ ಇದು. ಹೇಗಾದರೂ, ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಆಗಿದೆ a proper programming language that causes all the dynamic effects ನೀವು ವೆಬ್ನಲ್ಲಿ ನೋಡಿ.

ಯಾವುದೇ ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆ ಲೈಕ್, ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಆಗಿದೆ ಅಸ್ಥಿರ ಮಾಡಲು ಮತ್ತು ಕಾರ್ಯಗಳನ್ನು ಬಳಸಲು ಆಜ್ಞೆಗಳ ಒಂದು ಸರಣಿ. ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಬಗ್ಗೆ ತಂಪು (ಬಾವಿ, ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆ ಮಾಡಬಹುದು ಎಂದು ತಂಪಾದ) ಆ HTML ಅಂಶಗಳನ್ನು ಪ್ರವೇಶಿಸಬಹುದು ಎಂದು (ಪ್ಯಾರಾಗಳು ಮತ್ತು ಗುಂಡಿಗಳು ಹಾಗೆ) ಮತ್ತು ಸಿಎಸ್ಎಸ್ ಶೈಲಿಗಳು (ಫಾಂಟ್ ಬಣ್ಣ ಮತ್ತು ಗಾತ್ರ ಹಾಗೆ) ಮತ್ತು ಅವುಗಳನ್ನು ಬದಲಾಯಿಸಲು. ಈ ಕೋಡ್ ನೋಡಿ:

var paragraph = $(‘p’);

paragraph.css(‘color’,’blue’);

This JavaScript code will find all the paragraphs on the page – ದಿ $ sign tells the browser to find all matching elements, and the ‘p’ means it needs to choose paragraphs (remember the <ಪು> element from HTML?) Then you can store the paragraphs to a variable, and the command the browser to change their color CSS style to blue.

What I find interesting (again, this is all from the viewpoint of a “webdev”) is how elegantly the three languages work together. ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಕೊನೆಯ ಸಾಲು ಪುಟದ HTML ಸಂಪರ್ಕದಲ್ಲಿದ್ದರು ಮತ್ತು ಸಿಎಸ್ಎಸ್ ಶೈಲಿ ಬಳಸಲಾಗುತ್ತದೆ. ಇದು ಈ ಭಾಷೆಗಳಲ್ಲಿ ಒಂದೇ ಕೇವಲ ವಿವಿಧ ಅಂಶಗಳಾಗಿವೆ ಇಷ್ಟ ಅಲ್ಲ – ಅವರು ಒಂದೇ ಆರ್, ಅದೇ ಅದ್ಭುತ ಯಂತ್ರ ವಿವಿಧ ಕಡೆಗಳಲ್ಲಿ.

ಆಕರ್ಷಕ ಧ್ವನಿ? ನಾನು ಅದು ಆಲೋಚಿಸುತ್ತೀರಿ. ವೆಬ್ ಸೌಂದರ್ಯ ಕೇವಲ ಭಾಗವಾಗಿದೆ.