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

Автор: @energy_it

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

Реклама на бирже: https://telega.in/c/code_ready
Download Telegram
📖 JavaScript. Полное руководство

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

Автор: Дэвид Флэнаган
Год: 2021


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

📣 Code Ready | #книга
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥41👍12
This media is not supported in your browser
VIEW IN TELEGRAM
JSRobot — небольшая игра, в которой вам предстоит управлять роботом с помощью Javascript для преодоления препятствий и решения головоломок.

Ссылочка: https://lab.reaal.me/jsrobot/

📣 Code Ready | #ресурсы
Please open Telegram to view this post
VIEW IN TELEGRAM
👍27🔥13
👍6🔥4
Что будет в консоли?
Anonymous Quiz
33%
A
47%
B
11%
C
9%
D
👍14🔥8
This media is not supported in your browser
VIEW IN TELEGRAM
📱 SVG-Viewer

Плагин для VS Code, который позволяет просматривать векторные изображения прямо в редакторе кода.

📣 Code Ready | #плагин
Please open Telegram to view this post
VIEW IN TELEGRAM
👍48🔥8👎1😁1
📱 Курс Базовый Javascript

Плейлист из 11 уроков, в котором вы последовательно познакомитесь с фундаментальными основами языка Javascript. Благодаря этому курсу вы научитесь писать свои первые веб-приложения.

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


📣 Code Ready | #курс
Please open Telegram to view this post
VIEW IN TELEGRAM
👍27🔥9
👩‍💻 Вопрос с собеседования

В чём разница между margin и padding в CSS?

Ответ:

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

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

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

📣 Code Ready | #собеседование
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥37👍21
📖 Создаем динамические веб-сайты с помощью PHP, MySQL, JavaScript, CSS и HTML5

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

Автор: Никсон Робин
Год: 2023


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

📣 Code Ready | #книга
Please open Telegram to view this post
VIEW IN TELEGRAM
👍21🔥5
Media is too big
VIEW IN TELEGRAM
awesome-javascript — репозиторий, в котором собраны полезные JavaScript-библиотеки, инструменты для работы и ресурсы для изучения языка.

Ссылочка на репозиторий: Github 😸


📣 Code Ready | #репозиторий
Please open Telegram to view this post
VIEW IN TELEGRAM
👍26🔥5
This media is not supported in your browser
VIEW IN TELEGRAM
📱 VS HTML to CSS

Очень полезный плагин для VS Code, с помощью которого можно легко скопировать все классы из HTML в CSS.

Для этого нужно выделить нужный участок HTML-кода и нажать Alt+X, после чего вставить в CSS-файл скопированный фрагмент. Плагин автоматически создаст селекторы ко всем классам.


📣 Code Ready | #плагин
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥53👍17
This media is not supported in your browser
VIEW IN TELEGRAM
CSS Grid Generator — сайт, с помощью которого можно сгенерировать сетку и получить готовый CSS-код. Сначала задаем количество строк, колонок и расстояния между ними, далее рисуем расположение div-блоков в сетке.

Ссылочка: https://cssgrid-generator.netlify.app/

📣 Code Ready | #реcурсы
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥48👍17👎1
👩‍💻 Создание простого параллакс-эффекта

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

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


➡️ @code_ready | #гайд #css
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
😁22👍16🔥7
This media is not supported in your browser
VIEW IN TELEGRAM
👩‍💻 Атрибут spellcheck

Атрибут spellcheck определяет, должна ли проверяться орфография содержимого элемента.

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

Он может иметь два значения:
• spellcheck="true" — Проверка орфографии включена.

• spellcheck="false" — Проверка орфографии отключена.


📣 Code Ready | #атрибут
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥55👍22
This media is not supported in your browser
VIEW IN TELEGRAM
flexboxdefense — игра в жанре Tower Defense, в которой нужно правильно расположить турели с помощью flexbox для защиты.

Ссылочка: http://www.flexboxdefense.com/

📣 Code Ready | #ресурсы
Please open Telegram to view this post
VIEW IN TELEGRAM
👍33🔥9
📱 Основы Программирования на JS для Новичков

Большой вводный урок по JavaScript, в котором вы изучите основы языка, узнаете про принцип мышления программиста, базовые понятия и термины простыми словами.

Ссылка на курс: YouTube 🖤


📣 Code Ready | #курс
Please open Telegram to view this post
VIEW IN TELEGRAM
👍20🔥9😁3