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
👩‍💻 Полный курс VS Code!

Основы работы в IDE VS Code, настройка (интерфейс, плагины, работа с кодом), рекомендации по использованию этого ПО в работе

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


📣 Code Ready | #курс
Please open Telegram to view this post
VIEW IN TELEGRAM
👍14🔥3
😁73🔥30👍2👎1
This media is not supported in your browser
VIEW IN TELEGRAM
Exercism — это платформа для изучения программирования через практические задания. Можно практиковаться на 70 различных языках, в том числе и на JS.

📌 Ссылочка: exercism.org

📣 Code Ready | #ресурсы
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥17👍4
This media is not supported in your browser
VIEW IN TELEGRAM
👩‍💻 Если у вас проблемы с грамматикой, то плагин Code Spell Checker точно поможет)

Это расширение для VS Code, цель которого проверка орфографии, помощь выявить распространенные орфографические ошибки и поможет исправить их.

📣 Code Ready | #vscode
Please open Telegram to view this post
VIEW IN TELEGRAM
👍27🔥7
😂

С добрым утром! ☕️
Please open Telegram to view this post
VIEW IN TELEGRAM
😁80🔥3👍1
👩‍💻 Язык HTML для новичков

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

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


📣 Code Ready | #курс
Please open Telegram to view this post
VIEW IN TELEGRAM
👍15🔥7
This media is not supported in your browser
VIEW IN TELEGRAM
Неудобно читать JSON данные на сайтах? Тогда советую тебе JSON Viewer

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

⬇️ Скачать JSON Viewer

📣 Code Ready | #ресурсы
Please open Telegram to view this post
VIEW IN TELEGRAM
👍23🔥8🤝5
😁70🔥35👍11
0507 (1)(6).gif
2.4 MB
👩‍💻 Вот как быстро можно создать структуру кода с Html для Css

eCSStractor — это плагин для VS Code, который помогает разработчикам извлекать CSS-стили из HTML-файлов.

Он предоставляет инструменты для автоматического извлечения стилей из HTML-кода и создания соответствующих CSS-правил.

📣 Code Ready | #vscode
Please open Telegram to view this post
VIEW IN TELEGRAM
1👍28🔥5
Знакомы с Wifiphisher?

Это python утилита для перехвата паролей от Wi-Fi, которая создает поддельную точку доступа и отключает юзера от оригинальной.

▶️ При попытке пользователя подключиться к интернету, у него возникает видимость точки доступа с тем же SSID, что и прежде, и при попытке войти в нее будет показана веб-страница с запросом пароля, якобы из-за «обновления прошивки». Введенный пароль перехватывается Wifiphisher.

Оставляю вам ссылочку: github.com

📣 Code Ready | #ресурсы
Please open Telegram to view this post
VIEW IN TELEGRAM
😁21👍6🔥6
👩‍💻 Язык CSS для начинающих!

17 уроков по изучению языка CSS собраны в одном плейлисте для вашего удобства. Вы сможете легко выучить язык CSS3 начиная с основ и завершая полным пониманием каскадных таблиц стилей

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


📣 Code Ready | #курс
Please open Telegram to view this post
VIEW IN TELEGRAM
👍11🔥4
This media is not supported in your browser
VIEW IN TELEGRAM
UnDistracted — это расширение для браузера, которое помогает пользователям минимизировать отвлекающие факторы, скрывая ленты новостей и видео на Facebook и YouTube, чтобы сосредоточиться на более продуктивной работе.

⬇️ Скачать расширение

📣 Code Ready | #ресурсы
Please open Telegram to view this post
VIEW IN TELEGRAM
👍16😁4
This media is not supported in your browser
VIEW IN TELEGRAM
👩‍💻 А вы знали, что в VS Code можно делать свои заметки в коде?

Bookmarks — плагин, который позволяет создавать заметки прямо в коде, выделяя ключевые строки каждого файла вашего проекта.

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

Добавлять ярлыки можно с помощью команды Bookmarks: Toggle

📣 Code Ready | #vscode
Please open Telegram to view this post
VIEW IN TELEGRAM
👍15🔥5😁2
😁50👍17🤝6👎4
This media is not supported in your browser
VIEW IN TELEGRAM
Fake Filler — это расширение Chrome, которое автоматически заполняет формы на веб-страницах случайными данными. Оно особенно полезно для разработчиков и тестировщиков, чтобы ускорить процесс проверки форм.

⬇️ Cкачать расширение

📣 Code Ready | #ресурсы
Please open Telegram to view this post
VIEW IN TELEGRAM
👍16🔥6
👍9🔥5
Что же выведет консоль?
Anonymous Quiz
8%
A
42%
B
32%
C
19%
D
👍18🔥7🤝2
0511(1).gif
2.5 MB
😎 Если у вас проблемы с регулярными выражениями, а это достаточно сложная тема, то советую Explain RegExp.

Это плагин для VS Code, с помощью которого генерируются уникальные схемы для каждого регулярного выражения.

📣 Code Ready | #vscode
Please open Telegram to view this post
VIEW IN TELEGRAM
👍13
This media is not supported in your browser
VIEW IN TELEGRAM
cheatography — сайт с более чем 6000 шпаргалок по разным языкам и фреймворкам. Такие шпаргалки отлично подойдут для того что бы вспомнить синтаксис.

📌 Ссылочка: cheatography.com

📣 Code Ready | #ресурсы
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥12👍4👎2
👩‍💻 Давайте разберем базовую работу с локальным хранилищем в JavaScript

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

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


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

📣 Code Ready | #гайд
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥37🤝18👍2