​Сравнение React и Vue: что общего и в чём разница по версии ChatGPT

Статей со сравнением фреймворков и библиотек огромное количество и каждый автор выделяет в качестве плюсов и минусов что-то своё. Мы решили пойти дальше и поинтересоваться мнением у нашумевшей ChatGPT. Она рассказала про React и Vue, а также выделила основные достоинства и недостатки.

Со статьёй, написанной нейросетью познакомиться можно тут:

https://tproger.ru/articles/sravnenie-react-i-vue-chto-obshhego-i-v-chjom-raznica/

#vue #react #chatgpt

Как отследить событие закрытия браузера и вкладки с помощью JavaScript

Небольшой туториал для начинающих фронтенд-разработчиков. Изучайте, сохраняйте и берите на вооружение:

https://nuancesprog.ru/p/16673/

#javascript

​Представляем Turbopack: преемника Webpack на основе Rust

Webpack был загружен более 3 миллиардов раз. Это стало практически неотъемлемой частью создания сайтов, но пришло время двигаться быстрее и масштабироваться без ограничений.

Сегодня появился новый инструмент Turbopack — это современный преемник Webpack. Подробнее о нём:

https://vercel.com/blog/turbopack

#webpack #turbopack

Создание редактора веб-кода

Если вы разработчик, который думает о создании платформы, требующей редактора кода в той или иной форме, то эта статья для вас. В этой статье объясняется, как создать редактор веб-кода, который отображает результат в режиме реального времени с помощью HTML, CSS и JavaScript.

https://www.smashingmagazine.com/2022/01/building-web-code-editor/

#javascript #css #html

​Полезные инструменты для создания изображений AVIF

AVIF (формат изображения AV1) — это современный формат, который обеспечивает куда более значительное сжатие файла по сравнению с такими форматами, как JPG, JPEG, PNG и WebP.

В этой статье вы узнаете о некоторых браузерных и CLI инструментах для создания изображений AVIF:

https://css-tricks.com/useful-tools-for-creating-avif-images/

Как дать обратную связь, которая поможет начинающему разработчику совершенствовать навыки и не расстроит его?

Один из советов — не забывайте хвалить.

Другие рекомендации по фидбэку джунам найдёте в карточках от Яндекс Практикума. Читайте и берите на заметку: https://tprg.ru/dRHw

​Управление Состоянием В React С Помощью MobX

MobX — это проверенная в боях библиотека, которая упрощает и масштабирует управление состоянием за счёт прозрачного применения функционального реактивного программирования.

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

https://blog.openreplay.com/state-management-in-react-with-mobx/

#react #mobx

3D-эффект перехода между элементами

В этом проекте интересным образом реализован эффект перехода между элементами. Так, например, вы можете, просматривая изображения в галереи, узнать подробности или описание, наведя на изображение. При этом, если до этого курсор был на другой карточке, то возникнет эффект «перекатывания кубика».

Посмотреть код и поиграть с эффектом можно тут:

https://codepen.io/noeldelgado/pen/nweYMz

#codepen #фронтенд

​Анатомия ошибки в JavaScript

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

https://habr.com/ru/company/piter/blog/695890/

#javascript

Adrenaline — умный отладчик вашего кода

Этот отладчик кода работает на OpenAI Codex. Он не только исправляет ваш код, но и обучает вас на этом пути, давая ценные советы.

Инструмент бесплатен, а попробовать его можно тут:

https://github.com/shobrook/adrenaline

#инструмент

​Уже слышали про новую крупную утечку Яндекса?

На этот раз за персональные данные можно не переживать, ведь утекли исходники. Причём объём «слитого» кода немалый — аж 45 ГБ. Под раздачу попали многие сервисы компании — Карты, Алиса, Такси, Поисковая система и так далее.

Большая часть кода написана на Python 2.7, C++, Go и TypeScript. Нашлось место и забавным находкам, например, наименованию репозиториев. Подробнее у нас на сайте:

https://tproger.ru/articles/45-gb-ishodnogo-koda-jandeksa-okazalis-v-otkrytom-dostupe/

​Новости OpenAI: компания получила $10 млрд от Microsoft и напугала Google

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

Более подробно об этой и других новостях, связанных с OpenAI, мы рассказали в нашем дайджесте:

https://tproger.ru/articles/novosti-openai-kompanija-poluchila-10-mlrd-ot-microsoft-i-napugala-google/

​Как установить бесплатный SSL-сертификат на сайте

Ни один серьёзный сайт сегодня не обходится без SSL-сертификата. И не удивительно, ведь он позволяет подтвердить подлинность сайта и зашифровать данные, которые он получает и отправляет.

В этой статье вы узнаете, как получить так сертификат и, главное, установить его на вашем сайте:

https://tproger.ru/articles/instrukcija-po-ustanovke-besplatnogo-ssl-sertifikata-na-sajte/

#бэкенд

​NextJS быстрый курс. SSR на React JS

NextJS — это открытый JavaScript-фреймворк, созданный поверх React.js для создания веб-приложений.

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

https://youtu.be/_EOrSmjdOZQ

#видео #nextjs #react

​HTML-программисты, как вам? CSS потянет?

https://t.me/ithumor/8861

​Решаем популярные задачи с асинхронным кодом на JavaScript: часть первая

Асинхронный код — слабое место многих JavaScript-разработчиков, потому что там очень легко запутаться.
Преподаватель Elbrus Bootcamp Денис Образцов выбрал несколько популярных задач, с которыми выпускники буткемпа часто сталкиваются на интервью, и разобрал логику их решения. Подробнее у нас на сайте:

https://tprg.ru/qBpz

#javascript

​Проект «Доска активностей» - HTML, CSS, JS для начинающих

Тудушки мы уже делали, а теперь давайте пойдём немного дальше и сделаем доску активностей, которая будет учитывать рабочее время, затрачиваемое на разные задачи. Проект на ванильных технологиях — HTML, CSS и JS.

Подробнее:

https://youtu.be/vGSsTk2opZA

Кстати, проект взят с frontendmentor.io. Там вы можете найти ещё интересные задачи для обучения.

#фронтенд #петпроект

Фронтендеры на месте? Смотрите какой сайт мы вам нашли

Здесь собраны весьма полезные ресурсы для фронтенд-разработчиков и разобрано по категориям: иконки, иллюстрации, UI/UX, обучение и многое другое.

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

https://www.akshay.rocks/resources

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

​Особенности платформы Rancher для управления кластерами Kubernetes

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

В этой статье речь пойдёт о платформе управления Kubernetes Rancher. Вы узнаете всё о её основных функциональных особенностях, кластерных операциях, внутреннем устройстве, безопасности и интеграции с внешними системами. Подробнее:

https://habr.com/ru/company/vk/blog/659407/

#devops #kubernetes

Scrollend — новое событие JavaScript

Scrollend позволяет отследить, когда была закончена прокрутка и совершить после этого определённые действия. Это событие может избавить вас от лишних функций timeout и сделает код понятнее и чище.

Узнать подробности можно тут:

https://developer.chrome.com/blog/scrollend-a-new-javascript-event/

#javascript