Code Ready | Frontend
20.8K subscribers
731 photos
331 videos
17 files
489 links
Авторский канал по Frontend разработке.
Ресурсы, гайды, задачи, шпаргалки.
Информация ежедневно пополняется!

Автор: @energy_it

РКН: https://clck.ru/3NJCKs

Реклама на бирже: https://telega.in/c/code_ready
Download Telegram
♻️ Анатомия шрифта: запомни за минуту!

Нашел для тебя идеальную шпаргалку по строению букв! Высота строчного знака x-height, засечки, выносные элементы — сохраняй и используй в своих проектах!

📣 Code Ready | #ресурсы
Please open Telegram to view this post
VIEW IN TELEGRAM
👍13🔥6
👍15🔥6
Что же выведет консоль?
Anonymous Quiz
6%
A
19%
B
11%
C
64%
D
👍27🔥11
👍72😁39🔥14
This media is not supported in your browser
VIEW IN TELEGRAM
😎 Если хочешь прокачать свои навыки в JavaScript, то я как раз нашел полезный ресурс — learn javascript

Это онлайн-учебнике по JavaScript, который идеально подходит как для новичков, так и для тех, кто хочет углубить свои знания.

Он охватывает абсолютно все аспекты языка: от базовых концепций, таких как переменные, функции и циклы, до более продвинутых тем.

📌 Ссылочка: learn.javascript.ru

📣 Code Ready | #ресурсы
Please open Telegram to view this post
VIEW IN TELEGRAM
👍13🔥10😁3
👩‍💻 Элегантная классика с современным акцентом))

One Monokai Theme — это тёмная тема для VSCode, которая сочетает классический стиль Monokai и современные цвета. Выглядит приятно, не напрягает глаза и отлично подойдёт для работы как днём, так и ночью.

📣 Code Ready | #плагин
Please open Telegram to view this post
VIEW IN TELEGRAM
👍24🔥6
👩‍💻 Back-end Путь Самурая

Это увлекательное путешествие в мир серверной разработки! Он идеально подходит как для новичков, так и для тех, кто хочет углубить свои знания.

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


📣 Code Ready | #курс
Please open Telegram to view this post
VIEW IN TELEGRAM
🤝11👍5🔥41
👍12🔥7
Что же выведет консоль?
Anonymous Quiz
12%
A
6%
B
25%
C
57%
D
👍19🔥10
This media is not supported in your browser
VIEW IN TELEGRAM
☕️ Показываю крутую тренировочную площадку от Аризонского университета — pwn college!

Это бесплатная обучающая платформа по кибербезопасности, где ты сможешь научишься настоящему «боевому» хакерству: эксплойты, реверс-инжиниринг, защита систем, баги уровня ядра — всё через практику и реальные задания.

📌 Ссылочка: pwn.college

📣 Code Ready | #ресурсы
Please open Telegram to view this post
VIEW IN TELEGRAM
👍19🔥8
👩‍💻 Разбираем методы Array — мощный инструмент для работы с данными в JavaScript!

Они избавляют от необходимости писать циклы вручную и позволяют организовать элегантную обработку коллекций данных. Особенно полезны при фильтрации, трансформации и агрегации данных, а также при построении функциональных цепочек обработки информации.

🔥 — если узнал новое
🤝 — если уже пользовался


Code Ready | #шпора
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥41🤝20👍12
👩‍💻 Разберем свойство scroll-snap-type, которое задаёт направление и строгость привязки прокрутки!

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


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

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


➡️ Code Ready | #свойство
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍24🔥11🤝7
📱 Плавное появление элементов при скролле

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

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


📣 Code Ready | #гайд
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥46👍14🤝7