20 ადგილი, სადაც შეგიძლიათ ვისწავლოთ კოდირება უფასოდ

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


Არაფერია სანერვიულო.

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

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

Contents

20 ადგილი, სადაც შეგიძლიათ ვისწავლოთ კოდირება უფასოდ

არსებობს ონლაინ რესურსები კოდირების ყველა დონისთვის, ხართ თუ არა:

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

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

1. BitDegree (დამწყები მოწინავე)

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

BitDegree– ით, მომხმარებლები, რა თქმა უნდა, შეისწავლიან როგორ კოდის კოდირებას – საწყისი პრინციპებიდან, როგორიცაა HTML და CSS, დაწყებული პროგრამირების ენებზე, როგორიცაა Bootstrap და Python.

გაკვეთილების გავლისას თქვენ მოგთხოვებთ BitDegree რედაქტორში “სცადეთ ის ცოცხალი”:

BitDegree Live რედაქტორი

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

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

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

2. CSS- ხრიკები (Advanced)

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

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

მომხმარებლებისთვის, რომელთაც Intro tutorial- ზე მეტი უნდათ, გადახედეთ Snippets გვერდზე.

CSS- ხრიკები Snippets

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

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

3. დერეკ ბანასი YouTube- ზე (შუამავალი მოწინავე)

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

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

დერეკ ბანასის ვიდეო ორგანიზაცია

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

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

4. უფასოCodeCamp (დამწყებთათვის შუამავალი)

უფასოCodeCamp

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

ანგარიშის შექმნისთანავე freeCodeCamp დაგეხმარებათ დაეხმაროთ თქვენს ტრენინგზე:

უფასოCodeCamp გაკვეთილები

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

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

ასე რომ, თუ მოგწონთ საიტის სტილი და როგორ არის ნაჩვენები გაკვეთილები (ერთად შეფასებებს რამდენი დრო სჭირდება!), მიეცით ის.

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

5. Glitch (ახალბედა დამწყები)

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

მომხმარებლებს შეუძლიათ გამოიყენონ წინასწარ შექმნილი ვებ – პროგრამები – Glitch– დან, ან Github– ის მსგავსი საშუალებებიდან, – გახსნან საფუძვლები და თავად ასწავლონ ახალი უნარები საპირისპირო ინჟინერიით არსებული კოდის საშუალებით..

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

Glitch Remix

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

მიუხედავად იმისა, რომ Glitch ეხება “აპებს”, იგივე პრაქტიკა მოქმედებს ვებ – გვერდის HTML, CSS და JavaScript კოდირებისას..

ასევე, დააკვირდით Glitch- ს “დამწყებთათვის” შაბლონებს, მაგალითად:

Glitch HTML Starter

ის გავს Glitch- ზე სხვა აპლიკაციების პროექტებს. ამასთან, მოცემულია გაკვეთილი ნიმუშის შიგნით, თუ როგორ უნდა დავიწყოთ HTML– ით კოდირება. აქ ნახავთ სხვებს JavaScript, Node და Bootstrap.

6. Google Developers (შუამავალი to Advanced)

Google დეველოპერები

Google დეველოპერები უფასო რესურსია ყველას, ვისაც სურს ისწავლოს კოდირება უკეთესი ვებ გამოცდილება.

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

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

თუ გადადით კოდების ლაბორატორიის ჩანართზე, მოძებნეთ სახელმძღვანელო სახელწოდებით “Your First Progressive Web App”.

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

თქვენი პირველი პროგრესული ვებ აპლიკაცია - შეიტყვეთ კოდი

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

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

7. HTML ძაღლი (დამწყები)

HTML ძაღლიHTML ძაღლი არის უფასო უფასო რესურსი კოდირების საფუძვლების დაუფლებისთვის: HTML, CSS და JavaScript.

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

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

ამასთან, HTML Dog არ არის მხოლოდ დამწყებთათვის კოდირების ინსტრუქციების რესურსი.

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

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

  • ტექსტი
  • Ფერები
  • ბმულები
  • ფორმები
  • სიები
  • სურათები
  • Და მეტი

HTML ძაღლების მაგალითები

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

8. JavaScript.com ავტორი Pluralsight (დამწყები)

JavaScript Pluralsight

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

ამასთან, Pluralsight– მა დამწყებთათვის სთხოვა გაეცნოთ JavaScript– ს, რომელიც ქსელის ერთ – ერთ საფუძველს წარმოადგენს. როგორც ასეთი, ინსტრუქცია გათვალისწინებულია JavaScript.com უფასოა წვდომა.

მეორე მომხმარებელი, რომელიც ვებსაიტი შემოდის ვებგვერდზე, სწავლა იწყება:

JavaScript სამეურვეო

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

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

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

9. ხან აკადემია (დამწყები)

ხანის აკადემია

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

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

ხან აკადემიის კურსები

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

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

  • ვიდეო გაკვეთილები (რომლებიც მოყვება ჩანაწერებს, ასევე მრავალენოვან დახურულ ანოტაციებს)
  • სწრაფი რჩევები
  • კოდირების გამოწვევები

მათ მარტივია მუშაობა, ისევე როგორც სუპერ ჩართვა.

10. ისწავლეთ კოდირება HTML და CSS (დამწყებთათვის შუამავალი)

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

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

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

HTML & CSS– ის შესავალი დასრულების შემდეგ, შეგიძლიათ გადახვიდეთ მოწინავე გაკვეთილებზე.

მოწინავე HTML CSS

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

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

11. LearnCode.academy YouTube- ზე (საწყისი დამწყებთათვის)

LearnCode აკადემიაLearnCode.academy YouTube გვერდი ეს უფრო მეტია ვიდრე სასწავლო რესურსი, როგორც კოდირების გაკეთება.

LearnCode.academy აქვს შინაარსის ძალიან კარგი ნაზავი.

LearnCode ვიდეოები

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

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

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

12. ისწავლეთ [ენა] .org მიერ DataCamp (დამწყები დამწყებთათვის)

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

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

  • HTML
  • JavaScript
  • PHP
  • SQL
  • პითონი
  • რუბიკი

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

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

LearnJS სავარჯიშო

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

13. MarkSheet (დამწყები)

Ნიშნის ფურცელიᲜიშნის ფურცელი დამწყებთათვის უფასო HTML და CSS კურსია.

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

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

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

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

  • HTML
  • CSS
  • სასი

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

MarkSheet კოდი Snippet

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

14. Mozilla დეველოპერი (დამწყებთათვის შუამავალი)

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

აქ შეისწავლით HTML, CSS და JavaScript– ში კოდირების აუცილებლობას.

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

Mozilla Code მაგალითები

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

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

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

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

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

15. YouTube- ზე წმინდა Ninja (Advanced to Advanced)

წმინდა Ninja

Net Ninja YouTube გვერდი ეძღვნება კოდირების ყველაზე რთული კონცეფციების დაშლა მარტივად მოსდევს ვიდეო გაკვეთილებს.

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

Net Ninja ვიდეო გაკვეთილები

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

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

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

16. ოდინის პროექტი (დამწყები)

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

თითოეული გაკვეთილის საშუალებით მიიღებთ:

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

ის, რაც გაკვეთილების გავლისას შეგიძლიათ შეამჩნიოთ, არის ის, რომ ზოგიერთი მათგანი ამ ჩამონათვალის სხვა რესურსების გადახურვას ახდენს. მაგალითად, HTML საფუძვლების გაკვეთილი გამოგიგზავნით Learn to Code HTML & CSS ვებსაიტზე.

ეს არ არის მხოლოდ გაკვეთილები კოდირების მომხმარებლების მიერ. არსებობს გაკვეთილი სახელწოდებით “დაქირავება”:

ოდინის პროექტის დაქირავება

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

17. SitePoint (შუამავალი to Advanced)

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

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

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

გარდა ამისა, ბლოგი სავსეა სასარგებლო მიმოხილვით:

SitePoint დღიური მიმოხილვები

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

18. SoloLearn (ახალბედა დამწყები)

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

SoloLearn– ის საშუალებით მომხმარებლები სწავლობენ როგორ კოდის კოდირებას HTML და CSS, ისევე როგორც მოწინავე პროგრამირების ენები.

ეს ნახავთ, როდესაც შედიხართ SoloLearn აპი (სამუშაო მაგიდაზე):

SoloLearn აპლიკაცია

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

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

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

SoloLearn სამეურვეო

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

19. W3S სკოლები (დამწყები დაწყებული)

W3S სკოლებიW3S სკოლები მან თავის თავს უწოდა “მსოფლიოს ყველაზე დიდი ვებ-შემქმნელის საიტი” და ეს არის საკმაოდ ზუსტი აღწერა.

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

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

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

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

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

W3S სკოლების ცნობარი

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

20. WebsiteSetup.org (საწყისი დამწყებთათვის)

ვებსაიტი

WebsiteSetup.org არის უამრავი საგანმანათლებლო რესურსით, ვინც ცდილობს უფასოდ ისწავლოს კოდირება.

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

მაგალითად, ხელმისაწვდომია ვებსაიტების განვითარების სახელმძღვანელოების, სახელმძღვანელოების და cheatsheets:

WebSetup ვებ განვითარების სახელმძღვანელო

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

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

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

Გახვევა

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

  • წერილობითი გაკვეთილები
  • ვიდეო კურსები
  • ვიქტორინები
  • კოდის ნაწყვეტები
  • კოდირების მოედნები
  • ინსტრუმენტების მიმოხილვები და განვითარების სტრატეგიები
  • Და მეტი

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

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

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map