Jquery აირჩიეთ აირჩიეთ ღონისძიება. ვაპროგრამებთ ფორმებს. ოფციონის ობიექტების შექმნა

ვებ დეველოპერის პროფესია ერთ-ერთი ყველაზე მოთხოვნადია IT ბაზარზე. მოდით გავარკვიოთ, როგორ შევიდეთ მასში, გავარკვიოთ, როგორ მუშაობს ვებ განვითარების ტექნოლოგიები და როგორ ურთიერთობენ ერთმანეთთან და პრაქტიკული მაგალითიშევეცადოთ შევქმნათ ჩვენი პირველი გვერდი.

ტექსტი მომზადდა ვებინარზე დაყრდნობით Badoo-დან მიხაილ ოვჩინიკოვის მონაწილეობით.

ვებინარის ჩაწერა

დაზოგე დრო

ბაზრის მდგომარეობა

ბაზრის საერთო სურათის გათვალისწინებით, შეგვიძლია გამოვყოთ ყველაზე პოპულარული სფეროები IT სფეროში:

1. Frontend არის ყველაზე ხმამაღალი და სწრაფად მზარდი ინდუსტრია, რომელშიც ტენდენციები მუდმივად იცვლება. ეყრდნობა ენას JavaScript პროგრამირებადა მისი ჩარჩოები, როგორიცაა Angular.js, React.js, Vue.js და სხვა, ასევე მარკირების ენა HTML ჰიპერტექსტიდა CSS სტილის ფურცლები.

2. ვებ-განვითარება, კერძოდ backend-ის განვითარება გამოყენებით სხვადასხვა ენებზემაგ. PHP, Ruby და Python.

3. Android/iOS-განვითარება - განვითარება ამისთვის მობილური მოწყობილობები Java, Swift, Objective-C, C# (Xamarin), JavaScript ( React Native) და სხვები.

4. .NET-განვითარება - დესკტოპ აპლიკაციების შემუშავება ოპერაციული სისტემისთვის Windows სისტემა C# ენაზე და სერვერის პროგრამები, ვებსაიტების ჩათვლით, ASP.NET ტექნოლოგიის გამოყენებით.

5. Java-განვითარება - კროს-პლატფორმული აპლიკაციების შემუშავება გამოყენებით ჯავის ენა, ასევე დიდი მაღალი ხარისხის სისტემების გამოყენებით ჯავის ტექნოლოგიები EE. ის არჩეულია მაშინ, როდესაც საჭიროა საიმედოობა, მასშტაბურობა და მოქნილობა.

6. თამაშის დეველოპმენტი - თამაშების განვითარება სხვადასხვა პლატფორმისთვის.

7. UI/UX - მომხმარებლის ინტერფეისის დიზაინი.

8. QA - ხარისხის უზრუნველყოფა პროგრამული უზრუნველყოფადა მისი ტესტირება.

9. ჩაშენებული დეველოპმენტი - პროგრამული უზრუნველყოფის დამუშავება ტექნიკისთვის: მანქანები, საყოფაცხოვრებო ტექნიკადა სხვადასხვა მოწყობილობებიდაბალი დონის ენების გამოყენება, როგორიცაა C და C++ შესაბამისი პროცესორის ასამბლერის ენის ჩანართებით.

რატომ გადადით ინტერნეტში

ახლა ვებ დეველოპმენტი იმდენად სწრაფად განვითარებადი ინდუსტრიაა, რომ ღირს ერთი ტექნოლოგიის ან ჩარჩოს შესწავლა და მასთან მუშაობა და ორ-სამ თვეში რაღაც სრულიად ახალი გამოჩნდება ბაზარზე და ყველა დაიწყებს მის გამოყენებას.

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

ამიტომ, თუ ახალგაზრდა ხარ, ენერგიით სავსე, გემოვნების გრძნობა და პროგრამირებაც კი გიყვარს, ვებ დეველოპმენტი შენთვისაა.

რამდენს შოულობს ვებ დეველოპერი?

სამუშაოს საძიებო საიტების შემოწმებით, შეგიძლიათ იხილოთ ვებ დეველოპერების ხელფასების სრული დიაპაზონი. ექვს თვეზე ნაკლები გამოცდილების მქონე დამწყებს შეუძლია გამოიმუშავოს 30,000-დან 60,000 რუბლამდე. კარგი გამოცდილების მქონე საშუალო სპეციალისტი იღებს 80,000–150,000 რუბლს. პროფესიონალის შემოსავალია 150,000–250,000 რუბლი. გარდა ამისა, ბევრი რამ არის დამოკიდებული ქვეყანაზე, რეგიონზე, არჩეულ ენაზე და კომპანიაზე, რომელიც გთავაზობთ ვაკანსიას.

Frontend დეველოპერების ხელფასები კომპანია "My Circle"-ის სახელფასო სერვისიდან ვებგვერდზე habrahabr.ru (2017 წლის ბოლოს)

რა უნდა იცოდეს ვებ დეველოპერმა

არსებობს მრავალი ჭორი და სტერეოტიპი ვებ განვითარებისა და პროგრამირების შესახებ. მათზეც ვისაუბრებთ.

რაც არ სჭირდება ვებ დეველოპერს:

იცოდე მათემატიკა - პროგრამისტების უმეტესობას, რომლებიც პროფესიონალურად ქმნიან ვებსაიტებსა და ვებ სერვისებს, აქვთ საკმარისი ცოდნა მე-5 კლასის დონეზე.

გქონდეთ ღრმა ცოდნა ინგლისური ენა. ორმოცდაათი სიტყვა შეიძლება საკმარისი იყოს.

ისწავლეთ რამდენიმე წელი და დაამთავრეთ კოლეჯი, რომ დაეუფლონ ვებ განვითარების ძირითად განვითარებას. ფაქტობრივად, მის დაუფლებას ორ-სამ თვემდე ტრენინგი დასჭირდება.

რაც დაგჭირდებათ წარმატებული დასაწყისისთვის:

გამოიკვლიეთ ძირითადი ტექნოლოგიებივებსაიტების შექმნა - HTML და CSS - და ვებგვერდის სტრუქტურის აგების პრინციპების გააზრება. ამას რამდენიმე კვირა დასჭირდება.

სამაგისტრო დაკავშირებული ტექნოლოგიები: კოდების რედაქტორები ან IDE (ინტეგრირებული განვითარების გარემო), მაგალითად Notepad++, ამაღლებული ტექსტი, ფრჩხილები, WebStorm, PHPStorm. ეს ხელსაწყოები მნიშვნელოვნად დააჩქარებს განვითარების პროცესს.

იცოდე ჩარჩოების არსებობის შესახებ და მზა გადაწყვეტილებები, რაც ამარტივებს და აუმჯობესებს კოდს. მაგალითად, ფრონტენდის დეველოპერისთვის ეს არის ჩარჩო ჩატვირთვის განლაგება, ბიბლიოთეკა JavaScript ენა- JQuery, რომლითაც ბევრი სხვა სასარგებლო და საჭირო ბიბლიოთეკებიდა Simfony - PHP Framework ზოგადი დანიშნულება, რაც ხელს უწყობს მონაცემთა ბაზასთან ურთიერთქმედებას, HTML კოდის გენერირების ამოცანას და მოთხოვნიდან მონაცემების მიღების ამოცანას.

თანაბრად მნიშვნელოვანია სწორად შედგენის უნარი საძიებო მოთხოვნები, გამოიყენეთ მაღალი ხარისხის და გადამოწმებული ინფორმაციის წყაროები.

საიტის სტრუქტურა

პირველ რიგში, მოდით გავარკვიოთ რა არის ვებსაიტი და რისგან შედგება.

ტექნიკურად, საიტი მხოლოდ კოლექციაა ტექსტური ფაილებიმქონე გარკვეული გაფართოებები, ინახება ერთ დირექტორიაში კომპიუტერზე ან სერვერზე. მათ გარდა, დირექტორია სტრუქტურა შეიძლება შეიცავდეს ქვესაქაღალდეებს სურათებით, შრიფტებით და დამატებითი ბიბლიოთეკებიმასზე გამოყენებული. ფაილების მიზნიდან და ფორმატიდან გამომდინარე, ისინი დალაგებულია შესაბამის საქაღალდეებში. საიტის მთავარი გვერდი, როგორც წესი, დევს დირექტორიას ძირში და ეწოდება index.html.

მაგალითად, თუ ჩვენს საიტს აქვს დომენი mysite123.com, მაშინ საქაღალდეს, რომელშიც ის მდებარეობს, იგივე იქნება და ექნება მსგავსი სტრუქტურა:

საიტის დირექტორია სტრუქტურა

როცა შედის მისამართის ზოლიბრაუზერი, ჩვენ ვწერთ მისამართს, მაგალითად, yandex.ru, ბრაუზერი დაუკავშირდება შესაბამისი საიტის სერვერს. სწორედ აქ იწყება ინტერაქცია ინტერნეტის ნებისმიერ გვერდზე.

ამ მოთხოვნის საპასუხოდ, backend ტექნოლოგიები, მაგალითად, PHP და MySQL, იწყებენ მუშაობას yandex.ru სერვერზე. ისინი აკეთებენ თავიანთ "სერვერის მაგიას" და თხოვნის საპასუხოდ "მაჩვენე მთავარი გვერდიბრაუზერს დაუბრუნე სასურველი გვერდი HTML, CSS და JavaScript კოდის სახით. ბრაუზერს შეუძლია ამოიცნოს ეს კოდი და, შედეგად, თავის ფანჯარაში აჩვენებს ლამაზ, მუშა „სახლს“.

ვებ განვითარების რესურსები და ინსტრუმენტები

ვებ დეველოპმენტის ხარისხიანი და პროდუქტიული განვითარებისთვის ჩვენ გავეცნობით ინფორმაციის ყველაზე პოპულარულ წყაროებს, ასევე ზოგიერთ ინსტრუმენტს.

HTML და CSS:

• htmlbook.ru - ტუტორიალი HTML4-ზე, ასევე HTML5-ის შესავალი, ტუტორიალი CSS, შესავალი CSS3;
• htmlacademy.ru - ინტერაქტიული კურსი HTML5-ით, CSS საფუძვლები, კომპლექტი უფასო გაკვეთილები;
• webref.ru - HTML გაკვეთილი, CSS საფუძვლები, ბლოკი CSS მოდელი, ტექსტი CSS-ში, პოზიციონირება CSS-ში, გაფართოებული CSS;
• მარკ პილიგრიმის "ჩაყვინთვა HTML5-ში".

JavaScript:

• Learn.javascript.ru - ყველაზე თანამედროვე JavaScript გაკვეთილი;
• დევიდ ფლენეგანი.

ამ ტექნოლოგიების დაუფლების შემდეგ რეკომენდებულია JQuery-ის შესწავლაც - ყველაზე პოპულარული JavaScript ბიბლიოთეკა. მომავალში, ღირს გაეცნოთ ისეთ სასარგებლო ბიბლიოთეკებს, როგორიცაა Slick, Owl Carousel, Magnific Popup, Velosity.js, Tree.js და სხვა.

კოდირების დასაჩქარებლად და მოსახერხებელი სამუშაოჩვენ გირჩევთ გამოიყენოთ ტექსტის რედაქტორები, როგორიცაა Sublime Text Emmet დანამატით, Notepad რედაქტორი++, ბრეკეტები, IDE WEBStorm, PHPStorm და სხვა სასარგებლო ხელსაწყოები.

CSS კოდის დაწერის დასაჩქარებლად, სასარგებლო იქნება ვისწავლოთ როგორ ვიმუშაოთ CSS წინასწარი პროცესორები, როგორიცაა Scss, Sass, Less.

მარტივი ვებ გვერდის შექმნა

როგორც უკვე გაიგეთ, ვებ გვერდი არის ფაილი .html გაფართოებით, რომელიც შეიცავს HTML კოდს. ეს არის სპეციფიკური ტეგების ნაკრები, რომლებიც ორივე მხრიდან არის ჩასმული კუთხის ფრჩხილებში. არის დახურვის და დაუხურავი ტეგები.

ვისარგებლოთ ტექსტის რედაქტორი Sublime Text3 და შექმენით მასში ახალი ფაილი index.html.

index.html ფაილი

ახლა გვაქვს სტანდარტული სტრუქტურა HTML დოკუმენტი. გახსენით შექმნილი გვერდი ბრაუზერში, დაინახავთ ცარიელი თეთრი ფონი. ბრაუზერში ნაჩვენები გვერდის მთელი კონტენტი მოთავსებულია გახსნის და დახურვის ტეგებს შორის და - ამ დროისთვის მას აქვს მხოლოდ სათაური ნაჩვენები ბრაუზერის ჩანართში, მაგრამ არა შინაარსი.

მოდით დავამატოთ რამდენიმე ელემენტი. თითოეულ მათგანს აქვს საკუთარი ტეგი. ჯერ შევქმნათ სათაური და დავამატოთ ტექსტი და ღილაკი.

სათაურის დასამატებლად გამოიყენეთ ტეგი, ტექსტის აბზაცის დასამატებლად გამოიყენეთ ტეგი

ხოლო ღილაკისთვის - ტეგი. მოდით განვათავსოთ ეს ელემენტები ბლოკის შიგნით ტეგით.

ჩემი პირველი გვერდი

ეს ჩემი პირველი გვერდია

პროგრამირება მარტივია!

ჩვენება

ახლა განვაახლოთ გვერდი. როგორც ხედავთ, ელემენტები გამოჩნდა ბრაუზერის ფანჯარაში.

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

ელემენტების სტილის შესაცვლელად, თქვენ უნდა გამოიყენოთ CSS წესები მათზე. CSS წესები შეიძლება ჩაიწეროს ბლოკში ტეგით.

ჩვენ გვჭირდება კოდი ასე გამოიყურება:

h1 (ფერი: იისფერი;)

p (შრიფტის ზომა: 30 პიქსელი; )

ღილაკი (ფონის ფერი: ყვითელი;)

ის უნდა განთავსდეს ტეგებს შორის. როგორც თქვენ შენიშნეთ, საკუთრების სახელები თავისთავად საუბრობს. ეს არის მარტივი ინგლისური სიტყვები დაწერილი პროგრამირების ენის სპეციფიკური სინტაქსის მიხედვით. მოდი ისევ განაახლოთ გვერდი და ვნახოთ რა მოხდება.

დიდი. ახლა მოდით დავაყენოთ ფონი და ღილაკი უფრო ხილული გავხადოთ. დავამატოთ წესების დაცვითღილაკისთვის და ფონისთვის:

ფონის ფერი: ნარინჯისფერი;

შრიფტის ზომა: 30px;

სხეული (ფონის ფერი: ღია ნაცრისფერი;)

დროა შეავსოთ მთელი ეს ბრწყინვალება სურათით. დაამატეთ ტეგი არსებულ ელემენტებს , რომელიც პასუხისმგებელია გვერდზე სურათების ჩვენებაზე. მასში შედის ისეთი ატრიბუტი, როგორიცაა src (ინგლისური წყაროდან - წყარო), რომელიც მიუთითებს სურათისკენ მიმავალ გზაზე. ჩვენი სურათი არის დისკზე D.

ამ გზით თქვენ შეგიძლიათ შექმნათ ბევრი ელემენტი გვერდზე და შემდეგ გამოიყენოთ CSS წესები, რათა მათ მიაწოდოთ სასურველი გარეგნობა და პოზიცია.

მოდით გავაკეთოთ ისე, რომ ღილაკზე გადასვლისას ის თეთრი გახდეს და შიგნით ტექსტი ნარინჯისფერი გახდეს. ჰოვერის ფსევდოკლასი პასუხისმგებელია ელემენტის მდგომარეობაზე, როდესაც კურსორი მასზე დევს CSS-ში. მოდით დავამატოთ რამდენიმე წესი ჩვენი ღილაკისთვის და შემდეგ ვცადოთ კურსორის გადატანა მასზე.

ღილაკი: hover (ფონის ფერი: თეთრი; ფერი: ნარინჯისფერი;)

ყველაფერი მუშაობდა! ღილაკმა შეიცვალა გარეგნობა.

ახლა შევეცადოთ ჩვენი სურათი ნაგულისხმევად უხილავი გავხადოთ და ყველაფერი ისე მოვაწყოთ, რომ გამოჩნდეს მხოლოდ ღილაკის დაჭერისას. CSS თვისების ხილვადობა პასუხისმგებელია ობიექტების ხილვადობაზე. მოდით დავაყენოთ ის დამალულზე.

img (ხილვადობა: დამალული;)

როგორც ხედავთ, სურათი გაქრა.

დავუბრუნდეთ ჩვენს სურათს და დააწკაპუნეთ ღილაკზე „ჩვენება“. არაფერი მოხდა? ეს იმიტომ ხდება, რომ ჩვენ ჯერ არ დაგვიპროგრამებია ღილაკი მოქმედების შესასრულებლად. აქ უკვე შეგვიძლია გამოვიყენოთ JavaScript.

რატომ არის საჭირო JavaScript?

ახლა ჩვენ გვაქვს სტატიკური გვერდი, რომელიც შეიცავს მარტივ შინაარსს. იმისათვის, რომ რაიმე მოვლენა მიაკუთვნოთ ღილაკზე დაჭერის რეაქციას, გჭირდებათ JavaScript. ზოგადად, ნებისმიერი ინტერაქტიულობა საიტზე, ნებისმიერი ინტერაქცია მომხმარებელთან არის JavaScript. JavaScript კოდი, ისევე როგორც CSS, იწერება კონკრეტულ ტეგში - .

როგორც წესი, სკრიპტები, სხვათა შორის, CSS წესების მსგავსად, ჩვეულებრივ მოთავსებულია ცალკე ფაილში .js გაფართოებით (CSS - .css) და შემდეგ უკავშირდება გვერდზე. მაგრამ ჩვენს მაგალითში ჩვენ ჩავსვამთ სკრიპტს განყოფილებაში, ისევე როგორც CSS-ის შემთხვევაში.

მოქმედების შესასრულებლად მხოლოდ კონკრეტულ ელემენტთან, ჩვენს შემთხვევაში სურათთან ერთად, მას ვაძლევთ უნიკალურ იდენტიფიკატორს თვითნებური სახელით, მაგალითად, კატა.

შემდეგ ჩვენ შევქმნით ფუნქციას JavaScript-ის გამოყენებით, რომელიც დააბრუნებს სურათს ეკრანზე და მისცემს მას სახელს. მოდით ჩასვით კოდის ეს ნაწილი განყოფილებაში.

ფუნქცია show())( document.getElementById("cat").style.visibility="visible";)

თქვენ ასევე მკაფიოდ უნდა უთხრათ ღილაკს, რომ ის უნდა უპასუხოს ზოგიერთ მოვლენას. ჩვენს შემთხვევაში, ეს არის ერთი დაწკაპუნებით. ანუ ღილაკზე დაჭერისას უნდა შესრულდეს ადრე შექმნილი შოუ ფუნქცია.

ჩვენება

ახლა კონსტრუქციული document.getElementById("cat") წვდება ელემენტს იდენტიფიკატორი cat-ით, რომელიც მიმაგრებულია ჩვენს სურათზე. მოდით მივუთითოთ, რომ ჩვენ ვიღებთ წვდომას ელემენტის სტილს და კონკრეტულად ხილვადობის თვისებას და ვაყენებთ ბრჭყალებში ხილულ მნიშვნელობას „=“ ნიშნის საშუალებით.

თუ გსურთ, რომ გვერდის ფონი შეიცვალოს ღილაკზე დაწკაპუნებისას, დაამატეთ ეს კოდი ფუნქციას:

document.body.style.background = "მწვანე";

როგორც ხედავთ, ეს მართლაც მარტივია.

იმის ნაცვლად, რომ ხელით შეეცვალათ ობიექტის თვისებები კოდში, JavaScript-მა ეს ჩვენთვის გააკეთა.

როგორ ინახავს ვებგვერდები მონაცემებს

თავად საიტი არ ინახავს მონაცემებს. ის აჩვენებს მათ მხოლოდ თავის გვერდებზე. მომხმარებლის პროფილები, საქონლისა და სერვისების სიები და მათთან ერთად სხვა ინფორმაცია ინახება მონაცემთა ბაზაში სერვერზე. ახალი ამბების საიტზე, ყველა სიახლე ასევე ინახება მონაცემთა ბაზაში.

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

ასეთი მიზნებისთვის არსებობს სერვერის ენები, როგორიცაა PHP. PHP-ში დაწერილ სკრიპტებს შეუძლიათ ავტომატურად იმუშაონ მონაცემთა ბაზასთან. ტიპიური ამოცანა, რომელსაც PHP კოდი წყვეტს, არის მომხმარებლისგან რაიმე სახის მოთხოვნის მიღება, დამუშავება, მონაცემთა ბაზაში გადასვლა, საჭიროების აღება და მომხმარებლისთვის ჩვენება.

ამ მიზნებისთვის მრავალი სხვა ენა არსებობს, მაგრამ PHP MySQL-თან ერთად - მონაცემთა ბაზის მართვის სისტემა (DBMS) - ითვლება ყველაზე მარტივ ვარიანტად დამწყებთათვის.

იმისათვის, რომ საიტი მუდმივად განახლდეს ახალი შინაარსით, არსებობს კონტენტის მართვის სისტემები (CMS), ანუ ე.წ. სხვათა შორის, ერთ-ერთი ყველაზე პოპულარული CMS, Wordpress, იწერება PHP-ში.

რომ შევაჯამოთ, შეგვიძლია ვთქვათ, რომ იმისათვის, რომ ვებსაიტი „ცოცხალი“ გახადოთ, თქვენ უნდა დაეუფლოთ მინიმუმ ზემოთ ჩამოთვლილ ტექნოლოგიებს.

დასკვნა

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

ენების ცოდნა.

მზა გადაწყვეტილებების, ბიბლიოთეკების და ჩარჩოების გამოყენების უნარი.

თვითპრეზენტაცია და მომხმარებელთან მუშაობა.

კარგი პორტფოლიოს და რეზიუმეს ქონა.

დამკვეთისა და დამსაქმებლის მოთხოვნების გააზრების უნარი.

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

გამარჯობა.

თუ გინდოდათ ახლავე დაიწყოთ ვებ პროგრამირების სწავლა, საიდან დაიწყებდით? რომელ ენას, ჩარჩოს, ტექნოლოგიას აირჩევდით?

ვეკითხები პირადი ინტერესებიდან გამომდინარე - მინდა სწრაფად ვისწავლო თანამედროვე იარაღები და განვახორციელო ჩემი იდეები.

ბავშვობიდან ვმეგობრობ ჩვეულებრივ პროგრამირებასთან: BASIC-თან და ასამბლერთან Spectrum-ზე. მერე ტექნიკური უნივერსიტეტი (სწავლა დავიწყე 90-იანი წლების ბოლოს), რომელშიც: ფუნქციონალური პროგრამირება პასკალში, პატარა x86 ასამბლერი და მერე ობიექტის პროგრამირება Delphi-ში, ცოტა C++ და კიდევ ცოტა ეგზოტიკური LISP. მაგრამ ცხოვრება ისე წარიმართა, რომ ინტერნეტისთვის პროგრამირების სწავლა ვერ მოვახერხე.

ახლა ვქმნი ვებსაიტებს, ვხატავ პროტოტიპებს და ვქმნი გვერდებსა და ინტერფეისებს. ზედაპირულად მესმის რა და როგორ მუშაობს.

მაგრამ მე ვერ გავიგე პროცესი: როგორ შევქმნა აპლიკაცია, რომელიც შეასრულებს ჩემთვის საჭირო ფუნქციებს.

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

მე ვიცი განლაგება (თუმცა აქ ჩემი ცოდნა უკვე მოძველებულია), მაგრამ არ მესმის, როგორ მუშაობს ანიმაცია, მაგალითად, ან გვერდზე ბლოკების მართვა ან მომხმარებლის ქმედებებზე რეაგირება. მე ვიცი, რომ ამისთვის ყველა იყენებს JQuery-ს და მან უკვე ჩაანაცვლა Javascript, მაგრამ არ მესმის, როგორ მუშაობს ეს ყველაფერი.

მაგრამ პროცესების გააზრების გარეშე, თუ როგორ მუშაობს ყველაფერი, ნაკლებად სავარაუდოა, რომ თქვენ შეძლებთ რაიმეს გაკეთებას, რამდენი სახელმძღვანელოც არ უნდა წაიკითხოთ, CMS და ფრეიმორები არ გაგიგოთ.

ძალიან მინდა, ყველაფერი ვისწავლო, რადგან ამ გზით შემიძლია ჩემი იდეების განხორციელება და სჯობს, საჭიროების შემთხვევაში, დავალების მიცემა კოდირებისთვის.

მსურს საკუთარი თავის განათლება ამ მიმართულებით.

გამოცდილებიდან გამომდინარე, ტრენინგი საუკეთესოდ მუშაობს ჩემთვის, როდესაც ისინი ეტაპობრივად ახსნიან მაგალითებით, თუ როგორ უნდა გავაკეთოთ ესა თუ ის რამ და აძლევენ დავალებებს მსგავსი რამის გაკეთება ან ფუნქციონირების განვითარება.

იდეალურ შემთხვევაში, კარგი იქნებოდა ისეთი მენტორის პოვნა, რომელიც ნაბიჯ-ნაბიჯ ტრენინგის ფორმატში დამეხმარება ზოგიერთი რამის განხორციელებაში, რაც მაინტერესებს. მე ნამდვილად არ მსმენია მსგავსი რამ პროგრამისტებს შორის, მაგრამ უფრო და უფრო ხშირად ვხვდები კარგი დიზაინერების მასტერკლასებს და ტრენინგებს, რომლებიც დამწყებთათვის გადიან ეტაპებს საფუძვლებიდან რთულ საკითხებამდე, ახარისხებენ საშინაო დავალებებს და ამით დაეხმარეთ სამყარო უკეთეს ადგილად აქციოს.

ტყუილად არ ვიკითხე თავიდან ზუსტად რისი დაწყებით დაიწყებდით სწავლას ახლა ნულიდან. მე ვერ ვხედავ აზრს „ბორბლების ხელახლა გამოგონებაში“, როცა შეგიძლია „მაღალსიჩქარიანი მატარებლის ტარება“. როდესაც მინიმალური დრო გაშორებს „მასალის“ და კოდის პირველი სტრიქონების შესწავლას უბრალო ვებსაიტამდე ან სერვისამდე.

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

ასე რომ, თქვენ ფიქრობთ იმაზე, თუ როგორ გახდეთ ვებ პროგრამისტი ნულიდან. მაგრამ, როგორც ჩანს, პატარა პრობლემაა... გამოცდილება აბსოლუტურად არ გაქვს. როგორ დავრწმუნდეთ, რომ სერიოზულად აღიქვამთ ამ სფეროში? მე გთავაზობთ გაეცნოთ იმ ნაბიჯების ჩამონათვალს, რომლებიც უნდა გადაიდგას ვებ დეველოპერის საამაყო ტიტულის მისაღებად. თქვენ კი გაგიკვირდებათ, რამდენად მარტივია ყველაფერი. პირველ რიგში, თქვენ უნდა გადადოთ ყველა ეჭვი თქვენს გზაზე. და ამავე დროს სიზარმაცე. მოდით წავიდეთ!

მოკლე ინფორმაცია ამ პროფესიის შესახებ

კვლევის ობიექტი: ვებ პროგრამისტი, ასევე ცნობილი როგორც ვებ დეველოპერი, ასევე ცნობილი როგორც დეველოპერი, ვებ ოსტატი და ინტერნეტის უხილავი არქიტექტორი. აი რამდენი სახელია.

ვინ არის ეს? ადამიანი, რომელიც ავითარებს ახალ და აუმჯობესებს არსებულ ვებსაიტებსა და ვებ აპლიკაციებს. ეს პროცესი შეიძლება მოიცავდეს ისეთ ეტაპებს, როგორიცაა ვებ დიზაინი, პროგრამირება და ვებგვერდის განლაგება, ვებ სერვერის კონფიგურაცია და მზა პროექტების ფუნქციონირების გაფართოება.

მოთხოვნები: სპეციფიური პროგრამირების უნარები და უკვე შექმნილი ვებსაიტების ღირსეული პორტფოლიო, რათა ის აჩვენოს პოტენციურ კლიენტებს.

ვებმასტერების ტიპები: ეს ყველაფერი დამოკიდებულია იმაზე, თუ რომელ კლიენტის ან სერვერის ენაზე საუბრობს სპეციალისტი. მაგალითად, ASP.NET, Perl, C#, Java, PHP, რომლებიც ასევე შეიძლება გამოყენებულ იქნას ვებსაიტებისთვის დეველოპმენტების ან ძრავების შესაქმნელად - CMS. არსებობს უფასო (Joomla, WordPress) და ფასიანი (Bitrix, SiteEdit) ძრავები. განსაკუთრებით ნიჭიერ პროგრამისტებს შეუძლიათ შექმნან საკუთარი ძრავები.

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

ნაბიჯი პირველი - აირჩიეთ სპეციალობა

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

წინა ნაწილი თუ უკანა ნაწილი?

React.js თუ Angular.js?

თუ თქვენ ენთუზიაზმით ეძებთ საძიებო სისტემაში რას ნიშნავს ეს ყველაფერი, მტკიცე რწმენით, რომ გახდეთ ყველა ვაჭრობის ჯეკი, მაშინ გონს მოდი. კომპანიების უმეტესობას ესაჭიროება მაღალკვალიფიციური სპეციალისტები.

თუმცა, სპეციალობის გადასაწყვეტად, შეიძლება დაგჭირდეთ ყველაფერი ცოტათი სცადოთ. თქვენ უნდა გიყვარდეთ ის, რასაც აკეთებთ. ასე რომ, ახლა დაივიწყეთ ფული. დაფიქრდი რა არის შენთან უფრო ახლოს? გსურთ დაწეროთ კოდი მთელი დღე და ღამე? ან იქნებ განავითაროს ინტერფეისები? ან იქნებ სატესტო საიტები?

ნაბიჯი მეორე - გაეცანით ვებ განვითარების ყველა სფეროს საფუძვლებს

მაშინაც კი, თუ თქვენ არ იქნებით "სრული ციკლის" დეველოპერი, თქვენ მაინც უნდა იცოდეთ საფუძვლები.

HTML და CSS.

ვებ პროგრამირების სწავლა უნდა დაიწყოს HTML-ის საფუძვლების გაგებით. ეს არის ჰიპერტექსტის მარკირების ენა, რომელიც აკონტროლებს ინფორმაციის განლაგებას და შინაარსს, რომელსაც ჩვენ ბრაუზერში ვხედავთ. მომავალში, რაც უფრო რთულ ენებს ისწავლით, HTML-ის მნიშვნელობა უფრო და უფრო გაიზრდება.

აი, რა უნდა ისწავლოთ HTML-ის შესახებ:

ტეგები, ატრიბუტები, ელემენტები;

სათაურები;

ვებ განვითარების თანამედროვე ტენდენციები და მიდგომები

ისწავლეთ სწრაფი ზრდის ალგორითმი ნულიდან ვებსაიტის მშენებლობაში

აბზაცები;

სურათები;

CSS არის კასკადური სტილის ფურცელი, რომელიც გამოიყენება ვებ გვერდზე HTML ელემენტების გარეგნობის მოსარგებად. HTML-ისა და CSS-ის შესასწავლად შეგიძლიათ შეამოწმოთ ეს და შემდეგ მიმართოთ კურსს უფრო მოწინავე ამოცანებისთვის.

PHP.

შემდეგი, PHP ენა. ბაზარი სავსეა ვაკანსიებით PHP დეველოპერებისთვის. ეს ენა შედარებით მარტივია და შესანიშნავია კარიერის დასაწყებად. აქ თქვენ უნდა იცოდეთ თავად PHP და MySQL მონაცემთა ბაზების სინტაქსი, მათი ძირითადი ფუნქციები და ბრძანებები, jQuery, AJAX, CMS, CSS და, რა თქმა უნდა, HLML. აი ერთი კარგი.

JavaScript.

კიდევ ერთი ძალიან პოპულარული ენა, რომელიც თითქმის ყველგან მუშაობს, არის JavaScript. მას აქვს ძალიან ფართო გამოყენების სფერო. მასზე იწერება ანდროიდი, დესკტოპ და ვებ აპლიკაციები; მას მხარს უჭერს ყველა ბრაუზერი და პლატფორმა (მობილური მოწყობილობები, კომპიუტერები, სერვერები და ა.შ.).

JavaScript-ის საფუძვლების შესწავლისას დაგჭირდებათ: მონაცემები და ცვლადები, პირობები, მოვლენები, მასივები, მარყუჟები, ობიექტები, ფუნქციები, გამოძახებები, DOM, ლოგიკა, JSON, .

თქვენ შეგიძლიათ ისწავლოთ JavaScript ვებ პროგრამისტების შესანიშნავი კურსის დახმარებით.

აქამდე ჩვენ განვიხილეთ ეგრეთ წოდებული Front-end განვითარება, რომელიც შექმნილია მომხმარებლებთან ურთიერთობისთვის. და ასევე არის კოდი, რომელიც მუშაობს სერვერზე - Back-end. თუ გადაწყვეტთ გახდეთ backend დეველოპერი, მაშინ გირჩევთ გაეცნოთ Node.js-ს, რომელიც აწარმოებს JS კოდს სერვერზე, Express ბიბლიოთეკასა და MongoDB მონაცემთა ბაზაში.

ნაბიჯი მესამე - მიიღეთ რეალური გამოცდილება

დასაწყებად, დაასრულეთ რამდენიმე სასწავლო პროექტი, რომლებსაც ნახავთ წიგნებში და ვებ პროგრამისტების კურსებში. თქვენ ასევე შეგიძლიათ განავითაროთ თქვენი საკუთარი ბლოგი, თუნდაც ძირითადი.

შემდეგ დაიწყე მუშაობა სხვისთვის:

დაეხმარეთ ნათესავს ან მეგობარს, რომელიც ფლობს საკუთარ ბიზნესს. შექმენით მისთვის ვებსაიტი ან ვებ აპლიკაცია „მადლობისთვის“, ან ნომინალური საფასურისთვის. უბრალოდ ნუ დაუმიზნებთ საერთაშორისო პროექტებს და ზედმეტად ნუ დაჰპირდებით ოქროს მთებს;

მუშაობა ოფისში. თუ გაგიმართლათ, იქ ნულიდან გახდებით ვებ პროგრამისტი და ისწავლით პროფესიონალებისგან;

მოძებნეთ შეკვეთები თავისუფალ ბირჟებზე და სპეციალიზებულ ფორუმებზე. იქ ყოველთვის არის სამუშაო დეველოპერებისთვის.

არ დაგავიწყდეთ თქვენი პორტფოლიოს მუდმივად განახლება. ამის გარეშე რთული იქნება ადეკვატური მომხმარებლების პოვნა.

თუ ჩემს სტატიას კითხულობთ და არ გაინტერესებთ არც ფრონტ-ენდი და არც ბექ-ენდის განვითარება, გაიხარეთ, ვებ პროგრამირება არ არის თქვენთვის. რა არის საბედნიეროდ? დიახ, იმიტომ, რომ დროულად გააცნობიერე და ბევრი ფული, ნერვები და დრო არ დაკარგე.

ვებ განვითარების თანამედროვე ტენდენციები და მიდგომები

ისწავლეთ სწრაფი ზრდის ალგორითმი ნულიდან ვებსაიტის მშენებლობაში