WebDev+ | Веб-разработка
8.32K subscribers
504 photos
241 videos
10 files
699 links
Присоединяйтесь к нашему каналу и погрузитесь в мир веб-разработки

Связь: @devmangx
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
Python Tutor

Пишете код на Python, Java, C, C++ или JavaScript прямо в браузере, а этот сервис пошагово показывает, что происходит под капотом. Видно каждую переменную, каждую строчку кода в действии

Плюс, тут есть AI-репетитор для разъяснений

Годный инструмент для обучения или разборов: https://pythontutor.com/

#ресурсы

@WebDev_Plus
👍41
This media is not supported in your browser
VIEW IN TELEGRAM
Если вы используете NPM, просто введите в терминале 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
Please open Telegram to view this post
VIEW IN TELEGRAM
👍7🔥4
Делюсь с вами этой инфографикой о свойстве CSS Display

#шпаргалка

@WebDev_Plus
👍41🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Это сборник шикарных туториалов для тех, кто хочет углубиться в Python через практику.

Здесь собрано всё — от этичного хакинга до машинного обучения, от работы с API и веб-скрапинга до мини-игрушек и полезных тулз

Все проекты разложены по темам, так что можно сразу прыгнуть туда, где хочется разобраться

Забирайте: https://github.com/x4nth055/pythoncode-tutorials

#ресурсы

@WebDev_Plus
4
This media is not supported in your browser
VIEW IN TELEGRAM
Совет по JavaScript

Нужно отфильтровать ложные (false) значения из массива? 🤔

Ложные значения, такие как 0, undefined, null, false и "", можно легко удалить с помощью простого трюка:

Просто используйте array.filter(Boolean)

#советы

@WebDev_Plus
Please open Telegram to view this post
VIEW IN TELEGRAM
👍121
This media is not supported in your browser
VIEW IN TELEGRAM
Сэкономь часы с этим РАСШИРЕНИЕМ для VS Code

Создай сервер для предварительного просмотра своего веб-проекта:
🔹Изменения в реальном времени для HTML, CSS и JS
🔹Открытие браузера прямо в редакторе
🔹Обновление контента без сохранения

Называется 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
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
👍93
Media is too big
VIEW IN TELEGRAM
Крутая шпаргалка по Python

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

В шпаргалке также стоят отметки, которые говорят о том, в какой версии Python появилась та или иная фишка.

https://kieranholland.com/best-python-cheat-sheet/

#шпаргалка

@WebDev_Plus
👍71
This media is not supported in your browser
VIEW IN TELEGRAM
Project Wallace

Это сервис, который анализирует качество твоего CSS-кода

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

В итоге получаешь чёткий список того, что нужно поправить, чтобы код стал чище и быстрее

https://projectwallace.com/css-code-quality

#ресурсы

@WebDev_Plus
9👍3
This media is not supported in your browser
VIEW IN TELEGRAM
Мощный совет по HTML

Используйте тег <sub> для отображения нижнего индекса в HTML

Это особенно полезно для математических формул, химических уравнений и сносок

#советы

@WebDev_Plus
👍125
20 полезных ресурсов, чтобы выучить Python — простая, местами очевидная, но интересная подборка:

Сайты:

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
👍51
This media is not supported in your browser
VIEW IN TELEGRAM
Мощный совет по JavaScript

Вместо console.log для инспекции объектов используйте console.table — так данные отображаются в удобной табличной форме! Идеально для отладки структурированных данных.

#советы

@WebDev_Plus
19👍10🔥2