Sužinokite „JavaScript“ per vieną valandą naudodami šį nemokamą ir interaktyvų kursą

„JavaScript“ yra populiariausia programavimo kalba internete. Jį galite naudoti kurdami svetaines, serverius, žaidimus ir net vietines programas. Taigi nenuostabu, kad tai toks vertingas įgūdis šiandieninėje darbo rinkoje.

Taigi aš kreipiausi į Dylan C. Israel - programuojantį „YouTuber“ ir „freeCodeCamp grad“ - ir paprašiau sukurti nemokamą „JavaScript“ kursą „Scrimba“.

Kursas apima 15 paskaitų ir 7 interaktyvius iššūkius ir yra tinkamas pradedantiesiems. Tai padės greitai susipažinti su svarbiausiomis „JavaScript“ sąvokomis.

Štai kaip išdėstytas kursas.

1 dalis. Įvadas

Kaip visada, kursas pradedamas ekrano kopija apie dalyką apskritai ir kurso struktūros apžvalga. Dylanas taip pat šiek tiek papasakos apie save, kad prieš jį pasinerdami į kodą, jūs jį pažintumėte.

2 dalis. Kintamieji

Pirmoji sąvoka, kurią turėsite išmokti, yra kintamieji, skirti vertybėms saugoti. Šiuolaikinėje JavaScript yra du raktiniai daro, kad: letir const.

Saugokime vardą Dylan , letkuriame mes paskambinsime name.

let name = 'Dylan'; console.log(name); // --> 'Dylan' 

Kaip matote, vėliau mes galime nurodyti tą kintamąjį, kad gautume vertę, pavyzdžiui, norėdami ją atjungti į konsolę, naudodami console.log()metodą.

3 dalis: stygos

Antroje pamokoje sužinosite apie savo pirmąjį duomenų tipą: eilutes . Eilutė tiesiog saugo kabutėse suvyniotų simbolių seką. Taigi, kai ką nors suvyniojate į viengubas ar dvigubas kabutes, tai „JavaScript“ paverčiama tokia eilute:

let name = "Dylan"; 

4 dalis: styginių iššūkis

Atėjo laikas pirmajam iššūkiui! Šiame bandysite sujungti du kintamuosius į vieną.

let firstName = "Dylan"; let lastName = "Israel"; console.log(fullName); // --> ReferenceError: fullName is not defined 

Jei tai yra jūsų pirmasis „JavaScript“ įvadas, norėdami išspręsti šią problemą, turėsite naudoti naujai įgytas žinias apie kintamuosius ir stygas . Jums taip pat gali tekti atlikti nedidelį eksperimento kodą. Laimei, tai įmanoma „Scrimba“ platformoje.

5 dalis: Skaičiai

Kitas yra antrasis duomenų tipas, kurį turėsite išmokti: skaičiai . Kitose kalbose dažnai yra keli skaičių tipų duomenys, pvz. , Dešimtainių skaičių plūdės ir sveikųjų skaičių skaičiai _._ Tačiau „JavaScript“ jie abu yra skaičiai .

Mes galime naudoti typeofduomenų tipui patikrinti:

let example1 = 7; let example2 = 7.77; console.log(typeof example1); console.log(typeof example2); // --> "number" // --> "number" 

Šioje paskaitoje taip pat sužinosite, kaip konvertuoti reikšmes tarp eilučių ir skaičių, naudojant parseInt()ir parseFloat()metodus.

6 dalis: Skaičių iššūkis

Skaičių iššūkyje jums bus parodytos kelios skirtingos eilutės ir skaičiai kartu su iki šiol išmoktais metodais. Jūsų užduotis yra atspėti, kuriomis vertybėmis baigiasi šie posakiai.

let example1 = parseInt("33 World 22"); let example2 = parseFloat('44 Dylan 33'); let example3 = 55.3333.toFixed(0); let example4 = 200.0.toFixed(2); 

Tai gali būti šiek tiek keblu, todėl nenusiminkite, jei padarysite klaidų!

7 dalis: Booleanai

Boolean yra paprasti, jie yra teisingi arba klaidingi. Štai kaip sukuriate loginę vertę:

let example = true; 

Tai, kad exampledabar yra tiesa, gali būti naudinga, kai programuojate, nes kartais norėtumėte atlikti veiksmus pagal tokias sąlygas kaip ši.

Šioje paskaitoje taip pat sužinosite apie tikrąsias ar klaidingas vertybes, kurios yra kitų tipų duomenys, pvz., Eilutės ar skaičiai, tačiau juose yra teisinga ar klaidinga pusė.

8 dalis: Booleano iššūkis

„Booleans“ iššūkyje Dylanas vadovaujasi tuo pačiu modeliu kaip ir skaičiai, kur jūs turite atspėti daugybę verčių. Jūsų užduotis yra atspėti, ar šie kintamieji yra teisingi, ar ne.

let example1 = false; let example2 = true; let example3 = null; let example4 = undefined; let example5 = ''; let example6 = NaN; let example7 = -5; let example8 = 0; 

9 dalis: masyvai

Iki šiol išmokti duomenų tipai yra vadinamosios primityviosios reikšmės. Dabar atėjo laikas sužinoti apie masyvą, kuris nėra primityvi vertė.

Masyvas yra tiesiog tokių reikšmių sąrašas:

let example = ['programming', 'design', 'art']; 

Sužinosite, kaip sukurti masyvus, kaip pridėti ir pašalinti elementus ir net kaip apžvelgti visą masyvą naudojant forEach()metodą.

10 dalis: masyvų iššūkis

Masyvų iššūkyje jums bus pristatyta užpildymo sąvoka pagal nuorodą ar vertę , kuri yra svarbi norint tinkamai suprasti „JavaScript“. Vėliau taip pat peržiūrėsime šią koncepciją, nes pakartojimas padės žinioms išlikti.

let example1 = ['Dylan', 5, true]; let example2 = example1; example2.push(11); console.log(example1); console.log(example2); 

Rezultatai, užregistruoti aukščiau, gali jus nustebinti, jei nežinote apie „ praeina pagal nuorodą“ koncepciją.

11 dalis: daiktai

Iš masyvų mes tęsime artimus giminaičius, vadinamus objektais. Objektai yra tarsi masyvai ta prasme, kad juose gali būti saugomos kelios reikšmės. Tačiau objektas susideda ne iš reikšmių sąrašo, bet iš vadinamųjų raktų ir verčių porų. Mes sukuriame objektą naudodami garbanotus skliaustus:

let example = { firstName: 'Dylan'; lastName: 'Israel' }; 

Šioje paskaitoje sužinosite, kaip užpildyti objektus ir gauti jų vertes.

Part #12: Objects challenge

In this challenge, we’ll revisit the concept of passing by reference or value. You’ll also learn about the Object.assign() method, which allows you to create copies of objects.

let example1 = { firstName: 'Dylan' }; let example2 = example1; example2.lastName = 'Israel'; console.log(example1); console.log(example2); 

Part #13: Arithmetic operators

A programming language would be almost useless if it didn’t know how to do arithmetic operations. Doing it in JavaScript is pretty straight-forward:

let example = 5 + 5; console.log(example) // --> 10 

In this lecture, you’ll also experience how JavaScript handles expressions where multiple operations are combined.

Part #14: Relational operators

When programming we often have to compare values, to see if they’re equal to each other, or if one of them is larger than the other, so in this lecture, you’ll learn how to do that.

let example1 = 10; let example2 = 15; console.log(example1 > example2) // --> false 

And real-world example of this would be when you want to check if a user has got enough credit to purchase an item. If the credit is above the price, then they’re allowed to buy, otherwise, they’re not.

Part #15: Relational operators challenge

In this challenge you’ll be able to test how well you understand relational operators, through guessing the boolean value of these variables:

let example1 = 5 === 5; let example2 = 5 == '5'; let example3 = 6 != '6'; let example4 = 7 !== '7'; 

Part #16: Increment & decrement

Making values grow or shrink is very often done in programming, for example when you’re counting. It can be done in a few different ways, though, so it deserves its own lecture.

let example = 1; example = example + 1; console.log(example); // --> 2 

Part #17: Increment & decrement challenge

This challenge will look at the difference between doing example++ and ++example.

This might require you to experiment a bit in order to understand it, or even googling, which also is a critical skill for any developer.

Part #18: If, else if, else

Conditional statements like if, if else and else are critical when programming. It’s what allows you to have logic in your application. So in this lecture, you’ll learn how to work with all three of them.

let example = 5; if (example === 5) { console.log('Runs'); } else if ( true ) { console.log('else if'); } else { console.log('else'); } 

You’ll also learn about how to combine these conditionals with relational operators to make complex logic.

Part #19: If, else if, else challenge

In this challenge, you’ll try to guess what the following expressions evaluate to. This builds upon both what you’ve learned in the relational operators' lecture and in the previous one.

console.log(10 === 10 && 5 < 4); console.log(10 === 10 || 5 = 5 || 4 > 4) && 3 + 2 === 5); 

Again, don’t lose the courage if you don’t manage to guess correctly. This stuff is tricky for a beginner!

Part #20: Switch

In this lecture, you’ll learn about so-called switch statements, which are really handy if you have many conditions to check between. Here’s an example of that:

let studentAnswer = 'D'; switch(studentAnswer) { case 'A': console.log('A is wrong.'); break; case 'B' : console.log('B is wrong.'); break; case 'C': console.log('C is correct.'); break; default: console.log('Not a real answer.'); } 

Part #21: For loop

For loops allow you to execute a block of code a number of times. The amount is dictated by you by setting three conditionals. Here’s an example of a simple for loop:

for (let i = 0; i  // 0 // 1 // 2 // 3 // 4 

In this lecture, you’ll see how you can calculate the total sum of an array of numbers using a for loop.

Part #22: While & do while

If you want to execute a piece of code multiple times but don’t know how many times, then a while loop might be exactly what you need. It allows you to execute a block of code as long as a certain condition is met.

let count = 0; while (count < 20) { count++; } console.log(count); 

You’ll also learn about the do/while statement.

Part #23: Functions

Finally, you’ll need to learn about functions, as it’s critical for any application. You’ll learn the syntax of functions, how they’re called and how you can add parameters to them.

function add() { console.log('add'); } add(); // --> 'add' 

And when you’ve finished this lecture you’re done with the syllabus for this course, as you know have an understanding of the core concepts in JavaScript.

Part #24: What’s next?

Dylan ends the course by telling you a little bit about what you can do next in order to further improve your JavaScript skills! Remember, this course was just the beginning.

Once you’ve reached this far, I’d strongly encourage you to continue, as you’re on track to gain highly valuable skill in today's society.

Not only can JavaScript help you improve your career, but you’ll also be able to build products on your own!

Taigi būtinai išklausykite šį nemokamą kursą jau šiandien. Galėsite savarankiškai kurti „JavaScript“ projektus, kol dar nežinote!

Ačiū, kad skaitėte! Mano vardas Peras Borgenas, esu „Scrimba“ įkūrėjas - lengviausias būdas išmokti koduoti. Jei norite išmokti kurti modernią svetainę profesionaliu lygiu, turėtumėte sužinoti mūsų interaktyvų interneto dizaino „bootcamp“.