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

На этот раз за персональные данные можно не переживать, ведь утекли исходники. Причём объём «слитого» кода немалый — аж 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

​Анимация букв на GSAP

В этом видео автор понятным языком объясняет, как работать с GSAP, а также помогает реализовать один несложный, но интересный эффект появления текста. Подробнее:

https://youtu.be/5X8V_N5r6I8

#javascript #gsap

​Как быстрее расти в разработке? Джун и Сеньор поделились своим мнением

Придя в новую сферу, легко наломать дров. Чтобы этого избежать полезно прислушиваться к мнению коллег, которые уже успели совершить свои ошибки или, наоборот, нашли удачные способы качественно выполнять поставленные задачи.

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

https://vc.ru/u/1411800-nj-soft/596008-kak-bystree-rasti-v-razrabotke-my-pogovorili-ob-etom-s-senorom-i-dzhunom-i-sravnili-ih-otvety

#советы

​Создание красивого сайта с горизонтальным параллакс эффектом

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

Здесь будет огромное количество приёмов CSS, анимации, а также плавный скролл, работа с трансформацией, переменными и параметрами, программирование в JavaScript частиц Canvas и многое другое:

https://youtu.be/QFq6PiZ1BQ8

#видео #фронтенд

​Как ускорить сайт с помощью Varnish HTTP Cache и Docker

Varnish — это ускоритель веб-приложений, также известный как обратный прокси c HTTP-кэшированием. Он способен ускорить доставку пакетов в 300–1000 раз, уменьшает время загрузки и способен справляться с пиковыми нагрузками трафика. О том, как его использовать и правильно настроить, читайте здесь:

https://nuancesprog.ru/p/16717/

#docker

​Интерактивная карта из любого изображения на чистом JavaScript

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

Смотрите видео тут:

https://youtu.be/uN35_FX9LXo

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

​10 шпаргалок для веб-разработчика

Мы подготовили для вас подборку шпаргалок для фронтенда и бэкенда, которые включают в себя различные языки программирования и фреймворки. Подробнее:

https://tproger.ru/articles/10-shpargalok-dlja-veb-razrabotchika/

#шпаргалка

Locomotive Scroll — лёгкий способ сделать скролл плавным

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

Подробнее:

https://github.com/locomotivemtl/locomotive-scroll

#библиотека #javascript

​Создайте и разверните статический интернет-магазин с помощью Nuxt3, используя Pinia Store и Stripe Checkout в Firebase

Процесс создания интернет-магазина и развёртывания статически сгенерированных страниц в Firebase на самом деле достаточно прост, если вы используете Nuxt3.

Автор этой статьи поделился своей инструкцией по созданию такого сайта и вот, что у него получилось:

https://keith-mifsud.me/blog/build-and-deploy-nuxt3-static-site-with-pinia-and-stripe-checkout-on-firebase

#nuxt

​Логический border-radius

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

Если вы хотите узнать, как можно использовать логические свойства для создания красивых скругленных форм, то эта статья для вас:

https://css-irl.info/logical-border-radius/

#css

​Нестандартный подход в разработке: как React интегрировали с «Битрикс»

В этой статье вы узнаете, как разработчики из INDEXIS применили нестандартный подход в разработке — интеграцию React-приложения с «Битрикс». Здесь описывается процесс интеграции, а также представлены примеры рабочего кода и задачи, которые специалисты решили в ходе проекта:

https://tproger.ru/articles/nestandartnyj-podhod-v-razrabotke-kak-my-integrirovali-react-s-bitriks/

#фронтенд #react #bitrix