वेब विकास के लिए एक परिचय

पीछे मेरा दिन में (अच्छा, मेरे दिन पहले), वेब डेवलपर के पेशे एक कम एक था. यह पेशेवर सम्मान के पैमाने पर पिल्ला hater नीचे लेकिन yankees के प्रशंसक ऊपर वें स्थान पर. हम इस्तेमाल सभी टैग और पारदर्शिता स्पेसर छवियों की वजह, हम सौंदर्यशास्त्र की कोई भावना के साथ कच्चे तेल हैकर्स के रूप में देखा गया.

अच्छी तरह से, हम अभी भी सौंदर्य बोध में कमी हो सकती है, लेकिन वेब का विकास किया है ताकि के रूप में वेब डेवलपर का पेशा है. इन दिनों हम अच्छी तरह से लिखा बनाने के लिए उपयोग कर सकते हैं अनगिनत उपकरण हैं, मानकों के अनुरूप, और सुंदर (अच्छा, शायद नहीं कि पिछले एक) वेब पन्नों. तुम आज का उपयोग महान वेबसाइटों के अधिकांश (बेशर्म प्लग: यह एक सहित) इन उपकरणों का उपयोग कर निर्मित कर रहे हैं.

ब्राउज़र की समाप्ति पर उपकरणों की हमारी bevy हमें अकल्पनीय थे कि वेब पर चीजें बनाने के लिए अनुमति दी है बस 10 साल पहले, जैसे अनगिनत सामाजिक नेटवर्क अपना समय बर्बाद करने के लिए सबसे अच्छा तरीका होने का दावा, “गरम” पहले से ही एक हजार बार किया गया है कि कुछ क्रांति ला दी है दावा टेक startups, और गुस्से में पक्षियों क्लोन मूल की तुलना में केवल थोड़ा बदतर होने का दावा. वेब पर सभी. इसलिए हो सकता है कि इन उपकरणों का उपयोग करता है की सबसे बड़ी नहीं गए.

तो मैं बात कर रहा हूँ इन अद्भुत उपकरण क्या हैं? जिस तरह अग्रणी रहा है (स्पष्ट रूप से अद्भुत) एचटीएमएल 5 बुलाया भाषाओं, CSS3, और जावास्क्रिप्ट, जो मैं उपनाम 3 webocalypse की सवारों. यहां हर एक पर एक नजर है:

एचटीएमएल

एचटीएमएल (ठीक से हाइपरटेक्स्ट मार्कअप लैंग्वेज के रूप में जाना; बुरा लग नहीं करना चाहती जो लोग सिर्फ करा उपयोग क्यों आप देख सकते हैं) है भाषा वेब पृष्ठों बाहर रखना करने के लिए इस्तेमाल किया. इस पेज पर राइट क्लिक करें और क्लिक करें “स्रोत देखें”. यही कारण है कि इस पेज का उपयोग करता है कि एचटीएमएल है.

मूलतः, एचटीएमएल का एक गुच्छा है टैग, जो ब्राउज़र व्याख्या और बाहर देता है. उदाहरण के लिये, इस एचटीएमएल कोड को देखो:

<पी>मैं आप के बारे में पता नहीं, लेकिन मैं दबाव बटन की तरह.</पी>

<BR>

<बटन>मुझे क्लिक करें!</बटन>

इस HTML कोड एक पैरा में पाठ लपेटा गया है (the <पी> टैग एक पैराग्राफ शुरू होता है, the </पी> टैग एक पैरा समाप्त होता है.) एक पंक्ति विराम नहीं है (the <BR>) और फिर एक बटन आप अपने दिल की सामग्री के लिए क्लिक कर सकते हैं. आपका ब्राउज़र आप के लिए स्क्रीन पर इसे बाहर रखना होगा.

तो यह है कि सब कुछ ठीक है और अच्छा है. लेकिन आप HTML लेकिन कुछ भी नहीं है अगर, you get a webpage that looks like it came straight out of the 1990’s. बहुत ज्यादा नहीं अच्छा वैसे भी है कि एक दशक से बाहर आया (केशविन्यास, संगीत, आदि) लेकिन रुकिए! वहाँ और भी है!

सीएसएस

एक अन्य परिचित करा. गर्मी. सीएसएस के लिए खड़ा है व्यापक स्टाइल शीट्स, जो वे वास्तव में एक मिथ्या नाम का एक सा झरना नहीं है के बाद से (जो कि इसका मतलब… यह कंप्यूटर कोड है, नहीं एक झरना!) सीएसएस है भाषा शैली वेबपेजों के लिए इस्तेमाल किया. यह, भी, अपने ब्राउज़र द्वारा व्याख्या की है.

एक साथ सीएसएस और एचटीएमएल काम – HTML पृष्ठ के लेआउट बनाता है, सीएसएस यह अपने स्वभाव देता है. एक घर के निर्माण की कल्पना: एचटीएमएल एकाकार लेकिन आवश्यक लकड़ी के ढांचे प्रदान करता है, सीएसएस नीयन रंग और quirky फर्नीचर कहते हैं.

सीएसएस एक बहुत स्पष्ट भाषा है: एक निश्चित एचटीएमएल टैग के लिए (एक पैराग्राफ की तरह), आप विभिन्न शैली कक्षाओं के लिए मान निर्दिष्ट कर सकते हैं. आपका ब्राउज़र सीएसएस पढ़ सकते हैं और सभी मिलान एचटीएमएल टैग करने के लिए इसे लागू होगी. उदाहरण के लिये:

पी {

रंग: लाल;

font-size: 16px;

}

इसलिए हर पैरा (एचटीएमएल में सामान <पी> टैग) होगा लाल फ़ॉन्ट और हो 16 आकार में पिक्सल. अगर आप ध्यान, इन आप माइक्रोसॉफ्ट वर्ड में उपयोग कर सकते हैं एक ही शैलियों में से कुछ हैं और अन्य अनुप्रयोगों.

तो अब अपने वेबपेजों बाहर रखी हैं और वे सुंदर लग रही हो. लेकिन यहाँ बात है: कि वे सभी एक है. वे सिर्फ वहाँ बैठना और सुंदर लग रही हो. महान और सब है जो, लेकिन वेब के उपयोगकर्ताओं को और अधिक चाहते हैं. वे कल्पना एनिमेशन चाहते हैं. वे पॉप अप चाहते हैं (अच्छा, शायद वे में वापस किया 2002, लेकिन मैं पीछे हटना.) वे आप उन पर क्लिक करने पर सामान करना होगा कि बटन चाहते हैं.

कि पिछले एक के बारे में – कि एक मुद्दा है. आप एक बना सकते हैं <बटन> एचटीएमएल में, और आप सभी सप्ताह इसे क्लिक कर सकते हैं, लेकिन यह जल्द ही किसी भी समय कुछ भी नहीं कर रही है. आप बटन चाहते हैं, ओह मैं नहीं जानता, स्क्रीन भर में अपनी हाथी कदम है और कुछ पर हमला, then you need something more.

जावास्क्रिप्ट

जावास्क्रिप्ट है नहीं एक संक्षिप्त, आप सोच रहे थे अगर. यह जावा बुलाया प्रोग्रामिंग भाषा की तरह देखा है क्योंकि वे जावास्क्रिप्ट यह कहा जाता है, यदि ऐसा नहीं होता कारण जो अजीब है. वैसे भी, जावास्क्रिप्ट है a proper programming language that causes all the dynamic effects आप वेब पर देख.

किसी भी प्रोग्रामिंग भाषा की तरह, जावास्क्रिप्ट है चर बनाने और कार्यों का उपयोग करने वाले आदेशों की एक श्रृंखला. जावास्क्रिप्ट के बारे में अच्छा हिस्सा (अच्छी तरह से, as cool as a programming language can be) is that you can access those HTML elements (like paragraphs and buttons) and CSS styles (like font color and size) and change them. Look at this code:

var paragraph = $(‘p’);

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

This JavaScript code will find all the paragraphs on the page – the $ 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 नीला.

मैं दिलचस्प मिल क्या (फिर, यह सब एक के दृष्टिकोण से है “webdev”) तीन भाषाओं में एक साथ काम कैसे सुंदर ढंग से है. जावास्क्रिप्ट की है कि पिछले लाइन पृष्ठ के एचटीएमएल के साथ बातचीत की और सीएसएस यह शैली के लिए इस्तेमाल. यह इन भाषाओं में एक ही बात का अभी विभिन्न घटक हैं की तरह नहीं है – वे एक और एक ही कर रहे हैं, एक ही अद्भुत मशीन के विभिन्न पक्षों.

आकर्षक लगती है? मैं यह करता है. यह वेब की सुंदरता का सिर्फ एक हिस्सा है.