Веб-страница
24.1K subscribers
1.74K photos
531 videos
1 file
3.94K links
Всё по фронтенду, бэкенду и девопсу в одном месте

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

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

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

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

Регистрация в перечне РКН: https://tprg.ru/64ai
Download Telegram
Вопрос 2. Что такое IIFE?

IIFE (Immediately Invoked Function Expression) — это немедленно вызываемое функциональное выражение. Такое выражение выполняется немедленно после создания.

Этот паттерн часто используется для того чтобы не допустить загрязнения глобального пространства имён. Дело в том, что переменные, объявленные в IIFE (как и в любой другой обычной функции), невидимы за пределами этой функции.


#вопросответ
👍15🔥2
Не SpeedTest'ом единым...

Мы не знаем почему РКН решил ограничить работу Speedtest в России, но точно знаем, что проверить скорость интернета бывает крайне важно. Поэтому мы собрали 7 рабочих проверенных альтернатив:

1 Яндекс.Интернетометр
2. Линкметр
3. Cloudflare Speed Test
4. nPerf
5. SpeedOf.Me
6. Orb
7. ПроСеть

У каждого сервиса свои сильные и слабые стороны. Чтобы вам было проще определиться, подробнее о каждом мы рассказали в статье.
💩17👍3👎1🔥1
Forwarded from Код найма
Прямой эфир с ментором по Python Сергеем Филичкиным

Забивайте слот в календаре:
📌 19 августа, 18:00 — Сергей Филичкин проведёт бесплатную открытую консультацию в «Коде найма».

Тему этого эфира помогли выбрать вы! Будем разбирать, «Как собирать офферы «про запас» и торговаться за лучшую цену». А вот более подробный план встречи:

🖇Как грамотно позиционировать себя на рынке, чтобы получить больше предложений.
🖇Психология успеха в переговорах: как уверенно говорить о деньгах.
🖇Тактика сбора офферов и ведения торгов.
🖇Лайфхаки по автоматизации поиска и переписки с рекрутерами.
🖇Блок Q&A с разбором ваших ситуаций.

💬 Оставляйте свои вопросы Сергею под этим постом — чтобы наш ментор дал развернутые и действительно рабочие советы!

Python-карьера в 2025 без воды: деньги, офферы, переговоры. Подписывайся.

ИП Филичкин Сергей Андреевич ИНН 183401586208, erid: 2W5zFJydiRE
Please open Telegram to view this post
VIEW IN TELEGRAM
1🔥1💩1
This media is not supported in your browser
VIEW IN TELEGRAM
Пример необычной анимации на чистом JS и CSS

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

Как это реализовано, можно посмотреть по ссылке. Там же можно поиграться со значениями, чтобы лучше понять алгоритм.

#codepen #javascript #css
👍10🔥5
This media is not supported in your browser
VIEW IN TELEGRAM
Нашёл инструкцию, как делать 3D-текст без использования JavaScript

Я не знаю в каком проекте вы решите это применить, но выглядит это необычно. На самом деле так можно обрабатывать не только текст, но и SVG-изображения.

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

#css #фронтенд
🔥82😁2
Работает? Не трогай!
😁37💩5🤔3
This media is not supported in your browser
VIEW IN TELEGRAM
Делаем своего LLM-агента на TypeScript

Годная статья для тех, кто хочет сделать свою Алису, Сири, Джарвиса или ещё кого. Автор реализовал своего агента, который понимает запросы, умеет выделять из них суть и преобразовывать её в команды для различных сервисов. Теперь вы можете также, ведь он подробно рассказал, что делать, используя TS и MCP.

Читаем тут: https://habr.com/ru/articles/926548/

#llm #ии #ypescript
🔥10
Как создавать сложные расширения Chrome

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

#extensions #chrome
🔥52
Коллекция странностей CSS, которые могут сломать вам мозг

Изначально простой CSS со временем оброс таким функционалом, что порой его сложно понять. И если вы не опытный разработчик, который уже сталкивался с такими странностями, то они смогут надолго вывести вас из рабочего процесса.

Чтобы не попасться в ловушку особенностей CSS, рекомендую вам хотя бы мельком прочитать эту статью. Здесь про calc(), aspect-ratio, absolute и многое другое.

#css #фронтенд
🔥3
Как заставить пользователей заметить ваш сайт

Сегодня уже сложно привлечь аудиторию прямой рекламой — баннерная слепота и фрагментация внимания делают своё дело. Но крутиться и раскручиваться како-то надо. Поэтому мы решили разобрать несколько инструментов, которые помогают в продвижении сайт с разных сторон: в основном с помощью SEO, но с разными подходами.

Заглядывайте к нам и выбирайте тот, который подходит в вашем конкретном случае.

#seo
🔥3👎1
Forwarded from Типичный программист
Ору: парень проходит собесы и гоняет HR-ов их же тупыми вопросами 🤣

Теперь всё наоборот: на интервью кандидат спрашивает у рекрутеров «Какие планы у компании на ближайшие 5 лет?» или «Почему вообще освободилась эта должность?».

HR-ы явно не ожидали такого поворота
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
😁32👍158🤔3👎2
Тренажёр по промисам

Если вы, как и я, хотите лучше разбираться в промисах в JS, то я к вам с хорошими новостями. Нашёл репозиторий с тренажёром, который поможет отточить навыки. Тут куча упражнений, которые вам помогут. А встроенные тесты сразу покажут результат.

Лежит тут: https://github.com/henriqueinonhe/promises-training

#javascript #тренажер
🔥18👍1
Адаптивные изображения и подписи на CSS: как работают container queries и :has()

Container queries и селектор :has() делают адаптивность вёрстки проще и чище. Разбираем, как с их помощью построить компонент с feature image, который подстраивается под контейнеры, меняет расположение и стиль подписи, оставаясь стабильным при любой ширине.

Подробности тут.

#фронтенд #css
4👍3
Структуры данных для фронтенд-разработчиков с реальными примерами

В мире фронтенда есть проблема: многие разработчики плохо ориентируются в структурах данных и не умеют их грамотно применять, чтобы получать эффективные и производительные решения своих задач. Если вы из числа этих разрабов, то бегом читать эту статью!

Нет, серьёзно, знать структуры данных нужно всем. А тут как раз всё понятно, по делу, ещё и с реальными примерами из фронтенда.

#фронтенд #структурыданных
🔥83