Веб-страница
23K subscribers
1.9K photos
560 videos
2 files
4.11K links
Всё по фронтенду, бэкенду и девопсу в одном месте

Разместить рекламу: @tproger_sales_bot

Правила общения: https://tprg.ru/rules

Другие каналы: @tproger_channels

Сайт: https://tprg.ru/site

Регистрация в перечне РКН: https://tprg.ru/64ai
Download Telegram
Свежий дайджест Типичного программиста уже на сайте

В этом выпуске вы узнаете почему 30% россиян бесят коллеги, кто пытается научить нейросеть уничтожать человечество, где изучать программирование бесплатно и многое другое. Скорее читайте:

https://tproger.ru/articles/dajdzhest-tproger/

#дайджесттп
😁11🥱4🤮2
This media is not supported in your browser
VIEW IN TELEGRAM
Интерактивный лоадер-скейтбордист

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

Посмотреть, как реализован проект и попробовать можно тут:

https://codepen.io/aaroniker/pen/gOwEjBr

И помните: не нажимайте С! Мы вас предупредили.

#codepen #фронтенд
👍20🤨1
Что такое Go и как его используют

Язык программирования Go был создан в 2009 году и сегодня обретает всё большую популярность. Он отличается эффективностью и скоростью, схожей с языками Си, а также простым синтаксисом, характерным Python.

Сегодня Go популярен в качестве языка для бэкенд-разработки. Почему? В этой статье вы найдёте ответ на этот и другие вопросы:

https://tproger.ru/articles/chto-takoe-go-i-kak-ego-ispolzuyut/

#golang
1👍1
Дайджест Python #7: аналоги ChatGPT и обновления фреймворков

Свежий дайджест Python ждёт вас на сайте. Он порадует вас лучшими материалами по Big Data, AI, Веб-разработке на Python за первую половину апреля.

В этом выпуске вы узнаете об интеграции OpenAPI в Django, работе ChatGPT с базами данных и многом другом:

https://tproger.ru/articles/python-digest-7/

#дайджест #python
😁5💩1
Структуры данных во фронтенде

Структуры данных могут быть пугающими. Особенно для самоучек. Но с толковым объяснением и понятными примерами всё не так уж страшно.

Убедитесь сами: 

https://profy.dev/article/javascript-data-structures

#фронтенд
👍41👎1🐳1
Ловите 20 полезных промптов ChatGPT для IT

Если вы уже успели воспользоваться услугами ChatGPT, то знаете, как важно правильно расписать ему задачу и дать контекст. А если нет, то самое время попробовать облегчить собственную жизнь с помощью этой популярной нейросети.

Здесь мы собрали 20 промптов, которые дадут чату необходимые способности для решения конкретных задач:

https://tproger.ru/articles/20-rabochih-promptov-chatgpt-dlya-it/

#chatgpt
👍9👎3😐1
Скроллим к фрагменту текста с помощью URL

Если вам необходимо сделать навигацию не просто по сайту, а по конкретной странице, то у вас есть такая возможность. Более того, можно настроить страницу так, что при отправке ссылки пользователь, который перейдёт по ней, попадёт сразу на нужный участок страницы, а не будет листать всё, начиная с хедера.

Реализуется это довольно легко, так что стоит взять на вооружение. Инструкцию оставили здесь:

https://blog.jim-nielsen.com/2022/scroll-to-text-fragments/

#фронтенд #навигация #url
😁60👎41👍1🐳1🤣1
PHPize.online — песочница для работы с SQL, PHP и ChatGPT

Это бесплатный проект, позволяющий:
— быстро писать и исполнять SQL запросы к различным популярным базам данных, таких как MySQL, MariaDB, PostgreSQL, SQLite, Oracle и Microsoft SQL Server;
— писать и исполнять код на PHP;
— получать подсказки по написанию кода от ChatGPT.

С помощью него вы можете быстро и просто написать небольшой проект, даже не обращаясь к IDE, и тут же проверить его работоспособность. А самое главное, вы можете поделиться готовым кодом, как, например, с помощью jsbin и codepen для фронтенд-проектов.

Подробнее о проекте, его особенностях и возможностях расскажет сам автор:

https://tproger.ru/articles/phpize-online-onlajn-sreda-dlya-raboty-s-bazami-dannyh-sql-i-php/

#инструмент #php #sql
👍81🔥1
Node.js: использование веб-потоков

Веб-потоки (web streams) — это стандарт для потоков (streams), который поддерживается всеми основными веб-платформами. Потоки — это абстракция для чтения и записи данных последовательно, небольшими частями из любого вида источника — файлов, данных, находящихся на сервере, и т.д.

В этой статье вы узнаете, как правильно использовать веб-потоки и где они будут полезны:

https://habr.com/ru/companies/timeweb/articles/675676/

#бэкенд #nodejs
👍3
This media is not supported in your browser
VIEW IN TELEGRAM
Дайджест Tproger #3: Node.js 20, бот для торговли криптой, сторонние магазины в iOS17

В свежем выпуске дайджеста мы собрали для вас много полезных и интересных материалов. Рассказали о структурах данных, чистом коде, советах для джуна, полезном ресурсе для фронтедеров MyJavaScript и многом другом.

Переходите по ссылке и не забудьте выбрать самый понравившийся материал:

https://tproger.ru/articles/dajdzhest-tproger-3-node-js-20-bot-dlya-torgovli-kriptoj-storonnie-magaziny-v-ios17/

#дайджесттп
👍2
This media is not supported in your browser
VIEW IN TELEGRAM
Упрощаем отладку компонентов UI с помощью удобного расширения

Мы имеем в виду Preview.js — удобное расширение для VSCode или JetBrains IDEs, которое позволяет видеть превью вашего кода, не переходя в браузер. Работает плагин со многими популярным фреймворками: Preact, React, Svelte, Vue и SolidJS.

Здесь вы можете посмотреть все возможности плагина и установить его:

https://previewjs.com/

#инструмент #фронтенд
👍345
Учимся бороться с ошибками CORS

Многие из нас сталкивались с подобными ошибками и поломали немало копий на них. Но теперь можно вздохнуть с облегчением.

В этой статье собраны наиболее частые ошибки и способы их устранения:

https://fatimamo.com/become-a-cors-wizard
9👍2🔥1
Несколько способов организовать удобную структуру проекта на Vue.js

Для одностраничника, конечно, хватит и пары папок, а то и вовсе без них обойтись можно. Но чтобы взаимодействовать с крупным проектом без болей и быстро находить нужны куски кода, необходимо правильно распределить файлы.

В этой статье вы найдёте несколько полезных советов и способов, которые помогут вам правильно структурировать ваш проект на Vue.js:

https://medium.com/@nile.bits/good-ways-to-organize-large-vue-js-project-a38e557c9876

#vue #фронтенд
👍71👎1🤣1
Когда вылез очередной баг
35
Эволюция масштабируемого CSS

За время существования интернета CSS прошёл долгий путь и сильно изменился. И всегда были какие-то проблемы, к единому решению которых никто так и не пришёл.

В этой статье вы посмотрите на эволюцию CSS и проблем, связанных со стилями, а также на то, как эти проблемы решаются самыми разными способами:

https://frontendmastery.com/posts/the-evolution-of-scalable-css/

#css
👍2
Милая и наглядная шпаргалка по CSS Flexbox

Если вы давно искали шпаргалку, которая будет наглядно демонстрировать работу всех свойств flexbox, которую приятно будет разглядывать ребёнку и вашей девушке, пытающейся разобраться в том, чем вы занимаетесь, то вам сюда.

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

https://tproger.ru/articles/css-flexbox-tutorial-with-flexbox-properties-cheat-sheet/

#фронтенд #шпаргалка #css
14👍7
This media is not supported in your browser
VIEW IN TELEGRAM
Морской бой на PostgreSQL

Если вы изучаете базы данных, то вот вам интересный кейс: игра, написанная на PostgreSQL 12 и работающая прямо в консоли. Здесь вы можете почитать, как игра была разработана, чтобы лучше разобраться в нюансах проекта:

https://selectel.ru/blog/seabattle-postgresql/

А поиграть и посмотреть код можно здесь:

https://github.com/selectel/sql-battleships

#бд #postgresql
🔥5🤨3👍2
This media is not supported in your browser
VIEW IN TELEGRAM
Интерактивный щенок на ванильном JS

Этот милый щенок будет следовать за вашим курсором и преданно смотреть на вас своими пиксельными глазками. Выполнен он без использования каких-либо библиотек.

Посмотреть код и поиграть с щенком можно тут:

https://codepen.io/Ma5a/pen/MWBGbOb

#codepen
36👍8