​Полное руководство по React Context

React Context позволяет без использования props’ов передавать и применять данные в любом компоненте приложения. Таким образом, он упрощает обмен данными между компонентами. В этой статье представлены советы, которые будут полезные даже тем, кто ещё не работал с React:

https://nuancesprog.ru/p/15868/

#react

Кнопка Play/Pause

Кнопка play/pause сделана с помощью чекбокса, а анимирована средствами CSS. JavaScript здесь не используется. Посмотреть как это работает можно тут:

https://codepen.io/RitikaAgrawal08/pen/eYGXQLz?editors=1100

#codepen

​Защищаемся от DDoS-атак: что делать до, во время и после атаки

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

https://proglib.io/p/zashchishchaemsya-ot-ddos-atak-chto-delat-do-vo-vremya-i-posle-ataki-2022-06-28

​Совместное использование компонентов React с Webpack 5

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

Подробнее:

https://nuancesprog.ru/p/15900/

#webpack #react

Анимированный индикатор меню

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

https://youtu.be/5LTD_480gNU

#видео #туториал

​Дыры в документации и ошибки laravel: в чём дело и как их исправить

Laravel хороший фреймворк — в нём довольно много готовых инструментов, неплохая реализация DI-контейнера и blade-шаблоны. Но в этом фреймворке есть подводные камни, которые кроются глубоко в исходниках и при этом не имеют явной документации. Вот о подобных вещах и расскажет эта статья:

https://tproger.ru/articles/dyry-v-dokumentacii-i-oshibki-laravel-v-chjom-delo-i-kak-ih-ispravit/

#laravel #php

​Временная мёртвая зона в JavaScript

Интересная задача про временную мертвую зону в JavaScript. Здесь вы изучите, как объявляется переменная (выполняется инициализация). Какие правила объявления переменной и вычисления её лексической привязки. Рассмотрите примеры кода temporal dead zone javascript.

https://youtu.be/OgE3P6kEPz4

#видео #javascript

Берите на заметку для создания самой упоротой капчи

​Как создать простую функцию AWS Lambda с помощью TypeScript

Для написания функции Lambda обычно используется Node.js. Однако JavaScript вызывает определённые сложности из-за отсутствия проверки типов и отладки кода. Применение Typescript для решения этой задачи обладает рядом преимуществ. Подробнее о них в статье:

https://nuancesprog.ru/p/15880/

#typescript

​Создание Todo List на чистом JavaScript

Небольшой туториал с разбором кода, с помощью которого вы сможете реализовать собственный список задач на чистом JavaScript:

https://itchief.ru/javascript/todo-list

#javascript #туториал

Bun: новый рантайм для JavaScript

Bun конкурирует с хорошо известными NodeJS и Deno. Это новый JavaScript рантайм с нативным сборщиком, транспайлером, исполнителем задач и встроенным npm клиентом.

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

https://habr.com/ru/news/t/676102/

#javascript

Как с помощью Core Web Vitals влюбить в свой сайт пользователей и поисковые системы

Core Web Vitals — ядро сервисов для оценки производительности сайтов. Почему такое большое внимание уделяем Core Web Vitals и как эти метрики помогают повысить качество взаимодействия веб-ресурса с пользователем — в этом материале:

https://tproger.ru/articles/kak-s-pomoshhju-core-web-vitals-vljubit-v-svoj-sajt-polzovatelej-i-poiskovye-sistemy/

#seo

​Продвинутый бэкенд на Node.js

В этом видео вы узнаете, как реализовать масштабируемый бэкенд на Node.js с использованием фреймворка Nest.js. В качестве СУБД здесь используется PostgreSQL в связке с ORM Sequelize на Node.js. Вы также увидите, как обернуть приложение на Node.js в docker и docker compose.

https://youtu.be/dDeWWQWMM-Y

#бэкенд #nodejs

Создаем сайт-портфолио с responsive-дизайном

Одним из важных моментов в поиске работы является наличие хорошего портфолио. Для фронтенд-разработчика таким портфолио может стать сайт, написанный им самим. В этой статье вы научитесь создавать отзывчивый сайт-портфолио с responsive-дизайном:

https://techrocks.ru/2021/08/24/responsive-portfolio-using-pure-html-css-javascript/

#фронтенд

​Послание к начинающим JavaScript-разработчикам

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

Подробнее:

https://techrocks.ru/2021/05/08/letter-for-new-javascript-programmers/

#javascript

​Создание прогрессивного веб-приложения с помощью Django и Angular

Прогрессивные веб-приложения (PWA) — это веб-приложения, которые используют различные методы проектирования и технологии, чтобы выглядеть и вести себя как обычные мобильные или настольные приложения.

В этом руководстве предлагается создать простую викторину в виде PWA, которая сочетает в себе лучшие аспекты как веб-приложений, так и нативных приложений, используя Python и Django для серверного API и Angular с TypeScript для внешнего интерфейса:

https://www.twilio.com/blog/build-progressive-web-application-django-angular-part-1-backend-api

#pwa #django #angular