వెబ్ అభివృద్ధి ఒక పరిచయం

HTML 5 logo on an iPhone smartphone with app icons around it in a cloud
వెబ్ స్వాగతం.

తిరిగి నా రోజు (OK, నా రోజు ముందు), వెబ్ డెవలపర్ వృత్తిలో తక్కువ ఒకటి. ఇది వృత్తిపరమైన గౌరవ స్థాయిలో కుక్కపిల్ల విరోధి క్రింద కానీ యాన్కీస్ అభిమాని స్థానంలో నిలిచింది. మేము ఉపయోగించే అన్ని టాగ్లు మరియు పారదర్శకత స్పేసర్ చిత్రాల ఎందుకంటే, మేము సౌందర్యం సంఖ్య చైతన్యాన్ని ముడి హ్యాకర్లు ఉంటారు.

Well, మేము ఇంకా సౌందర్య అర్థంలో లేకపోవచ్చు, కానీ వెబ్ అభివృద్ధి చేసింది విధంగా వెబ్ డెవలపర్ యొక్క వృత్తిలో. ఈ రోజుల్లో మేము బాగా వ్రాసిన చేయడానికి ఉపయోగించవచ్చు లెక్కలేనన్ని ఉపకరణాలు ఉన్నాయి, ప్రమాణాలు విరుద్ధమైన, మరియు అందమైన (OK, బహుశా కాదు చివరి) వెబ్ పేజీలు. మీరు నేడు ఉపయోగించడానికి గొప్ప వెబ్సైట్ల (సిగ్గులేని ప్లగ్: ఈ ఒక సహా) ఈ సాధనాలను ఉపయోగించి నిర్మిస్తారు.

బ్రౌజర్ యొక్క ముగింపు యొక్క ఉపకరణాలను మా గుంపు మాకు అనూహ్యమైన అని వెబ్లో విషయాలు సృష్టించడానికి అనుమతించింది కేవలం 10 సంవత్సరాల క్రితం, వంటి అసంఖ్యాక సామాజిక నెట్వర్క్లు మీ సమయం వృధా సరియిన క్లెయిమ్, “వేడి” ఇప్పటికే వెయ్యి సార్లు ఏదో విప్లవాత్మక చేశారు క్లెయిమ్ టెక్ నూతన, మరియు యాంగ్రీ బర్డ్స్ క్లోన్ అసలు కంటే కొంచెం దారుణంగా పేర్కొన్నారు. వెబ్లో అన్ని. కాబట్టి బహుశా ఈ టూల్స్ ఉపయోగాలు గొప్ప వెళ్ళిన లేదు.

నేను గురించి ఆలోచిస్తున్నాము ఈ అద్భుతమైన టూల్స్ ఏవి? మార్గం ప్రముఖ ఉన్నాయి (స్పష్టముగా అద్భుతమైన) HTML5 అనే భాషలు, CSS3, మరియు JavaScript, ఇది నేను మారుపేరు 3 webocalypse యొక్క రౌతులను. ఇక్కడ ప్రతి ఒక ఒక లుక్:

HTML

HTML (సరిగా హైపర్టెక్స్ట్ మార్కప్ లాంగ్వేజ్ అని పిలుస్తారు; చెడు చూడండి వద్దు వ్యక్తులు ఎక్రోనిం ఉపయోగిస్తారు ఎందుకు మీరు చూడగలరు) ఉంది భాష వెబ్ పేజీలు ఎలా వేయడానికి ఉపయోగిస్తారు. ఈ పేజీలో కుడి క్లిక్ చేయండి మరియు క్లిక్ “సోర్స్ను చూడండి”. ఈ పేజీ ఉపయోగించే HTML ఉంది.

అత్యావశ్యకము, HTML ఒక సమూహం ఉంది టాగ్లు, ఇది బ్రౌజర్ వివరించడం మరియు కూడా సూచిస్తుంది. ఉదాహరణకు, ఈ HTML కోడ్ చూడండి:

<p>నేను మీరు గురించి తెలియదు, కానీ నేను నొక్కడం బటన్లు.</p>

<br>

<బటన్>నాకు క్లిక్!</బటన్>

ఈ HTML కోడ్ ఒక పేరా లో టెక్స్ట్ చుట్టి ఉంది (ఆ <p> ట్యాగ్ ఒక పేరా మొదలవుతుంది, ఆ </p> ట్యాగ్ ఒక పేరా ముగుస్తుంది.) ఒక లైన్ విరామం ఉంది (ఆ <br>) ఆపై ఒక బటన్ హృదయాలకు క్లిక్ చేయవచ్చు. మీ బ్రౌజర్ మీరు తెరపై దాన్ని లే ఉంటుంది.

కాబట్టి అన్ని బాగా మరియు మంచి. కానీ మీరు HTML కానీ ఏమీ ఉంటే, you get a webpage that looks like it came straight out of the 1990’s. ఎక్కువగా మంచి ఏమైనప్పటికీ ఆ దశాబ్దం వచ్చింది (కేశాలంకరణ, సంగీతము, మొదలైనవి) కానీ వేచి! ఇంకా ఉంది!

CSS

మరో ఎక్రోనిం. వేసవి. CSS ఉన్నచో క్యాస్కేడింగ్ స్టైల్ షీట్లు, ఇది వారు నిజంగా ఒక తగని ఒక బిట్ కోన లేదు నుండి (ఏ సాధనాలు… కంప్యూటర్ కోడ్ ఉంది, ఒక జలపాతం!) CSS ఉంది భాష శైలి వెబ్ ఉపయోగిస్తారు. ఈ, కూడా, మీ బ్రౌజర్ ద్వారా వివరించబడుతుంది.

కలిసి CSS మరియు HTML పని – HTML పేజీ యొక్క లేఅవుట్, CSS దాని ఫ్లెయిర్ ఇస్తుంది. ఒక ఇంటి నిర్మాణ ఇమాజిన్: HTML గోధుమ రంగులో కానీ అవసరం చెక్క ప్రణాళికను, CSS నియాన్ రంగులు మరియు చురుకుదనం ఫర్నిచర్ జతచేస్తుంది.

CSS ఒక అందమైన నేరుగా భాష: ఒక నిర్దిష్ట HTML ట్యాగ్ కోసం (ఒక పేరా వంటి), మీరు వివిధ శైలి తరగతులు కోసం విలువలు పేర్కొనవచ్చు. మీ బ్రౌజర్ CSS చదివి అన్ని సరిపోలే HTML టాగ్లు దానిని వర్తిస్తాయి. ఉదాహరణకు:

p {

రంగు: ఎరుపు రంగు;

font-size: 16px;

}

కాబట్టి ప్రతి పేరా (HTML లో stuff <p> టాగ్లు) ఉంటుంది ఎరుపు రంగు ఫాంట్ మరియు 16 పరిమాణం పిక్సెళ్ళు. మీరు గమనించి ఉంటే, ఈ మీరు Microsoft Word లో ఉపయోగించవచ్చు అదే శైలులు కొన్ని మరియు ఇతర అప్లికేషన్లు.

కాబట్టి ఇప్పుడు మీ వెబ్ ఎత్తివెయ్యబడితే మరియు వారు అందంగా చూడండి. కానీ ఇక్కడ విషయం: వారు అన్ని అదే. వారు అక్కడే కూర్చుని అందంగా చూడండి. గొప్ప మరియు అన్ని ఇది, కానీ వెబ్ వినియోగదారులు కావాలి. వారు ఫాన్సీ యానిమేషన్లు కావలసిన. వారు పాప్ అప్ కావలసిన (OK, బహుశా వారు ఇలాగే 2002, కానీ ఆధునిక మహిళ.) వారు మీరు వాటిని క్లిక్ చేసినప్పుడు పనులే అని బటన్లు కావలసిన.

చివరి గురించి – ఒక సమస్య. మీరు ఒక చేయవచ్చు <బటన్> HTML లో, మరియు మీరు అన్ని వారం అది క్లిక్ చేయవచ్చు, కానీ వెంటనే ఏ సమయంలో ఏదైనా చేయడం లేదు. మీరు బటన్ చేయాలనుకుంటే, OH నేను తెలియదు, స్క్రీన్ అంతటా మీ ఏనుగు తరలించడానికి మరియు ఏదో దాడి, 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 – ఆ $ sign tells the browser to find all matching elements, and the ‘pmeans it needs to choose paragraphs (remember the <p> 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”) మూడు భాషలు కలిసి పని ఎలా సొంపుగా ఉంది. JavaScript యొక్క ఆ చివరి పంక్తి పేజీ యొక్క HTML సంప్రదించింది మరియు CSS శైలి ఉపయోగిస్తారు. ఈ భాషలలో ఇదే యొక్క వివిధ భాగాలు లాగ కాదు – మాటలు ఉన్నారు, అదే అమ్మడు వివిధ వైపులా.

మనోహరమైన కదూ? నేను అది అనుకుంటున్నాను. వెబ్ యొక్క అందం యొక్క భాగం.

ద్వారా ప్రచురించబడింది

నీల్ మెహతా

హార్వర్డ్ కాలేజ్. వెబ్ డెవలపర్. కొంతకాలం తత్వవేత్త. బేస్బాల్ మాదకద్రవ్యాలకు అలవాటుపడిన.

వన్ "లో ఆలోచనవెబ్ అభివృద్ధి ఒక పరిచయం”

స్పందించండి