Веб-страница
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
​Сливы переписок: Маск обсуждает Twitter, Google думает о покупке YouTube, а Джобс пишет сам себе

Все мы видим, во что превратился YouTube спустя годы после покупки его компанией Google. Мы не будем обсуждать, что было именно сделано с технической точки зрения, но предлагаем посмотреть, как принималось судьбоносное для YouTube решение о его покупки руководством Google. А также почитать другие переписки людей, которые оказали большое влияние на развитие современного интернета — мы подготовили перевод слитых диалогов:

https://tproger.ru/articles/slivy-perepisok-mask-obsuzhdaet-twitter-google-dumaet-o-pokupke-youtube-a-dzhobs-pishet-sam-sebe/
🤯10👍6👎1🤡1
​Как вывести сайт в топ поисковиков на рынке с высокой конкуренцией

Вы когда-нибудь искали в интернете ювелирный магазин? Если нет, просто представьте, сколько результатов выдает поисковик. И занять высокую строку в поисковой выдачи крайне непростая задача. В этой статье вы найдёте несколько полезных советов для SEO, который хочет сделать веб-сайт популярным и заметным:

https://tproger.ru/articles/kak-vyvesti-sajt-v-top-poiskovikov-na-rynke-s-vysokoj-konkurenciej/

#seo
👍6
Пространство, сетки и макеты

Пространственные системы, сетки и макеты предоставляют правила, которые придают вашим проектам согласованный дизайн, ограничивают принятие решений и помогают командам оставаться в едином понимании дизайна.

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

https://habr.com/ru/post/472524/

#фронтенд
👍16❤1
​Тетрис на JavaScript

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

Как вы можете его сделать? Ну вы чего, вот же инструкция:

https://thecode.media/tetris/

#gamedev #петпроект
👍33🍾3❤2
​Нужен ли TypeScript Вашему проекту?

TypeScript давно уже обрёл свою популярность и некоторые разработчики считают, что нужно использовать его и только его в любом проекте, забыв про JS. Но действительно ли он актуален везде? Кто-то считает, что это «защита от дурака», кто-то говорит, что TS нужен только в особо сложных проектах.

В этом видео подробно разбираются польза и вред TS для ваших проектов:

https://youtu.be/NzlaQOcFUBg

#видео #typescript
👍9
​Простые, но приятные и воздушные тени вместе с Vue Box Shadows

В современном дизайне, почти на каждом сайте и в приложениях можно увидеть тени, которые дизайнеры и разработчики применяют для создания эффекта глубины и объема. Для создания таких эффектов разработчики используют css свойства box-shadow и drop-shadow. Но использовать их напрямую может быть сложновато, поэтому существуют различные инструменты и библиотеки, которые берут на себя тонкости в настройки, давая вам понятный результат.

Об одной такой библиотеке можно узнать тут:

https://habr.com/ru/post/691148/

#css #vue #библиотека
👍5❤‍🔥1
​Пришла пора определить самый любимый язык программирования типичных программистов

И речь про баттл языков программирования. Мы уже проводили такой чемпионат в прошлом году. Тогда 1, 2 и 3 место заняли Python, C# и Java соответственно. А в этот раз мы учли ваши пожелания: сделали группы чуть более осмысленными, но всё же оставили немного рандома для остроты.

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

https://tproger.ru/articles/startuet-batl-jazykov-programmirovanija-2022/

Итоги подведём через неделю, а сегодня уже начался первый этап отбора, где мы столкнули лбами Visual Basic против Pascal, а также C++ против C#. Проголосовать можно здесь:

https://tproger.ru/articles/nachalsja-battl-jazykov-programmirovanija-2022/.

#япбаттл
👍13👎7😁1💩1
​Устроим полный хохотач: Собрали для вас подборку мемов от Tproger

С заботой и любовью мы целую неделю собирали для вас мемы в наших юмористических каналах — IT Юморе в Телеграме и /dev/null в VK. Теперь предлагаем посмеяться вместе с нами.

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

https://tproger.ru/devnull/podborka-memov-ot-tproger-kranchi-stack-overflow-i-zarplaty-dzhunov/

А вот вам один мем для затравочки👇
👍14💩3😁2👎1
​Go или Python? Бэкендеры, настало ваше время выбрать лучший язык

У нас продолжается баттл языков программирования и сегодня стартовал второй раунд. В сегодняшней схватке схлестнутся Go и Python. Голосование по этим языкам программирования продлится до 15 декабря 2022 года. Опросы будут закрыты в 11:00 по МСК.

Не теряйте время и скорее проголосуйте за любимый язык:

https://tproger.ru/articles/vtoroj-raund-bitvy-jazykov-programmirovanija-v-2022-godu/

#япбаттл
💩10👍4
​Запросы на сервер. Fetch, XMLHttpRequest (XHR), Ajax

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

https://youtu.be/eKCD9djJQKc

#javascript #видео
👍20👎2
​Прогнозирование временных рядов на JS: анализ данных для самых маленьких фронтендеров

Можно ли делать анализ данных с помощью JavaScript? Можно. Нужно ли это делать с помощью него? На самом деле да, если задача подходящая. Вам не всегда нужен Python или ещё какое решение популярное в Data Science для этого. Иногда и от фронтенда уходить не нужно.

В этой статье как раз рассказали, как это сделать:

https://habr.com/ru/post/562126/

#datascience #javascript
👍3❤1
​Как использовать типы пересечения в TypeScript: советы от профессионала

Тип в TypeScript можно определять как набор значений. Например, тип number можно представить как набор всех чисел. Аналогичным образом объектные типы можно воспринимать как наборы объектов. А если типы являются множествами чего-либо, то их можно объединяться, логично же?

В TypeScript для реализации операции пересечения нескольких типов предусмотрен оператор &, а полученный новый тип называется типом пересечения. А как правильно использовать этот оператор, вы узнаете здесь:

https://nuancesprog.ru/p/16538/

#typescript
👍9
Длиннокод для длиннокота

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

Он реализован на препроцессорах Pug и Scss, а также использует чистый JavaScript. Поиграться и посмотреть код можно здесь:

https://codepen.io/jkantner/pen/QdJMmr

#codepen
👍19😐1
​5 советов продуктивной работы в VS Code

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

https://nuancesprog.ru/p/16541/

#vscode
👍1
​​Баттл языков программирования продолжается: сегодня в голосовании самая необычная пара — JS vs TS

В прошлом этапе Kotlin уверенно обошёл Swift, а PHP с небольшим отрывом Ruby. На очереди — JS vs TS и Java vs Rust.

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

https://tproger.ru/articles/chetvjortyj-raund-bitvy-jazykov-programmirovanija-2022/

Результаты этого этапа подведём 17 декабря 2022 года в 11:00 мск. А чтобы не упустить ни одной битвы, следите за постами по тегу #toplang2022 или просто включите уведомления о новых постах.
🤡25🤯3💩3👍2🤨1
​Микросервисы с использованием NestJS

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

Здесь автор показал, как реализовать микросервисы с использование NestJS:

https://splimter.medium.com/microservices-using-nestjs-4ea5f1580d32

#nestjs #бэкенд
​6 новых фич в JavaScript, о которых не знает большинство разработчиков

JavaScript постоянно развивается. В него внедряют новые решения для исправления багов. Например, математических вычисления с большими числами в JS, превышающее «‎Number.MAX_SAFE_INTEGER», порой давали неправильный ответ. Сейчас для операций можно использовать «‎BigInt», чтобы избежать ошибок и получить более точный результат.

Подробнее об этой и других фишках с примерами — в статье: https://javascript.plainenglish.io/6-cool-modern-javascript-features-most-developers-dont-know-about-7b1dbf43d7e0

#js
💩13👍8
​​Watching-you: анимация, которая следит за пользователем

«Watching-you» — это JS-библиотека для создания анимаций, которые наблюдают за мышью, DOM или просто за вводимыми значениями. По сути, такая анимация будет подглядывать за действиями пользователя везде, где вы хотите. Если элемента нет на экране, то анимация автоматически прекращает просмотр. Также библиотека поддерживает несколько фреймворков, поэтому её легко добавить в любой проект.

Почитать подробнее: https://github.com/jj811208/watching-you?ref=reactjsexample.com

Посмотреть интересные примеры: https://jj811208.github.io/watching-you/

#js
👍21
​Самый популярный ЯП по версии читателей Tproger: Python обошёл Pascal, а C# — C. Сегодня за выход в полуфинал поборются TS vs PHP и Kotlin vs Java

Самое главное в голосовании — народная любовь, поэтому просто доверьтесь своему сердцу и выбирайте язык, который вам больше по душе: https://tproger.ru/articles/shestoj-raund-bitvy-jazykov-programmirovanija-2022/

Результаты этого этапа подведём 19 декабря 2022 года в 11:00 мск. А чтобы не упустить ни одной битвы, следите за постами по тегу #toplang2022 или просто включите уведомления о новых постах.
💩15🤡5👍4