વેબ વિકાસ માટે એક પરિચય

પાછા મારા દિવસ માં (ઠીક, મારા દિવસ પહેલાં), વેબ ડેવલપર ના વ્યવસાય ઓછી હતી. તે વ્યાવસાયિક સન્માન સ્કેલ પર કુરકુરિયું hater નીચે પરંતુ યાન્કીસ ચાહક ઉપર ક્રમે. અમે ઉપયોગ તમામ ટૅગ્સ અને પારદર્શકતા સ્પેસર ઈમેજો કારણ, અમે સૌંદર્ય શાસ્ત્રની કોઈ અર્થ સાથે ક્રૂડ હેકરો તરીકે જોવામાં આવ્યા હતા.

કૂવો, અમે હજુ પણ કલાત્મક અર્થમાં અભાવ હોઈ શકે છે, પરંતુ વેબ વિકસાવ્યું છે જેથી વેબ ડેવલપર ના વ્યવસાય છે. આ દિવસોમાં અમે સારી રીતે લખાયેલા બનાવવા ઉપયોગ કરી શકો છો અસંખ્ય સાધનો છે, ધોરણો પુષ્ટિ આપવાની, અને સુંદર (ઠીક, કદાચ નથી કે છેલ્લા એક) વેબ પૃષ્ઠો. તમે આજે ઉપયોગ મહાન વેબસાઇટ્સ મોટા ભાગના (બેશરમ પ્લગ: આ એક સહિત) આ સાધનોની મદદથી બાંધવામાં આવે છે.

આ બ્રાઉઝરની અંત સાધનોનું અમારું સ્ત્રીઓનું સંઘ અમને વાત અકલ્પનીય હતું કે વેબ પર વસ્તુઓ બનાવવા માટે મંજૂરી છે માત્ર 10 વર્ષ પહેલાં, જેમ કે અસંખ્ય સામાજિક નેટવર્ક્સ તમારા સમય કચરો કરવા માટે શ્રેષ્ઠ માર્ગ હોવાનો દાવો, “હોટ” પહેલેથી જ એક હજાર ગણી વધારે છે કે કંઈક ક્રાંતિ છે દાવો ટેક શરૂઆતમાં, અને ક્રોધિત પક્ષીઓ ક્લોન્સ મૂળ કરતાં માત્ર થોડી ખરાબ હોવાનો દાવો. વેબ પર બધા. તેથી કદાચ આ સાધનો ઉપયોગ મહાન ગયા નથી.

તેથી હું વિશે વાત કરી આ અદ્ભૂત સાધનો શું છે? જે રીતે અગ્રણી કરવામાં આવી છે (પ્રમાણિકપણે આકર્ષક) HTML5 કહેવાય ભાષાઓ, CSS3, અને જાવાસ્ક્રિપ્ટ, જે હું ઉપનામ પાંચ 3 પાંચ webocalypse ના ઘોડેસવારો. અહીં દરેક એક પર એક નજર છે:

એચટીએમએલ

એચટીએમએલ (યોગ્ય રીતે હાઇપરટેક્સ્ટ માર્કઅપ લેંગ્વેજ તરીકે ઓળખાય; ખરાબ જોવા માંગો છો નથી જે લોકો માત્ર ટૂંકાક્ષર ઉપયોગ શા માટે તમે જોઈ શકો છો) છે ભાષા વેબ પૃષ્ઠો બહાર મૂકે ઉપયોગ. આ પાનાં પર જમણી ક્લિક કરો અને ક્લિક કરો “સ્રોત જુઓ”. કે આ પાનું વાપરે તે HTML છે.

અનિવાર્યપણે, HTML ની ​​સમૂહ છે ટૅગ્સ, જે બ્રાઉઝર અર્થઘટન અને બહાર મૂકે. ઉદાહરણ તરીકે, આ HTML કોડ જુઓ:

<પી>હું તમને વિશે ખબર નથી, પણ હું દબાવીને બટનો ગમે છે.</પી>

<બીઆર>

<બટન>મને ક્લિક કરો!</બટન>

આ HTML કોડ ફકરા માં લખાણ આવરિત છે (પાંચ <પી> ટેગ ફકરા શરૂ થાય છે, પાંચ </પી> ટેગ ફકરા અંત થાય છે.) એક લીટી વિરામ છે (પાંચ <બીઆર>) અને પછી એક બટન તમે તમારા હૃદય સામગ્રી માટે ક્લિક કરી શકો છો. તમારું બ્રાઉઝર તમારા માટે સ્ક્રીન પર મૂકે છે.

જેથી તમામ સારી અને સારી છે. પરંતુ તમે HTML કરું છું જો, you get a webpage that looks like it came straight out of the 1990’s. વધારે સારી રીતે કે દાયકાના બહાર આવ્યા (વાળની, સંગીત, વગેરે) પરંતુ રાહ જુઓ! વધુ છે!

સીએસએસ

અન્ય ટૂંકાક્ષર. સમર. સીએસએસ માટે વપરાય છે કેસ્કેડીંગ સ્ટાઇલ શીટ્સ, જે તેઓ ખરેખર એક ખોટું નામ એક બીટ કાસ્કેડ નથી કારણ કે (ગમે કે અર્થ… તે કમ્પ્યુટર કોડ છે, નથી એક ધોધ!) સીએસએસ પાંચ છે ભાષા શૈલી વેબ પાનાંઓ માટે ઉપયોગ. આ, પણ, તમારા બ્રાઉઝર દ્વારા અર્થઘટન કરવામા આવે છે.

સાથે CSS અને HTML કામ – એચટીએમએલ પૃષ્ઠની લેઆઉટ આવેલ, સીએસએસ તે તેના ફ્લેર આપે. ઘર મકાન કલ્પના: એચટીએમએલ ખીલી પરંતુ જરૂરી લાકડાના માળખું પૂરું પાડે છે, સીએસએસ નિયોન રંગો અને બોલવામાં ફરી જનારું ફર્નિચર ઉમેરે.

સીએસએસ એક ખૂબ સરળ ભાષા છે: ચોક્કસ એચટીએમએલ ટેગ માટે (ફકરા જેવી), તમને વિવિધ શૈલી વર્ગો માટે કિંમતો સ્પષ્ટ કરી શકો છો. તમારું બ્રાઉઝર સીએસએસ વાંચો અને બંધબેસતા એચટીએમએલ ટૅગ્સ માટે અરજી કરશે. ઉદાહરણ તરીકે:

પી {

રંગ: લાલ;

ફોન્ટ માપ: 16પીએક્સ;

}

તેથી દરેક ફકરો (પાંચ HTML માં સામગ્રી <પી> ટૅગ્સ) હશે લાલ ફૉન્ટ અને કરી 16 કદ પિક્સેલ્સ. તમે નોંધ્યું હોય, આ તમે માઈક્રોસોફ્ટ વર્ડ માં ઉપયોગ કરી શકો છો તે જ શૈલીઓ છે અને અન્ય કાર્યક્રમો.

તેથી હવે તમારા વેબ પાનાંઓ બહાર મૂકવામાં આવે છે અને તેઓ ખૂબ જુઓ. પરંતુ અહીં વાત છે: કે તેઓ શું બધા છે. તેઓ માત્ર ત્યાં બેસી અને ખૂબ જોવા. મહાન અને બધા છે જે, પરંતુ વેબ વપરાશકર્તાઓ વધુ માંગો છો. તેઓ ફેન્સી એનિમેશન માંગો છો. તેઓ પોપ અપ્સ માંગો છો (ઠીક, કદાચ તેઓ પાછા કર્યું 2002, પરંતુ હું વિષયાંતર કરવું.) તેઓ તમને તેમના પર ક્લિક કરો ત્યારે સામગ્રી કરવા માંગો છો કે જે બટનો.

કે છેલ્લા એક વિશે – એક મુદ્દો કે છે. તમે કરી શકો છો <બટન> HTML માં, અને તમે બધા અઠવાડિયે તે ક્લિક કરી શકો છો, પરંતુ તે ટૂંક સમયમાં ગમે ત્યારે કંઈ પણ કરી રહ્યા નથી. તમે બટન કરવા માંગો છો,, ઓહ મને ખબર નથી, સ્ક્રીન તમારી હાથી ખસેડવા અને કંઈક હુમલો, then you need something more.

જાવાસ્ક્રિપ્ટ

જાવાસ્ક્રિપ્ટ છે નથી ટૂંકું, તમે આશ્ચર્ય પામી હતી જો. તે જાવા કહેવાય પ્રોગ્રામિંગ ભાષા જેવો દેખાતો હતો કારણ કે તેઓ જાવાસ્ક્રિપ્ટ કહેવાય, જો તેમ ન હોય કારણ વિચિત્ર છે. કોઈપણ રીતે, જાવાસ્ક્રિપ્ટ છે a proper programming language that causes all the dynamic effects તમે વેબ પર જુઓ.

કોઇ પ્રોગ્રામિંગ ભાષા જેવું, જાવાસ્ક્રિપ્ટ છે ચલો કરો અને કાર્યો ઉપયોગ કરે આદેશો શ્રેણીબદ્ધ. જાવાસ્ક્રિપ્ટ વિશે કૂલ ભાગ (કૂવો, એ પ્રોગ્રામિંગ ભાષા બની શકે છે કારણ કે ઠંડી) તમે તે HTML તત્વો ઍક્સેસ કરી શકો છો (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’ 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, આ બધા એક ના નજરે છે “webdev”) ત્રણ ભાષાઓ સાથે મળીને કામ કેવી રીતે સુંદર છે. જાવાસ્ક્રિપ્ટ કે છેલ્લા વાક્ય પૃષ્ઠની HTML સાથે વ્યવહાર અને સીએસએસ તે શૈલી માટે ઉપયોગ. આ ભાષાઓ જ વસ્તુ માત્ર અલગ ઘટકો છે જેમ નથી – તેઓ એક જ અને સમાન છો, એ જ સુંદર મશીન વિવિધ પક્ષો.

રસપ્રદ લાગે છે? હું તેને લાગે છે. તે વેબ સુંદરતા એક પ્રથા છે.