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

კითხვა: აღწერეთ საკუთარი თავი თქვენი მოგზაურობის დასაწყისში?

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

კითხვა: აღწერე შენი თავი ახლა?

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

კითხვა: რა აზრები გქონდა?

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

კითხვა: რა მოგეწონა?

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

კითხვა: როგორ გრძნობდით თავს?

პასუხი: სრული სიამოვნება სასწავლო პროცესით.

კითხვა:

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

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

კითხვა: ცხოვრებისეული გამოცდილება?

პასუხი: ისე მოხდა, რომ თითქმის შემთხვევით წავედი პროგრამისტად (ეს იყო მეორე სპეციალობა პრიორიტეტულად). ტრენინგის შემდეგ გამიმართლა, რომ მაშინვე 1C პროგრამისტად ვიმუშავე, რის შედეგადაც 5 წელი დავრჩი ამ სფეროში.

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

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

ჩემი პირველი კომერციული გამოცდილება ვებ დეველოპმენტში იყო პროექტი, რომელიც შევიმუშავე Joomla-ზე, ეს იყო ხანგრძლივი, რთული, დაბალშემოსავლიანი მცდელობა, მაგრამ მე გადავრჩი ამ პერიოდს, შევიძინე გამოცდილება და დავიწყე იმის გაგება, თუ როგორ უნდა ვიმუშაო შედეგებისთვის და როგორ მქონოდა უშუალო კომუნიკაცია. მომხმარებელს. შემდეგ იყო დამოუკიდებელი გამოცდილება Joomla + Virtuemart-ზე რამდენიმე მაღაზიის შემუშავებაში, ცოდნა და გადაწყვეტილებები მიღებული იქნა უშუალოდ კურსიდან „ონლაინ მაღაზია Joomla-ზე“ (https://site/jshop/).

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

კითხვა:

პასუხი: ამ მხრივ, არსებობდა მინიმალური ეჭვები და მხოლოდ ერთ რამეში - რამდენად სწრაფად გადაიხდიდა დახარჯული თანხა. და იყო სრული რწმენა, რომ ისინი გადაიხდიან.

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

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

კითხვა:

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

კითხვა: რა წარმატებებს მიაღწიეთ?

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

კითხვა: რა ცვლილებები მოხდა თქვენს ცხოვრებაში უკეთესობისკენ?

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

უნგერ ოლეგი

შრომის ბაზარზე მოთხოვნადი ვარ, მიუხედავად ჩემი ასაკისა, ახლა მკაფიოდ მესმის, რა მიმართულებით უნდა წავიდე შემდეგში

კითხვა: ცხოვრებისეული გამოცდილება?

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

კითხვა: აღწერეთ საკუთარი თავი თქვენი მოგზაურობის დასაწყისში?

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

კითხვა: აღწერეთ ახლა საკუთარი თავი?

პასუხი: თითქმის სამი წელი გავიდა, უკვე მაქვს გარკვეული ცოდნა და მუდმივად ვიღებ ახალს WebForMySelf-ის კურსების წყალობით.

კითხვა: როგორ გაიგეთ ჩვენი კურსების შესახებ?

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

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

პასუხი: კარგი მეგონა, რომ ამდენი ინფორმაცია იყო ერთ ადგილზე.

კითხვა: ეჭვი გქონდათ?

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

კითხვა: რა მოგეწონა?

პასუხი: მე ნამდვილად მომეწონა, რომ კურსი ბონუსად მოიცავდა სხვა კურსებს და ვიდეოებს პრემიუმ წვდომიდან. და იმდენად გამიმართლა, რომ არ მომიწია არჩევანის გაკეთება Yii2-სა და Laravel-ს შორის, რადგან ისინი შედიოდნენ.

კითხვა:

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

კითხვა: რა წარმატებებს მიაღწიეთ?

პასუხი: რატომღაც, ჩემთვის შეუმჩნეველი, დავიწყე იმის გაგება, რაც მანამდე მიუწვდომელი მეჩვენებოდა გასაგებად. ჩართულია მომენტშიმე თითქმის ერთი წელია ვმუშაობ პროგრამისტად (Yii, MS SQL სერვერი, JavaScript), ვმონაწილეობ ახალი ფუნქციონირების შემუშავებაში და CRM პროექტის მხარდაჭერაში ორგანიზაციაში, რომელიც ეხება უსაფრთხოების, ავტომატიზაციისა და საკომუნიკაციო სისტემებს.

კითხვა:

პასუხი: თავს თავდაჯერებულად და ოპტიმისტურად ვგრძნობ. ვგეგმავ კიდევ უფრო გავაუმჯობესო ჩემი პროფესიული დონე.

კითხვა: რა ცვლილებები მოხდა თქვენს ცხოვრებაში უკეთესობისკენ?

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

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

კითხვა: აღწერეთ საკუთარი თავი თქვენი მოგზაურობის დასაწყისში?

პასუხი: ჩემი მოგზაურობის დასაწყისში ვებ პროგრამირება იყო „ბნელი ტყე“, სადაც საშინელი და არასასიამოვნო იყო, მაგრამ ცოდნის წყურვილმა მაიძულა წინ წავსულიყავი, კი, დელფში უნდა დამეწერა პარსერი, ებეის სნაიპერი, ტენდერებში მონაწილეობის პროგრამა დაიწერა. ამ დროისთვის მესმის, რომ სჯობს მსგავსი რამ დაწეროთ PHP-ში (არ არის საჭირო „ბორბლის ხელახლა გამოგონება“ Synapse ბიბლიოთეკით).

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

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

კითხვა: რა პრობლემის გადაჭრას ცდილობდით, რა პრობლემები შეგექმნათ კურსის შეძენამდე?

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

კითხვა: რას ფიქრობდი მოგზაურობის დასაწყისში?

პასუხი: მაშინ ვიპოვე ინტერნეტში, სასწრაფოდ დამჭირდა გალერეის ვებსაიტის გაკეთება და პირველი კურსი განლაგების შესახებ შევიძინე. ეს პროექტი წარმატებით ჩავაგდე - ცოდნა მაკლდა. განლაგების შექმნა მოვახერხე, JQuery დავაინსტალირე კიდეც, მაგრამ მერე ჩემი ცოდნა ამოიწურა, დამჭირდა ადმინ პანელი, სადმე მონაცემების შენახვა. სწორედ აქ გავეცანი MVC შაბლონს და მინდოდა დამეუფლება PHP (MySQL-თან არანაირი პრობლემა არ ყოფილა, რადგან ჩემი მუშაობის ბუნებიდან გამომდინარე კარგად ვიცნობ SQL-ს, ხშირად მიწევს მონაცემთა ბაზიდან ამოღება კონტექსტში. საწყობების, კონტრაქტორების და ა.შ.).

კითხვა: რა ცვლილებები დაიწყო, როდესაც გაიგეთ კურსების შესახებ?

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

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

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

კითხვა: რა წარმატებებს მიაღწიეთ?

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

კითხვა: როგორ გრძნობ თავს? რაზე ფიქრობ? რა გეგმები გაქვს?

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

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

კითხვა:ცხოვრებისეული გამოცდილება?

პასუხი: ყველაფერი დაიწყო განლაგებით, მე ვისწავლე ყველა საფუძვლები ნულიდან და დავიწყე მარტივი თავისუფალი შეკვეთების მიღება. მერე ჯომლას გავეცანი, მაგრამ რატომღაც ვერ შევხვდი, არ ვიცი რატომ. Wordpress-ს წავაწყდი - შემდეგ კი ერთმანეთი ვიპოვეთ. დავიწყე ამ CMS-ის გულდასმით შესწავლა და მასთან მჭიდრო მუშაობა. სწავლობდა უფასო კურსი WFM-დან თემის ნულიდან შექმნის შესახებ, გადავწყვიტე სასწრაფოდ შემეძინა WordPress-Professional კურსი - რადგან მას ასევე ჰქონდა ბონუს კურსი PHP-ზე, რომელიც მაშინ ძალიან მჭირდებოდა. სწავლის პროცესში მივხვდი, რომ ყველაფერი ისეთი რთული არ არის, როგორც ერთი შეხედვით ჩანს და ნელ-ნელა დავიწყე შეკვეთების მიღება WordPress-ისთვის თემების შესაქმნელად. ახლა არც კი ვუყურებ შტატგარეშე ბირჟებს, მყავს ჩემი რეგულარული მომხმარებლები. მთავარი პროფილი არის თემების შექმნა Wordpress-ისთვის ნულიდან.

კითხვა: აღწერეთ საკუთარი თავი თქვენი მოგზაურობის დასაწყისში?

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

კითხვა: აღწერეთ ახლა საკუთარი თავი?

პასუხი: ახლა ჩემი მთავარი პროფილი ნულიდან ქმნის WordPress თემებს. მე არ ვუყურებ თავისუფალ ბირჟებს, მყავს კლიენტები და საინტერესო სამუშაოების მუდმივი ნაკადი. ზუსტად ვიცი, რომ ინტერნეტით ფულის გამომუშავება შეგიძლიათ. არსებობს სურვილი, გააფართოვოთ თქვენი ცოდნა PHP-ის სფეროში, ამიტომ ვიყიდე PHP მასტერ კურსი WFM გუნდისგან ანდრეი კუდლეისგან. მე ძალიან მომწონს მისი კურსები და გაკვეთილები - ის შესანიშნავად აკეთებს მასალის ახსნას.გარდა ამისა, მისი კურსები/გაკვეთილები ძალიან საინტერესო საყურებლად მიმაჩნია. არ ვიცი როგორ ავხსნა ეს სწორად, მაგრამ გზაში ბევრ გაკვეთილს წავაწყდი, რომლის ყურების დროსაც მინდოდა ჩამეძინა).

კითხვა: რა ეტაპზე გადაწყვიტეთ კურსების შეძენა?

პასუხი: მივხვდი, რომ შემდგომი ზრდისთვის მჭირდებოდა სტრუქტურირებული ცოდნის ახალი ნაკრები. ვეძებდი კურსებს/გაკვეთილებს ჩემთვის. იმ დროს, RuNet-ში მე ვერ ვნახე WFM-ის კონკურენტები WordPress-ის კურსებში. ზოგადად, მე ყოველთვის ვეძებ ხარისხიან მასალებს, რომლებიც მჭირდება განვითარებისთვის.

კითხვა: რა მოგეწონა?

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

კითხვა: რა წარმატებებს მიაღწიეთ?

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

ადრე ეს ტექნოლოგიები გადაჭარბებული მეჩვენებოდა

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

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

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

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

მე მინდა გამოვიმუშაო თვეში 50000 რუბლამდე ადაპტური ვებსაიტების შექმნით :-)

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

...და სანამ დავნებდებოდი, YouTube-ზე ვნახე ვიდეო WebForMyself გუნდის ავტორისგან. ერთს ვუყურე, მერე მეორეს და თავს ვერ ვიშორებდი

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

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

ღირს ამდენი დროისა და ფულის ინვესტირება?

მე ვუყურე კურსს Laravel-ის შესახებ lynda.com-ზე. შემდეგ ვიყიდე რამდენიმე კურსი ამ ჩარჩოს შესახებ Udemy.com-ზე. შემდეგ იყო კურსები pluralsight.com-ზე. ყველაფერი რთული იყო. და ეს ენაზეც არ არის საქმე, მე 2 ათეული წელია ვსწავლობ და ვმუშაობ ინგლისურად. და სანამ დავნებდებოდი, ვიქტორის ვიდეო ვნახე იუთუბზე. ერთს ვუყურე, მერე მეორეს და თავს ვერ ვიშორებდი.

მაგრამ ახლა რომ დავასრულე 39 გაკვეთილიდან 19 (50%) კურსის თეორიული ნაწილის Laravel-ის შესახებ, მინდა სრული დარწმუნებით ვთქვა, რომ ჩემი ყველა შიში ამაო იყო. ვიქტორი უბრალოდ ელოდება ჩემს კითხვებს და აზრებს, როგორიცაა "რა იქნებოდა, თუ...". ჩაწერილი ვიდეოები შესანიშნავი ხარისხიდა სურათები, რომლებშიც ის განმარტავს, თუ რა არის, მაგალითად, Middleware, ჩემთვის, როგორც ვიზუალური ადამიანისთვის, ეს მხოლოდ ხსნაა.

პატივისცემით და აღიარებით,
ჯულია რიფტლედი

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

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

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

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

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

სად იწყება განლაგება?

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

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

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

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

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

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

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

არიან ადამიანები, რომლებიც მხოლოდ მუშაობენ ვექტორული გრაფიკადა გამოიყენეთ Adobe Illustrator განლაგების შესაქმნელად.
და კიდევ ერთი რედაქტორი, რომელიც არ მიცდია, მაგრამ, როგორც ამბობენ, ზემოაღნიშნულის საკმაოდ ღირსეული ალტერნატივაა, არის Sketch, მაგრამ ის მუშაობს მხოლოდ Mac OS-ზე.

შევხვდეთ - HTML

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

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

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

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

უკეთესობისკენ - CSS

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

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

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

აუცილებელია თუ არა ყველა HTML/CSS ტეგის, ატრიბუტისა და თვისების სწავლა?

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

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

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

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

ჩვენ ვამარტივებთ განლაგების პროცესს

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

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

აერობატიკა - JavaScript

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

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

მოდით შევაჯამოთ

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

საიტის ჩატვირთვის სიჩქარე;

მისი წარმოდგენის ადეკვატურობა სხვადასხვა ბრაუზერები;

ადაპტირება განსხვავებულთან მორგებული ეკრანები;

შესაბამისობა HTML სტანდარტებთან და საძიებო სისტემის მოთხოვნებთან.

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

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


მივესალმები ყველას, ვისაც ჯერ კიდევ აინტერესებს ეს სტატიები და ზოგადად ეს ბლოგი :) ისე ხდება, რომ დიდი ხანია არ დამიწერია. ახლა არ ვიმართლებ, ამის გამო ცალკე სტატიას დავწერ ცოტა მოგვიანებით. ახლა კი, პოპულარული მოთხოვნით, "CSS ნულიდან: პირველი ლექცია, ნება მომეცით პირველ რიგში გითხრათ, რას ისწავლით ამ ლექციიდან: "რა არის CSS?", "რისთვის არის ის?", "როგორ გამოვიყენოთ იგი". ?“.

რა არის CSS?

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

რისთვის არის CSS?

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

როგორ გამოვიყენოთ CSS?

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

გვერდი CSS-ით მარტივი ტექსტი

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

Sandbox

ლეონიდ იაკუბოვიჩი 2015 წლის 26 მაისი, 11:18 საათი

HTML/CSS/JS ტრენინგი

  • CSS
  • HTML,
  • JavaScript
Youtube
  • www.youtube.com/user/agragregra- ძალიან საინტერესო არხი, რომელიც დაგეხმარებათ უკეთესად შექმნათ სხვადასხვა სირთულის ვებსაიტები ნულიდან;
  • www.youtube.com/user/ArtSorax- ბევრი სასარგებლო მასალა დამწყებთათვის. აქცენტი კეთდება CSS-ზე და JS-ზე;
  • www.youtube.com/user/WebMagistersRu- მე პირადად ამ არხიდან დავიწყე ვებ განვითარების გარემოს გაცნობა. ყველაფერი მოთხრობილია ხელმისაწვდომი და გასაგები ენით, საფუძვლები, ასე ვთქვათ.
  • www.youtube.com/user/loftblog- LoftBlog-ის გუნდი ინტერვიუებს იღებს დამწყებ და ჩამოყალიბებულ IT სპეციალისტებთან და დეველოპერებთან, ასევე ატარებს ვიდეო ტრენინგს;
  • www.youtube.com/user/TheSWAT727- ვიდეო არხი შეიცავს ინფორმაციას და სასწავლო მასალებს ზოგადად ვებ განვითარების შესახებ, რომელიც მოიცავს Front-end, Back-end, ტექსტური რედაქტორების მიმოხილვებს და ა.შ. სასარგებლო ინფორმაციადამწყები დეველოპერებისა და დიზაინერებისთვის.
ინტერნეტ რესურსები
  • htmlbook.ru არის სალოცავი დამწყები სპეციალისტებისთვის. ეს რესურსი შეიცავს უზარმაზარ ინფორმაციას ხელმისაწვდომი და გასაგები ფორმით + ფორუმი. სწორედ აქ გირჩევთ დაიწყოთ HTML/CSS-ის გაცნობა;
  • webdesign-master.ru - საგანმანათლებლო საიტი ვებ დიზაინისა და განლაგების უფრო ღრმა გაცნობისთვის;
  • Learn.javascript.ru - საიტის სახელი თავისთავად მეტყველებს. გირჩევთ დაიწყოთ სწავლა HTML5/CSS3-ის საფუძვლების გაცნობის შემდეგ.
სერვისები
  • www.codecademy.com არის ინგლისურენოვანი სერვისი, სადაც შეგიძლიათ გამოცადოთ თქვენი ცოდნა პრაქტიკაში. ყველაფერი ინტუიციური, ღრმა ცოდნაა ინგლისური ენაარ იქნება საჭირო;
  • htmlacademy.ru არის რუსულენოვანი სერვისი, სადაც აქცენტი კეთდება პრაქტიკაზე + პატარა თეორიაზე. ძალიან საინტერესო რესურსი, კურსები და დავალებები;
  • jsfiddle.net არის "ქვიშის ყუთი" ვებ დეველოპერებისთვის, ასე ვთქვათ. აქ შეგიძლიათ კოდირება ონლაინ და დაუყოვნებლივ ნახოთ შედეგი. სერვისი დაგეხმარებათ მიუთითოთ შეცდომები;
  • validator.w3.org - აქ შეგიძლიათ შეამოწმოთ თქვენი კოდი მართებულად, რათა გამოასწოროთ თქვენი შეცდომები ან ხარვეზები HTML კოდში;
  • jigsaw.w3.org/css-validator - მსგავსი სერვისი შექმნილია CSS კოდის მოქმედების შესამოწმებლად.

ქვედა ხაზი

არის ბევრი სასარგებლო, სწორი და საჭირო ინფორმაცია, მაგრამ აღარ არის სასარგებლო. ისწავლეთ, ივარჯიშეთ, დაწერეთ კოდი.

ტეგები: ტრენინგი, მასალა, ვებსაიტები, ვებსაიტების შექმნა

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

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

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

პირადად მე დავიწყე ჩემი მარტივი (და ქაღალდის) წიგნებით HTML/CSS-ზე, შემდეგ იყო წლები ტრენინგი და დროთა განმავლობაში გადავწყვიტე ცოდნის კონსოლიდაცია/სისტემატიზაცია გარკვეული კურსების დახმარებით. არჩევანის გაკეთება ნამდვილად ბევრია, თუმცა ყველა ვარიანტი როდია ღირებული. გავიარე ონლაინ ტრენინგი layout-ში კომპანია Netology-ში. ისინი ამჟამად გადიან მომდევნო ჯგუფში.

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

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

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

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

ინტერნეტი არის Hard - განლაგების სასწავლო სერვისი

დაბოლოს, მოდით გადავიდეთ პროექტზე Interneting is Hard - საქმე მართლაც ძალიან მაგარია! ეს არის სრულფასოვანი ყოვლისმომცველი კურსი HTML და CSS-ის დაუფლებისთვის დამწყებთათვის, რომლებსაც არასოდეს უცდიათ დეტალურად გაეგოთ ვებ გვერდების სტრუქტურა და მათი განვითარება. თუ არ იცით სად დაიწყოთ განლაგების სწავლა, 100% მობრძანდით აქ.

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

  • 14 თავი მასალის ეტაპობრივი გაღრმავებით;
  • 284 ნათელი კოდის მაგალითი;
  • სქემები და გრაფიკები;
  • თითქმის 43 ათასი სიტყვა;
  • თანამედროვე ტექნოლოგიები (დიახ, არის Flexbox-იც).

სერვისის მახასიათებლები და რჩევები

ინტერნეტში რთულია HTML განლაგების სწავლის პროცესს რამდენიმე უპირატესობა აქვს სხვა მსგავს პროექტებთან შედარებით:

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

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

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

ყოველ 2-3 აბზაცს მოჰყვება კოდის დაწერა და მისი მუშაობის პრეზენტაცია. ასე რომ მომავალი სპეციალისტიიღებს პირველ პრაქტიკას ტექსტურ რედაქტორებში და ბრაუზერში შედეგების შემოწმებას;

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

სექციები განლაგების ეტაპობრივი შესწავლისთვის

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

  1. შესავალი. შესავალი ნაწილი, რომელიც განმარტავს რა HTML, CSS და . ის ასევე განმარტავს განსხვავებებს ჩარჩოებსა და ენებს შორის და ასევე აჩვენებს, თუ როგორ უნდა იმუშაოთ ტექსტის რედაქტორიატომი.
  2. ძირითადი ვებ გვერდები. მეორე თავი ასახავს ძირითადი ვებ გვერდის სტრუქტურას. აქ ნაჩვენებია HTML სტრუქტურა - საიტის "ჩონჩხი". სტუმარი გაიგებს, რატომ არის საჭირო ტეგები, რა არის ისინი და რისთვის არის განკუთვნილი თითოეული მათგანი.
  3. ბმულები და სურათები. დიზაინის საფუძვლების ცოდნა, მესამე ნაწილი მომხმარებელს გააცნობს სურათების მოწყობას და ვებ გვერდების ერთმანეთთან დაკავშირებას.
  4. გამარჯობა CSS. შემდეგ მოდის ეგრეთ წოდებული სტილის ფურცლები. ეს კონცეფცია მოიცავს ყველაფერს, რაც დიზაინს უკავშირდება: შრიფტი, ფერი, მდებარეობა, ტექსტის ფორმა და ზომა.
  5. ყუთის მოდელი. სასწავლო გეგმის მეხუთე თავი აგრძელებს დიზაინის თემას, საუბარია შინაარსის „ბლოკის“ მოდელზე. მომავალი განლაგების დიზაინერები იცნობენ ისეთ საკითხებს, როგორიცაა მინდვრები, საზღვრები, შიდა მინდვრებიდა შინაარსის შინაარსი.
  6. CSS სელექტორები. ყუთებს მოსდევს სელექტორები - CSS-ის საფუძველი. რედაქტორში კოდის მაგალითების გამოყენებით, კურსის შემქმნელები ასწავლიან სტილის სწორად გამოყენებას.
  7. მოცურავს. მეშვიდე ნაწილი აფართოებს იმას, რაც ვისწავლეთ ბლოკების ზომისა და მათ გარშემო არსებული ტერიტორიების მართვის შესახებ. იგი ეძღვნება ნაკადის კონცეფციას ვებ გვერდზე (Float) და აღწერს საიტის ქსელთან მუშაობის ნიუანსებს.
  8. Flexbox. კურიკულუმის ეკვატორში მიღწევის შემდეგ გეპატიჟებით გაეცნოთ Flexbox-ს. ეს თანამედროვე ინსტრუმენტიგანლაგება, რომელიც იძლევა სრული კონტროლიბლოკების გასწორებაზე, მიმართულებაზე, წესრიგსა და ზომაზე. ამას წინათ, სხვათა შორის, კიდევ უფრო მაგარ რამეზე ვისაუბრე.
  9. გაფართოებული პოზიციონირება. შემდეგ მოდის უფრო რთული მასალა - მოწინავე პოზიციონირება და მისი ძირითადი ტიპები: ფარდობითი, აბსოლუტური და ფიქსირებული. თუმცა, მახსოვს, კურსებზე ვსწავლობდით ამ ფუნქციას Float-თან ერთად და აშკარად Flexbox-მდე.
  10. საპასუხო დიზაინი. მეათე სექცია განმარტავს ვებსაიტზე საპასუხო დიზაინის საფუძვლებს და როლს. ახლა მის გარეშე ვერ იცხოვრებ.
  11. საპასუხო სურათები. გაკვეთილი ეძღვნება ადაპტირებულ სურათებს, მათ მასშტაბირებას, მიმართულებას და სპეციალური ფუნქციების გამოყენებით ალტერნატიული ფორმატების შექმნას.
  12. სემანტიკური HTML. მეთორმეტე თავი ისევ უბრუნდება ძირითადი ცნებები HTML, რომელიც ავლენს მას სემანტიკური თვალსაზრისით. აქ მკითხველი ეცნობა „სექციურ“ ელემენტებს, ახალ ტეგებს და მათ აპლიკაციებს.
  13. ფორმები. ბოლო აბზაცში ვიზიტორს ეძლევა შესაძლებლობა შეისწავლოს ფორმებისა და მისი ელემენტების კონსტრუქცია: ჩამოსაშლელი სიები, მენიუები, ტექსტური ველები, მათი დიზაინი და ინფორმაციის გაგზავნა, მაგალითად, მეშვეობით.
  14. ვებ ტიპოგრაფია. უახლესი გაკვეთილი საუბრობს თანამედროვე ვებ ტიპოგრაფიაზე საიტებზე - შესახებ გარეგნობატექსტები, სათაურები, შრიფტები და ა.შ. ჩემს სხვა ბლოგში არის განყოფილება ვებ ტიპოგრაფიის შესახებ, სადაც ნახავთ უამრავ სასარგებლო შენიშვნას ამ თემაზე.

გაკვეთილების სტრუქტურა სწავლების განლაგებისთვის

იმისათვის, რომ შევაფასოთ Interneting is Hard სერვისის ფუნქციონალურობა და მოხერხებულობა, მე ვთავაზობ განიხილოს მისი ერთ-ერთი ქვესექციის განხორციელება. ავიღოთ მეორე გაკვეთილი ძირითადი ვებ გვერდების შექმნის შესახებ.

რაც მე პირადად მომწონს:

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

დასკვნები

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

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