Code Ready | Frontend

👋🏼 Всем привет, недавно я пытался найти питон разработчиков и нашел) а сегодня уже нужны хорошие 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-компаниях.

👋 Всем привет! Я админ этого канала, и хочу спросить, есть ли тут хорошие python разработчики? Требуются люди для долгосрочного оплачиваемого сотрудничества. Для вас это как простая подработка, никаких сайтов делать не придется. Нужны базовые знание html, css, js. И главное! ОТЛИЧНЫЕ ЗНАНИЯ PYTHON, умение свободно писать на нем и создавать функциональные скрипты. Спасибо 🔥 Кто хочет попробовать себя в этом, отпишите в личку @fineno.

Пост публикую на пару часов

✅ Адаптивное меню с анимацией "бургер" Пользователи сайта могут иметь разную ширину экрана, так как же дать всем удобный доступ к меню сайта? Для таких случаев используют анимацию бургер, она сворачивает все меню в 1 значок, который при нажатии разворачивает его вертикально В меню так же реализовано изменение цвета при наведении 😸 Готовый код для этого примера, я оставлю в моем репозитории на GitHub 👉 @code_ready | #github

🔥Тесты для подготовки к собеседованию🔥 Выбери своё направление: 1. Frontend 2. Python 3. Java 4. Тестировщик QA 5. Data Science 6. DevOps 7. C# 8. С/C++ 9. Golang 10. PHP 11. Kotlin 12. Swift