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

Связь: @devmangx
Download Telegram
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
Вопрос_ответ_для_Python_разработчика_на_собеседовании.pdf
851.3 KB
Готовимся к собеседованию — 400 популярных вопросов и ответов для Python-разработчика.

Сохраняйте и изучайте ✌️

#ресурсы

@WebDev_Plus
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6
This media is not supported in your browser
VIEW IN TELEGRAM
Совет по JavaScript

Нужно преобразовать строку в массив символов?

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

#советы

@WebDev_Plus
👍15
Большая_Шпаргалка_по_Python_для_начинающих.pdf
741 KB
Ловите огромную шпаргалку по Python, Django, Plotly, Matplotlib, Pygame и Git

— Переменные, циклы, условия;
— Работа с файлами;
— Функции и классы;
— Работа с Django;
— Тестирование кода и куча других фишек.

#ресурсы

@WebDev_Plus
3🔥3👍2😁2
This media is not supported in your browser
VIEW IN TELEGRAM
Используйте событие "copy" в JavaScript, чтобы определить, когда кто-то копирует текст с вашего сайта

В демонстрации ниже я вызываю функцию alert, когда кто-то копирует текст с моего сайта.

#советы

@WebDev_Plus
👍13🔥4❤‍🔥21
Codechef

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

Каждый месяц проводятся соревнования, где можно посоревноваться с программистами со всего мира

#ресурсы

@WebDev_Plus
👍51
This media is not supported in your browser
VIEW IN TELEGRAM
Полезный совет: используйте Performance Monitor в Chrome DevTools — это помогает анализировать загрузку процессора и использование памяти на сайте

#советы

@WebDev_Plus
👍7
Python_Cheat_Sheet.pdf
677.7 KB
Крутая шпаргалка-обучалка для питонистов с подробным описанием и примерами кода.

Можно использовать для изучения базового Python

#ресурсы

@WebDev_Plus
👍7
This media is not supported in your browser
VIEW IN TELEGRAM
Нужны качественные анимированные иконки с открытым исходным кодом для ваших веб-проектов?

Эта библиотека предлагает потрясающую коллекцию анимированных SVG-иконок — настраиваемых, легковесных

https://icons.pqoqubbw.dev/

#ресурсы

@WebDev_Plus
8👍4
This media is not supported in your browser
VIEW IN TELEGRAM
Большая актуальная базу бесплатных API, которая обновляется ежедневно

Тут собрано аж 363 бесплатных API на все случаи жизни: от игр и погоды до финансов и здоровья.

Алгоритмы присваивают рейтинг каждому API на основе надежности, частоты ошибок и времени отклика

Если API перестает работать или становится платным, он теряет рейтинг и удаляется с сайта

Переходите и смотрите сами: https://www.freepublicapis.com/

#ресурсы

@WebDev_Plus
👍6
This media is not supported in your browser
VIEW IN TELEGRAM
Эта платформа предлагает более 500 вопросов, разбитых на 20 категорий, включая такие темы, как Git, CSS, JavaScript, React и многое другое.

Все вопросы отсортированы по категориям и курируются пользователями.

Вопросы на английском, но это отличная возможность подтянуть язык

https://quizzes.madza.dev/

@WebDev_Plus
5💯2
Методы списков в Python

🔹append() — добавляет элемент в конец списка
🔹pop() — удаляет и возвращает элемент по заданному индексу
🔹insert() — вставляет элемент по заданному индексу
🔹remove() — удаляет первое вхождение элемента
🔹extend() — добавляет элементы одного списка в конец другого
🔹reverse() — разворачивает порядок элементов в списке
🔹index() — возвращает индекс первого вхождения значения
🔹count() — возвращает количество вхождений значения в список
🔹sort() — сортирует список по возрастанию

#шпаргалка

@WebDev_Plus
Please open Telegram to view this post
VIEW IN TELEGRAM
👍7🔥3
This media is not supported in your browser
VIEW IN TELEGRAM
Это просто мощнейший инструмент для CSS Grid

Генерируй любую сетку, какую только можешь вообразить — пара кликов, никакого ручного кода

Ссылка на тулзу: http://cssgridgenerator.io

#ресурсы

@WebDev_Plus
9👍3👏1
👩‍💻 12 Git команд, которые нужно знать

1. git init – инициализация нового Git-репозитория в текущем каталоге.

2. git add – добавление изменений в индекс (staging area).

3. git commit – фиксация проиндексированных изменений с комментарием.

4. git push – отправка локальных изменений в удалённый репозиторий.

5. git pull – получение изменений из удалённого репозитория и их слияние с локальной веткой.

6. git remote – добавление, просмотр или удаление удалённого репозитория.

7. git branch – вывод списка веток, создание новой ветки и переключение на неё.

8. git fetch – загрузка изменений из удалённого репозитория без их слияния.

9. git checkout – переключение на указанную ветку.

10. git merge – слияние указанной ветки с текущей.

11. git status – отображение текущего состояния репозитория и неподтверждённых изменений.

12. git reset – откат текущей ветки до указанного коммита.

#шпаргалка

@WebDev_Plus
Please open Telegram to view this post
VIEW IN TELEGRAM
👍11🔥43
This media is not supported in your browser
VIEW IN TELEGRAM
CSS-лайфхак для создания «умных» теней:

• С помощью background: inherit наследуешь фон.
• Применяешь это к псевдоэлементу ::after.
• Добавляешь фильтр blur для размытия.
• Повышаешь насыщенность.
• Задаёшь отрицательный z-index и отправляешь элемент на задний план.

И получается вот так

@WebDev_Plus
👍145🔥2👨‍💻1
Классная подборка Python-скриптов, которые пригодятся в самых разных ситуациях. Тут есть всё, от простых примеров до реальных проектов:

🔹 krp/python-examples — базовые примеры для обучения. Простенько, но полезно.

🔹 geekcomputers/Python — сборник "всякого-разного", от полезных скриптов до мини-проектов

🔹 OmkarPathak/Python-Programs — алгоритмы, мини-игры и ООП

🔹 fnplus/Python-scripts-collection — целый склад прикольных скриптов для повседневных задач.

#ресурсы

@WebDev_Plus
Please open Telegram to view this post
VIEW IN TELEGRAM
2
BFEdev

Здесь собрано более 600 задач по JavaScript, React, TypeScript, CSS и даже системному дизайну

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

#ресурсы

@WebDev_Plus
6❤‍🔥1👍1
This media is not supported in your browser
VIEW IN TELEGRAM
Firebase Studio

IDE прямо в браузере для вайб-кодинга. Пишешь на естественном языке, редактируешь код, деплоишь. По сути — бесплатный аналог Cursor

Попробовать можно здесь

#ресурсы

@WebDev_Plus
3🔥2🆒1
Совет по JavaScript

Юзай новый метод Object.groupBy() — группируй объекты по любому свойству в одну строку, без плясок с бубном

Поддерживается всеми современными браузерами

#советы

@WebDev_Plus
11👍2