Программер
51 subscribers
107 photos
86 links
Канал о программировании, с интересной иформацией.
Download Telegram
#phyton #javascript

Python и JavaScript - два популярных языка программирования. Имеют свои преимущества и недостатки.
Лучший выбор зависит от того, для каких целей вы собираетесь использовать язык.

Python - язык программирования общего назначения с акцентом на читаемости кода.
Лучше всего подходит для обработки больших объемов данных, научных/математических расчетов.

Python болше подходит для
--> Обработки данных.
--> Машинного обучения.
--> Научных расчетов.
--> Для создания скриптов и утилит командной строки.


JavaScript - язык программирования для веб-разработки.
Используется для создания
--> Интерактивных пользовательских интерфейсов.
--> Динамических веб-страниц.
--> Разработке приложений и игр.
Программер
#javascript

Отличные библиотеки JavaScript.

--> Three.js - создаем анимацию и 3D эффекты.
--> Socket.io - обеспечивает связь сервера с браузером на основе событий.
--> D3.js - библиотека интерактивных визуализаций.
--> Survey.js - создаем опросы, квизы.
--> Voca.js - библиотека для работы со строками.
--> ApexCharts.js - интерактивные диаграммы.
--> Google Maps Utility Library - для работы с картами.
--> Match.js - математическая библиотека.
--> Underscore.js
--> Lodash.js
Программер
#javascript #typescript

Зачем придумали TypeScript.

TypeScript - надстройка над JavaScript.
Это язык со статической типизацией.
Благодаря TypeScript исключаются фундаментальные недостатки JS.
Он облегчает написание, тестирование, рефакторинг.
Благодаря статической типизации TypeScript не позволит писать неоднозначный код, как это позволяет JS.
TypeScript полностью транспилируется в JS.
Программер.
#javascript

Javascript. Основы.

Создадим на
javascript простейшую программу.
Сначала создадим простейшую html страницу
<!DOCTYPE HTML>
<html>
<body>
</body>
</html>

Затем вставим в эту страницу(между тегами body) код.
<script>
alert("Hello World!");
</script>

Затем соединяем все это.
<!DOCTYPE HTML>
<html>
<body>

<script>
alert("Hello World!");
</script>

</body>
</html>
Вы только что создали страницу в браузере, со всплывающим окном, в котором написано приветственное сообщение.

Программер
#javascript

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

Создадим объект.
Назовем его primitiveObject.
let = primitiveObject{ id: 1, // ключ id, значение 1
name: "Ivan", // ключ name значение Ivan
age: 30 // ключ age, значене 30
};

Чтобы получить значение объекта, делаем запись через точку.
console.log(primitiveObject.id); // получаем значение ключа id - 1
console.log(primitiveObject.name); // получаем значение ключа name - Ivan
console.log(primitiveObject.age); // получаем значение ключа age - 30

Для перебора свойств объекта удобно использовать цикл for . . in

Программер
#javascript

Чтобы создать множество похожих объектов, а не один, мы используем функцию конструктор.
Функция начинается с большой буквы, и выполняется благодаря оператору new.

Создадим простую функцию-конструктор

function Instrument(name) {
this.name = name;
this.prise = prise;
}

присвоим переменной значение "внутренности" функции.
let mallet = new Instrument("molotok", 20);

console.log(mallet.name); // molotok
console.log(mallet.prise); // 20

Хотим создать другой инструмент, с набором заданных характеристик?
Пожалуйста!
let saw = new Instrument("saw", 40);
let pliers = new Instrument("pliers", 30);
let wrench = new Instrument("wrench", 15);

Программер
#javascript

Redux — библиотека JavaScript.
Управляет состоянием приложения.

Для чего?
--> Позволяет легко масштабировать приложение.
--> Понятное "поведение" приложения.
--> Сравнительно легкая отладка.
--> Облегчает управлять состояниями приложений с большим количеством данных.
--> Повышает производительность приложения.

Программер
#javascript

Redux Ключевые концепции.

--> Store - хранилище состояния приложения.
--> Actions - объекты описывающие, что произошло в системе.
--> Reducers - преобразовывают события в состояние.

Программер
#javascript

Три принципа Redux.
--> Все данные состояния хранятся в одном месте. Копии отсутствуют.
--> Состояние можно только читать. Глобальное состояние заблокировано для записи.
--> Изменения — только через редьюсеры.

Программер
#javascript

Redux.

State tree - дерево состояний. Объект, представляющий состояние приложения.

Generator creation - функции создающие действия.
Изменения возможно, когда отправляем действия - action.
При запуске действия, происходит изменение состояния приложения.

Reducer - редуктор, вычисляет следующее состояние приложения, на основе его состояний и применяемого действия.

Redux - поток данных направлен в одну сторону.

Программер