КУРС ПО 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;
Преобразование типов данных:
- Преобразование в строку(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()
Их вам следует изучить самостоятельно, они вам будут часто попадаться в работе.
Домашнее задание:
- Установить редактор кода с нужными плагинами
- Изучить всю теорию, если что-то непонятно написать в бот
- Лично проверить все примеры, а лучше придумать самому и опробовать
- Объявите 5 различных переменных
- Выполните 5 математических операций с Math
- Выполните 5 операций со строками
- Изучить самостоятельно нужные материалы и на них сделать 10 примеров ( строки concat().... )