Бесконечный источник референсов для перехода от Figma к HTML/CSS.

Макеты веб-дизайна: обновляются ежедневно — отличный материал для портфолио.

Идеально для быстрой работы — готовый макет, и вам остаётся лишь сверстать.

Link " Click "

🚀 Описание для канала про Monkeytype:

"Регулярные тренировки в Monkeytype помогут увеличить скорость набора текста и снизить количество ошибок. Ежедневные короткие упражнения позволят вам за короткое время научиться печатать быстро и точно. Это не только развивает скорость, но и помогает ясно и эффективно выражать мысли. В нашем канале вы найдёте полезные советы, упражнения и мотивацию для совершенствования навыков печати!"

🤔 В чём разница между js и python?

JavaScript (JS) и Python — два популярных языка программирования, но они предназначены для разных задач и имеют разные принципы работы.

🚩Где используется?
JavaScript — в основном для веб-разработки (работает в браузере, создаёт динамичные сайты).
Python — универсальный язык, применяется в бэкенде, Data Science, автоматизации, искусственном интеллекте.

🚩Как исполняется код?

JS — интерпретируется браузером, выполняется в одном потоке (использует асинхронность).
Python — интерпретируемый язык, выполняется синхронно, но можно использовать многопоточное и асинхронное программирование.

JavaScript (динамическая веб-страница)

document.querySelector("button").addEventListener("click", () => {
  alert("Привет, мир!");
});

Python (консольная программа)

name = input("Введите ваше имя: ")
print(f"Привет, {name}!")

https://learn.javascript.ru/

Best website for learn (JavaScript)

Night Vibe 🧑‍💻

📌 Виды функций в JavaScript

Function Declaration – объявление функции

Function Expression – функция как выражение (сохраняется в переменной)

Arrow Function – стрелочная функция (короткая запись)

Anonymous Function – анонимная функция (без имени, часто как callback)

IIFE (Immediately Invoked Function Expression) – немедленно вызываемая функция

📌 Что такое функция?

Функция – это блок кода, который можно вызывать многократно.

Может принимать аргументы (входные данные) и возвращать результат через return.

В JavaScript есть понятие hoisting (поднятие):

Function Declaration поднимается (можно вызвать до объявления).

Function Expression и Arrow Function не поднимаются.

📌 Примеры
1. Function Declaration

sayHello(); // ✅ Работает (hoisting есть)

function sayHello() {
  console.log("Привет!");
}

2. Function Expression

sayHello(); // ❌ Ошибка (ReferenceError)

const sayHello = function() {
  console.log("Привет!");
};

3. Arrow Function

sayHello(); // ❌ Ошибка

const sayHello = () => {
  console.log("Привет!");
};

4. Anonymous Function

setTimeout(function() {
  console.log("Через 2 секунды");
}, 2000);

5. IIFE

(function() {
  console.log("Выполнилось сразу!");
})();

📌 Основные виды функций
1. Function Declaration

Классическое объявление функции.

sayHello(); // Работает!

function sayHello() {
  console.log("Привет из Declaration!");
}

✅ Поднимается (hoisting есть)
✅ Можно вызвать до того, как она объявлена

2. Function Expression (в том числе Arrow Function)

Функция сохраняется в переменную.

❌ Hoisting нет
❌ Нельзя вызвать до объявления
✅ Чаще всего используется в современном коде

// Обычная запись
const sayHello = function() {
  console.log("Привет из Expression!");
};

sayHello(); // Работает

👉 Итог для практики:

Declaration – удобно, когда нужна функция, доступная в любом месте файла (hoisting).

Expression / Arrow – используется чаще в современном коде (React, Node.js и т.д.), более гибкая форма.