Веб-страница
24.2K subscribers
1.73K photos
527 videos
1 file
3.92K links
Всё по фронтенду, бэкенду и девопсу в одном месте

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

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

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

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

Регистрация в перечне РКН: https://tprg.ru/64ai
Download Telegram
В мире JavaScript произошли интересные изменения

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

https://tproger.ru/articles/chto-bylo-dobavleno-v-ecmascript-v-2023-godu/

#javascript
👍14
Полный курс по Vue.js

Vue.js — это JavaScript-фреймворк, который создал разработчик Эван Ю. В 2012 году Эван работал в Google, где успел попробовать Backbone.js и Angular. Именно после этого он решил создать собственный фреймворк — сначала просто как пет-проект.

Популярность обрушилась на Vue.js в 2015 году. И сейчас Vue.js очень любим разработчиками. Долгое время фреймворк удерживал первое место по количеству звёзд на GitHub. Сейчас другие проекты сумели побить его достижения, но среди фреймворков он всё так же остаётся лидером.

И вот отличный видео-курс, в котором вы рассмотрите работу с JavaScript фрэймовком Vue.js 2-й версии. А так же разберёте все необходимые темы и понятия, которые нужны для того что бы начать разрабатывать на Vue.js.

#vue #веб
👎19👍64🔥1
Как упростить импорт JavaScript-модулей с помощью Node.js Subpath Imports

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

https://tproger.ru/articles/kak-uprostit-import-javascript-modulej-s-pomoshhyu-node-js-subpath-imports/

#javascript #nodejs
Bose — фреймворк для создания веб-ботов, который проще Selenium

Хотите создавать веб-ботов, но не хотите возиться с тяжеловесным Selenium? Тогда попробуйте Bose — фреймворк, который максимально упрощает разработку ботов! Он основан на Selenium, поэтому не жертвует скоростью и удобством.

В статье вы узнаете, как использовать Bose для создания веб-ботов, а также о его особенностях и преимуществах:

https://tproger.ru/articles/bose-framework-wvejcarskij-nozh-dlya-razrabotki-botov/
👍3🤣2
Скрытые функции Google Chrome для разработчика

Chrome Dev Tools — один из самых популярных инструментов среди веб-разработчиков. Однако в неём есть некоторые полезные функции, о которых большинство разработчиков не знает.

В этой статье вы сможете узнать о пяти основных функциях Chrome DevTools, которые могут вам пригодиться:

https://webformyself.com/skrytye-funkcii-google-chrome-dlya-razrabotchika/

#devtools #инструменты
👍154
10 инструментов для CSS: анимация, сетки и дизайн

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

Поэтому в этой статье мы рассмотрим некоторые из самых популярных инструментов CSS, которые помогут вам идти в ногу со временем и вывести свои навыки CSS на новый уровень, облегчая создание современного UI:

https://tproger.ru/articles/10-instrumentov-dlya-css-animaciya-setki-i-dizajn

#css
👍111😁1
This media is not supported in your browser
VIEW IN TELEGRAM
Овладейте всем потенциалом анимирования с Vue

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

В данной статье вы изучите возможности Composition API для создания анимаций в Vue с помощью CSS и библиотеки GSAP:

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

#vue
13👍3
Условный border-radius в CSS

В одной из запрёщенных социальных сетей автор этой статьи нашёл интересное значение border-radius для карточного компонента. Суть в том, что углы элемента настраиваются автоматически в зависимости от размеров экрана с помощью хитрой формулы.

Вот об этой формуле, а также способе её применения и пойдёт речь в этой статье:

https://webformyself.com/uslovnyj-border-radius-v-css/

#фронтенд #css
👍14😐3❤‍🔥1🤮1💩1
Ищем человека в команду SMM

Если вы разбираетесь в IT, умеете подавать информацию и хотите попробовать себя в качестве автора Telegram-каналов, то приходите к нам!

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

http://tprg.ru/bqed

#вакансии #работа
😐14👍21
Forwarded from IT Юмор
Когда в паре оба
😁29👍9💩3
Дайджест Python #10: генерация голоса и оценка скорости Mojo

Собрали дайджест из лучших материалов по Python с 15 по 31 мая, которые только смогли найти. Здесь вы найдёте инструкцию по созданию блога на Django, блиц по бэкенду, полезную информацию для фронтендеров и многое другое.

Дайджест включает статьи и видео на русском и английском языках:

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

#дайджест #python
👍2👎1
Внимание! Яндекс Практикум разыскивает авторов и наставников на курсы.

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

Яндекс Практикум предлагает достойную оплату и всего 2-3 часа занятости в день. Если вы знаете этих людей или это вы, то скорее переходите по ссылке:

Автор на курс «Python-разработчик»;
Наставник на курс «Go-разработчик».
👎12👍10😱31💩1
Интересные трюки HTML, CSS и JS

Ловите подборку нестандартных вариантов использования HTML, CSS и JS. Они позволят вам отследивать поведение пользователей на сайтах конкурентов, хранить состояния в URL, использовать тригонометрию и не только.

Подробнее:

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

#фронтенд
👍192
Топ-7 книг для прочтения веб-дизайнеру

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

Подробнее:

https://tproger.ru/articles/top-7-knig-dlya-prochteniya-veb-dizajneru/

#дизайн
👍11
Срочно нужна статья «Как центрировать DIV с помощью SQL»
😁45👍2
Как стать современным верстальщиком и заработать на этом

Вёрстка с каждым годом становится всё сложнее и требует всё больше знаний и навыков. Что же сегодня должен уметь делать верстальщик, чтобы успешно выполнять свою работу? Умение выравнивать с помощью float явно уже не так актуально, как раньше.

В этой статье рассматриваются современные требования, предъявляемые к верстальщикам:

https://webformyself.com/kak-stat-sovremennym-verstalshhikom-i-zarabotat-na-etom/

#фронтенд
👎8👍4💩3
Подборка: Изучаем Git

Git — это распределённая система управления версиями, которую изначально создал Линус Торвальдс. Она позволяет отслеживать и вести историю изменений файлов: откатить свой проект до более старой версии, сравнивать, анализировать или сливать свои изменения в репозиторий.

Делимся шпаргалкой и подборкой полезных материалов по теме:
Как выучить Git с нуля и где продолжить изучение? В этой подборке вы найдёте всё для уверенного старта в Git с нуля
Введение в Git — от установки до основных команд
Learn Git Branching — это интерактивный учебник по Git, направленный на закрепление теории прохождением наглядной практики

#git #шпаргалки
👍214
Создание и деплой полнофункционального приложения для обмена сообщениями в чате

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

Все подробности в видео:

https://www.youtube.com/watch?v=MJzbJQLGehs

#фронтенд #бэкенд #видео
👍143
Адаптивный тёмный режим на основе настроек ОС

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

В этом руководстве вы изучите все шаги для достижения этого:

https://1stwebdesigner.com/implementing-adaptive-dark-mode-based-on-users-os-settings-a-step-by-step-guide/

#фронтенд
10👍52
Forwarded from IT Юмор
Вообще всё тело сразу расслабляется
😁84👍83🔥1