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

Автор: @energy_it

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

Реклама на бирже: https://telega.in/c/code_ready
Download Telegram
Media is too big
VIEW IN TELEGRAM
☕️ Покажу вам, хороший сайт для творческих профессионалов всех направлений — Behance!

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

Можно участвовать в креативных трендах, находить клиентов и получать предложения о сотрудничестве.

📌 Ссылочка: behance.net

📣 Code Ready | #ресурсы
Please open Telegram to view this post
VIEW IN TELEGRAM
👍7🔥5
Я тебя по IP вычислю!!!

Учимся вычислять местоположение по IP-адресу. Первым делом устанавливаем и импортируем библиотеку request для запросов к ipinfo,io:
import requests


Далее определим функцию, которая будет принимать ip-адрес и вычислять локацию по нему:
def get_location_from_ip(ip_address):
try:
url = f"https://ipinfo.io/{ip_address}"
response = requests.get(url)
data = response.json()


Если запрос прошел успешно, мы получили данные в формате json. Проверим здесь же, есть ли в этих данных страна, город или координаты:
params = ['country', 'city', 'region', 'loc']
location = []
for i in params:
location.append(data.get(i, None))
return location


Не забудем обработать исключения:
except Exception as e:
return f"Ошибка при получении местоположения: {e}"


И проверим работу:
ip_address = "1.1.1.1" 
location = get_location_from_ip(ip_address)

print(f"Местоположение для IP-адреса {ip_address}: {location}")


Под конец должен быть результат:
Местоположение для IP-адреса 1.1.1.1: ['AU', 'Brisbane', 'Queensland', '-27.4820,153.0136']


🔥 Теперь ты умеешь вычислять людей по IP-адресу) но только используй это только в разумных целях!

📣 Code Ready | #практика
Please open Telegram to view this post
VIEW IN TELEGRAM
😁44🔥18👍10
This media is not supported in your browser
VIEW IN TELEGRAM
👩‍💻 Знаете про плагин CSS Preview?

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

📣 Code Ready | #плагин
Please open Telegram to view this post
VIEW IN TELEGRAM
👍36🔥7👎2
😁82🔥17🤝2
🤖 Курс Алгоритмы и структуры данных

Цель курса — ознакомить слушателей с основными алгоритмами, применяемыми для разработки программного обеспечения. Научить выбирать подходящие структуры данных и алгоритмы для реализации возникающих задач

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


📣 Code Ready | #курс
Please open Telegram to view this post
VIEW IN TELEGRAM
👍12🔥4
This media is not supported in your browser
VIEW IN TELEGRAM
☕️ Советую добавить в закладки сайт developer mozill, он хоть и банальный, но всё равно полезный!

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

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

📣 Code Ready | #ресурсы
Please open Telegram to view this post
VIEW IN TELEGRAM
👍13🔥6
👩‍💻 Японский стиль в VS Code!

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

📣 Code Ready | #плагин
Please open Telegram to view this post
VIEW IN TELEGRAM
👍30👎7🔥6🤝3
This media is not supported in your browser
VIEW IN TELEGRAM
☕️ Рекомендую попробовать отличный инструмент для вашего кода — Code Beautify!

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

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

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

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

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


📣 Code Ready | #курс
Please open Telegram to view this post
VIEW IN TELEGRAM
👍15🔥5
♻️ Градиенты

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

📣 Code Ready | #ресурсы
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥27👍8
♻️ Шрифт и его виды

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

📣 Code Ready | #ресурсы
Please open Telegram to view this post
VIEW IN TELEGRAM
👍15🔥5👎1
👩‍💻 Улучшаем читаемость вашего кода с помощью плагина для VS Code — Indent Rainbow!

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

📣 Code Ready | #плагин
Please open Telegram to view this post
VIEW IN TELEGRAM
👍30🔥4👎2
This media is not supported in your browser
VIEW IN TELEGRAM
👩‍💻 Анимация любых объектов — экономь свое время!

Rombo — это Figma плагин, который позволяет анимировать выбранные вами объекты в разных направлениях, с нужными вами параметрами. Подойдет для показа элементов на сайтах или просто классных фонов.

📣 Code Ready | #figma
Please open Telegram to view this post
VIEW IN TELEGRAM
👍14🔥3
😁58👍10🔥6👎2
This media is not supported in your browser
VIEW IN TELEGRAM
😎 Смотрите что нашел, репозиторий по безопасности веб-приложений — OWASP!

Это практические рекомендации и лучшие практики по безопасности веб-приложений. Включает краткие инструкции по защите от SQL-инъекций, XSS, настройке безопасных API, авторизации и аутентификации и другим аспектам веб-безопасности.

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


📣 Code Ready | #ресурсы
Please open Telegram to view this post
VIEW IN TELEGRAM
👍18🔥4
♻️ Сочетания цветов

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

📣 Code Ready | #ресурсы
Please open Telegram to view this post
VIEW IN TELEGRAM
👍17🔥8
This media is not supported in your browser
VIEW IN TELEGRAM
☕️ Полезный ресурс для практики фронтенда — BigDevSoon!

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

Здесь представлены разнообразные задачи с реальными требованиями, которые помогут вам улучшить навыки работы с HTML, CSS, JavaScript и другими технологиями.

📌 Даю ссылочку: BigDevSoon.me

📣 Code Ready | #ресурсы
Please open Telegram to view this post
VIEW IN TELEGRAM
👍10🔥5
♻️ Анатомия шрифта: запомни за минуту!

Нашел для тебя идеальную шпаргалку по строению букв! Высота строчного знака x-height, засечки, выносные элементы — сохраняй и используй в своих проектах!

📣 Code Ready | #ресурсы
Please open Telegram to view this post
VIEW IN TELEGRAM
👍13🔥6
👍15🔥6
Что же выведет консоль?
Anonymous Quiz
6%
A
19%
B
11%
C
64%
D
👍27🔥11