Фронтенд Гайд

Toaster Проект реализован с помощью HTML и SCSS

Frontend теперь в телеграм! Собрали крупные русскоязычные каналы, где вы найдете всю информацию о последних трендах и лучших практиках: Логово Верстальщика — научит верстать продающие сайты. Node.JS — поможет узнать все тонкости и секреты JavaScript и его фреймворков. Frontender's notes — советы и полезные приемы для каждого разработчика.

🖥 Подробный туториал о том, как сделать эффект размытия линзы с помощью SDF и WebGL в Three.js

Сделайте первый шаг к успешной карьере в IT Сделайте первый шаг к успешной карьере в IT. Курс "Специалист по тестированию в области информационных технологий" ждет вас! Обучим бесплатно, если вы: — В отпуске по уходу за ребёнком — Неработающая мама детей до 7 лет — Официально не работаете или под риском увольнения — 50 лет и старше или предпенсионер — Находитесь в поисках работы или хотите повысить квалификацию на текущем рабочем месте Подать заявку #реклама 16+ osnovanie.info О рекламодателе

💻 Linear-style Cursor Glow - изящный эффект свечения при наведении. Реализованный с помощью SCSS и JavaScript.

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

Для чего нужен оператор spread ? Спросят с вероятностью 7% Оператор spread (...) используется для распространения элементов массивов или свойств объектов. Он удобен для создания копий массивов и объектов, их объединения, передачи элементов в функции и других манипуляций с данными. Примеры: 1️⃣Копирование массива

const originalArray = [1, 2, 3];
const copiedArray = [...originalArray];

console.log(copiedArray); // [1, 2, 3]

Используя оператор spread, мы создаем копию массива originalArray. Изменения в copiedArray не будут затрагивать originalArray. 2️⃣Объединение массивов

const array1 = [1, 2, 3];
const array2 = [4, 5, 6];
const mergedArray = [...array1, ...array2];

console.log(mergedArray); // [1, 2, 3, 4, 5, 6]

Оператор spread позволяет легко объединять несколько массивов в один. 3️⃣Копирование объекта

const originalObject = { a: 1, b: 2 };
const copiedObject = { ...originalObject };

console.log(copiedObject); // { a: 1, b: 2 }

С помощью оператора spread можно копировать свойства одного объекта в другой. 4️⃣Объединение объектов

const obj1 = { a: 1, b: 2 };
const obj2 = { c: 3, d: 4 };
const mergedObject = { ...obj1, ...obj2 };

console.log(mergedObject); // { a: 1, b: 2, c: 3, d: 4 }

Оператор spread позволяет объединять несколько объектов в один. 5️⃣Передача элементов массива в качестве аргументов функции

const numbers = [1, 2, 3];
const sum = (a, b, c) => a + b + c;

console.log(sum(...numbers)); // 6

Здесь оператор spread используется для передачи элементов массива numbers в функцию sum в качестве отдельных аргументов. Оператор spread обеспечивает удобство и эффективность при работе с массивами и объектами, улучшая читаемость кода и предотвращая нежелательные изменения исходных данных.

Летний интенсив: с нуля до профессионала 1С-интеграций Погрузитесь в мир 1С-интеграций, получите практические навыки и станьте востребованным профессионалом! Запишитесь сейчас! Обучим бесплатно, если вы: — В отпуске по уходу за ребёнком — Неработающая мама детей до 7 лет — Официально не работаете или под риском увольнения — 50 лет и старше или предпенсионер — Находитесь в поисках работы или хотите повысить квалификацию на текущем рабочем месте Подать заявку #реклама 16+ osnovanie.info О рекламодателе

Хочешь щёлкать задачи по фронтенду как орешки? Канал Frontend Tests & Tasks научит! Это не очередной канал с задачами. Здесь придется думать. Убедись сам 👉 @Frontend_Task

Примерьте на себя задачи популярных IT-специалистов 🎓Начните карьеру с бесплатных программ в Нетологии: ⚡Попробуете себя в любой сфере от маркетинга и дизайна до программирования и аналитики ⚡Сможете по шагам создать свой первый проект и положить его в портфолио ⚡Найдёте ответы на вопросы по карьере и трудоустройству и поймёте, как развиваться в выбранной профессии 🏃‍♂️Записывайтесь на бесплатные курсы и делайте первые шаги в востребованной профессии Выбрать #реклама 16+ netology.ru О рекламодателе

🖥 Simple Fireworks - Простые, но красочные фейерверки для сайта

❗️Наконец-то! в телеграме появился по настоящему крутой канал по Python! Каждый день в канале выкладывают: -Полезные советы и решения для разработки -Обучающие материалы и уроки для всех уровней -Свежие новости и обновления -А так же сливы с лучших платных курсов 🔥 Не упустите возможность стать настоящим профессионалом! Быстрей залетай в Pythoner

Какую IT-профессию выбрать? Лучший способ понять — попробовать на практике! Например, получить бесплатный доступ к онлайн-курсу «Профессия Фронтенд-разработчик» и познакомиться с основами фронтенда. 👉 Просто оставьте заявку, а мы откроем доступ к 2 часам полезной теории. Номер карты привязывать не нужно, а пройти бесплатные уроки можно в любое время. Попробовать бесплатно: https://epic.st/wQR4H?erid=2VtzqxawNDc Вы ничего не теряете! Не понравится — поймёте, что созданы для другой IT-профессии. А если вас «затянет» фронтенд, сможете продолжить погружение на полном курсе с помощью в трудоустройстве. На нём вас ждут: 🔷 Практика на заданиях, приближенных к реальным 🔷 Персональная обратная связь от куратора 🔷 Спикеры из «Газпромбанк.Тех», «Самолёта» и VK И другие полезные плюшки! Согласитесь, стоит попробовать! Тем более — бесплатно 😉 Реклама. ЧОУ ДПО «Образовательные технологии «Скилбокс (Коробка навыков)», ИНН: 9704088880

Открыта регистрация на IT IS сonf ⚡ Ключевые темы: - Защита информации и задачи бизнеса - Искусственный интеллект в ИТ и ИБ - Кейсы и методы безопасной разработки - Сетевая безопасность (NGFW) - Расследование инцидентов - Импортозамещение и тренды в ИТ 📅 Где и когда: Екатеринбург, Конгресс-отель. 20 июня 2024 Участие в мероприятии бесплатное, количество мест ограничено. Необходима предварительная регистрация на сайте itisconf.ru Доступно онлайн-участие. До встречи! Зарегистрироваться #реклама itisconf.ru О рекламодателе

Рефлексия в JavaScript и TypeScript: обзор основных техник. Как создать CLI-интерфейс для класса ➡️В JavaScript, как и в других динамических языках, есть способы анализа структуры значений во время выполнения - определение типов, ключей объектов, доступ к конструкторам и прототипам. 👉 В данной статье мы рассмотрим основные возможности рефлексии, покажем, как получить дополнительную информацию о типах при использовании TypeScript, и как добавить собственные метаданные классам и их полям с помощью декораторов. Каждую из этих техник мы продемонстрируем на примере небольшого CLI-фреймворка.

🖥 Интересная идея для пет-проекта — 3D-модель дерева, которую можно изменять при помощи разных параметров