Веб-страница
24.1K subscribers
1.74K photos
532 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
Дилемма СТО: продолжать использовать проверенные технологии или рискнуть и внедрить что-то новое

Принцип «если работает, не трогай» давно знаком, но полное его соблюдение может остановить развитие и инновации. 

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

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

Прочитать об этом можно в свежем материале на нашем сайте.
😁6👍3
Как создать приложение Todo на React

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

Стартуем здесь.

#фронтенд #javascript #react
💩162👍1
😁52🤣9🔥5💩2🤯1
Eartho — open source альтернатива Google Sign-In

По словам разработчика, в своей утилите он сделал упор на приватность. И ему веришь

Так, благодаря Eartho пользователи не передают данные корпорациям, сохраняя при этом удобство быстрого входа через Google, Apple и т.д

Достигается это за счет того, что Eartho выступает в качестве промежуточного слоя между пользователем и IT-корпорациями

Подробнее про инструмент можно почитать в нашем материале по ссылке
🔥4👍1😁1💩1
Forwarded from Типичный программист
Ночная шпаргалка по консольным командам Git 👍

В Git полно команд, и если ты часто их забываешь, эта шпаргалка специально для тебя. В репозитории можно быстро почитать об основных командах и концепциях, а затем одним вальяжным нажатием на Ctrl+C скопировать их.

Приятный бонус — всё написано на русском. Так что сохраняем!

#git #шпаргалка
This media is not supported in your browser
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍9
facad — расширения файлов в командной строке наглядно

Из интересного — утилита поддерживает сортировку по расширению (как «Проводнике») и умеет в Unicode.

https://github.com/yellow-footed-honeyguide/facad
7
Old but gold: стек вызовов JavaScript: объяснение с помощью иллюстраций

Стек представляет собой структуру данных, организованных по принципу LIFO, т.е. в порядке обратной очередности (last-in — first-out, последним вошел — первым вышел).

Автор статьи объясняет, как это работает в JavaScript:

https://nuancesprog.ru/p/17792/

#javascript
👍3
GitHub назвал Python самым популярным языком программирования

В прошлом году это был JavaScript, но благодаря буму ИИ и некоторым другим факторам, в 2024-м в лидерах Python.

Подробнее про статистику написали в нашем свежем материале. Там же ссылка на исследование GitHub.
💩23👍12👎82
Подборка полезных материалов для тех, кто хочет лучше разбираться в веб-разработке

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

Как использовать Redis для кэширования и очередей в веб-приложениях. Для ускорения веб-приложений есть множество инструментов и паттернов. Один из них — key-value система Redis. Рассказываем, как ее установить и настроить для повышения производительности и надежности.

Как выбрать IDE, если вы начинающий веб-разработчик. Начинающие веб-разработчики часто сталкиваются с трудностями при выборе интегрированной среды разработки (IDE). Рассказываем, как не прогадать и не усложнить себе жизнь.

Обзор библиотек для работы с графами в Python: NetworkX и Graph-tool. Графы применяются во множестве отраслей — от программирования до социологии. Рассматриваем две библиотеки Python для работы с графами — NetworkX и Graph-tool, а также их преимущества и недостатки.

Margin и padding в CSS: как сразу сделать грамотно. Разбираемся в ключевых отличиях между этими важнейшими свойствами, а также знакомимся с трюками, чтобы UI / UX вашего сайта стал еще круче и грамотнее.

7 легендарных уравнений на JavaScript. Математика и компьютерные науки идут рука об руку. Подобрали 7 математических формул разного уровня сложности для проверки — сможете ли вы их реализовать? И на всякий случай снабдили статью нашими решениями.

Как начать карьеру веб-разработчика. Максим Арокен делится советами с чего начать изучение веб-разработки, как не забросить в самом начале и какую дополнительную технологию изучить, чтобы легче находить заказы на фрилансе.

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

#подборка #redis #фронтенд #javascript #python #css
🤣82👍1👎1💩1
Playwright: Лучшая альтернатива Selenium

Selenium — это один из самых известных и широко используемых фреймворков для автоматизации тестирования веб-приложений на Python. Если вы работали с автоматизацией браузера, то наверняка знакомы с ним.

Playwright — это более современный инструмент, разработанный командой, которая ранее работала над Puppeteer в Google. Он мультиязычный и работает на Python, Node.js и Java.

В этой статье разобрали почему сегодня это лучшая (по мнению автора) альтернатива Selenium.

#playwright #selenium
👍9
ESLint теперь поддерживает линтинг JSON и Markdown

Мы немного запозднились с новостью, тем не менее это важное обновление. ESLint стал более полезным благодаря поддержки JSON и Markdown. Это первый шаг на пути превращения проекта в универсальный линтер, как заявляют разработчики.

Подробнее об обновлении можно почитать в блоге проекта: https://eslint.org/blog/2024/10/eslint-json-markdown-support/

#eslint #новости
👍13🗿2
Media is too big
VIEW IN TELEGRAM
Практика JavaScript: делаем целый сайт за 2 часа с нуля

Ловите полезный двухчасовой курс по созданию сайта с JavaScript, где вы:

— напишите с нуля приложение, которое сможете добавить в портфолио;
— научитесь настраивать рабочее окружение;
— поймёте зачем на самом деле нужны классы в JavaScript);
— разберётесь как принципы SOLID помогают писать расширяемый и поддерживаемый код;
— поработаете над оптимизацией приложения;
— задеплоите приложение на хостинг и сделаете многое другое.

Видео взято с YouTube, поэтому если предпочитаете смотреть там, то вот ссылка: youtu.be/0ViiJ8qTCFM

#видео #курс #javascript
👍12👎4🔥2
Он просто столкнулся с адом коллбэков
😁52👎4🥰2
Вы когда-нибудь задумывались, как уязвимость в коде может стоить миллиарды?

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

Они знали всё про уязвимости, про ошибки в защищенности, о которых даже не догадывались те, кто эти системы строил.

Всего за пару лет хакеры:

— атаковали более 100 банков по всему миру;
— украли $1 млрд;
— обратили на себя внимание Европола.

В подкасте «АЙТИ КРАЙМ» мы изучили, как Carbanak обходили защиту банковских систем, используя уязвимости инфраструктуры.

Скоро мы поделимся этим расследованием. Будьте готовы — здесь нет простых историй про «хакеров из подвала». Только настоящая инженерная работа, профессионализм и поразительное понимание сложных систем.
👍13
Кто есть кто: Обратные вызовы, промисы и асинхронные функции

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

Что это вообще такое? В каких случаях используются? Как работают? Каков их внутренний механизм? В этой статье вы раз и навсегда разберёте суть этих процессов.

#javascript
11👍4🤣1
SOLID... На котиках

Каждый программист хоть раз слышал о принципах SOLID. На собеседованиях и экзаменах многие пытались вспомнить, о чем же был тот самый принцип Лисков. Однако вряд ли цель преподавателей и интервьюеров — заставить нас заучивать строчки из учебников.

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

#solid
👍11👎2
Media is too big
VIEW IN TELEGRAM
Основы программирования на JS для новичков

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

Чтобы вам было проще ориентироваться, мы добавили тайм-коды:

00:00 - зачем и кому нужно это видео?
00:57 - что общего у программистов и поваров?
02:26 - понятие "Алгоритм"
03:46 - понятие "Блок-схема"
05:43 - понятие "Программа"
09:33 - ПРАКТИКА, задание на подумать
12:07 - разбор Мышления Программиста
16:35 - основные элементы мышления программиста
21:57 - Как развить мышление программиста?
26:41 - Создадим блок-схему калькулятора
37:00 - ПРАКТИКА с кодом!
49:10 - пишем калькулятор
1:00:42 - что такое и как работают ФУНКЦИИ?
1:09:00 - Домашнее задание!
1:09:45 - моя реализация домашки
1:15:25 - АНОНС следующего курса по JS!

Нужны ли вам вообще тайм-коды к таким постам? Поставьте , если оставляем формат и 😐, если только мешает.

#курс #javascript
13🥰3👍1🔥1
Пишем одностраничное приложение с помощью htmx

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

Как он это сделал? Выполнял серверный код в сервис-воркере. Сможете ли вы также? Конечно, мы вам даже инструкцию принесли:

https://habr.com/ru/companies/ruvds/articles/849854/

#htmx #javascript #html
👍3