Code Ready | Frontend

👩‍💻 Вопрос с собеседования Как реализовать асинхронное программирование в JavaScript? Ответ: 1. Использование колбэков: асинхронный код может быть реализован с помощью колбэков, которые выполняются после завершения асинхронной операции.

// Функция с колбэком
function fetchData(callback) {
  setTimeout(() => {
    callback('Data received');
  }, 1000);
}
fetchData(data => {
  console.log(data); // Data received
});

2. Использование промисов: представляют результат асинхронной операции и могут находиться в одном из трёх состояний: ожидание, выполнено, отклонено.

// Функция возвращает промис
function fetchData() {
  return new Promise((resolve) => {
    setTimeout(() => {
      resolve('Data received');
    }, 1000);
  });
}
fetchData().then(data => {
  console.log(data); // Data received
});

3. Использование async/await: предоставляет синтаксический сахар для работы с промисами, делая асинхронный код более читаемым.

// Функция возвращает промис
function fetchData() {
  return new Promise((resolve) => {
    setTimeout(() => {
      resolve('Data received');
    }, 1000);
  });
}
// Асинхронная функция с await
async function getData() {
  const data = await fetchData();
  console.log(data); // Data received
}
getData();

➡️ @code_ready | #техсобес

Doka — это полезный сайт для веб-разработчиков, предоставляющий исчерпывающие руководства и справочники по HTML, CSS и JavaScript. ⛓ Ссылочка: https://doka.guide/ ➡️ @code_ready | #ресурсы

⚡️В сети начали находить курсы и книги известных онлайн школ в открытом доступе Вот отсортированная база с тонной материала(постепенно пополняется): 🔗 БАЗА (3385 видео): (343 видео, 87 книги) — Java (176 видео, 32 книги) — Git (293 видео, 63 книги) — C# (352 видео, 89 книги) — С++ (167 видео, 53 книги) — PHP (227 видео, 83 книги) — SQL (163 видео, 29 книги) — Linux (363 видео, 122 книги) — Python (415 видео, 168 книги) — Frontend (143 видео, 33 книги) — Flask (167 видео, 43 книги) — Django (197 видео, 49 книги) — Разработка ботов (137 видео, 93 книги) — Data Science (113 видео, 82 книги) — GameDev (129 видео, 73 книги) — QA Скачивать ничего не нужно — все выложили в Telegram и на YouTube с доступом по ссылке

Как вы считаете, стоит продолжать новую рубрику "статьи". Если да, дайте знать реакциями 👍🔥 и в следующие разы буду искать интереснее документации)

📄 Примитивы в JavaScript - это миф? В данной статье разберем как в JavaScript реализованы примитивные типы данных. На примерах с графиками сравним выделения памяти для них и придем к неочевидному выводу ⛓ Ссылочка: https://habr.com/ru/articles/824614/ ➡️ @code_ready | #статья

👋🏼 Всем привет, недавно я пытался найти питон разработчиков и нашел) а сегодня уже нужны хорошие Java разработчики. Для долгосрочного оплачиваемого сотрудничества, главное иметь базовые знания верстки (html, css, js), И очень хорошие знания языка программирования JAVA. 🔥 Кому интересно, отпишите в личку: https://t.me/fineno

✅ Интерфейс выбора файлов Пользователь может загрузить файл, перетащив его на выделенную область на сайте либо выбрать файл через стандартный диалог открытия файла операционной системы. 😸 Готовый код для реализации этой анимации, я оставлю в моем репозитории на GitHub ➡️ @code_ready | #github

Я айтишник и я устал! Рутина, прокрастинация, куча задач и 0 желания их выполнять. Еще и в семье конфликты. Че делать? Хватит грызть самого себя и заставлять через силу - сделаешь только хуже! Лучше подпишись на того, кто уже не первый год работает с IT-специалистами и помогает им справиться с апатией и прокрастинацией - Психолог с научным подходом. ✔️ Как оторваться от ленты соцсетей и сесть за работу с удовольствием? ✔️ Как перестать работать по выходным и при этом все успевать? ✔️ Как избавиться от постоянной тревожности? ✔️ Как успокоить конфликты в семье и перестать срываться на всех, а вместо этого получить поддержку и понимание со стороны близких? Подписывайся на канал @remizov_changes - начни работать и жить в кайф, не скатываясь в кризисы и выгорание! А в закрепе тебя уже ждут бонусы: 👨🏻‍💻 Видео, в котором ты найдёшь ответ на вопрос «Почему у тебя нет энергии и что с этим делать» + гайд как it-специалисту вернуть энергию, даже если не получается отдохнуть.

🖥 Как работает Object.create()? Метод Object.create cоздает новый объект с указанным прототипом и свойствами. Он принимает два аргумента: первый — объект, который будет прототипом для нового объекта. Второй — необязательный, объект, содержащий свойства и их дескрипторы, которые будут добавлены в новый объект. Если первый аргумент не передан или равен null, то новый объект будет создан с Object.prototype в качестве прототипа. ➡️ @code_ready | #функция #js

👩‍💻 Свойство mix-blend-mode С помощью свойства mix-blend-mode, можно изменять способ смешивания цветов элемента с его фоновым изображением или цветом. Принимает следующие значения: • normal - элемент не смешивается с фоном (по умолчанию) • multiply - умножение цвета элемента на цвет фона • screen - инвертирование умножения инверсии цвета элемента на инверсию цвета фона • overlay - смешивание multiply и screen, в зависимости от прозрачности элемента • darken - использует более темный цвет из элемента или фона • lighten - использует более светлый цвет из элемента или фона • color-dodge - уменьшает насыщенность цвета фона в соответствии с цветом элемента • color-burn - увеличивает насыщенность цвета фона в соответствии с цветом элемента

Остальные принимаемые значения оставлю в комментариях

➡️ @code_ready | #свойство #css

Разбираем как решать задачи на LeetCode ✅ Примеры решений ✅ Пояснения Выбери своё направление: 1. JavaScript 2. Python 3. Java 4. C# 5. C/C++ 6. Golang 7. PHP 8. Kotlin 9. Swift

👋 Всем привет, хотел бы спросить, понравился ли вам данный пост? Это новая рубрика тех собес, где я буду разбирать разные вопросы с собеседований, но не теорию, а именно код. Если вам зашло, с вас 👍🔥

👩‍💻 Вопрос с собеседования Как реализованы принципы ООП в JavaScript, приведите примеры Ответ: 1. Инкапсуляция — сокрытие деталей реализации объекта от внешнего мира. В JS инкапсуляция достигается с помощью замыканий и модулей.

function Counter() {
  let count = 0;
  this.increment = function() {
    count++;
  };
  this.getCount = function() {
    return count;
  };
}
const counter = new Counter();
counter.increment();
console.log(counter.getCount()); // 1
console.log(counter.count); // undefined

2. Наследование — возможность создавать новые классы на основе существующих. В JS наследование реализуется с помощью прототипов. Объект может наследовать свойства и методы от другого объекта, который называется его прототипом.

function Animal(name) {
  this.name = name;
}
Animal.prototype.sayName = function() {
  console.log(`My name is ${this.name}`);
};
function Cat(name) {
  Animal.call(this, name);
}
Cat.prototype = Object.create(Animal.prototype);
Cat.prototype.constructor = Cat;
const cat = new Cat('Tom');
cat.sayName(); // My name is Tom

3. Полиморфизм — возможность использовать один и тот же интерфейс для разных типов данных. В JS полиморфизм реализуется с помощью переопределения методов и динамического типирования.

function drawShape(shape) {
  if (shape.type === 'circle') {
    console.log('Drawing a circle');
  } else if (shape.type === 'square') {
    console.log('Drawing a square');
  }
}
const circle = { type: 'circle' };
const square = { type: 'square' };
drawShape(circle); // Рисуем круг
drawShape(square); // Рисуем квадрат

4. Абстракция — способность скрывать детали реализации и предоставлять только необходимый интерфейс. В JS абстракция достигается с помощью интерфейсов и абстрактных классов.

function createAnimal(name, sound) {
  return {
    name: name,
    makeSound: function() {
      console.log(sound);
    }
  };
}
const cat = createAnimal('Cat', 'Meow');
const dog = createAnimal('Dog', 'Woof');
cat.makeSound(); // Meow
dog.makeSound(); // Woof

➡️ @code_ready | #техсобес

📱 Youtube тестирует новую функцию - кнопка "Hype" Новую кнопку под видео, которая расположится рядом с лайками и репостами. Ролики с большим количеством «хайпов» будут попадать в специальную подборку таких же трендовых видео. Наряду с уже имеющимися функциями "Мне нравится" и "Поделиться", зрители в Бразилии, Турции и Тайване теперь могут "поднять" видео, опубликованное за последние семь дней. Пока в эксперименте могут участвовать только создатели контента в рамках партнерской программы YouTube с числом подписчиков менее 500 000

Надеемся,что функция скоро будет доступна и в других странах

➡️ @roadmap_ready | #новость

✅ Исправление орфографических ошибок Code Spell Checker — это расширение для VSCode. Цель которого проверка орфографии и помощь выявить распространенные орфографические ошибки, далее исправить их. ➡️ @code_ready | #плагин

📚 Здесь собраны все вопросы, которые могут спросить на собеседовании. Теперь можно легко получить оффер, подготовившись к самым популярным вопросам. Просто выбери своё направление: 1. Frontend / JavaScript 2. Python 3. Java 4. Тестировщик QA 5. Data Science 6. DevOps 7. C# 8. С/C++ 9. Golang 10. PHP 11. Kotlin 12. Swift

👨‍💻 Captcha generator Автоматическая генерация рандомной капчи, присутствует проверка на правильность ввода кода. Готовый код: Ссылочка ➡️ @code_ready | #кодпен

👋🏼 Всем привет, вчера я пытался найти питон разработчиков) а сегодня уже нужны хорошие монтажеры. Для долгосрочного оплачиваемого сотрудничества, создание кратких, простых видосиков. Главное иметь хорошие знания монтажа в любой программе, желательно Affter Effects 🟪 Кому интересно, отпишите в личку @fineno)

📱 Как работает map.entries() ? Функция Map.entries() возвращает новый итератор, который содержит массивы [ключ, значение] для каждой пары элементов в объекте map, в порядке их добавления в объект. Этот метод может быть полезен, когда нужно пройтись по всем элементам объекта Map и выполнить какое-либо действие с каждой парой.

Map.entries() возвращает итератор, а не массив, для массива в результате стоит использовать другие методы

➡️ @code_ready | #функция #js

Инструкция, как зайти в IT без опыта Можно 10 лет проработать на одном месте, выполнять простые задачи, и ваши навыки не будут отличаться от студента-первокурсника. А можно за полгода прокачаться и создать настолько мощный проект в портфолио, что рекрутеры будут в восторге. Все потому что опыт и стаж работы – разные вещи. Нужно понимать свой уровень знаний, сильные стороны и как впечатлить своими навыками HR, а не показывать стандартный пет-проект. Но со стороны отследить такое проще, поэтому FAANG School подготовили тест, где за 5 вопросов вы узнаете, как получить работу в Сбербанке, Тинькофф, Яндекс, Вконтакте и др. Для всех, кто пройдет тест в течение 24 часов ребята дают бонус – гайд по поиску работы в IT. Переходите, чтобы собрать идеальное резюме, а на бесплатной карьерной сессии поймете, как именно вам получить позицию Java Junior в лучших IT-компаниях.