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

मागे माझ्या दिवसात (ओके, माझे दिवसापूर्वी), वेब विकसक च्या व्यवसायात कमी होता. तो व्यावसायिक सैनिक प्रमाणावर गर्विष्ठ तरुण hater खाली पण Yankees चाहता वरील क्रमांकावर. आम्ही वापरले सर्व टॅग आणि पारदर्शकता स्पेसर प्रतिमा कारण, आम्ही सौंदर्यशास्त्र नाही अर्थाने सह क्रूड हॅकर्स म्हणून पाहिले होते.

विहीर, आम्ही अजूनही सौंदर्याचा अर्थाने उणीव जाऊ शकते, पण वेब विकसित आहे म्हणून वेब डेव्हलपर च्या व्यवसायात आहे. हे दिवस आम्ही तसेच लिखित करण्यासाठी वापरू शकता अगणित साधने आहेत, मानदंड-conforming, आणि सुंदर (ओके, कदाचित नाही की गेल्या एक) वेब पृष्ठे. आपण आज वापरत महान वेबसाइट बहुतेक (बेशरम प्लग: या तीसह) या साधनांचा वापर करून बांधली जातात.

ब्राउझरच्या सतत साधने आमच्या घोळका आम्हाला unimaginable होते वेबवर गोष्टी तयार करण्याची अनुमती आहे फक्त 10 वर्षांपूर्वी, जसे अगणित सामाजिक नेटवर्क आपला वेळ वाया घालवू सर्वोत्तम मार्ग असल्याचे दावा, “गरम” आधीच एक हजार वेळा केले गेले आहे की काहीतरी revolutionized आहेत दावा टेक प्रारंभीची, आणि रागावलेले पक्षी clones मूळ पेक्षा केवळ किंचित वाईट अधिकार सांगून. वेबवरील सर्व. त्यामुळे कदाचित या साधनांचा उपयोग महान गेलेले नाहीत.

त्यामुळे मी बोलत केले आहे हे आश्चर्यकारक साधने काय आहेत? मार्ग अग्रगण्य केले आहेत (मोकळेपणाने आश्चर्यकारक) HTML5 म्हणतात भाषा, CSS3, आणि JavaScript, जे मी टोपणनाव 3 webocalypse च्या horsemen. येथे प्रत्येक एक दृष्टी आहे:

HTML

HTML (व्यवस्थित हायपरटेक्स्ट मार्कअप भाषा म्हणून ओळखले; वाईट पहायला नको लोक फक्त संक्षिप्तरुप वापर का तुम्ही पाहू शकता) आहे भाषा वेब पृष्ठे व्यय करण्यासाठी वापरले. या पृष्ठावर राईट क्लिक करा आणि क्लिक “स्त्रोत पहा”. या पृष्ठावर वापरते असलेला HTML आहे.

मूलत:, HTML च्या एक घड आहे टॅग्ज, जे ब्राउझर interprets आणि बाहेर घालते. उदाहरणार्थ, हा HTML कोड पाहू:

<नाम अनेकवचनी>मी तुम्हाला माहित नाही, पण मी दाबून बटणे आवडतात.</नाम अनेकवचनी>

<BR>

<बटण>मला क्लिक करा!</बटण>

हा HTML कोड परिच्छेद मजकूर wrapped आहे (अगोदर निर्देश केलेल्या बाबीसंबंधी बोलताना <नाम अनेकवचनी> टॅग एक परिच्छेद सुरू होतो, अगोदर निर्देश केलेल्या बाबीसंबंधी बोलताना </नाम अनेकवचनी> टॅग एक परिच्छेद संपेल.) एक ओळ खंड आहे (अगोदर निर्देश केलेल्या बाबीसंबंधी बोलताना <BR>) आणि नंतर एक बटण आपण आपल्या हृदयाच्या पानावर क्लिक करा. आपला ब्राउझर आपण पडद्यावर तो व्यय होईल.

त्यामुळे त्या सर्व चांगले आणि चांगले आहे. पण तुम्ही HTML पण काहीच असल्यास, you get a webpage that looks like it came straight out of the 1990’s. नाही जास्त चांगले तरीही त्या दशकात बाहेर आला (hairstyles, संगीत, इ) जरा थांबा! तेथे आणखी!

CSS

दुसरा संक्षिप्तरुप. उन्हाळा. CSS याचा अर्थ Cascading शैली पत्रकास, जे ते खरोखर एक misnomer एक बिट कॅसकेड नाही असल्यामुळे (जे काही अर्थ… तो संगणक कोड आहे, नाही एक धबधबा!) CSS आहे भाषा प्रकारच्या वेबपृष्ठे करण्यासाठी वापरले. हे, सुद्धा, आपल्या ब्राउझरद्वारे अर्थाची आहे.

एकत्र CSS आणि HTML काम – HTML पृष्ठात च्या लेआउट करते, CSS तो त्याच्या प्रतिभा देते. घर बांधणी कल्पना: HTML drab परंतु आवश्यक लाकडी चौकट पुरविते, CSS निऑन रंगहीन वायू रंग आणि quirky फर्निचर जोडते.

CSS एक तेही सोपे भाषा आहे: एक विशिष्ट HTML टॅग साठी (एक परिच्छेद सारखे), आपण विविध प्रकारच्या वर्गात मूल्ये निर्देशीत करू शकता. आपला ब्राउझर CSS वाचा आणि सर्व जुळणार्या HTML टॅग ते लागू होतील. उदाहरणार्थ:

नाम अनेकवचनी {

रंग: लाल;

फॉन्ट-आकार: 16px;

}

त्यामुळे प्रत्येक परिच्छेद (HTML मध्ये सामग्री <नाम अनेकवचनी> टॅग्ज) लागेल लाल फॉन्ट आणि असणे 16 आकार पिक्सेल. आपण लक्षात असल्यास, या आपण मायक्रोसॉफ्ट वर्ड मध्ये वापरू शकता समान शैली काही आहेत आणि इतर अनुप्रयोग.

त्यामुळे आता आपल्या वेबपृष्ठे बाहेर घातली आहेत आणि ते अतिशय पाहण्यासारखे. पण इथे गोष्ट आहे: की त्यांना काही सर्व आहे. ते फक्त तेथे बसून तेही पहायला. महान आणि सर्व आहे जे, पण वेब वापरकर्ते अधिक इच्छित. ते फॅन्सी अॅनिमेशन इच्छित. ते पॉपअप इच्छित (ओके, कदाचित ते परत केले 2002, पण मी विषयांतर.) ते आपण त्यांना क्लिक केल्यावर सामग्री करेल की बटणे इच्छित.

गेल्या एक बद्दल – त्या समस्या आहे. आपण एक करू शकता <बटण> HTML मध्ये, आणि आपण सर्व आठवड्यात तो क्लिक करू शकता, परंतु लवकरच कधीही काहीही करत नाही. आपण बटण इच्छित असल्यास, अरे मला माहीत नाही, पडदा ओलांडून आपल्या हत्ती हलवा आणि काहीतरी हल्ला, then you need something more.

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

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

Like any programming language, जावास्क्रिप्ट आहे a series of commands that make variables and use functions. The cool part about JavaScript (विहीर, 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 – अगोदर निर्देश केलेल्या बाबीसंबंधी बोलताना $ sign tells the browser to find all matching elements, and the ‘p’ तो परीच्छेदांची निवडण्यासाठी आवश्यक अर्थ (स्मरण <नाम अनेकवचनी> HTML वरून घटक?) मग आपण एक व्हेरिएबल करण्यासाठी परीच्छेदांची संचयित करू शकता, and the command the browser to change their color CSS style to निळा.

मी गमतीशीर वाटतं काय (पुन्हा एकदा, या सर्व एक च्या दृष्टिकोन आहे “webdev”) तीन भाषा एकत्र काम कसे elegantly आहे. जावास्क्रिप्ट की गेल्या ओळ पृष्ठाची HTML चर्चा आणि CSS तो प्रकारच्या करण्यासाठी वापरले. या भाषा समान गोष्ट फक्त भिन्न घटक आहेत आवडत नाही – ते एक आणि त्याच आहोत, समान आश्चर्यकारक मशीन विविध बाजू.

Fascinating ध्वनी? मी तो विचार. वेब सौंदर्य फक्त भाग आहे.