Научите ЈаваСцрипт за ЈЕДАН сат помоћу овог бесплатног и интерактивног курса

ЈаваСцрипт је најпопуларнији програмски језик на Интернету. Помоћу ње можете да креирате веб локације, сервере, игре, па чак и изворне апликације. Стога не чуди што је то толико драгоцена вештина на данашњем тржишту рада.

Тако сам се обратио Дилану Ц. Исраел-у - програмеру ИоуТубе-а и фрееЦодеЦамп-а - и замолио га да креира бесплатан курс ЈаваСцрипт-а на Сцримби.

Курс садржи 15 предавања и 7 интерактивних изазова и погодан је за почетнике. Даће вам брз увод у најважније ЈаваСцрипт концепте.

Ево како је постављен курс.

1. део: Увод

Као и увек, курс започиње приказивањем екрана о теми уопште и прегледом структуре курса. Дилан ће вам такође рећи нешто о себи како бисте га упознали пре него што зароните у кодирање.

Део 2: Променљиве

Први концепт који ћете морати научити су променљиве, које служе за чување вредности. У савременом ЈаваСцрипт-у постоје две кључне речи за то: letи const.

Спремимо име Дилан у letкоји ћемо назвати name.

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

Као што видите, можемо се касније позвати на ту променљиву како бисмо извукли вредност, на пример, да бисмо је одјавили на конзолу, користећи console.log()методу.

Део 3: Жице

У другој лекцији научићете о свом првом типу података: стрингови . Низ једноставно чува низ знакова умотаних у наводнике. Дакле, кад год умотате нешто у једноструке или двоструке наводнике, то се претвара у низ у ЈаваСцрипт-у, овако:

let name = "Dylan"; 

Део 4: Изазов гудача

Време је за први изазов на курсу! У овом ћете покушати да комбинујете две променљиве у једну.

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

Ако је ово ваше прво упознавање с ЈаваСцриптом, мораћете да искористите своје ново стечено знање о променљивим и стринговима да бисте решили овај проблем. Такође ћете можда морати мало да експериментишете. Срећом, ово је могуће на платформи Сцримба.

Део 5: Бројеви

Следи други тип података који ћете морати научити: бројеви . Остали језици често имају више типова података за бројеве, као што су флоати за децималне бројеве и цели бројеви за читаве бројеве _._ Међутим, у ЈаваСцрипт-у су оба броја .

Можемо користити typeofза проверу типа података:

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

У овом предавању ћете такође научити како претворити вредности између низова и бројева помоћу parseInt()и parseFloat()метода.

6. део: Изазов бројева

У изазову бројева биће вам изложено неколико различитих низова и бројева у комбинацији са методама које сте до сада научили. Ваш посао је да погодите које вредности завршавају ови изрази.

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

Можда је помало зезнуто, па немојте се обесхрабрити ако погрешите!

Део 7: Булови знаци

Боолеови су једноставни, или су истинити или нетачни. Ево како креирате логичку вредност:

let example = true; 

Чињеница да је exampleсада постављено на Тачно може вам добро доћи када програмирате, јер понекад желите да предузмете акције на основу услова попут овог.

Такође ћете у овом предавању сазнати о истинитим или лажним вредностима, који су други типови података, попут низова или бројева, али који имају неистиниту или лажну страну.

Део 8: Логички изазов

У логичком изазову, Дилан следи исти образац као и број један, где треба да погодите гомилу вредности. Ваш посао је да погодите да ли су ове променљиве неистините или нетачне:

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

Део # 9: Низови

Типови података које сте до сада научили су такозване примитивне вредности. Сада је време да научимо о низу, који је непримитивна вредност.

Низ је једноставно листа вредности, попут ове:

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

Научићете како да креирате низове, како додајете и уклањате ставке, па чак и како се методом петљате кроз читав низ forEach().

Део 10: Изазов низова

У изазову низова упознаћете се са концептом додавања помоћу референце или вредности , што је важно како бисте правилно разумели ЈаваСцрипт. Такође ћемо поново погледати овај концепт касније, јер ће понављање помоћи да се знање држи.

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

Резултати који су горе забележени могли би вас изненадити ако нисте свесни концепта проласка поред .

Део # 11: Предмети

Од низова, наставићемо до његових блиских рођака који се називају објектима. Објекти су попут низова у смислу да могу да чувају више вредности. Међутим, уместо да се састоји од листе вредности, објекат се састоји од такозваних парова кључ / вредност. Стварамо објекат помоћу витичастих заграда:

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

У овом предавању научићете како попунити објекте и дохватити њихове вредности.

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!

Зато посетите овај бесплатни курс данас. Моћи ћете самостално да градите пројекте у ЈаваСцрипт-у пре него што то схватите!

Хвала за читање! Зовем се Пер Борген, суоснивач сам Сцримбе - најлакшег начина да научим да кодирам. Ако желите да научите да правите модерну веб страницу на професионалном нивоу, требало би да проверите наш боотцамп за прилагодљиви веб дизајн.