​Docker в приложениях Node и React

Эта статья покажет, как создать бэкенд на Express и фронтенд на React, а затем запустить их в контейнерах Docker.

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

#веб #js #инструменты

Создание приложения на чистом JS

В этом видео рассказывается, как создать приложение для просмотра погоды на чистом JavaScript, без использования фреймворков. За час вы научитесь работать со сторонним API и узнаете про фишки ES5 и ES6.

#видео #js

​За что ненавидят JavaScript

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

#статья #js

​​​ Как работает JavaScript изнутри

Чтобы стать реально ценным разработчиком, мало просто уметь писать код — нужно ещё и понимать, как он работает и для чего нужны те или иные элементы.

Просмотрев видео до конца, вы значительно расширите свои знания о внутреннем устройстве JavaScript и начнёте по-новому смотреть на код

#видео #js

​Telegram-бота для управления ПК голосом

Автор планировал сделать бота для своих личных целей, чтобы отключать компьютер, свет и т.п., но в ходе разработки у него возникла мысль сделать из этого небольшой туториал, так как в интернете нет никакой информации по интеграции Yandex.SpeechKit с NodeJS и тем более Telegram.

#видео #js

​​​Node JS от А до Я

В этом ролике автор разберёт основные теоретические и практические моменты, связанные с Node JS.

Вы создадите небольшой фреймворк на Node JS и научитесь работать с базами данных.

#видео #js

​Почему два одинаковых объекта не равны в JavaScript

Вы когда-нибудь сравнивали объекты в JavaScript и получали false, хотя ожидали true? Эта статья расскажет вам, почему так бывает.

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

#статья #js

Счётчик товаров на JavaScript

Если вы мечтаете разработать свой интернет-магазин, а главное — владеете основами JS, то этот гайд — мастхэв для просмотра.

В нём автор на практике показывает, как создать простой счётчик на JavaScript, с помощью которого пользователь сможет выбрать нужное ему количество товаров.

#видео #js

Что такое DOM в JavaScript

DOM (Document Object Model или объектная модель документа) - это структура, которая позволяет управлять HTML-разметкой из JavaScript-кода. Управление обычно состоит из добавления и удаления элементов, изменения их стилей и содержимого. DOM организован в виде дерева, в котором элементы расположены иерархически в соответствии со структурой документа.

Браузер создаёт DOM на основе HTML-кода страницы. Затем на основе DOM и других структур, браузер рисует страницу пользователю. При изменении DOM, браузер анализирует это и обновляет страницу.

Методы DOM — это действия, которые вы можете выполнять (с элементами HTML). К ним относятся:
— getElementById — поиск элемента по идентификатору;
— getElementsByClassName — поиск элементов по названию класса;
— getElementsByTagName — поиск элементов по названию тега;
— querySelector — поиск первого элемента, подходящего под CSS-селектор;
— querySelectorAll — поиск всех элементов подходящих под CSS-селектор.

#js

Различия между == и === в JavaScript

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

Оператор == или loose equality сравнивает на равенство, фактически выполняя приведение типов.

Например:

console.log('1' == 1); //true т.к. совпадают значения, типы не важны

Оператор === или strict equality сравнивает на идентичность. Он убеждается, что кроме значений переменных, совпадают и их типы.

Например:

console.log(1 === 1); //true т.к. совпадают и типы, и значения
console.log('1' === 1); //false т.к. совпадают только значения

#js

Первичные выражения в JavaScript

Primary expressions (первичные выражения) — это основные ключевые слова и общие выражения в JavaScript, имеющие наивысший приоритет.

Кратко пройдемся по ним:
this — ключевое слово, значение которого зависит от того, в каком контексте оно появляется: функция, класс или глобальный объект;
function — ключевое слово, определяющее функцию внутри выражения;
function* — ключевое слово, определяющее функцию-генератор внутри выражения;
async function — ключевое слово, определяющее асинхронную функцию внутри выражения;
async function* — ключевое слово, определяющее асинхронную функцию-генератор внутри выражения;
class — ключевое слово, определяющее класс внутри выражения.

[] — array (массив), позволяет хранить коллекцию из нескольких элементов под одним именем переменной;
{} — выражение, описывающее инициализацию объекта, который так и называется — object initializer (инициализатор объекта);
() — оператор группировки, управляет приоритетом вычисления в выражениях.

Literals — значения, указанные в коде, которые могут иметь тип null, boolean, number и string;
string — шаблонные строки, внутри которых можно использовать выражения;
/ab+c/i — шаблон, используемый для поиска соответствующего фрагмента текста и сопоставления символов и называется RegExp (регулярное выражение).

Некоторые из них мы более подробно разберем в следующих постах

#js #начинающим