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

Автор: @energy_it

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

Реклама на бирже: https://telega.in/c/code_ready
Download Telegram
📖 JavaScript для начинающих

Вводный курс по JavaScript, который знакомит читателей с основами синтаксиса, функциональности и принципов разработки интерактивных веб-сайтов.

Автор: Майк МакГрат
Год: 2023


⬇️ Скачать книгу

📣 Code Ready | #книга
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥16👍6
👩‍💻 Работа с локальным хранилищем в JS

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

Вот основные методы для работы:

• setItem — Сохраняет значение по ключу.
• getItem — Извлекает значение по указанному ключу.
• removeItem — Удаляет значение по указанному ключу.
• clear — Очищает все данные из локального хранилища.
length — Возвращает количество элементов в локальном хранилище.
• key — Возвращает имя ключа по его индексу.


🔥 — если было полезно

📣 Code Ready | #гайд #js
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥45👍10
This media is not supported in your browser
VIEW IN TELEGRAM
Screeps: World — это многопользовательская стратегическая игра, в которой игроки программируют своих юнитов на Javascript для управления колониями и сражаются за ресурсы в открытом мире.

📌 Ссылочка на игру: Steam 🙄


📣 Code Ready | #игры
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥30👍14
This media is not supported in your browser
VIEW IN TELEGRAM
👩‍💻 Область трансформации

Свойство transform-box определяет область элемента, относительно которой применяются трансформации, такие как масштабирование или поворот.

Свойство может принимать следующие значения:
view-box (значение по умолчанию)
content-box;
border-box;
fill-box;
stroke-box;


📣 Code Ready | #свойство
Please open Telegram to view this post
VIEW IN TELEGRAM
👍18🔥9
This media is not supported in your browser
VIEW IN TELEGRAM
👩‍💻 Indent rainbow

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

📣 Code Ready | #плагин
Please open Telegram to view this post
VIEW IN TELEGRAM
👍37🔥15😁1
👩‍💻 Шпаргалка по методам строк

Она предоставляет список основных методов для работы со строками в JS. Каждый метод сопровождается кратким описанием его функциональности.


📣 Code Ready | #js #шпаргалка
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥48👍19
👩‍💻 Основы веб-разработки для новичков

Курс, в котором вы узнаете про основы разработки программных продуктов, как устроен интернет и многое другое.

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


📣 Code Ready | #курс
Please open Telegram to view this post
VIEW IN TELEGRAM
👍13🔥5
This media is not supported in your browser
VIEW IN TELEGRAM
👩‍💻 Атрибут autocomplete

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

Может иметь два значения:
• autocomplete="on" — браузер предлагает варианты для автозаполнения на основе ранее введённых данных.

• autocomplete="off" — отключает автозаполнение браузером.


📣 Code Ready | #атрибут
Please open Telegram to view this post
VIEW IN TELEGRAM
👍51🔥14
This media is not supported in your browser
VIEW IN TELEGRAM
Regulex — это онлайн-инструмент для визуализации регулярных выражений в JavaScript, который преобразует их в диаграммы, помогая легче понять сложные паттерны.

📌 Ссылочка: https://jex.im/regulex/

📣 Code Ready | #ресурсы
Please open Telegram to view this post
VIEW IN TELEGRAM
👍22🔥11
👩‍💻 Простое раскрывающееся меню

Всем привет! Сегодня разберёмся, как создать и анимировать простое меню для сайта на Html, Css и JS!

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


🔥 — если было полезно

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