Code Ready | Frontend

👩‍💻 Полезные горячие клавиши VSCode • Ctrl + F2 — Выделяет все вхождения текущего слова. • Ctrl + Backspace — Удаляет всё слово стоящее перед курсором. • Ctrl + Delete — Удаляет всё слово стоящее после курсора. 📣 Code Ready | #клавиши

Прими участие в «Хакатоне по кибериммунной разработке 3.0» от «Лаборатории Касперского» с призовым фондом 1 000 000 рублей! Регистрация на хакатон открыта до 15 ноября Приглашаем разработчиков, аналитиков, архитекторов ПО, экспертов по информационной безопасности и студентов программирования и кибербезопасности. Участвуй индивидуально или в команде до 5 человек. Тебе предстоит разработать систему удалённого управления автомобилем для каршеринга, устойчивую к кибератакам. Специальных знаний в автомобильной отрасли не требуется — задача будет понятна всем, независимо от опыта. Это твой шанс прокачать навыки в кибербезопасности и пообщаться с экспертами «Лаборатории Касперского». Ключевые даты: • 15 октября – 15 ноября – регистрация участников • 8 ноября – митап с экспертами и игра «Огнеборец» • 15 ноября – старт хакатона • 17 ноября – дедлайн загрузки решений • 22 ноября – подведение итогов и объявление победителей Регистрируйся, прояви себя и внеси вклад в безопасность каршеринговых сервисов

👩‍💻 Работа с массивами: Array.some и Array.every Array.some — проверяет, удовлетворяет ли хотя бы один элемент массива условию, заданному функцией. Если хотя бы один элемент возвращает true, метод вернёт true, иначе false. Array.every — проверяет, удовлетворяют ли все элементы массива условию, заданному функцией. Если все элементы возвращают true, метод вернёт true, иначе false. 📣 Code Ready | #метод

flexboxfroggy — игра, которая поможет вам выучить CSS-flexbox. Тут нужно писать нужные свойства во встроенном редакторе для решения головоломок. 📌 Ссылочка: flexboxfroggy.com 📣 Code Ready | #ресурсы

👩‍💻 Вопрос с собеседования Как использовать модули в JavaScript? Ответ: 1. Экспортирование модулей: Позволяет делать функции, объекты или переменные доступными для других файлов. Используется export для экспорта нескольких элементов из модуля.

// utils.js
export function add(a, b) {
  return a + b;
}
export const pi = 3.14159;

2. Импортирование модулей: Позволяет использовать ранее экспортированные элементы. Используется import для импорта отдельных элементов из модуля.

// main.js
import { add, pi } from './utils.js';
console.log(add(2, 3)); // 5
console.log(`Value of pi: ${pi}`); // Value of pi: 3.14159

3. Экспорт по умолчанию: Используется для экспорта одного основного элемента из модуля. Это может быть функция, класс или объект. Используется export default для этого.

// math.js
export default function multiply(a, b) {
  return a * b;
}

4. Импорт по умолчанию: Осуществляется без фигурных скобок. Можно дать импортируемому элементу любое имя.

// main.js
import multiply from './math.js';
console.log(multiply(2, 3)); // 6

5. Динамический импорт: Позволяет загружать модули асинхронно, что полезно для загрузки модулей по требованию. Используется import() для динамического импорта.

// main.js
async function loadModule() {
  const { add } = await import('./utils.js');
  console.log(add(5, 10)); // 15
}
loadModule();

6. Импорт всего содержимого модуля: Иногда нужно импортировать все содержимое модуля под одним именем. Используется import * as для этого.

// main.js
import * as Utils from './utils.js';
console.log(Utils.add(2, 3)); // 5
console.log(`Value of pi: ${Utils.pi}`); // Value of pi: 3.14159

📣 Code Ready | #техсобес

Каналы для королей ➡️ Эксклюзивные курсы ➡️ Дизайн для души ➡️ Классика кино По вопросам пишите: @Imadona

Не хочешь оставаться нормисом? За 2 года работы канала Больше 1000 подписчиков стали специалистами с доходом 200к+ рублей. 3500+ человек нашли работу благодаря нашим курсам. Если это слабый аргумент чтобы вступить в наш канал, тогда я уже не знаю что тебе предложить...

👩‍💻 Атрибут select Атрибут select в HTML используется для создания выпадающих списков или множественных вариантов выбора. Для тега <select> атрибут size может принимать значения, которые указывают, сколько строк элементов будет одновременно видно в списке.

size="1" — отображает только одну видимую строку, как в обычном списке. size="3" — показывает сразу три видимые строки, превращая <select> в список, в котором можно прокручивать больше вариантов.

📣 Code Ready | #атрибут

🔝 10 бесплатных видео-курсов по Фронтенду

Мы за бесплатное обучение! 👨‍💻 Поэтому для наших подписчиков канала "Фронтенд заметки" мы собрали 10 лучших (на наш взгляд) бесплатных курсов по фронтенду, как для начинающих, так и для более опытных.

Список построен от легкого к сложному, где 1 - это совсем для новичков, а 10 - уже для опытных фрондеров: 1. HTML для начинающих 2. CSS для начинающих 3. Адаптивная верстка сайта с нуля для начинающих 4. JavaScript для начинающих 5. Разработка приложения "Список задач" на JavaScript 6. Создание игр на JavaScript 7. Vue JS - Полный курс c нуля за 18 часов 8. React JS c нуля для начинающих 9. Разработка интернет-магазина на Vue 3 для начинающих 10. Разработка FullStack интернет-магазина (клон ДодоПиццы) [NextJS, TS, Prisma, NextAuth] Залетай в наш канал ➡️ "Фронтенд заметки" за этой подборкой.

OverAPI — это справочник для быстрого поиска синтаксиса и примеров по множеству языков и технологий, удобный для фронтенд разработчиков, работающих с HTML, CSS, JavaScript, и не только. ⛓ Ссылочка: https://overapi.com/ 📣 Code Ready | #ресурсы

👩‍💻 Шаблонные литералы в JavaScript — удобство работы со строками! Шаблонные литералы, заключенные в обратные кавычки, позволяют легко встраивать переменные и выражения в строки. Это значительно упрощает создание динамических текстов и работу с многострочными строками, что делает код более чистым и читабельным! 📣 Code Ready | #собес

👩‍💻 Обучение программированию с нуля Друзья, появился новый канал по обучению разных IT технологий. Изучение Python Изучение JavaScript Изучение HTML/CSS Изучение Java Изучение C/С++ Изучение С# Изучение SQL 👉 Подписывайся на TechVibe, если интересно.

CSS Gradient — Этот сайт позволяет легко создавать градиенты с помощью интуитивно понятного интерфейса и генератора кода. Вы можете настроить цвета и сохранить свои градиенты для дальнейшего использования. 📣 Code Ready | #ресурсы

👩‍💻 Создание формы с эффектом фокуса Создадим форму, которая будет реагировать на взаимодействие с полями ввода, используя CSS-анимацию. Эта анимация улучшит визуальное восприятие формы при фокусировке на полях. 📣 Code Ready | #гайд #css

CodHub теперь в Telegram❗️ Устали от 100500➕ бесконечного множества каналов, в поисках полезного материала и новостей из мира 🤩 ? Добро пожаловать в наш проект CodHub l Программирование — Мы собираем для вас все лучшие материалы любых направлений в одном канале: 📱 — Frontend 👩‍💻 — C++ 📱 — Python 🤔 — Hacking 📱 — Java 👩‍💻 — Golang 📱 — C# 👩‍💻 — Linux 👩‍💻 — Lua 👩‍💻 — php 👩‍💻 — Kotlin 👩‍💻 — Git 👩‍💻 — Assembler 👩‍💻 — Swift 🖥 — SQL 👩‍💻 — Mob. Develop 👣 — Backend 🐞— Qa Automation Успей подписаться❗️ — @CodHub_tg

👩‍💻 Свойство shape-outside Свойство shape-outside задает форму, по которой текст обтекает элемент. Это позволяет создавать уникальные текстовые обтекания, основанные на различных формах, таких как круги, эллипсы или многоугольники. Параметры свойства: • circle (radius at position) — круг с заданным радиусом и позицией. • ellipse (radius-x radius-y at position) — эллипс с заданными радиусами и позицией. • polygon (point1, point2 ...) — многоугольник, где каждая точка указывается координатами.

float: left — Для правильного применения обтекания текста с помощью shape-outside, элемент должен быть плавающим.

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

НАКОНЕЦ-ТО ТРУДНОСТИ С ОПЛАТОЙ ЗАРУБЕЖНЫХ СЕРВИСОВ РЕШЕНЫ 🔥 CheatPay помогает оплатить любые иностранные платформы российскими картами, а также дает возможность перевести средства за границу или получить их оттуда. Это надежный, быстрый и удобный сервис, которому доверяют пользователи. Больше никаких проблем с работой Zoom, Adobe Photoshop, Chat GPT, Canva Midjourney, Figma, Notion и других нужных программ. Возможна оплата на ИП и кредитной картой. А чтобы не потерять сервис, обязательно подписывайтесь на их канал. ссылка➡️ https://t.me/cheatpay_ru Реклама. ИП Сагынбаев Тимур ИНН: 590621634057 ОГРНИП: 318203600045967 erid: 2Vtzqx6qH2L

👩‍💻 Error Lens Мощный плагин, который помогает улучшить вашу производительность при разработке, выявляя ошибки и предупреждения прямо в коде. 📣 Code Ready | #плагин

👩‍💻 Работа с массивами: Array.filter и Array.find Array.filter создает новый массив, содержащий все элементы, прошедшие проверку, заданную предоставленной функцией. Array.find возвращает значение первого элемента массива, который удовлетворяет предоставленной функции. Если ни один элемент не удовлетворяет условию, метод вернет undefined. 📣 Code Ready | #метод

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