Веб-страница
22.1K subscribers
2.17K photos
561 videos
2 files
4.45K links
Всё по фронтенду, бэкенду и девопсу в одном месте

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

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

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

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

Регистрация в перечне РКН: https://tprg.ru/64ai
Download Telegram
​Основы библиотеки cURL PHP

cURL — библиотека с открытым исходным кодом, используемая для отправки HTTP-запросов с различных языков программирования, включая C, PHP и другие. Она работает по множеству различных протоколов с синтаксисом URL. В данной статье рассмотрена работа библиотеки по протоколу HTTP/HTTPS:

https://tproger.ru/articles/osnovy-biblioteki-curl-php/

#php
👍5
​Почему вам стоит начать писать на TypeScript

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

В этой небольшой статье автор делится собственным мнением о языке, а также рассказывает об основных особенностях и преимуществах TypeScript:

https://tproger.ru/articles/pochemu-vy-dolzhny-pisat-na-typescript-v-2023-godu/

#typescript #фронтенд
👍15😐3❤1
​Парсим сайты в обход защиты от парсинга

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

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

https://habr.com/ru/post/710982/
🍾7
​У нас для вас отличные новости! Наш сайт обновился и теперь может уведомлять по почте и в Telegram о новых материалах, которые интересны именно вам

Для этого вам нужно:

1. Авторизоваться на сайте tproger.ru
2. Зайти в свой профиль и подписаться на интересные вам теги в разделе «Подписки». Например, библиотеки, инструменты и другие
3. В разделе уведомлений выбрать, как именно вы хотите получать уведомления
4. Всё! Вы великолепны и теперь всегда будете первым узнавать о свежих материалах
🥱16👍7💩3❤2
​Как перебрать бэкенд, чтобы для 20 миллионов юзеров всё прошло гладко

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

В этой статье вы узнаете, как на платформе Дзен за два года полностью переписали инфраструктуру, при этом ни пользователи, ни авторы контента не почувствовали никаких негативных последствий перехода:

https://tprg.ru/tqeb

#бэкенд
👍4
This media is not supported in your browser
VIEW IN TELEGRAM
Создание отзывчивого мобильного меню с помощью CSS без JavaScript

В этой статье вы узнаете, как создать отзывчивое мобильное меню с помощью CSS, без использования JavaScript. Автор пошагово показывает, как создать и стилизовать гамбургер-меню, анимировать его и сделать его доступным для пользователей с ограниченными возможностями:

https://blog.logrocket.com/create-responsive-mobile-menu-with-css-no-javascript/

#css #фронтенд
👍23🥴2😍2
​Что должен уметь фронтенд-разработчик в 2023 году

У нас на сайте вышла статья, в которой автор предлагает дорожную карту для фронтенд-разработчиков на 2023 год. В ней содержится подробная информация о том, какие технологии и навыки будут востребованы в ближайшие годы, и какие тенденции будут доминировать в сфере фронтенд-разработки.

Подробнее:

https://tproger.ru/articles/chto-dolzhen-umet-frontend-razrabotchik-v-2023-godu-roadmap/

#фронтенд #roadmap
👍4🤮3
​Создание микрофронтенда со Svelte и Podium

Микрофронтенд позволяет нам создавать независимые части крупной архитектуры, что делает разработку удобнее и быстрее. В этой статье вы узнаете, как создавать отдельные микросервиы для фронтенда, используя Svelte, Rollup и Podium, а затем научитесь их компилировать в единое приложение:

https://blog.logrocket.com/building-svelte-micro-frontends-podium/

#микрофронтенд #svelte #фронтенд
❤9👍3👎3
​Как подключить ChatGPT к рабочей почте с помощью Nodul

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

А как именно интегрировать ChatGPT на сайт и научить работать с почтой, узнаете тут:

https://tproger.ru/articles/vam-pis-mo/

#chatgpt #nodul #бэкенд
👍7
​15 полезных расширений для VSCode, которые упростят разработку

VSCode позволяет очень гибко настроить его под ваши нужды, превращая его в, практически, IDE. В этой подборке собраны расширения, которые наверняка пригодятся веб-разработчикам:

https://tprg.ru/4SpV

#vscode
👍14
​Создание калькулятора только с чистым HTML и CSS

В статье подробно описывается процесс создания калькулятора, начиная от структуры HTML до стилей CSS, необходимых для его работы. Этот проект может быть интересен как начинающим, так и опытным веб-разработчикам, которые хотят улучшить свои навыки в создании веб-страниц без использования JavaScript.

https://blog.scottlogic.com/2022/01/20/noJS-making-a-calculator-in-pure-css-html.html

#html #css
🌚7🤣2🤨1
​Анализ работы Guess.js в приложении Angular

Guess.js — это библиотека, разработанная Google, которая использует данные аналитики для определения, какие ресурсы должны быть предварительно загружены, чтобы ускорить загрузку страницы. В статье рассматривается процесс интеграции Guess.js в Angular приложение, а также его настройка и использование:

https://nuancesprog.ru/p/16808/

#angular #guessjs
👍12
This media is not supported in your browser
VIEW IN TELEGRAM
Давайте хвастаться своими успехами

Ну что, как прошла ваша неделя? Успели закрыть текущие таски или, может быть, сделали какую-то крутую фичу?

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

https://tproger.ru/articles/chto-vy-delali-na-jetoj-nedele-post-ljogkogo-hvastovstva-za-20-24-fevralja/
👌8👍4
​​Когда фронтенд ещё не отлажен, а запускать сайт уже надо:
🤣117❤‍🔥11👍8❤6👎1
​Как создать Chrome-расширение для приложения с прогнозом погоды

В статье описывается процесс создания Chrome-расширения для отображения прогноза погоды. Автор подробно объясняет, как настроить манифест, как добавить иконки, как написать код для взаимодействия с внешним API. Эта статья пригодится как начинающим, так и опытным веб-разработчикам, которые хотят создать своё первое расширение для браузера и разобраться, как расширения работают на практике.

https://nuancesprog.ru/p/16733/

#chrome #бэкенд
👍11
​Зачем нужна ARIA и как она помогает сделать веб-стайт более доступным

ARIA, или Accessible Rich Internet Applications — это спецификация, которая позволяет сделать веб-контент и сайты доступными для людей с ограниченными возможностями. В этой видео вы на простых примерах разберётесь с aria-ролями и aria-атрибутами:

https://youtu.be/oS5tmH8HtFw

#видео #aria
👍13❤5🔥1
​Как использовать React в приложениях Angular

Нет, цель не в создании монстра Франкенштейна, который будет представлять из себя куски различных фреймворков. Но это может быть действительно кстати, если вам нужно быстро добавить компонент, которого нет в вашем фреймворке, но есть в экосистеме React. Или если необходимо интегрировать сервисы, которые работают на React.

О том, как это сделать:

https://nuancesprog.ru/p/16840/

#react #angular
😱15👍3
​8 CSS-проектов, демонстрирующих мощь теневых эффектов

Настроить тени в CSS сегодня проще простого: одна строчка и тень готова. Но можно пойти дальше и сделать тень не просто элементом дизайна, но и фичей, добавив анимацию и некоторые хитрости.
В этой статье собрали 8 проектов, которые демонстрируют разные возможности теней и необычные вариаты применения:

https://speckyboy.com/css-snippets-shadow-effects/

#css
👍10
​Держите свежий дайджест Python: версия 3.12 и свой GPT за 60 строк кода

Подготовили для вас лучшие материалы по питону с 14 по 28 февраля. Большие данные, нейросети, Django, Flask и многое другое ждут вас тут:

https://tproger.ru/articles/dajdzhest-python-4-versija-3-12-i-svoj-gpt-za-60-strok-koda/

#дайджест #python
👍6
​Как посчитать длину текста и не привлекать внимание санитаров

В этой статье вы узнаете, как правильно рассчитать длину текста в JavaScript даже если там присутствуют эмодзи. Она будет одинаково полезна как начинающим разработчикам, так и весьма опытным. Благодаря ей вы поймете устройство Unicode и особенности его работы в JS.

Подробнее:

https://habr.com/ru/company/avito/blog/675586/

#javascript
😈6🤯5🍓4👍2