Code Ready | Frontend
20.9K subscribers
716 photos
322 videos
17 files
478 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
javascript-questions — репозиторий с вопросами и ответами по JavaScript, который поможет улучшить знание языка и подготовиться к техническим собеседованиям.

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

➡️ Roadmap Ready | #репозиторий
Please open Telegram to view this post
VIEW IN TELEGRAM
👍23🔥8
📞 Супер-полезная статья нашлась на Хабре — прочитав ее, вы сможете выбрать лучший для себя фреймворк: React, Angular или Vue

В этой статье:
• Особенности и преимущества каждого фреймворка.
• Какой из них предоставляет решения "из коробки".
Какие фреймворки позволяют выявлять ошибки на этапе компиляции.

🔊 Продолжить читать можешь на Habr!


📣 Code Ready | #статья
Please open Telegram to view this post
VIEW IN TELEGRAM
👍18🔥4
This media is not supported in your browser
VIEW IN TELEGRAM
☕️ Знали про интересный сайт http cat?)

Это необычный и приятный сервис, который показывает различные HTTP-статусы (например, 200, 404, 500) в виде забавных картинок с котами.

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

📌 Оставляю ссылочку: http.cat

📣 Code Ready | #ресурсы
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥24👍9
👩‍💻 CS50 - Введение в Программирование (Гарвард)

Это введение в основы компьютерных наук, созданный профессором Гарвардского университета Дэвидом Маленки. Он охватывает ключевые концепции программирования и алгоритмов и является одним из самых популярных онлайн-курсов по программированию.

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


📣 Code Ready | #курс
Please open Telegram to view this post
VIEW IN TELEGRAM
👍14🔥9
This media is not supported in your browser
VIEW IN TELEGRAM
😍 Открыл для себя супер-полезный сайт с бесплатными API для разработчиков!

Это ресурс, в котором собрано 319 апишек для разных сервисов: от GitHub и Postman до новостных или погодных API. Конечно, могут быть ограничения по количеству запросов, но и бесплатного лимита должно хватить.

📌 Держите ссылочку: developer.donnoval.ru

📣 Code Ready | #ресурсы
Please open Telegram to view this post
VIEW IN TELEGRAM
👍14🔥5👎3
This media is not supported in your browser
VIEW IN TELEGRAM
😎 Банальный, но всё равно классный и полезный сайт про которой знают многие — CodePen

Это популярная онлайн-платформа для разработчиков, где можно создавать, тестировать и делиться кодом (HTML, CSS, JavaScript) в реальном времени.

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

📌 Ссылочка: codepen.io

📣 Code Ready | #ресурсы
Please open Telegram to view this post
VIEW IN TELEGRAM
👍16🔥6👎1
👩‍💻 Шпаргалка для работы с Docker

Недавно заметил на Github крутой репозиторий, где и была эта картинка. Которая содержит все основные команды программного обеспечения Docker.

Сохраняйте и пользуйтесь, чтобы не забыть!

📣 Code Ready | #ресурсы
Please open Telegram to view this post
VIEW IN TELEGRAM
👍15🔥5
This media is not supported in your browser
VIEW IN TELEGRAM
😎 Лучшая нейронка для генерации 3D-моделей!

Unique3D — эта нейросеть практически идеально превращает обычную фотографию в 3D-модель, дорисовывая недостающие детали. Результат выдается в формате glb — можно запихнуть в Blender и сразу работать с ним.

📌 Ссылочка: huggingface.co

📣 Code Ready | #ресурсы
Please open Telegram to view this post
VIEW IN TELEGRAM
👍18🔥9
👍 Отличная статья попалась мне на Хабре — мастхэв для начинающих сетевых инженеров и не только, полезно знать каждому айтишнику.

В этой статье:
• Разбор модели OSI и всех ее уровней.
• Модель TCP/IP и ее особенности.
• Сравнение моделей.


🔊 Продолжай читать на Habr!


📣 Code Ready | #статья
Please open Telegram to view this post
VIEW IN TELEGRAM
👍13🔥3
👩‍💻 А вы знали, что можно делать комментарии в коде цветными с помощью плагина Better Comments?

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

// ! Важно — для критических замечаний
// TODO — для задач
// NOTE — для полезных заметок
// ? Вопрос — для размышлений и вопросов по коду
// * — просто акцент или оформление


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

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

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


📣 Code Ready | #курс
Please open Telegram to view this post
VIEW IN TELEGRAM
👍14🔥5
🐱 Ловите годную статью от разработчика из Selectel о том, как устроены сети и облачные роутеры!

В ней вы узнаете, что такое:
• Облачные серверы и сети
• Пулы, зоны доступности и регионы
• Планирование схемы сетевых соединений

🔊 Интересно? Продолжай читать на Habr!


📣 Code Ready | #статья
Please open Telegram to view this post
VIEW IN TELEGRAM
👍9🔥6
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