Code Ready | Frontend

📱 Разбираем методы String — незаменимые помощники при работе с текстом в JavaScript! Они позволяют удобно находить, изменять, разделять и проверять строки без необходимости писать сложную логику вручную. Методы строк особенно полезны при валидации данных, форматировании вывода и обработке пользовательского ввода. 🔥 — если узнал новое 🤝 — если уже пользовался 📣 Code Ready | #шпора

👩‍💻 Если хотите добавить всплывающую подсказку к изображению, то атрибут вам в помощь title! Наведите курсор — и появится дополнительная информация, помогающая лучше понять, что к чему. Это особенно удобно, когда на странице много графики: пояснения дают контекст, которого не видно сразу. Но не переусердствуйте, чтобы не перегрузить пользователя избыточной информацией и не создать ненужные раздражители. ➡️ Code Ready | #атрибут

📱 Плавное появление элементов при скролле Всем привет! Сегодня разберём, создание прикольного эффекта плавного появления элементов при прокрутке страницы на чистом Html, Css и JavaScript.

Анимировать элементы будем с помощью IntersectionObserver API, благодаря которому мы сможем отслеживать, когда элемент попадает в область видимости, и запускать красивую анимацию.

📣 Code Ready | #гайд

👩‍💻 Разберем свойство scroll-snap-type, которое задаёт направление и строгость привязки прокрутки! Показываю возможные его значения для задания направления привязки:

x — привязка по горизонтали; y — привязка по вертикали; block — привязка в блоковом направлении; inline — привязка в строчном направлении; both — привязка в обоих направлениях: горизонталь + вертикаль или блочное + строчное.

Также можно указать строгость смещения к точкам привязки, настроить которые позволяет свойство scroll-snap-align:

mandatory — принудительная привязка. Прокрутка всегда смещается к точке привязки. proximity — мягкая привязка. Скролл сместится к точке привязки, только если прокрутка остановилась достаточно близко к ней.

➡️ Code Ready | #свойство

Frontend + Летний митап + Суббота = Я.Субботник по разработке интерфейсов 💛 7 июня в Москве Яндекс Go проводит Я.Субботник по разработке интерфейсов. В программе 4 доклада и воркшоп:  👉 Артемий Карпов расскажет,  как команда выстраивает взаимодействие между разработкой и тестированием при написании автотестов и улучшении семантики приложения 👉 Миша Колосовский покажет, как сделать статические схемы интерактивными и причем тут SVG 👉 Давид Давыдов объяснит, что мы сделали с серверным API и как пришли к одной строчке кода вместо сотни 👉 Серёжа Алейников поделится опытом портирования нативного BDUI в вебе На воркшопе участники в командах будут исправлять некорректные интерфейсы, стараясь учесть требования дизайнеров, бэкенд-разработчиков и тестировщиков. Вместе обсудим варианты решений, а коллеги из Яндекса помогут найти самое оптимальное.  Регистрируйтесь и зовите друзей! Мероприятие бесплатное. Количество мест в офлайне ограничено — пожалуйста, дождитесь нашего подтверждения.

👩‍💻 Разбираем методы Array — мощный инструмент для работы с данными в JavaScript! Они избавляют от необходимости писать циклы вручную и позволяют организовать элегантную обработку коллекций данных. Особенно полезны при фильтрации, трансформации и агрегации данных, а также при построении функциональных цепочек обработки информации. 🔥 — если узнал новое 🤝 — если уже пользовался ✅ Code Ready | #шпора

☕️ Показываю крутую тренировочную площадку от Аризонского университета — pwn college! Это бесплатная обучающая платформа по кибербезопасности, где ты сможешь научишься настоящему «боевому» хакерству: эксплойты, реверс-инжиниринг, защита систем, баги уровня ядра — всё через практику и реальные задания. 📌 Ссылочка: pwn.college 📣 Code Ready | #ресурсы

#вакансия Нужны программисты для долгосрочного оплачиваемого сотрудничества. Это достаточно простая подработка: написание кода, объяснение различных функций и написание авторских текстов. Требования:

• Знания Html, Css и особенно JavaScript, не на базовом уровне. • Опыт работы Figma • Умение писать грамотные тексты с доступным объяснением на разные темы.

Если вам интересно и есть достаточно свободного времени, отпишите — @energy_it.

Все на «ВНЕДРЕЙД» — хакатон от Orion soft, который объединил пять крупнейших компаний страны: Т-банк, Авито, Lamoda, CDEK, Магнит. Тебе предстоит разработать решение для одной из них. Сотни неравнодушных и всего 48 часов на решение задачи. Когда: 7-8 июня Где: Москва, пространство «Суперметалл» Два трека: студенты и опытные спецы Скорее собирай команду, мест только 300 Приз для лучших: 4-х дневный трип на покорение Эльбруса для всей команды с полной оплатой билетов, проживания и развлекательной программы И это ещё не всё: - быстрый найм в Orion soft для талантов - жирный кейс в портфолио - мощный буст по скиллам - тонна крутого мерча Твой код — твои правила. Залетай и покажи, на что способен. [Подать заявку]

👩‍💻 Back-end Путь Самурая Это увлекательное путешествие в мир серверной разработки! Он идеально подходит как для новичков, так и для тех, кто хочет углубить свои знания.

Ссылочка на плейлист: YouTube 🖤

📣 Code Ready | #курс

👩‍💻 Элегантная классика с современным акцентом)) One Monokai Theme — это тёмная тема для VSCode, которая сочетает классический стиль Monokai и современные цвета. Выглядит приятно, не напрягает глаза и отлично подойдёт для работы как днём, так и ночью. 📣 Code Ready | #плагин

Формошлёп — сотни хаков для фронтендеров в одном месте Никакой скучной теории, воды и прочей шляпы, только практические примеры, которые работают. 👉 Подписывайся на @frontbox — стань тем, кто знает, как решить проблему, пока остальные ищут ответ на Stack Overflow.

😎 Если хочешь прокачать свои навыки в JavaScript, то я как раз нашел полезный ресурс — learn javascript Это онлайн-учебнике по JavaScript, который идеально подходит как для новичков, так и для тех, кто хочет углубить свои знания. Он охватывает абсолютно все аспекты языка: от базовых концепций, таких как переменные, функции и циклы, до более продвинутых тем. 📌 Ссылочка: learn.javascript.ru 📣 Code Ready | #ресурсы

♻️ Анатомия шрифта: запомни за минуту! Нашел для тебя идеальную шпаргалку по строению букв! Высота строчного знака x-height, засечки, выносные элементы — сохраняй и используй в своих проектах! 📣 Code Ready | #ресурсы

💩🧑‍💻💩🖥💩🧑‍💻💩🖥💩🧑‍💻💩 Ловите слитую базу с курсами и книгами от известных онлайн школ по Frontend: (23 ГБ) — Основы веба (46 ГБ) — HTML/CSS/Верстка (53 ГБ) — JavaScript (31 ГБ) — React (17 ГБ) — TypeScript (33 ГБ) — Vue / Angular / Svelte (56 ГБ) — Webpack / Vite / Git (43 ГБ) — Next.js / Nuxt.js (68 ГБ) — Figma и Веб-дизайн (76 ГБ) — Анимации и UI/UX (44 ГБ) — WordPress (37 ГБ) — Архитектура фронтенда (21 ГБ) — Тестирование фронта Скачивать ничего не нужно — все выложили в Telegram