КУРС ПО JAVASCRIPT. Урок 1.

Привет! Если ты попал на этот курс, значит тебе охото изучить или же вспомнить JavaScript, в этом я смогу помочь тебе! Наш курс будет разбит на 4 блока:

  • Основы языка
  • Асихронный JavaScript
  • ООП
  • Модули

После окончания курсов я постараюсь дать напутствие каждому для дальнейшего развития вас, как Front-end developer. В каждом блоке мы будем стараться делать по 1 проекту, без практики никуда. Будет выдаваться домашнее задание, которое вам надо будет сделать и отправить в личные сообщения боту. Я использую редактор VSCode, его можно скачать с официального сайта, установленные плагины :

Теория:

Итак, сегодня мы разберем базовые составляющие языка : типы данных, переменные, преобразование типов данных, числа и строки.

Типы данных:

  1. Примитивные

 - Number: 2019, 1.5, NaN(особый тип, который получаем при ошибке в вычислении)  , Infinity(при делении на 0)

 - String: 'Hello', "Hello", `Hello`( ` ` , косые верхние запятые используется, чтобы ввести переменную)

 - Boolean: true, false

 - Null: null(указывает на то, что значение не известно, не получено)

 - Undefined: undefined(переменная ничему не равна,не задана),

 - Symbol()(уникальный индификатор)

Попробуем выведем пару штук в консоль :

console.log(2019, 1.5);

console.log('Hello', "Hello", `Hello`);

console.log(null);

Типы данных:

  2. Объекты. (Reference type) Передаются по ссылке.

 - Object: { name: 'Denis', age: 30 }

 - Array: [1, 2, 3]

 - Function: function foo() {}

 - Date: new Date()

   ....

Попробуем вывести в виде таблицы в консоль :

console.table({ name: 'Denis', age: 30 }); //Чистой воды объект {ключ1 : значение1, ключ2: значение2}

console.log([1, 2, 3, 4]); //Массив также относится к объектам, через запятую указываем элементы массива, индекс счета начинается с 0

Переменные:

Объявление переменных раньше раньше писалось через var, например, var city = 'Moscow';. С недавних пор var ушел, и стали использоваться let и const, у var было слишком много минусов. Можно было несколько раз объявлять переменную с одним и тем же именем или же происходило наслаивание кода. Теперь же мы используем такие записи :

let city = 'Moscow';

const city = 'Moscow'; // не изменяемая переменная

Есть четыре вида записи переменной userAge, user_age,  UserAge,  userage, следует выбрать один стиль написания и использовать его везде, не изменяя традициям.

Переменные можно переназначать, например :

let city = 'Moscow';

city = 'Ufa';

city = 'Kazan'

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

Чтобы объявить объект следует использовать следующий синтаксис :

let имя_объекта = {

ключ1 : значение1;

ключ2 : значение2;

}

Для записи одного из ключей :

имя_объекта.ключ1 = значение1;

Для записи ключа, если имя ключа не однострочное :

имя_объекта['ключ1'] = значение1;

Преобразование типов данных:

  1. Преобразование в строку(Type to string) : используется метод toString()

value = (10).toString(); value = String(10);

2. Преобразование в число (Type to number) : используется Number()

value = Number('23');

3 Преобразование в булевое значение (Type to boolean) : используется Boolean()

value = Boolean('0');

Для вывода типа данных используется typeof :

console.log(typeof value);

Числа :

С числами в Javascript используется те же операции, что и в жизни, но так же есть так называемый Math, который имеет множество функций, полезных для работы.

Например:

value = Math.PI;

value = Math.random();

value = Math.ceil(2.1);

value = Math.floor(2.9);

value = Math.min(2, 12, 15, 0, 12);

value = Math.max(2, 12, 15, 0, 12);

Это самые основные функции, который следует знать, об их значении надо будет прочитать самостоятельно в документации!

Строки:

Строки(string) записываются с помощью ' ' , например :

const firstName = 'Andrey';

Для начала нам следует понять по какому принципу происходят операции со строками:

const firstName = 'Andrey';

const city = 'Ufa';

value = firstName + 'was born' + city;

console.log(value)

Выведется : Andrey was born Ufa.

Попробуйте сами поиграться и понять, почему же именно так происходит вывод.

value = firstName.length; - используется для вычисления длины переменной, проблемы тоже учитываются.

Так же есть ряд методом, которые следует освоить :

  • toUpperCase()
  • concat()
  • indexOf()
  • includes()
  • slice()
  • replace()

Их вам следует изучить самостоятельно, они вам будут часто попадаться в работе.

Домашнее задание:

  1. Установить редактор кода с нужными плагинами
  2. Изучить всю теорию, если что-то непонятно написать в бот
  3. Лично проверить все примеры, а лучше придумать самому и опробовать
  4. Объявите 5 различных переменных
  5. Выполните 5 математических операций с Math
  6. Выполните 5 операций со строками
  7. Изучить самостоятельно нужные материалы и на них сделать 10 примеров ( строки concat().... )