Code Ready | Frontend

😁102👍20🔥5🤝4

5.34K views17:12

👩‍💻 Базовый курс Javascript

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

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

📣 Code Ready | #курс

Please open Telegram to view this post

VIEW IN TELEGRAM

🔥23👍7

5.68K views07:12

doka guide — сайт, на котором собраны шпаргалки по HTML, CSS, JS. На каждую тему есть подробный разбор с полезными советами по применению.

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

📣 Code Ready | #ресурсы

Please open Telegram to view this post

VIEW IN TELEGRAM

👍32🔥16

5.67K views12:12

👩‍💻

Полезные горячие клавиши VSCode

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

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

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

📣 Code Ready | #клавиши

Please open Telegram to view this post

VIEW IN TELEGRAM

👍34🔥9😁1

5.24K views07:34

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

5.49K views16:44

👩‍💻

Доброе утро! Нашел вам классную шпаргалку по основным свойствам Css

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

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

📣 Code Ready | #шпора

Please open Telegram to view this post

VIEW IN TELEGRAM

👍22🔥5

5.37K views07:12

👩‍💻 Разница между методами 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

5.5K views14:12

Недавно я публиковал шпаргалку по флексам, теперь пришло время показать вам — CSS Flex Generator

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

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

📣 Code Ready | #ресурс

Please open Telegram to view this post

VIEW IN TELEGRAM

👍24🔥8👎2

5.66K views07:12

👩‍💻 Отличие между 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

6.09K views14:12

😄

Как прошли выходные дни? ☕️

Please open Telegram to view this post

VIEW IN TELEGRAM

😁88🔥11🤝1

4.84K views14:04

👩‍💻

Полный курс по HTML (2024)

18 подробных уроков для изучения html с самого нуля.

В курсе подробно рассматриваются основы HTML, включая создание и структуру веб-страниц. Курс предназначен для начинающих.

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

📣 Code Ready | #курс

Please open Telegram to view this post

VIEW IN TELEGRAM

👍35🔥6🤝1

5.22K views07:12

👍13😁10🔥4

5.19K views14:12

Что же выведет консоль?

Anonymous Quiz

22%

23%

51%

👍24😁15🔥10

1.44K voters4.97K views14:12

👩‍💻 А вы знали, как легко создавать красивые скриншоты кода?

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

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

📣 Code Ready | #ресурс

Please open Telegram to view this post

VIEW IN TELEGRAM

👍48🔥21

5.55K views07:12

👩‍💻 Полный курс по CSS (2024)

21 урок для изучения css с самого нуля. Курс

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

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

📣 Code Ready | #курс

Please open Telegram to view this post

VIEW IN TELEGRAM

👍19🔥7

4.94K views06:12