This media is not supported in your browser
VIEW IN TELEGRAM
Python Tutor
Пишете код на Python, Java, C, C++ или JavaScript прямо в браузере, а этот сервис пошагово показывает, что происходит под капотом. Видно каждую переменную, каждую строчку кода в действии
Плюс, тут есть AI-репетитор для разъяснений
Годный инструмент для обучения или разборов: https://pythontutor.com/
#ресурсы
@WebDev_Plus
Пишете код на Python, Java, C, C++ или JavaScript прямо в браузере, а этот сервис пошагово показывает, что происходит под капотом. Видно каждую переменную, каждую строчку кода в действии
Плюс, тут есть AI-репетитор для разъяснений
Годный инструмент для обучения или разборов: https://pythontutor.com/
#ресурсы
@WebDev_Plus
👍4❤1
This media is not supported in your browser
VIEW IN TELEGRAM
Если вы используете NPM, просто введите в терминале 🤯
Затем просто нажмите [Пробел], чтобы удалить ненужные!
Это освободит ГИГАБАЙТЫ на вашем ПК за секунды
Удобно ещё и то, что она показывает, сколько дней назад была последняя модификация
#советы
@WebDev_Plus
npx npkill, чтобы увидеть все папки node_modules, занимающие лишнее место Затем просто нажмите [Пробел], чтобы удалить ненужные!
Это освободит ГИГАБАЙТЫ на вашем ПК за секунды
Удобно ещё и то, что она показывает, сколько дней назад была последняя модификация
#советы
@WebDev_Plus
Please open Telegram to view this post
VIEW IN TELEGRAM
❤4🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Glide To Reveal with CSS
Наведение для раскрытия. Реализовано с помощью CSS
🆖 https://codepen.io/jh3y/pen/JjxPKXz
#готовыйкод
@WebDev_Plus
Наведение для раскрытия. Реализовано с помощью CSS
#готовыйкод
@WebDev_Plus
Please open Telegram to view this post
VIEW IN TELEGRAM
👍7🔥4
👍4❤1🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Это сборник шикарных туториалов для тех, кто хочет углубиться в Python через практику.
Здесь собрано всё — от этичного хакинга до машинного обучения, от работы с API и веб-скрапинга до мини-игрушек и полезных тулз
Все проекты разложены по темам, так что можно сразу прыгнуть туда, где хочется разобраться
Забирайте: https://github.com/x4nth055/pythoncode-tutorials
#ресурсы
@WebDev_Plus
Здесь собрано всё — от этичного хакинга до машинного обучения, от работы с API и веб-скрапинга до мини-игрушек и полезных тулз
Все проекты разложены по темам, так что можно сразу прыгнуть туда, где хочется разобраться
Забирайте: https://github.com/x4nth055/pythoncode-tutorials
#ресурсы
@WebDev_Plus
❤4
This media is not supported in your browser
VIEW IN TELEGRAM
Совет по JavaScript
Нужно отфильтровать ложные (false) значения из массива?🤔
Ложные значения, такие как
Просто используйте
#советы
@WebDev_Plus
Нужно отфильтровать ложные (false) значения из массива?
Ложные значения, такие как
0, undefined, null, false и "", можно легко удалить с помощью простого трюка:Просто используйте
array.filter(Boolean)#советы
@WebDev_Plus
Please open Telegram to view this post
VIEW IN TELEGRAM
👍12❤1
This media is not supported in your browser
VIEW IN TELEGRAM
Сэкономь часы с этим РАСШИРЕНИЕМ для VS Code
Создай сервер для предварительного просмотра своего веб-проекта:
🔹 Изменения в реальном времени для HTML, CSS и JS
🔹 Открытие браузера прямо в редакторе
🔹 Обновление контента без сохранения
Называется Live Preview, разработано Microsoft.
#ресурсы
@WebDev_Plus
Создай сервер для предварительного просмотра своего веб-проекта:
Называется Live Preview, разработано Microsoft.
#ресурсы
@WebDev_Plus
Please open Telegram to view this post
VIEW IN TELEGRAM
👍13
PostgreSQL_Python.pdf
677.1 KB
Наткнулся тут на классную штуку — шпаргалка-инструкция о том, как подружить Python и PostgreSQL.
Если вдруг не в курсе, PostgreSQL — это бесплатная СУБД с открытым исходным кодом, которая позволяет создавать базы данных, хранить в них всё, что душе угодно, и работать с данными через SQL-запросы.
В этой инструкции есть всё, что нужно: установка, подключение к базе, создание таблиц и ещё куча полезных моментов
Всё просто и понятно — пользуйтесь🍵
#шпаргалка
@WebDev_Plus
Если вдруг не в курсе, PostgreSQL — это бесплатная СУБД с открытым исходным кодом, которая позволяет создавать базы данных, хранить в них всё, что душе угодно, и работать с данными через SQL-запросы.
В этой инструкции есть всё, что нужно: установка, подключение к базе, создание таблиц и ещё куча полезных моментов
Всё просто и понятно — пользуйтесь
#шпаргалка
@WebDev_Plus
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5
This media is not supported in your browser
VIEW IN TELEGRAM
Это потрясающая библиотека, предлагающая качественные open-source лоадеры и спиннеры для ваших проектов
https://uiball.com/ldrs/
#ресурсы
@WebDev_Plus
https://uiball.com/ldrs/
#ресурсы
@WebDev_Plus
👍9❤3
Media is too big
VIEW IN TELEGRAM
Крутая шпаргалка по Python
Это, пожалуй, самая полная шпаргалка из всех, что мы видели. Оформлена в виде веб-страницы с удобными гиперссылками по разделам. Кроме того, её можно скачать в PDF-формате.
В шпаргалке также стоят отметки, которые говорят о том, в какой версии Python появилась та или иная фишка.
https://kieranholland.com/best-python-cheat-sheet/
#шпаргалка
@WebDev_Plus
Это, пожалуй, самая полная шпаргалка из всех, что мы видели. Оформлена в виде веб-страницы с удобными гиперссылками по разделам. Кроме того, её можно скачать в PDF-формате.
В шпаргалке также стоят отметки, которые говорят о том, в какой версии Python появилась та или иная фишка.
https://kieranholland.com/best-python-cheat-sheet/
#шпаргалка
@WebDev_Plus
👍7❤1
This media is not supported in your browser
VIEW IN TELEGRAM
Project Wallace
Это сервис, который анализирует качество твоего CSS-кода
Разбирает CSS на кусочки и показывает, где накосячил с производительностью, что не по стандартам, а что вообще сложно поддерживать.
В итоге получаешь чёткий список того, что нужно поправить, чтобы код стал чище и быстрее
https://projectwallace.com/css-code-quality
#ресурсы
@WebDev_Plus
Это сервис, который анализирует качество твоего CSS-кода
Разбирает CSS на кусочки и показывает, где накосячил с производительностью, что не по стандартам, а что вообще сложно поддерживать.
В итоге получаешь чёткий список того, что нужно поправить, чтобы код стал чище и быстрее
https://projectwallace.com/css-code-quality
#ресурсы
@WebDev_Plus
❤9👍3
This media is not supported in your browser
VIEW IN TELEGRAM
Мощный совет по HTML
Используйте тег
Это особенно полезно для математических формул, химических уравнений и сносок
#советы
@WebDev_Plus
Используйте тег
<sub> для отображения нижнего индекса в HTMLЭто особенно полезно для математических формул, химических уравнений и сносок
#советы
@WebDev_Plus
👍12❤5
20 полезных ресурсов, чтобы выучить Python — простая, местами очевидная, но интересная подборка:
*список раскрывается
#ресурсы
@WebDev_Plus
Сайты:
Python.org — не думаю, что тут нужно что-то объяснять;
Официальный учебник Python (ссылка);
Документация Python (ссылка);
Codecademy (ссылка);
Курс «Learn Python 3» (ссылка);
freeCodeCamp (ссылка);
Курс «Python for Everybody» (ссылка);
Задачи Python (ссылка);
Учебник Python (ссылка);
Real Python (ссылка);
Уроки (ссылка);
GeeksforGeeks (ссылка);
Учебник Python (ссылка).
Интерактивные платформы:
Академия Хана (ссылка);
MIT OpenCourseWare (ссылка).
Книги и электронные книги:
Think Python (ссылка);
Автоматизируйте скучные вещи с помощью Python (ссылка).
Видеоуроки:
CS Dojo (ссылка);
Corey Schafer (ссылка);
edX: Введение в Python (ссылка).
Практические платформы:
LeetCode (ссылка);
HackerRank (ссылка).
*список раскрывается
#ресурсы
@WebDev_Plus
👍5❤1
This media is not supported in your browser
VIEW IN TELEGRAM
Мощный совет по JavaScript
Вместо
#советы
@WebDev_Plus
Вместо
console.log для инспекции объектов используйте console.table — так данные отображаются в удобной табличной форме! Идеально для отладки структурированных данных. #советы
@WebDev_Plus
❤19👍10🔥2