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

Автор: @energy_it

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

Реклама на бирже: https://telega.in/c/code_ready
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
👩‍💻 Познакомимся с download

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

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

📣 Code Ready | #html
Please open Telegram to view this post
VIEW IN TELEGRAM
👍51🔥15
😁100👍18
👩‍💻 Шпаргалка по HTML-сущностям

HTML-сущности — это специальные кодовые обозначения для символов, которые могут быть интерпретированы браузером как часть разметки или недоступные на клавиатуре символы.

📣 Code Ready | #шпора
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🤝45🔥38👍7👎2
🔥6👍3
Что же выведет консоль?
Anonymous Quiz
20%
A
23%
B
32%
C
25%
D
👍21🔥4🤝1
😁103👍20🔥5🤝4
👩‍💻 Базовый курс Javascript

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

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


📣 Code Ready | #курс
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥23👍7
This media is not supported in your browser
VIEW IN TELEGRAM
doka guide — сайт, на котором собраны шпаргалки по HTML, CSS, JS. На каждую тему есть подробный разбор с полезными советами по применению.

📌 Ссылочка: doka.guide

📣 Code Ready | #ресурсы
Please open Telegram to view this post
VIEW IN TELEGRAM
👍32🔥16
This media is not supported in your browser
VIEW IN TELEGRAM
👩‍💻 Полезные горячие клавиши VSCode

Alt + ↑ / ↓ — Переместит строку с курсором вверх или вниз, в зависимости от комбинации клавиш.

• Alt — множественный ввод. Поможет написать одно и то же сразу в нескольких местах.

Shift + Tab — Удаляет отступы.

📣 Code Ready | #клавиши
Please open Telegram to view this post
VIEW IN TELEGRAM
👍34🔥9😁1
0613(3).gif
2 MB
👩‍💻 Попробуйте построить свою диаграмму прямо в VS Code

Это можно сделать с помощью классного плагина Draw.io Integration, который позволяет строить множество различных диаграмм, связанных с вашим кодом рядом с проектом.

Для его работы необходимо установить плагин, после создать в нужной папке файл с расширением .drawio

📣 Code Ready | #vscode
Please open Telegram to view this post
VIEW IN TELEGRAM
👍20🔥5🤝1
👩‍💻 Доброе утро! Нашел вам классную шпаргалку по основным свойствам Css

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


⬇️ Скачать полную версию

📣 Code Ready | #шпора
Please open Telegram to view this post
VIEW IN TELEGRAM
👍22🔥5
👩‍💻 Разница между методами slice() и splice()

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

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


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


Использование с примером кода и доп. информацию, смотри на картинках выше 👆

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

📣 Code Ready | #метод
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥38👍14🤝8
This media is not supported in your browser
VIEW IN TELEGRAM
Недавно я публиковал шпаргалку по флексам, теперь пришло время показать вам — CSS Flex Generator

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

📌 Ссылочка: cssflex-generator

📣 Code Ready | #ресурс
Please open Telegram to view this post
VIEW IN TELEGRAM
👍24🔥8👎2
👩‍💻 Отличие между drop-shadow и box-shadow

В общем, это два разных CSS-свойства для создания теней, но они применяются в разных случаях и имеют разные особенности. Рассмотрим их по очереди:

• box-shadow — добавляет тень к рамке элемента, то есть вокруг его границ. Это свойство работает с любыми элементами, создавая тень, повторяющую контуры элемента.

• drop-shadow — применяется с функцией filter и позволяет создавать более сложные тени для графики и текстов. Оно учитывает прозрачность и форму содержимого элемента, что особенно полезно для изображений и SVG.

📣 Code Ready | #css
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍35🔥10