JavaScript заметки
Открыть в Telegram
Регулярные заметки по практическому JavaScript. Обучащию посты позволят прокачать навыки во Frontend-разработке. Можно почитать пока компилируется проект :) Сотрудничество: @noname_media Канал на бирже: telega.in/channels/notesjs/card?r=Wj7h1mbl
Больше7 368
Подписчики
-124 часа
-167 дней
-5730 дней
Архив постов
7 368
✘ AppStore бесполезен — Удалены: ВТБ, 2гис, Юла.
✘ Крипта всё — ЕС блокирует кошельки.
✘ VPN не помогает — С ним даже инста еле работает.
Но всё это решаемо!
Объясняем: холодные кошельки никто не трогает, на iOS достаточно отключить выгрузку приложений, а из VPN-сервисов блокируются только популярные.
Тут главное — вовремя во всем разбираться и читать проверенные каналы. Один из них — Не баг, а фича.
Там уже 5 лет пишут про лучшие IT-лайфхаки. Например, как включить "Режим Бога" на устройстве, о законных методах обхода блокировок и даже как пробить звонивший номер.
Лучше сразу подпишитесь, потом себе "спасибо" скажете: t.me/bugfeature
7 368
Примитивные типы данных
Когда мы объявляем переменную и сохраняем в неё примитивное значение, то в память записывается какое-то количество байт, которое описывает это значение. Таким образом можно сказать, что наша переменная уже сразу содержит эти байты.
Если присвоить какое-то значение переменной в другую, то мы просто скопируем это же количество байт в новое место.
Когда мы сравниваем два значения, то у нас по сути произойдёт побайтовое сравнение этих величин.
#данные #const
7 368
Выражения
Любая программа — это набор операций. Чтобы описать программу, разработчик пишет различные выражения на языке программирования. Посмотрим на самое простое выражение — откроем консоль любого браузера и введём туда элементарное выражение — число 123.
Когда мы нажмём Enter, консоль ответит нам тем же самым числом. Поздравляю, это было самое простое выражение. Интерпретатор JavaScript выполнил его и вернул результат последней (в данном случае единственной) операции.
#числа #выражения
7 368
Привет!
Меня зовут Сергей. Я занимаюсь фронтендом и веб-разработкой вообще вот уже больше 10 лет.
На своём авторском канале «Будни разработчика» я выкладываю самые интересные и оригинальные находки, что помогают мне в моей работе.
Статьи, заметки, фишки, опросы с подвохом и разбор багов браузеров.
Подпишись, скучно не будет!
7 368
Инструкция
Работа с данными — это ещё не все, что нужно для создания программы. Выражения не решают много вопросов: Как описать с помощью выражения действие по определённому условию? Да, у нас будут данные и можно написать выражение, чтобы вычислить условие, но как сказать программе делать то или иное действие? А если какое-то действие нужно повторить несколько раз?
Для этого в языках программирования существуют инструкции. Они не являются выражениями, но позволяют правильно настроить порядок их выполнения.
#выражения #инструкции
7 368
for
Классический цикл максимально удобен для работы со счётчиками. Управляющая конструкция, которая создаёт цикл.
Что произойдёт при запуске данного кода?
Один раз выполнится инициализация.
Потом создастся переменная
i и ей присвоится значение 0, let i = 0. Эта переменная доступна только пока работает цикл, так как мы её объявили через let. Переменные созданные через let доступны только в рамках блока, где они созданы. В нашем случае блок — это тело цикла и шаги инициализации, условия и итоговой операции.
Идёт проверка условия i < 5. Значение переменной в текущий момент времени это 0. 0 меньше 5, значит условие истинно.
Так как условие истинно, выполняется тело цикла: console.log('Счётчик равен: ' + i);
#цикл #for #переменная7 368
JS - полезные заметки. Здесь публикуются отрывки кода, которые могут пригодиться любому фронтендеру. Автор канала – действующий разработчик на фрилансе.
Здесь вы научитесь:
– Отложено загружать изображения веб-страницы
– Отправлять запросы на сервер без jQuery
– Запоминать данные пользователя в браузере
– Асинхронно получать и обрабатывать данные
и многое другое
7 368
switch
Управляющая конструкция
switch позволяет выполнять различные блоки кода, в зависимости от значения переменной.
Похож на if...else, но решает более узкую задачу.
#переменные #switch7 368
True Figma - канал, где публикуются макеты Figma для практики вёрстки.
Макеты для вёрcтки - @true_figma
7 368
Цикл
Цикл — это повторяющаяся последовательность действий.
Цикл состоит из условия и тела цикла.
Перед запуском цикла проверяется условие. Если условие истинное, то выполняется блок кода, который называется телом цикла. Затем этот шаг повторяется. Так будет продолжаться, пока условие не станет ложным.
Каждое выполнение тела цикла называется итерацией.
JavaScript предоставляет несколько способов создания цикла. Самые распространённые из них —
while и for (инициализация; условие; завершающая операция) {}
#циклы7 368
if...else
Управляющая конструкция. В зависимости от условия выбирает, какой блок кода выполнить.
В разработке много задач, в которых нужно по-разному обрабатывать данные. Все эти примеры описываются фразой «если ..., то ...»:
- если пользователь вошёл в систему, то показать содержание почтового ящика. В противном случае — форму логина.
- если сумма покупки больше 2000₽, то посчитать скидку 10%.
- если покупка оплачена, то показать экран успеха. В противном случае — экран с ошибкой.
Фразой «если ...» определяется условие. Если условие выполняется, то мы выполняем часть, описанную фразой «то...». Если условие не выполняется, то нужно смотреть на фразу «В противном случае ...», когда она есть.
#переменные #if #else
7 368
if...else
Управляющая конструкция. В зависимости от условия выбирает, какой блок кода выполнить.
В разработке много задач, в которых нужно по-разному обрабатывать данные. Все эти примеры описываются фразой «если ..., то ...»:
- если пользователь вошёл в систему, то показать содержание почтового ящика. В противном случае — форму логина.
- если сумма покупки больше 2000₽, то посчитать скидку 10%.
- если покупка оплачена, то показать экран успеха. В противном случае — экран с ошибкой.
Фразой «если ...» определяется условие. Если условие выполняется, то мы выполняем часть, описанную фразой «то...». Если условие не выполняется, то нужно смотреть на фразу «В противном случае ...», когда она есть.
#переменные #if #else
7 368
Не используйте setAttribute для обработчиков
Такой вызов работать не будет, т.к.
setAttribute приводит все в строковый тип.
#браузер #документ #события7 368
🤬ДА БЛ**ТЬ🤬
Да-да, именно такая реакция у создателей курсов, когда они увидели этот канал с бесплатными курсами по:
>JavaScript (20гб видео)
>Python (64гб видео)
>C# (27гб курсов)
>Java (45гб видео)
>PHP (34гб видео)
>Go (23гб видео)
>Rust (37гб видео)
>SQL (41гб видео)
>MySQL (21гб видео)
>Другое (114гб видео)
ВСЕ БЕСПЛАТНО❤️
7 368
const
Это ключевое слово языка для объявления констант. Константа — переменная, значение которой нельзя переназначить.
Константы — те же переменные. Единственная разница в том, что их нельзя переопределить.
Если попробовать это сделать, то код упадёт с ошибкой TypeError: invalid assignment to const.
#переменные #const
7 368
Переменные
Переменные — это именованные контейнеры для хранения данных.
Для создания переменной используется ключевое слово
let, const или var. Сразу за ключевым словом идёт название переменной либо перечень переменных через запятую. Создание переменной также называют объявлением переменной.
#переменные #let #const #var7 368
Нужен человек, который хочет работать в IT, но не имеет опыта! Зарплата 70.000 рублей в месяц. Работа из дома.
Агентство NOP выкладывает айти вакансии, пользуясь которыми, даже новички без стажа и опыта получают от 70-160 тысяч в месяц, а люди с опытом от 350.000 рублей.
Работа на удалёнке: https://t.me/nuancesprogrecruiterremote
7 368
Блоки кода
Мы также можем использовать «простые» блоки кода
{...}, чтобы изолировать переменные в «локальной области видимости».
Например, в браузере все скрипты (кроме type="module") разделяют одну общую глобальную область. Так что, если мы создадим глобальную переменную в одном скрипте, она станет доступна и в других. Но это становится источником конфликтов, если два скрипта используют одно и то же имя переменной и перезаписывают друг друга.
Это может произойти, если название переменной – широко распространённое слово, а авторы скрипта не знают друг о друге.
Если мы хотим этого избежать, мы можем использовать блок кода для изоляции всего скрипта или какой-то его части(на картинке выше)
Из-за того, что у блока есть собственное лексическое окружение, код снаружи него (или в другом скрипте) не видит переменные этого блока.
#функции #блоки7 368
For, while
Для цикла у каждой итерации своё отдельное лексическое окружение. Если переменная объявлена в
for(let ...), то она также в нём
Обратите внимание: let i визуально находится снаружи {...}. Но конструкция for – особенная в этом смысле, у каждой итерации цикла своё собственное лексическое окружение с текущим i в нём.
И так же, как и в if, ниже цикла i невидима.
#циклы #for #while