#javascript

JavaScript был создан буквально на коленке за считанные дни. Создатель JavaScript, Брендан Айк, утверждает, что создал язык всего за 10 дней! Уму непостижимо! Сначала это был простенький такой язык заточенный под добавление сайтам интерактивности Чтоб снежинки падали, картинки слайд шоу показывали, шарики по сайту катались, красивые кнопочки, буковки и все такое.
Прошло несколько лет и JavaScript стало не узнать.
Он стал могучим - оброс дополнениями, была проведена большая работа над ошибками, учтены многие баги. Добавились десятки новых библиотек и фреймворков, например, Angular, React, D3.js, Three.js, Voca, EsLint, Express.js, Node.js и множество других.
Из маленького и местами странного языка, JavaScript превратился в мощную экосистему с ног до головы обвешанную инструментарием, примочками, возможностями. Если вы хотите изучать веб-разработку, фронтенд, бекенд, то JavaScript c вами навек.

#javascript

Angular - популярный JavaScript-фреймворк для разработки веб-приложений.

Сильные стороны
--> Имеет строгую структуру принуждает к использованию лучших практик и стандартов разработки.

--> Angular предоставляет широкий функционал для разработки веб-приложений, компоненты, директивы, сервисы, маршрутизацию.

--> Написан на TypeScript, что обеспечивает более безопасную и строгую типизацию. Это снижает количество ошибок в коде.

--> Angular имеет встроенные инструменты для оптимизации приложений, такие как AOT Ahead-of-Time компиляция и Tree shaking, что делает приложения быстрее и эффективнее.

Слабые стороны
--> Angular имеет более высокий порог вхождения, чем другие фреймворки, что требует больше времени на изучение.

--> Angular имеет большой размер, что может снизить скорость загрузки страницы.

Angular популярный фреймворк для разработки веб-приложений благодаря своей строгой структуре, широкому функционалу и встроенным инструментам оптимизации.
Программер.

#javascript

React - популярная JavaScript-библиотека для разработки веб-приложений.

Сильные стороны React:

--> React имеет более простую структуру, чем другие фреймворки, что делает его легче в освоении и использовании.

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

--> React использует виртуальную DOM, что позволяет оптимизировать производительность приложений и снизить количество запросов на сервер.

Слабые стороны React:

--> Ограниченный функционал: React не предоставляет такой же широкий функционал, как Angular, и требует использования дополнительных библиотек и инструментов для реализации некоторых функций.

--> React имеет изменчивый API, что может привести к проблемам с обновлениями и поддержкой приложений.

React наиболее популярная библиотека для разработки веб-приложений из-за простой структуры, гибкости и использованию виртуальной DOM.
Программер

#javascript

Angular и React - обе библиотеки используются для создания SPA - Single Page Application, но у них есть свои особенности и различия.

Angular

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

React

--> Библиотека, имеет более простую структуру.
--> Легче в освоении.
--> Использует JSX для создания компонентов и JavaScript для разработки.

Выбор между Angular и React зависит от потребностей проекта и опыта разработчика.
Для большого проекта с использованием строгой структуры - Angular.
Для новичка - React.

--> Single Page Application - одностраничное приложение.
--> JSX - расширение синтаксиса JavaScript, по внешнему виду похож на HTML.
Программер.

#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 - поток данных направлен в одну сторону.

Программер