tproger_web | Unsorted

Telegram-канал tproger_web - Веб-страница

26007

Всё по фронтенду, бэкенду и девопсу в одном месте Разместить рекламу: @tproger_sales_bot Правила общения: https://tprg.ru/rules Другие каналы: @tproger_channels Сайт: https://tprg.ru/site Регистрация в перечне РКН: https://tprg.ru/64ai

Subscribe to a channel

Веб-страница

Лето — время сходить в IT-коворкинг!

True Tech Community открывает летний коворкинг для IT-специалистов МТС и других компаний в парке "Музеон".

Экспертные дни начнутся 4 июля, программа будет обновляться каждую неделю.

4 июля в парке “Музеон” в коворкинге эксперты МТС с другими приглашенными коллегами разберут, почему технологии LLM так стремительно ворвались в нашу жизнь. Проследят эволюцию нейросетей и архитектуры трансформеров, благодаря которым эти модели стали возможны.

Приходи за нетворкингом, обменом опытом и просто поработать летом в парке. Регистрация тут: https://tprg.ru/7nSN

Это #партнёрский пост

Читать полностью…

Веб-страница

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

#обсуждение

Читать полностью…

Веб-страница

Regex Previewer: работа регулярки в соседней вкладке VSCode

Расширение позволяет валидировать регулярное выражение на ваших примерах в параллельных вкладках IDE.

Расширение на Visual Studio Marketplace

#инструменты

Читать полностью…

Веб-страница

​​JavaScript localStorage: что такое и как использовать?

LocalStorage в JavaScript позволяет хранить пары ключ/значение в браузере. Но в отличие от обычных переменных, всё, что мы запишем в localStorage, останется там после перезагрузки страницы и закрытия браузера.

В статье рассказали, как работает и как использовать localStorage в JS: https://tproger.ru/articles/javascript-localstorage-polnoe-rukovodstvo/

#js

Читать полностью…

Веб-страница

можно сделать свой URL длиннее. Нет, ещё длиннее, чем вы подумали!

Тут нашли проект, который удлиняет урлы сайтов. Зачем? А что, сокращатель есть, значит нужен и удлинитель!

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

https://loooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo.ong/loooooooooOOoOooooooooooooOOOoOoooooooooooOOOoOoooooooooooOOOoooooooooooooOOOooOOooooooooooOOOoOoooooooooooOoOOOOooooooooooOoOOOOoooooooooOOOoOoooooooooooOOOoooooooooooooOOOooOooooooooooOOoOOOOoooooooooOOooOOOoooooooooOOooOoOoooooooooOOOooOoooooooooooOoOOOooooooooooOOOooOooooooooooOOOoOoOooooooooooOoOOOOng

За другими «удлинёнными» ссылками сюда: https://loooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo.ong

@your_tech

Читать полностью…

Веб-страница

AvitoTech продолжает радовать крутым образовательным контентом

На этот раз инженеры подготовили открытый видеокурс по JavaScript.

Два первых урока уже на канале — самое время присоединиться к обучению или, как минимум, добавить в закладки: https://tprg.ru/pKOu.

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

Курс для слушателей любого уровня, но с базовыми знаниями в программировании будет попроще.

Это #партнёрский пост

Читать полностью…

Веб-страница

Простой путь к публикации Vue3-модуля на NPM с помощью Vite

npmjs.com – это бесплатный реестр совместного использования кода JavaScript и крупнейший реестр программного обеспечения в мире, насчитывающий более двух миллионов пакетов.

Для веб-разработчика создание собственных модулей и публикация их в open source может казаться сложным процессом. В этой статье показывают один из самых простых и быстрых способов публикации своего модуля на NPM при помощи бандлера Vite.

Этот метод не только облегчит процесс публикации вашего модуля, но также упростит рабочий процесс в целом: https://habr.com/ru/companies/croc/articles/816803/

#javascript

Читать полностью…

Веб-страница

Что будет, если ИИ будет писать новости?

Мы решили проверить это и позволили нейросети писать новости из мира технологий на основе ярких событий в канале NewsGPT.

Подписывайтесь, чтобы узнать, как видит мир нейросеть: @notnewsgpt

Читать полностью…

Веб-страница

Видеокурс: Изучаем Three.js на пяти реальных проектах

Three.js — кроссбраузерная библиотека JavaScript, используемая для создания и отображения анимированной компьютерной 3D-графики при разработке веб-приложений.

На freeCodeCamp вышел часовой курс про основные приёмы создания потрясающих 3D-анимаций и эффектов в реальном времени с помощью JavaScript: https://www.youtube.com/watch?v=UMqNHi1GDAE

#javascript

Читать полностью…

Веб-страница

Если бы существовал закон о защите чувств программистов, что бы он запрещал?

Запретить go to, километр в 1000 метров, называть компьютер «процессором» — какие ещё пункты должны быть в законопроекте о защите чувств программистов?

#обсуждение

Читать полностью…

Веб-страница

Готовимся к собеседованию на фронтенд-разработчика: подборка лучших ресурсов

— Разбор 30 самых популярных вопросов с собеседованиий: https://tproger.ru/articles/20-voprosov-na-sobesedovanii-frontend-razrabotchika/

— Серия роликов, в которых разбираются вопросы с собеседований на должность Junior- или Middle-разработчика. Эдакая шпаргалка, которая поможет подтянуть знания и зарыть пробелы. Всего 28 видео в среднем по 15 минут: https://tprg.ru/Mbsq

— Вопросы по HTML и смежным темам с ответами. Оригинальный репозиторий на гитхабе с 35k+ звёзд (https://github.com/yangshun/front-end-interview-handbook) и перевод на русский (https://www.frontendinterviewhandbook.com/ru/html-questions).

— Репозиторий с 43k+ звезд, который отлично подойдёт для проверки знаний по JavaScript и подготовки к собеседованию. В нём собрано огромное количество тестовых вопросов по JS с вариантами ответов и подробными объяснениями: https://github.com/lydiahallie/javascript-questions

#фронтенд #собеседование #javascript

Читать полностью…

Веб-страница

Действительно страшно...

Читать полностью…

Веб-страница

Пожалуй, самое наглядное объяснение DDOS-атаки через аниме:

Читать полностью…

Веб-страница

Адаптив без боли: как сделать резиновую вёрстку с заботой обо всех разрешениях?

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

В этой статье автор рассказывает, как сделать все размеры элементов зависимыми от font-size у html-элемента, придать им «резиновость» и получить удобство в разработке.

У такого подхода тоже есть свои нюансы, но с ним:
— Код легко читается.
— Все значения указываются в понятном виде — так, как в макете.
— При разработке не нужно учитывать промежуточные размеры viewport.
— Сайт всегда будет выглядеть так, как задумывалось, на любом размере экрана в пределах своей категории, определяемой брейкпоинтами и базовым разрешением.
— Есть системность: использовать rem() всегда и везде, за исключением, где нужны em, %, ch и другие единицы.

Подробнее: https://habr.com/ru/articles/819565/

#фронтенд

Читать полностью…

Веб-страница

Алгоритм Дейкстры: как работает и где используется?

Алгоритм Дейкстры используют для решения «задачи о кратчайших путях с единственным источником». Она заключается в поиске кратчайших путей от заданной вершины до всех остальных во взвешенном графе с неотрицательными весами.

Как выбрать оптимальный маршрут для автомобиля или определить самый выгодный вариант перелёта с учетом возможных пересадок? Алгоритм Дейкстры предлагает эффективное решение задачи поиска в графе кратчайших путей от заданной вершины. Разбираем подробнее: https://tproger.ru/articles/algoritm-dejkstry--kak-rabotaet-i-gde-ispolzuetsya

#алгоритмы

Читать полностью…

Веб-страница

Джун показывает абсолютно новый фреймворк, который он написал сам:

Читать полностью…

Веб-страница

​​Что нового в React 19?

Видеообзор, в котором можно узнать все о новых интересных функциях, которые появятся в React 19, включая готовые способы обработки действий, оптимистичные обновления, статусы форм, новый API use() и многое другое: https://youtu.be/81uAxzeyL2I

#react

Читать полностью…

Веб-страница

Становитесь мидл фронтенд-разработчиком за 5,5 месяца

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

Вам помогут:

— освоить новые навыки и извлекать больше пользы из своих софтскилов;
— углубить знания в алгоритмах, DevOps, бэкенд разработке и смежных сферах;
— сделать с нуля 2 проекта — до работающих приложений.

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

Начать курс бесплатно

Это #партнёрский пост

Читать полностью…

Веб-страница

Раскатили фан на полную. Т-Банк устраивает ИТ-пикник 17 августа и зовет вас на отдых с друзьями и близкими. Будет больше 17-ти ИТ-партнеров фестиваля. В программе воркшопы, лекции от спикеров известных компаний, нетворкинг, выступления топовых музыкантов и детская зона.

Успейте зарегистрироваться 

erid:2VtzquckQA3
Реклама. АО "Тинькофф Банк", ИНН 7710140679, лицензия ЦБ РФ № 2673

Читать полностью…

Веб-страница

Генератор градиентного фона

Хотите создавать действительно крутой градиент, а не полоски из 2-3 цветов? Тогда присмотритесь к Mesher — инструменту, который позволяет создавать очень сложные комбинации цветов, смешивая их так, как нужно именно вам.

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

https://csshero.org/mesher/

#инструменты #фронтенд

Читать полностью…

Веб-страница

Годных codepen-проектов вам в ленту: Guess the movie.

Это — игра, в которой нужно угадать фильм по фото. Проект реализован с помощью CSS и JavaScript. Исходники: https://codepen.io/ecemgo/pen/eYXVpGp

👍 — годно
🗿 — безделушка

#codepen

Читать полностью…

Веб-страница

​​Работа над Serverless SSR, новости CSS и партия в DnD — ретроперспектива недели с Сергеем Совой

Запускаем новую рубрику на Tproger. В первом выпуске — Сергей Сова, разработчик, фронтендер и подкастер, делится своими мыслями о Serverless SSR, новостях CSS и мастхев книге.

Айда читать: https://tproger.ru/articles/rabota-nad-serverless-ssr--novostyah-css-i-partiyu-v-dnd--retroperspektiva-nedeli-s-sergeem-sovoj

#фронтенд #советы

Читать полностью…

Веб-страница

Как вычислить тимлида на созвоне

Читать полностью…

Веб-страница

А вы состоите в профессиональном сообществе?

Вместе с Росбанком на примере гильдий компании подробно разобрали, зачем айтишникам становиться частью комьюнити и какую реальную пользу они приносят своим участникам — обо всём в статье: https://tprg.ru/1cOn

Реклама

Читать полностью…

Веб-страница

Гонка на столбчатой диаграмме

Вы наверняка встречали такие видео, когда речь шла о бенчмарке GPT или экономиках стран. Библиотека sjvisualizer как раз позволяет создавать такие. Принимает данные в популярных форматах (.xslx, датафрейм pandas), поддерживает круговые / линейные диаграммы.

Репозиторий проекта

#библиотека

@zen_of_python

Читать полностью…

Веб-страница

CSS Peek | Хинты

Напрашивающееся расширение для VSCode, показывающее CSS-класс при наведении на объект.

Цена: бесплатно
Расширение на Visual Studio Code Marketplace

@prog_tools

Читать полностью…

Веб-страница

Представим, что вы джун, а хотите стать мидлом. Как понять, что вы уже доросли? Можно ли ускорить этот процесс? И обязательно ли чему-нибудь учиться помимо рабочих задач?

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

Бесплатно, 25 июня в 18:00 мск

Вы узнаете:
— где проще вырасти: в IT-корпорации или в стартапе;
— какие навыки отличают мидла от джуна;
— нужно ли уметь хорошо общаться, если вы не работаете с клиентами;
— как понять, что пора учиться;
— как обучение может ускорять вашу карьеру.

Зарегистрироваться на онлайн-событие

Это #партнёрский пост

Читать полностью…

Веб-страница

​​Что нужно знать о современном CSS на начало лета 2024 года?

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

https://habr.com/ru/articles/816541/

#css

Читать полностью…

Веб-страница

Годных codepen-проектов вам в ленту: Toaster

Проект реализован с помощью HTML и SCSS. Исходники: https://codepen.io/klaufel/pen/OJQBpVQ

👍 — такое нам надо
🗿 — троллейбус_из_буханки_хлеба.jpg

#codepen

Читать полностью…

Веб-страница

​​React-хуки + интеграция с Zod и Material UI для начинающих

Узнайте, как использовать React Hook Form, который упрощает добавление форм в React с аутентификацией. В этом курсе вы узнаете, как обрабатывать самые сложные сценарии CRUD-форм в React и полностью интегрировать их с Zod и Material UI: https://youtu.be/JyeWoqWsQFo

#react

Читать полностью…
Subscribe to a channel