JS_No_Panic

Всем привет!👋 Сегодня можете пополнить свое портфолио Login формой, где нужно ввести номер пользователя и пароль, а также подтвердить его! Ссылка тут Оставляйте свои реакции, если вам нравится наш контент, а также не стесняйтесь оставлять свои вопросы в комментариях! Желаем вам отличного дня!

Мы объединили ChatGPT с Midjourney и прикрутили к Telegram! Бот подключен сразу к двум нейросетям и за считанные секунды сгенерирует любой ваш запрос. Вы найдете его в закрепе официального канала, где ежедневно публикуются обновления и новости из мира нейросетей Самое интересное в закрепе: @Нейронити

Всем привет!😀 Сегодня можете попробовать сделать вот такую анимацию. Такая анимация будет красиво смотреться при создании сайта! Приклепляем ссылку Оставляйте свои реакции под этим постом и пишите комментарии! Желаем вам солнечного дня!

ЧЕ, АЙТИШНИК, ДА? КРАСАВЧИК! Сделали для вас самую полезную подборку каналов по программированию. В ней собраны официальные русскоязычные каналы самых популярных языков. Там только топовая информация, которая потом появляется на платных курсах. Надо подписаться: @it

Всем привет!👋 Сегодня предлагаем сделать вам всеми известную игру «крестики-нолики» Прикрепляем ссылку Оставляйте свои реакции и пишите комментарии под этим постом! ☺️ Желаем вам солнечного дня!

Джуниоров не берут на работу! Это потому что у них нет коммерческого опыта. Но где его взять, если не берут на работу без опыта? Чтобы наработать опыт надо делать пет-проекты — это сайты, приложения и сервисы, которые похожи на коммерческие и показывают весь опыт джуна на практике.  Обычно новички не могут придумать такие проекты самостоятельно.  Поэтому один добрый тимлид выкладывает такие пет-проекты к себе в телеграм-канал, чтобы помочь новичкам, стартующим в профессии.  Подпишитесь, пока этот канал открыт

Всем привет!👋 Сегодня мы подготовили для вас еще одно задание! Можете сделать вот такую игру, а заодно проверить свою скорость. Вам нужно выбрать скорость вращения желтого шарика и им поймать светящийся шарик. Приклепляем ссылку Если возникнут вопросы, оставляйте их под этим постом, а так же оставляйте реакции. Нам будет приятно!☺️ Желаем вам хорошего вечера!

Всем привет! 👋 Сегодня мы предлагаем вам сделать практическое задание. Вот такую анимацию, которую можно менять с помощью ползунков. Выглядит интересно, не так ли? Ссылку также прикрепляем Свой вопросы и реакции обязательно оставляйте под этим постом😁 Желаем вам хорошего вечера!

В этом примере «innerFunction» определена внутри «outerFunction» и ссылается на «outerVariable». Когда «outerFunction» вызывается, она возвращает переменной «innerFunc» функцию «innerFunction». Когда переменная «innerFunc» со значением функции вызывается, то функция «innerFunction» выполняется и выводит значение переменной «outerVariable» в консоль, несмотря на то, что «outerFunction» уже возвратила значение, в данном случае функцию «innerFunction». Замыкания — это мощное и гибкое средство. Его можно использовать для различных целей, таких как создание инкапсуляции данных, реализаци callbacks и многое другое. Мы постарались объяснить замыкания на более простом языке, чем обычно это делают в учебниках. Если у вас есть какие-то предложения или идеи в чем еще мы можем вам помочь разобраться, то не стесняйтесь писать свои предложения и идеи в комментариях. Всем энергичного продолжения дня!

Зачем нужно замыкание и что это такое? 📖 Всем привет! В прошлом посте мы разбирались с вами с различными формами функций. Но а сегодня, мы уже поговорим про менее очевидные концепты. Сегодня речь пойдет о замыканиях, мы расскажем вам, что это такое и для чего это дело нужно. Ну и ,конечно, мы не забыли добавить еще и пример. И так берите какой-нибудь весенний напиток и проанализируйте наш материал. И так поехали разбираться в этой абстрактной штуковине: В JavaScript замыкание — это функция, позволяющая другой функции обращаться к ее ресурсам в ее области видимости даже после возврата внешней функции. Это означает, что функция может «запоминать» состояние своей среды при ее создании и продолжать использовать это состояние, даже если она выполняется в другой области кода. Замыкание создается, когда функция определена внутри другой функции, а внутренняя функция ссылается на переменные из области видимости внешней функции. Внутренняя функция может обращаться к этим переменным и манипулировать ими, а переменные внешней функции могут использоваться как данные для внутренней функции. Рассмотрим такой пример: function outerFunction() { var outerVariable = "Я нахожусь во внешней функции :)"; function innerFunction() { console.log(outerVariable); } return innerFunction; } var innerFunc = outerFunction(); innerFunc(); // Вывод: "Я нахожусь во внешней функции :)" Продолжение в посте ниже 🙃

В каких еще формах могут быть функции❓ Всем привет! В прошлом посте мы рассказывали и показывали на примерах, как работают функции. Но мы не договорили про их формы, могут ли переменные хранится, например, в переменных или можно ли их передавать в вызов функции как обычные аргументы? Сегодня мы постараемся дать вам ответы на все эти вопросы, так что усаживайтесь в приятном для вас месте и давайте вместе погрузимся в новый материал. И так, поехали: Функции также могут быть назначены переменным, переданы в качестве аргументов другим функциям или возвращены в результате функции. Вот пример функции, которая принимает другую функцию в качестве аргумента и использует ее для манипулирования массивом:

function modifyArray(arr, modifier) {

return arr.map(modifier);

}

function double(num) {

return num * 2;

}

let numbers = [1, 2, 3, 4];

let doubledNumbers = modifyArray(numbers, double);

console.log(doubledNumbers); // Вывод: [2, 4, 6, 8]

В этом примере функция «modifyArray» принимает массив и функцию-модификатор в качестве аргументов и применяет функцию-модификатор к каждому элементу массива с помощью метода «map». «double» функция передается как модификатор и используется для удвоения каждого числа во входном массиве. Результирующий массив удвоенных чисел затем возвращается в результате функции «modifyArray». Ставьте ваши реакции, если вам понравился этот контент. Также конструктивную критику мы ждем и в комментариях :) Всем суперского продуктивного дня и отличного настроения!

Функции JavaScript ✅ Всем привет! В прошлом посте мы говорили о структурах управления JavaScript. Сегодняшний день не исключение, мы продолжим говорить о JavaScript, а точнее о функциях JavaScript. Функции JavaScript - это многократно используемые блоки кода, которые могут вызываться другими частями программы для выполнения конкретной задачи или набора задач. Функции являются важной частью программирования JavaScript, и они могут помочь упростить код, сделать его более организованным и уменьшить дублирование. Функции в JavaScript могут быть объявлены с помощью ключевого слова «function», за которым следует имя функции, пару круглых скобок для аргументов и пару фигурных скобок, которые содержат код, выполняемый при вызове функции. Вот пример простой функции, которая принимает два аргумента и возвращает их сумму:

function addNumbers(a, b) {

return a + b;

}

Эту функцию можно вызвать, передав в качестве аргументов два числа: let result = addNumbers(5, 3); console.log(result); // Вывод: 8 Оставляйте свои реакции, что бы мы видели, что вам нравится наш контент. Не стесняйтесь оставлять в комментариях свои вопросы, наша команда с удовольствием на них ответит. Желаем вам хорошего настроения!

Структуры управления кода в JavaScript😉 Привет! В прошлом посте мы говорили об операторах JS. А сегодня поговорим про конструкции, которые будут помогать управлять нашим кодом. Они позволяют проверять отдельные условия, наборы условий и выполнять циклы . Вот некоторые из наиболее распространенных структур управления в JavaScript: ✅ if/else: они используются для принятия решений на основе того, является ли условие истинным или ложным. Если условие имеет значение true, выполняется код внутри оператора if. Если условие имеет значение false, выполняется код внутри инструкции else.

if (condition) {

// код, который будет выполняться, если условие истинно

} else {

// код, который будет выполнен, если условие ложно

}

✅ for loop: он используется для повторения блока кода определенное количество раз. Цикл for состоит из трех частей: инициализации, условия и изменение значения счетчика.

for (let i = 0; i < 10; i++) {

// код, который будет выполнен

}

✅ while loops: он используются для повторения блока кода до тех пор, пока условие истинно.

while (condition) {

// код, который будет выполнен

}

✅ do/while loops: он похож на while loop, но код внутри цикла выполняется по крайней мере один раз, даже если условие имеет значение false.

do {

// код, который будет выполнен

} while (condition);

✅ Операторы switch: используется для выполнения различных блоков кода на основе значения переменной.

switch (variable) {

case value1:

// код, который будет выполнен, если переменная равна value1

break;

case value2:

// код, который будет выполнен, если переменная равна value1value2

break;

default:

// код, который будет выполнен, если переменная не равна ни одному из значений

break;

}

Эти структуры управления необходимы для написания эффективного кода в JavaScript. Оставляйте свои реакции и пишите комментарии. Мы готовим для вас много познавательного контента! Желаем вам прекрасного настроения! #learning_js

Операторы JavaScript ч.2 Всем привет! Как и обещали, сегодня мы продолжим говорить о операторах JavaScript. Если вы пропустили первую часть поста, то можете ознакомиться с ней тут. А мы продолжим! ✅ Логические операторы: логические операторы используются для выполнения логических операций и возврата логического значения(true/false). ┃Оператор┃Пример┃ ┃Логическое И┃‘&&’┃ ┃Логическое ИЛИ┃‘||’┃ ┃Логический НЕТ┃‘!’┃ ✅ Побитовые операторы: Побитовые операторы используются для выполнения побитовых операций над целыми числами. Примеры: ┃Оператор┃Пример┃ ┃Побитовое И┃‘&’┃ ┃Побитовое ИЛИ┃‘|’┃ ┃Побитовое XOR┃‘^’┃ ┃Побитовый НЕТ┃‘~’┃ ✅ Условный (тернарный) оператор: условный оператор ( ‘ ? : ‘ ) используется для присвоения значения переменной на основе условия. Это краткий способ написания утверждения ‘if-else.’ Пример: условие ? выражение1 : выражение2

const day = 1;

day === 1 ? “Сегодня понедельник!“ : “Сегодня другой день!“

// “Сегодня понедельник!“ Надеемся, что этот пост был полезен для вас! Оставляйте свои реакции и пишите комментарии, чтобы мы видели, что вам интересно. Отличного вам настроения и успехов!

Операторы JavaScript ч.1 Всем привет! В прошлом посте мы говорили о переменных и типах данных. Сегодня мы расскажем вам об операторах JavaScript, и чтобы вам было удобнее читать, мы поделили пост на две части. Операторы JavaScript - это символы или ключевые слова, выполняющие операции над одним или несколькими операндами. Они используются для выполнения вычислений, назначения значений, сравнения значений и выполнения логических операций в JavaScript. Вот некоторые из наиболее часто используемых операторов JavaScript: ✅ Операции над операндами. ┃Операнд┃Значение┃ ┃Сложение┃‘+’┃ ┃Вычитание┃‘-‘┃ ┃Умножение┃‘*’┃ ┃Деление┃‘/’┃ ┃Модуль (остаток)┃‘%’┃ ┃Увеличение┃‘++’┃ ┃Уменьшение┃‘--'┃ ✅ Операторы присвоения: операторы присвоения используются для присвоения значения переменной. ┃Оператор┃Пример┃ ┃Присвоение┃‘=’┃ ┃Присвоение со сложением┃‘+=’┃ ┃Присвоение с вычитанием┃‘-=’┃ ┃Присвоение с умножением┃‘*=’┃ ┃Присвоение с делением┃‘/=’┃ ┃Присвоение с операцией модуль┃‘%=’┃ ✅ Операторы сравнения: Операторы сравнения используются для сравнения двух значений и возврата логического значения (true или false). ┃Оператор┃Пример┃ ┃Равно┃‘==’┃ ┃Не равно┃‘!=’┃ ┃Строгое равно┃‘===’┃ ┃Строгое не равно┃‘!==’┃ ┃Больше┃‘>’┃ ┃Меньше┃‘<’┃ ┃Больше или равно┃‘>=’┃ ┃Меньше или равно┃‘<=’┃ Оставляйте свои реакции и пишите комментарии, скоро мы выставим для вас вторую часть поста, где будет еще больше подсказок для обучения! Желаем вам суперского настроения! #learning_js

Переменные и типы данных в JavaScript В прошлом посте мы говорили о наиболее распространенных ошибках в Java Script, а сегодня мы расскажем вам о переменных и типах данных в JS. Переменные JavaScript используются для хранения значений. Эти значения могут иметь различные типы данных, включая: ✅ Числа. JavaScript поддерживает целочисленные и числа с плавающей запятой. Например, 1, 2, 3.14, -5 и т.д. ✅ Строки. Строка представляет собой последовательность символов, заключённых в кавычки (одинарные или двойные кавычки). Например, «привет», «мир», «123» и т.д. ✅ Booleans - логическое значение - true или false. ✅ Null - специальное значение в JavaScript, не представляющее значение или пустое значение. ✅ Undefined - специальное значение в JavaScript, представляющее переменную, которая была объявлена, но не назначена. ✅ Объекты. Объект представляет собой коллекцию свойств, где каждое свойство имеет имя и значение. ✅ Массивы. Массив - это совокупность значений, которые могут быть любого типа данных. Для объявления переменной в JavaScript используется ключевое слово “var”, “let” или “const”, за которым следует имя переменной. Например:

var myNumber = 42;

let myString = "hello";

const MY_CONST = true;

В приведенном выше примере “myNumber” является переменной типа number, “myString” - переменной типа string, а “MY_CONST” - константой типа boolean. Обратите внимание, что в JavaScript переменные являются динамическими, что означает, что переменная может содержать значение любого типа данных. Это также означает, что тип данных переменной может изменяться во время выполнения. Ставьте реакции и пишите комментарии, если хотите еще больше полезного контента от нашей команды! Желаем вам продуктивного дня! #learning_js

Частые ошибки в Java Script ч.2 Всем привет! В прошлом посте мы рассказывали вам о частых ошибках в JavaScript, и сегодня мы с вами продолжим разбирать оставшиеся ошибки . ✅ Наличие фигурных скобок {} при вызове функции. ✅ Вызов переменной до ее создания. Сначала следует создать переменную, а потом уже использовать ее. Очень часто мы думаем, что уже создали переменную и начинаем ее использовать, хотя в действительности мы ее не объявляли. ✅ Повсеместное использование ‘parseInt’ при преобразовании строк в числа. ParseInt может привести к неожиданным результатам, если входная строка не представляет допустимое целое число. Например, parseInt("10,5") вернет 10, а не 10,5. ✅ Неправильное использование оператора «typeof». Не нужно ставить оператор «typeof» в круглые скобки: typeof — это оператор, а не функция, поэтому его не нужно вызывать в круглых скобках. Однако если проверяемое значение заключено в круглые скобки, typeof не будет работать должным образом. ✅ Использование «.innerHTML» вместо «.textContent». При выборе между innerHTML и textContent важно учитывать тип контента, который вы хотите установить или получить. Если вы хотите включить HTML-разметку, используйте innerHTML. Если вы хотите установить или получить текстовое содержимое без какой-либо разметки HTML, используйте textContent. Важно помнить об этих ошибках и стараться избегать их, чтобы писать грамотный и эффективный код в JavaScript! Желаем вам отличного настроения! #learning_js

Частые ошибки в JS ч.1 Всем привет! В прошлом посте мы разбирали, как эффективно учить JavaScript. А сегодня мы разберем с вами частые ошибки, которые можно совершать при программировании на JS. Чтобы вам было удобнее читать и анализировать, мы поделим пост на две части. Итак, вот наш топ частых ошибок: ✅ Отсутствие «let» и «const» при объявлении переменных. ✅ Неправильное использование одной и двух кавычек. ✅ Отсутствие фигурных скобок с операторами if. ✅ Использование = = вместо = = = для сравнения, без понимания разницы между ними. Обязательно ознакомьтесь со строгим оператором сравнения, ведь это может помочь вам избежать непредвиденных ошибок в работе вашей программы. ✅Неправильное использование null и undefined. Опять же многие программисты совершенно не задумываются о том, что это за ключевые слова. Обязательно обращайте на них внимание, чтобы предвидеть поведение вашего приложения. Надеемся, что этот пост был полезен для вас и в дальнейшем вы не будете делать подобных ошибок. Оставляйте ваши реакции и комментарии, пока мы готовим для вас много нового и интересного контента! Хорошего всем дня! #learning_js

С чего начать учить JS ч.2 Всем привет! В прошлом посте мы начали говорить о том, с чего стоит начать изучение JavaScript. Сегодня мы расскажем еще о нескольких концептах, которые вам стоит усвоить в процессе изучения JavaScript. И так, продолжим: ✅Объекты. У вас должно быть понимание того, как создавать и использовать объекты для моделирования объектов реального мира, а также как получить доступ к их свойствам и методам. ✅Манипуляции с DOM. Вы должны знать, как использовать JavaScript для взаимодействия и изменения объектной модели документа (DOM) веб-страницы. ✅Обработка событий. Необходимо понимать, как обрабатывать такие события, как щелчки мышью, отправка форм и т. д. ✅Асинхронное программирование. Вам нужно изучить, как использовать обратные вызовы, промисы и async/await для обработки асинхронных операций. ✅Современные функции JavaScript. Не забывайте идти в ногу с современными функциями JavaScript, такими как стрелочные функции, деструктуризация и литералы шаблонов, ведь настоящий профессионал постоянно учится и не отстает от современных технологий в рамках своей специальности. Желаем вам удачи и надеемся, что наши советы помогут вам в изучении этого языка! Обязательно пишите нам, если у вас есть какие-то вопросы, а так же, ставьте реакции, чтобы мы видели, что наш контент приносит вам пользу. Всем продуктивного дня! #learning_js

С чего начать учить JS ч.1 Всем привет! В прошлом посте мы рассказали вам о том, какой JS классный язык, но с чего же стоит начинать его изучать? Об этом мы с вами сегодня и поговорим. Мы разделил наш пост на две части, чтобы вам было удобнее их читать и делиться вашими мыслями в комментариях. Когда мы начинаем свой путь в JavaScript, нам нужно усвоить следующие важные концепты: ✅ Переменные и типы данных. Понимание того, как объявлять и использовать переменные для хранения данных, а также различные типы данных, такие как числа, строки и логические значения. ✅ Операторы. Следует изучить то, как использовать математические и логические операторы для управления данными. ✅ Управляющие структуры. Необходимо познакомиться с операторами if/else и циклами (такими как for, while и do-while) для управления потоком вашего кода. ✅ Функции. Нужно уметь определять и вызывать функции для инкапсуляции логики и упрощения кода. ✅ Массивы. Нужно научиться создавать массивы и управлять ими для хранения коллекций данных. Надеемся, что вы уделите внимание этим вещам при изучении JS. Мы желаем вам успехов на вашем пути и ждем ваших вопросов, предложений и комментариев под этим постом. Отличного вам настроя, у вас все получится! #learning_js