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
📊 Визуальное сравнение производительности различных языков на примере цикла с 1 миллиардом операций

#измираIT
Please open Telegram to view this post
VIEW IN TELEGRAM
👍12🔥7🆒3
🎮 20 игр для программирования в Steam

Игры научат вас коду и алгоритмам:

1. SIC-1 — одноинструментальная игра по программированию;
2. MHRD — игра, в которой вы проектируете различные аппаратные схемы на языке оборудования;
3. A=B — программистская головоломка, в которой есть только одна инструкция: A=B, что означает замену A на B;
4. Virtual Circuit Board — логический симулятор, основанный на рисовании, в котором вы можете строить, программировать, украшать и моделировать что угодно;
5. One Dreamer — манипулируйте окружающим миром, редактируя исходный код, в стремлении выгоревшего разработчика инди-игр исполнить мечту всей жизни;
6. The Farmer Was Replaced — запрограммируйте и оптимизируйте беспилотник для автоматизации фермы и наблюдайте, как он делает работу за вас;
7. One Dreamer — изменяйте мир вокруг себя с помощью псевдокода, путешествуя по смешанным реальностям, и узнайте, почему Фрэнк стал разработчиком игр;
8. OCTOPTICOM — бессрочная игра-головоломка, посвященная проектированию и оптимизации оптических вычислительных устройств;
9. Comet 64 — игра-головоломка для программистов;
10. EXAPUNKS — раньше вы были хакером, а теперь у вас есть фаг;
11. Glitchspace — перепрограммирование игры для решения головоломок;
12. Else Heart.Break() — игра о дружбе, любви и технологиях в месте, где биты заменили атомы;
13. Grey Hack — симулятор хакера, где вы играете за хакера с полной свободой действий в обширной сети процедурно генерируемых компьютеров;
14. Bitburner — инкрементальная игра, основанная на программировании;
15. Turing Complete — изучите архитектуру процессора с помощью головоломок;
16. 7 Billion Humans — автоматизируйте толпы офисных работников для решения головоломок внутри вашего собственного распараллеленного компьютера, сделанного из людей;
17. TIS-100 — задача в этой игре, переписать поврежденные блоки кода, чтобы починить код и узнать все его секреты;
18. Opus Magnum — вам предстоит придумывать и строить хитроумные машины для получения зелий, ядов и других веществ;
19. SHENZHEN I/O — создавайте схемы и пишите код;
20. Human Resource Machine — возьмите контроль над небольшими офисными работниками и запрограммируйте их на решение головоломок.

#игры #полезныйресурс #начинающему #учись
Please open Telegram to view this post
VIEW IN TELEGRAM
👍963👌1
This media is not supported in your browser
VIEW IN TELEGRAM
Slider boomerang effect

Реализовано с использованием HTML и CSS. Анимация выполнена с помощью библиотеки GSAP

🆖 https://codepen.io/jh3y/details/wvNpQJe

#готовыйкод

@WebDev_Plus
Please open Telegram to view this post
VIEW IN TELEGRAM
👍92
This media is not supported in your browser
VIEW IN TELEGRAM
Хочешь учиться веб-разработке под крылом Google?

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

Можно идти по модулям последовательно или выбирать именно те темы, которые интересуют больше всего:

— HTML
— CSS
— JavaScript
— Доступность
— Тестирование
— БЕСПЛАТНО
... и многое другое

🆖 https://web.dev/learn?hl=ru

#ресурсы

@WebDev_Plus
Please open Telegram to view this post
VIEW IN TELEGRAM
👍7🔥1
Какие языки программирования вы изучаете или планируете изучать? (Это поможет мне создавать контент, который вам будет полезен)
Anonymous Poll
48%
Frontend (HTML/CSS/JS и всё связанное)
54%
Python
13%
PHP
2%
Ruby
17%
Java
16%
C#
9%
Go
6%
Другой (напишите в комментариях)
👍8
Media is too big
VIEW IN TELEGRAM
Roadmap.sh — Дорожная карта разработчика

Популярный OpenSource проект, в котором сообщество создало дорожные карты, руководства и статьи, чтобы помочь начинающим разработчикам

#ресурсы

@WebDev_Plus
👍6🔥2
Откопал для вас шикарную подборку мини-проектов для начинающих веб-разработчиков

Этот репозиторий — настоящая находка: тут есть всё, от простых калькуляторов и генераторов цитат до клонов интерфейсов типа Amazon Prime и даже интерактивных игр

Настоящая кладезь, чтобы прокачать навыки или просто поиграться с идеями. Зацените сами: Web-dev-mini-projects

@WebDev_Plus
5🔥4👍3
Как скачать видео с YouTube с помощью Python за 5 строк кода!

С помощью библиотеки pytube можно легко скачать любое видео с YouTube

Посмотрите это 👆

#советы

@WebDev_Plus
Please open Telegram to view this post
VIEW IN TELEGRAM
👍153
This media is not supported in your browser
VIEW IN TELEGRAM
Ловите лайфхак: GitHub + VS Code - быстрое редактирование кода в вашем репозитории прямо в браузере

Для этого нужно заменить в ссылке .com на .dev. Или просто нажать на клавиатуре «.».

Редактор будет абсолютно идентичен вашему редактору на локальной машине (если у вас включена синхронизация с GitHub аккаунтом): цветовая палитра, подсветка синтаксиса, плагины и т.д.

#советы

@WebDev_Plus
👍12
Media is too big
VIEW IN TELEGRAM
Web Skillsвизуальный роадмап для изучающих фронтенд со ссылками на избранные материалы: от основ HTML/CSS/JS до баз данных, UX-дизайна и работы в команде

#ресурсы

@WebDev_Plus
👍8
This media is not supported in your browser
VIEW IN TELEGRAM
💡 Фишка VS Code

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

#советы

@WebDev_Plus
Please open Telegram to view this post
VIEW IN TELEGRAM
15👍4
Ускорьте Python в 50 раз за 4 простых шага

По умолчанию интерпретатор Python, CPython, работает медленно, в основном из-за своей динамичности.

После определения переменной с определённым типом её можно изменить на другой. Эти динамические манипуляции приводят к дополнительным затратам на выполнение и память.

Чтобы ускорить работу, используйте модуль Cython. Он превращает код Python в C, делая его быстрым и эффективным.

Вот как использовать модуль Cython:

1) Загрузите модуль Cython: %load_ext Cython
2) Добавьте магическую команду Cython
3) Указывайте типы данных параметров при использовании функций
4) Определяйте каждую переменную с помощью ключевого слова cdef и указывайте её тип данных

Вот и всё!

Теперь ваш код будет работать с ускорением до скорости нативного машинного кода, как показано на картинке.

#советы

@WebDev_Plus
8🔥1
Бесплатный курс по фулстек-разработке

Курс включает 141 урок — со слов автора, он пилил его весь 2023 год, пытался продать, но не пошло. В итоге он выкатил курс в опенсорс, и за это отдельный респект 😎

Тут акцент на практику, реальные проекты и самые актуальные технологии

Где смотреть:
🔸YouTube
🔸Stepik

#ресурсы

@WebDev_Plus
Please open Telegram to view this post
VIEW IN TELEGRAM
👍10
Традиционные БД требуют заранее заданной схемы таблицы и последующего процесса импорта данных при работе с CSV данными.

В отличие от этого, DuckDB позволяет напрямую читать CSV-файлы с диска, исключая необходимость явного создания таблицы и загрузки данных

#советы

@WebDev_Plus
👍9
Media is too big
VIEW IN TELEGRAM
Наткнулся на бомбовый список из 200 идей проектов для разработчиков любого уровня — от новичков до продвинутых!

Все проекты удобно разделены по уровню сложности и стеку: блокчейн, веб, редактор изображений — да буквально что угодно!

Короче, если ищешь вдохновение или что-то, где можно пореально прокачать навыки, зацени: тык сюда

#ресурсы

@WebDev_Plus
👍4
В Python можно выполнить директорию проекта как скрипт

🔸Переименуйте основной файл в main[.]py.
🔸Запустите "python имя_директории".

Это удобно и позволяет другим легко идентифицировать основной файл

#советы

@WebDev_Plus
Please open Telegram to view this post
VIEW IN TELEGRAM
👍8
This media is not supported in your browser
VIEW IN TELEGRAM
W3Schools — это веб-сайт для веб-разработчиков, охватывающий всё, что нужно знать о создании сайтов.

Он предлагает учебные материалы для всех уровней — от новичков до экспертов, а также викторины для проверки знаний.

Вы можете проходить курсы в удобном темпе и получать сертификаты

#ресурсы

@WebDev_Plus
🔥6👍4❤‍🔥1
Генерируем QR-код для подключения к Wi-Fi

Давай мы покажем, как создать QR-код, с помощью которого моментально можно будет подключиться к Wi-Fi.

Больше не нужно будет диктовать пароль каждому гостю – просто сохрани или распечатай сгенерированную этим скриптом картинку и удивляй всех ✌️

#советы

@WebDev_Plus
Please open Telegram to view this post
VIEW IN TELEGRAM
👍421
This media is not supported in your browser
VIEW IN TELEGRAM
Это потрясающее расширение для VS Code, которое за секунды превращает вашу структуру папок в правильно отформатированное текстовое представление

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

#ресурсы

@WebDev_Plus
👍111
Очень полезное руководство для веб-разработчиков

The Valley of Code
— масса полезной информации с множеством разделов - от основ интернета до библиотек и фреймворков

🆖 https://thevalleyofcode.com/

#ресурсы

@WebDev_Plus
Please open Telegram to view this post
VIEW IN TELEGRAM
👍31