Изучите JavaScript за один час с помощью этого бесплатного интерактивного курса.

izuchite javascript za odin chas s pomoshhyu etogo besplatnogo interaktivnogo
1*qwstevkkpIh4WQeO0503aw
Разбивка курса. Вы можете нажать здесь, чтобы перейти непосредственно к курсу.

JavaScript является самым популярным языком в Интернете. Вы можете использовать его для создания сайтов, серверов, игр и даже родных программ. Неудивительно, что это такой ценный навык на современном рынке труда.

Я связался с Диланом К. Израэлем — программистом на YouTube и выпускником freeCodeCamp — и попросил его создать бесплатный курс JavaScript на Scrimba.

Курс содержит 15 лекций и 7 интерактивных заданий и подходит для начинающих. Это даст вам краткое вступление в самые важные концепции JavaScript.

Вот как построен курс.

Часть №1: Введение

1*Gpj7-WF-Esr45IoY8TPjyg

Как обычно, курс начинается со скринкаста о теме в целом и обзоре структуры курса. Дилан также расскажет вам немного о себе, чтобы вы познакомились с ним, прежде чем погрузиться в кодировку.

Часть 2: Переменные

Первая концепция, которую вам нужно изучить, это переменные, которые предназначены для хранения значений. В современном JavaScript для этого есть два ключевых слова: let и const.

Сохраним название Дилан в let которую мы назовем name.

let name="Dylan";  
console.log(name);

// --> 'Dylan'

Как видите, мы можем обратиться к этой переменной позже, чтобы получить значение, например, чтобы выйти из консоли с помощью console.log() метод.

Часть 3: Струны

Во втором уроке вы узнаете свой первый тип данных: строки. Строка просто сохраняет последовательность символов, взятых в кавычки. Так что каждый раз, когда вы берете что-то в одинарные или двойные кавычки, это превращается в строку в JavaScript, вот так:

let name = "Dylan";

Часть 4: Струнный вызов

Пришло время для первого вызова! В этом случае вы попытаетесь объединить две переменные в одну.

let firstName = "Dylan";  
let lastName = "Israel";

console.log(fullName);

// --> ReferenceError: fullName is not defined

Если это ваше первое знакомство с JavaScript, вам нужно будет использовать только что приобретенные знания обоих переменные и строки чтобы решить эту проблему. Возможно, вам тоже придется немного поэкспериментировать. К счастью это возможно на платформе Scrimba.

Часть 5: Числа

Далее следует второй тип данных, который вам нужно изучить: чисел. Другие языки часто имеют несколько типов данных для чисел, например плавает для десятичных чисел и целые числа для целых чисел_._ Однако в JavaScript они оба чисел.

Мы можем использовать 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 сейчас установлено на правда может пригодиться, когда вы программируете, поскольку иногда вам хочется выполнять действия на основе таких условий.

Вы также узнаете о правдивый или фальшивый значения в этой лекции, которые являются другими типами данных, например строки или числа, но которые имеют a правдивый или фальшивый стороной к ним.

Часть 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: Массивы

Типы данных, которые вы изучили до сих пор, так называемы примитивный значение. Теперь пора узнать о массиве, который есть a непримитивные значение.

Массив – это просто список значений, например:

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

Вы узнаете, как создавать массивы, как добавлять и удалять элементы и даже как циклировать весь массив с помощью forEach() метод.

Часть 10: вызов массивов

При задании с массивами вы познакомитесь с концепцией заполнения ссылка или значениечто важно для правильного понимания JavaScript. Мы вернемся к этой концепции позже, поскольку повторение поможет закрепить знания.

let example1 = ['Dylan', 5, true];  
let example2 = example1;

example2.push(11);

console.log(example1);  
console.log(example2);

Результаты, зарегистрированные выше, могут вас удивить, если вы об этом не знаете передавая по ссылке концепции.

Часть №11: Объекты

От массивов продолжим его близкие родственники названий объектов. Объекты похожи на массивы в том смысле, что они могут хранить несколько значений. Однако вместо того, чтобы состоять из списка значений, объект состоит из так называемых пар ключ-значения. Создаем объект с помощью фигурных скобок:

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

В этой лекции вы узнаете, как заполнять объекты и получать их значение.

Часть 12: Вызов объектов

В этом испытании мы просмотрим концепцию прохождения мимо ссылка или значение. Вы также узнаете о Object.assign() метод, позволяющий создавать копии объектов.

let example1 = {  
  firstName: 'Dylan'  
};  
let example2 = example1;  
example2.lastName="Israel";

console.log(example1);  
console.log(example2);

Часть 13: Арифметические операторы

Язык программирования был бы почти бесполезен, если бы он не знал, как выполнять арифметические операции. Сделать это в JavaScript достаточно просто:

let example = 5 + 5;

console.log(example)

// --> 10

В этой лекции вы узнаете, как JavaScript обрабатывает выражения, в которых сочетается несколько операций.

Часть 14: Операторы отношения

Во время программирования нам часто приходится сравнивать значение, чтобы увидеть, равны ли они друг другу или одно из них больше другого, поэтому в этой лекции вы узнаете, как это сделать.

let example1 = 10;  
let example2 = 15;

console.log(example1 > example2)

// --> false

Реальным примером этого может служить ситуация, когда вы хотите проверить, достаточно ли у пользователя кредита для покупки товара. Если кредит выше цены, им разрешено покупать, иначе нет.

Часть №15: вызов операторов отношения

В этой задаче вы сможете проверить, насколько хорошо вы понимаете операторы отношения, угадав логическое значение этих переменных:

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

Часть №16: Увеличение и уменьшение

Увеличение или уменьшение значений часто выполняется в программировании, например, когда вы считаете. Однако это можно сделать несколькими разными способами, поэтому это заслуживает отдельной лекции.

let example = 1;  
example = example + 1;

console.log(example);

// --> 2

Часть №17: задачи увеличения и уменьшения

В этом вызове будет рассмотрена разница между исполнением example++ и ++example.

Это может потребовать от вас немного поэкспериментировать, чтобы понять это или даже погуглить, что также является важным навыком для любого разработчика.

Часть №18: Если, иначе, если, иначе

Условные утверждения, как if, if else и else являются критическими при программировании. Это то, что позволяет вам иметь логику в вашем приложении. Так что в этой лекции вы научитесь работать со всеми тремя.

let example = 5;

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

Вы также узнаете, как соединить эти условия с операторами отношения, чтобы создать сложную логику.

Часть №19: вызов If, else if, else

В этой задаче вы попытаетесь угадать, что означают следующие выражения. Это основывается на том, что вы узнали в лекции об операторах отношения и в предыдущем.

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

Опять же не теряйте мужества, если вам не удастся угадать правильно. Эта штука сложна для новичка!

Часть 20: Переключатель

На этой лекции вы узнаете о т.н. switch операторы очень удобны, если у вас есть много условий для проверки. Вот пример этого:

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.');  
}

Часть №21: цикл For

Циклы for позволяют выполнять блок кода несколько раз. Сумму диктуешь ты, устанавливая три условия. Вот пример простой for петля:

for (let i = 0; i < 5; i++) {  
  console.log(i);  
}

// -->  
// 0  
// 1  
// 2  
// 3  
// 4 

В этой лекции вы увидите, как можно вычислить общую сумму массива чисел с помощью a for петля.

Часть №22: Пока и выполните действия

Если вы хотите выполнить фрагмент кода несколько раз, но не знаете как много раз, затем a while loop может быть именно тем, что вам нужно. Это позволяет выполнять блок кода, пока выполняется определенное условие.

let count = 0;

while (count < 20) {  
  count++;  
}

console.log(count);

Вы также узнаете о do/while заявление.

Часть №23: Функции

Наконец, вам нужно будет узнать функции, поскольку это критически важно для любой программы. Вы узнаете синтаксис функций, как они вызываются и как вы можете добавлять к ним параметры.

function add() {  
  console.log('add');  
}

add();

// --> 'add'

И когда вы закончите эту лекцию, вы закончите с учебным планом этого курса, поскольку вы знаете, что понимаете основные концепции JavaScript.

Часть 24: Что дальше?

1*H3vOeCjQV7IlHFqbjLmm_A

Дилан заканчивает курс, рассказывая вам о том, что вы можете сделать дальше, чтобы еще больше усовершенствовать свои навыки JavaScript! Помните, этот курс был только началом.

Когда вы зашли так далеко, я настоятельно рекомендую вам продолжать, потому что вы на пути к получению очень ценных навыков в современном обществе.

JavaScript не только поможет вам улучшить вашу карьеру, но вы также сможете создавать продукты самостоятельно!

Потому обязательно пройдите этот бесплатный курс сегодня. Вы сможете создавать проекты на JavaScript самостоятельно, прежде чем вы это узнаете!

Спасибо за чтение! Меня зовут Пер Борген, я соучредитель Scrimba – самый простой способ научиться кодировать. Если вы хотите научиться создавать современный веб-сайт на профессиональном уровне, посетите наш курс по адаптивному веб-дизайну.

буткемп-баннер
Нажмите здесь, чтобы перейти к расширенному учебному лагерю.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *