შესავალი ვებ განვითარების

უკან ჩემს დღის (OK, ადრე ჩემი დღის), პროფესია ვებ დეველოპერი იყო დაბალი, ერთი. იგი ადგილზე ქვემოთ puppy Hater მაგრამ უპირველეს Yankees გულშემატკივართა მასშტაბის პროფესიული პატივი. იმიტომ, რომ ყველა tags და გამჭვირვალობის spacer images ჩვენ, ჩვენ ჩანს როგორც ნედლი ჰაკერები, და არც გრძნობა ესთეტიკის.

კარგად, ჩვენ შეიძლება კვლავ აკლია ესთეტიკური აზრი, თუმცა, როგორც ინტერნეტში შეიმუშავა ასე აქვს პროფესია ვებ დეველოპერი. ამ დღეებში არსებობს უამრავი იარაღები, ჩვენ შეგვიძლია გამოვიყენოთ, რათა კარგად დაწერილი, სტანდარტების შესაბამისი, და ლამაზი (OK, იქნებ არ არის, რომ ბოლო ერთი) ვებ გვერდები. ყველაზე დიდი საიტებზე თქვენ იყენებთ დღეს (უსინდისო დანამატი: მათ შორის, ამ ერთი) შენდება გამოყენებით ინსტრუმენტები.

ჩვენი bevy ინსტრუმენტები ბრაუზერის ბოლომდე არ მოგვცა, რათა შეიქმნას რაც ინტერნეტში, რომ წარმოუდგენელი იყო, უბრალოდ 10 წლის წინ, როგორიცაა უამრავი სოციალური ქსელები აცხადებდნენ იყოს საუკეთესო გზა დაგვრჩა დრო, “hot” ტექნიკური startups აცხადებდნენ, რომ რევოლუცია რაღაც რომ უკვე გაკეთდა ათასჯერ, და Angry Birds clones აცხადებდნენ იყოს მხოლოდ ოდნავ უარესი ორიგინალური. ყველა ინტერნეტში. იქნებ ეს ინსტრუმენტი არ წავიდა უდიდესი მიზნებისათვის.

რა არის ამ საოცარი ინსტრუმენტები მე უკვე საუბარი? წამყვანი გზა არ იყო (გულწრფელად საოცარი) ენებზე მოუწოდა HTML5, CSS3, და JavaScript, რომელიც მე მეტსახელი 3 მხედრები საქართველოს webocalypse. აი შევხედოთ თითოეული:

HTML

HTML (სწორად ცნობილია, როგორც ჰიპერტექსტის მარკირებას ენა; ხედავთ, რატომ ხალხს, ვინც არ მინდა გამოიყურება ცუდი უბრალოდ გამოიყენოთ აკრონიმი) არის ენა გამოიყენება წამოაყენონ გარეთ ვებ გვერდები. მარჯვენა ღილაკით ამ გვერდზე და დააწკაპუნეთ “View Source”. ეს არის ის, HTML, რომ ეს გვერდი იყენებს.

არსებითად, HTML არის bunch of tags, რომელიც ბრაუზერის ხსნის და სახავს. მაგალითად, შევხედოთ ამ HTML კოდი:

<p>მე არ ვიცი თქვენს შესახებ, მაგრამ მე მინდა დაჭერით ღილაკები.</p>

<br>

<button>Click me!</button>

ეს HTML კოდი არ text გახვეული პუნქტის (the <p> tag იწყება პუნქტის, the </p> tag დამთავრდა პუნქტში.) არსებობს ხაზის შესვენების (the <br>) და შემდეგ ღილაკს დააკლიკეთ თქვენი გულის შინაარსი. თქვენი ბრაუზერის ჩაუყრის ის ეკრანზე თქვენთვის.

ასე რომ ყველა კარგად და კარგი. მაგრამ თუ თქვენ გაქვთ არაფერი HTML, you get a webpage that looks like it came straight out of the 1990’s. არ არის ბევრი კარგი გამოვიდა, რომ ათი წლის განმავლობაში მაინც (hairstyles, მუსიკა, და ა.შ.) მაგრამ დაველოდოთ! არსებობს უფრო!

CSS

სხვა აკრონიმი. Summer. CSS დგას სტილების კასკადური ცხრილები, რომელიც ცოტა misnomer რადგან ისინი ნამდვილად არ კასკადის (რასაც არ უნდა ნიშნავდეს… ეს კომპიუტერული კოდი, არ ჩანჩქერი!) CSS არის ენა გამოიყენება სტილი webpages. ეს, ძალიან, ინტერპრეტაცია თქვენი ბრაუზერის.

CSS და HTML იმუშაონ ერთად – HTML ხდის გვერდის განლაგება, CSS აძლევს თავისი flair. წარმოიდგინეთ სახლს აშენებს: HTML უზრუნველყოფს drab, მაგრამ აუცილებელ ხის ჩარჩო, CSS დასძენს ნეონის ფერები და quirky ავეჯი.

CSS არის საკმაოდ მარტივია ენა: გარკვეული HTML tag (მოსწონს პუნქტის), თქვენ შეგიძლიათ მიუთითოთ ღირებულებების სხვადასხვა სტილის გაკვეთილები. თქვენი ბრაუზერის წაიკითხავს CSS და მიმართოს მას ყველა შესაბამისი HTML tags. მაგალითად:

p {

ფერი: წითელი;

font-size: 16px;

}

ასე რომ, ყველა პუნქტის (პერსონალის HTML <p> tags) ექნება წითელი ფონტის და 16 pixels ზომა. თუ თქვენ შენიშნა, ეს არის ზოგიერთი იგივე სტილის თქვენ შეგიძლიათ გამოიყენოთ Microsoft Word და სხვა პროგრამებს.

ასე რომ, ახლა თქვენი webpages ასახული და ისინი საკმაოდ. მაგრამ აქ რამ: რომ ყველა ისინი. ისინი უბრალოდ იჯდეს იქ და გამოიყურება საკმაოდ. რომელიც დიდი და ყველა, მაგრამ მომხმარებლებს ვებ მინდა მეტი. მათ უნდათ ლამაზი ანიმაცია. მათ უნდათ, pop-ups (OK, იქნებ გააკეთეს უკან 2002, მაგრამ მე digress.) მათ უნდათ, ღილაკები, რომ ყველაფერს გააკეთებს პერსონალი, როდესაც თქვენ დააჭირეთ მათ.

შესახებ, რომ ბოლო ერთი – რომ საკითხი. შეგიძლიათ გააკეთოთ <button> in HTML, და თქვენ შეგიძლიათ დააჭიროთ მას მთელი კვირის, მაგრამ არ აკეთებს არაფერს ნებისმიერ დროს მალე. თუ გსურთ ღილაკს, oh არ ვიცი, გადატანა თქვენი elephant მთელს ეკრანზე და თავს რაღაც, then you need something more.

JavaScript

JavaScript არის არა აკრონიმი, თუ თქვენ გაინტერესებთ. ისინი მას JavaScript რადგან ეს ჩანდა პროგრამირების ენა მოუწოდა Java, რომელიც უცნაური მიზეზი ეს არ. ყოველ შემთხვევაში,, JavaScript არის a proper programming language that causes all the dynamic effects ხედავთ ვებგვერდი.

როგორც ნებისმიერი პროგრამირების ენა, JavaScript არის სერია ბრძანებები, რომ ცვლადები და გამოიყენოთ ფუნქციები. მაგარი ნაწილი JavaScript (კარგად, როგორც ზემოთ როგორც პროგრამირების ენა შეიძლება იყოს) არის, რომ თქვენ შეგიძლიათ თქვათ იმ 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 – the $ sign tells the browser to find all matching elements, and the ‘p’ means 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 blue.

What I find interesting (ერთხელ, ეს არის ყველა თვალსაზრისით “webdev”) არის, თუ როგორ ახერხებდნენ სამი languages ​​ერთად ვიმუშაოთ. ეს ბოლო ხაზი JavaScript ვურთიერთობდი გვერდის HTML და CSS გამოიყენება სტილის იგი. ეს იმას არ ნიშნავს ამ ენებზე უბრალოდ სხვადასხვა კომპონენტების იგივე – ისინი ერთი და იგივე, სხვადასხვა მხარეს იმავე საოცარი მანქანა.

ხმის მომხიბლავი? ვფიქრობ, ეს იმას. ეს მხოლოდ ნაწილია სილამაზის ვებგვერდი.