​Настройка Webpack 5

Пошаговое руководство по настройке сборщика Webpack 5 для совместной работы с такими инструментами как Pug, Sass, JavaScript, React и Markdown:

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

#webpack

​Почему фуллстек будет в тренде в 2023 году

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

Тем не менее, фуллстек-разработчики нужны и будут оставаться востребованным ещё очень долго. И вот почему:

https://tproger.ru/articles/pochemu-full-stack-budet-v-trende-v-2023-godu/

Что почитать. JavaScript. Полное руководство [7-ое издание]

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

Как обычно, поиск книги в печатном или электронном виде доверяем вам!

#книга

Голограммы, пленочные засветки и шейдеры на чистом CSS

Как вы обычно делаете визуальные эффекты для веб-страницы? Наверное, используете какую-нибудь JS-библиотеку, которая может прокачать сцену, добавив освещение, 3D, шейдеры и прочее, например threejs. Верно?

Но на самом деле в некоторых кейсах уже можно смело отказывать от JS в пользу CSS, ведь браузеры наконец поддерживают mix-blend-mode. Например, вы можете добавить эффект засветки при скролле страницы, как на этой картинке выше (как это работает можно увидеть по ссылке). В этой статье вы узнаете, как добавить крутые эффекты для ваших изображений только благодаря CSS и заодно увидите, как они работают в жизни:

https://css-live.ru/tricks/gologrammy-plenochnye-zasvetki-i-shejdery-na-chistom-css.html

#css #фронтенд

​10 навыков начинающего QA-инженера. Как инструменты помогают в ручном тестировании сайтов

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

В этой статье собраны 10 навыков, которые нужны QA-инженеру, а также связанные с ними инструменты:

https://tproger.ru/articles/10-navykov-nachinajushhego-qa-inzhenera-kak-instrumenty-pomogajut-v-ruchnom-testirovanii-sajtov/

#qa

​Как повысить производительность бэкенд-приложений

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

https://nuancesprog.ru/p/16485/

#бэкенд

​WebRTC для всех и каждого

Протокол WebRTC — это набор правил, позволяющий двум агентам браузерам вести двунаправленную (bi-directional) безопасную коммуникацию в реальном времени. Если хотите понять, зачем он нужен нам, то вот небольшой список его особенностей и возможностей:

— открытость стандарта;
— наличие шифрования;
— отображение NAT (NAT Traversal);
— перепрофилирование существующих технологий;
— контроль перегрузки (congestion control);
— низкая задержка (на уровне долей секунды, sub-second latency).

Это лишь небольшая часть, больше информации в статьях:

Часть 1 — https://habr.com/ru/company/timeweb/blog/656947/

Часть 2 — https://habr.com/ru/company/timeweb/blog/657885/

#webrtc

​Сливы переписок: Маск обсуждает 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/

​Как вывести сайт в топ поисковиков на рынке с высокой конкуренцией

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

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

#seo

Пространство, сетки и макеты

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

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

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

#фронтенд

​Тетрис на JavaScript

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

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

https://thecode.media/tetris/

#gamedev #петпроект

​Нужен ли TypeScript Вашему проекту?

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

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

https://youtu.be/NzlaQOcFUBg

#видео #typescript

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

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

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

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

#css #vue #библиотека

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

И речь про баттл языков программирования. Мы уже проводили такой чемпионат в прошлом году. Тогда 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/.

#япбаттл

​Устроим полный хохотач: Собрали для вас подборку мемов от Tproger

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

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

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

А вот вам один мем для затравочки👇

​Go или Python? Бэкендеры, настало ваше время выбрать лучший язык

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

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

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

#япбаттл

​Запросы на сервер. Fetch, XMLHttpRequest (XHR), Ajax

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

https://youtu.be/eKCD9djJQKc

#javascript #видео

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

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

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

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

#datascience #javascript

​Как использовать типы пересечения в TypeScript: советы от профессионала

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

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

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

#typescript