Новости OpenAI: компания получила $10 млрд от Microsoft и напугала Google
С каждым днём всё больше новостей и волнений вокруг новой нейросети ChatGPT от компании OpenAI. Напрягаются даже технологические гиганты. А если вы решили создать свой поисковик, то напрячься, возможно, стоит и вам, как это сделала Google. Компания боится, что ChatGPT затмит знаменитый поисковик компании и думает, как этого избежать.
Более подробно об этой и других новостях, связанных с OpenAI, мы рассказали в нашем дайджесте:
https://tproger.ru/articles/novosti-openai-kompanija-poluchila-10-mlrd-ot-microsoft-i-napugala-google/
С каждым днём всё больше новостей и волнений вокруг новой нейросети ChatGPT от компании OpenAI. Напрягаются даже технологические гиганты. А если вы решили создать свой поисковик, то напрячься, возможно, стоит и вам, как это сделала Google. Компания боится, что ChatGPT затмит знаменитый поисковик компании и думает, как этого избежать.
Более подробно об этой и других новостях, связанных с OpenAI, мы рассказали в нашем дайджесте:
https://tproger.ru/articles/novosti-openai-kompanija-poluchila-10-mlrd-ot-microsoft-i-napugala-google/
👍18
Как установить бесплатный SSL-сертификат на сайте
Ни один серьёзный сайт сегодня не обходится без SSL-сертификата. И не удивительно, ведь он позволяет подтвердить подлинность сайта и зашифровать данные, которые он получает и отправляет.
В этой статье вы узнаете, как получить так сертификат и, главное, установить его на вашем сайте:
https://tproger.ru/articles/instrukcija-po-ustanovke-besplatnogo-ssl-sertifikata-na-sajte/
#бэкенд
Ни один серьёзный сайт сегодня не обходится без SSL-сертификата. И не удивительно, ведь он позволяет подтвердить подлинность сайта и зашифровать данные, которые он получает и отправляет.
В этой статье вы узнаете, как получить так сертификат и, главное, установить его на вашем сайте:
https://tproger.ru/articles/instrukcija-po-ustanovke-besplatnogo-ssl-sertifikata-na-sajte/
#бэкенд
❤14👍6
NextJS быстрый курс. SSR на React JS
NextJS — это открытый JavaScript-фреймворк, созданный поверх React.js для создания веб-приложений.
В этом небольшом курсе вы в рамках одного видео сможете познакомиться и научиться работать с NextJS, а также разберётесь с рендерингом на стороне сервера:
https://youtu.be/_EOrSmjdOZQ
#видео #nextjs #react
NextJS — это открытый JavaScript-фреймворк, созданный поверх React.js для создания веб-приложений.
В этом небольшом курсе вы в рамках одного видео сможете познакомиться и научиться работать с NextJS, а также разберётесь с рендерингом на стороне сервера:
https://youtu.be/_EOrSmjdOZQ
#видео #nextjs #react
👍8👎1
Решаем популярные задачи с асинхронным кодом на JavaScript: часть первая
Асинхронный код — слабое место многих JavaScript-разработчиков, потому что там очень легко запутаться.
Преподаватель Elbrus Bootcamp Денис Образцов выбрал несколько популярных задач, с которыми выпускники буткемпа часто сталкиваются на интервью, и разобрал логику их решения. Подробнее у нас на сайте:
https://tprg.ru/qBpz
#javascript
Асинхронный код — слабое место многих JavaScript-разработчиков, потому что там очень легко запутаться.
Преподаватель Elbrus Bootcamp Денис Образцов выбрал несколько популярных задач, с которыми выпускники буткемпа часто сталкиваются на интервью, и разобрал логику их решения. Подробнее у нас на сайте:
https://tprg.ru/qBpz
#javascript
👍24
Проект «Доска активностей» - HTML, CSS, JS для начинающих
Тудушки мы уже делали, а теперь давайте пойдём немного дальше и сделаем доску активностей, которая будет учитывать рабочее время, затрачиваемое на разные задачи. Проект на ванильных технологиях — HTML, CSS и JS.
Подробнее:
https://youtu.be/vGSsTk2opZA
Кстати, проект взят с frontendmentor.io. Там вы можете найти ещё интересные задачи для обучения.
#фронтенд #петпроект
Тудушки мы уже делали, а теперь давайте пойдём немного дальше и сделаем доску активностей, которая будет учитывать рабочее время, затрачиваемое на разные задачи. Проект на ванильных технологиях — HTML, CSS и JS.
Подробнее:
https://youtu.be/vGSsTk2opZA
Кстати, проект взят с frontendmentor.io. Там вы можете найти ещё интересные задачи для обучения.
#фронтенд #петпроект
👍7
Фронтендеры на месте? Смотрите какой сайт мы вам нашли
Здесь собраны весьма полезные ресурсы для фронтенд-разработчиков и разобрано по категориям: иконки, иллюстрации, UI/UX, обучение и многое другое.
Подробнее можете ознакомиться самостоятельно тут:
https://www.akshay.rocks/resources
#фронтенд #инструменты
Здесь собраны весьма полезные ресурсы для фронтенд-разработчиков и разобрано по категориям: иконки, иллюстрации, UI/UX, обучение и многое другое.
Подробнее можете ознакомиться самостоятельно тут:
https://www.akshay.rocks/resources
#фронтенд #инструменты
👍41🤨2💩1
Особенности платформы Rancher для управления кластерами Kubernetes
За последние годы Kubernetes стал де-факто стандартом оркестровки контейнерных приложений. Но его самостоятельная установка и настройка — нетривиальная задача. Поэтому сегодня существуют разнообразные готовые решения, которые берут на себя эту задачу.
В этой статье речь пойдёт о платформе управления Kubernetes Rancher. Вы узнаете всё о её основных функциональных особенностях, кластерных операциях, внутреннем устройстве, безопасности и интеграции с внешними системами. Подробнее:
https://habr.com/ru/company/vk/blog/659407/
#devops #kubernetes
За последние годы Kubernetes стал де-факто стандартом оркестровки контейнерных приложений. Но его самостоятельная установка и настройка — нетривиальная задача. Поэтому сегодня существуют разнообразные готовые решения, которые берут на себя эту задачу.
В этой статье речь пойдёт о платформе управления Kubernetes Rancher. Вы узнаете всё о её основных функциональных особенностях, кластерных операциях, внутреннем устройстве, безопасности и интеграции с внешними системами. Подробнее:
https://habr.com/ru/company/vk/blog/659407/
#devops #kubernetes
👍4
This media is not supported in your browser
VIEW IN TELEGRAM
Scrollend — новое событие JavaScript
Scrollend позволяет отследить, когда была закончена прокрутка и совершить после этого определённые действия. Это событие может избавить вас от лишних функций timeout и сделает код понятнее и чище.
Узнать подробности можно тут:
https://developer.chrome.com/blog/scrollend-a-new-javascript-event/
#javascript
Scrollend позволяет отследить, когда была закончена прокрутка и совершить после этого определённые действия. Это событие может избавить вас от лишних функций timeout и сделает код понятнее и чище.
Узнать подробности можно тут:
https://developer.chrome.com/blog/scrollend-a-new-javascript-event/
#javascript
👍60
Анимация букв на GSAP
В этом видео автор понятным языком объясняет, как работать с GSAP, а также помогает реализовать один несложный, но интересный эффект появления текста. Подробнее:
https://youtu.be/5X8V_N5r6I8
#javascript #gsap
В этом видео автор понятным языком объясняет, как работать с GSAP, а также помогает реализовать один несложный, но интересный эффект появления текста. Подробнее:
https://youtu.be/5X8V_N5r6I8
#javascript #gsap
👍12
Как быстрее расти в разработке? Джун и Сеньор поделились своим мнением
Придя в новую сферу, легко наломать дров. Чтобы этого избежать полезно прислушиваться к мнению коллег, которые уже успели совершить свои ошибки или, наоборот, нашли удачные способы качественно выполнять поставленные задачи.
Алина и Алексей имеют разный опыт разработки и по-разному смотрят на стопперы и возможности. Посмотрите какие основные сложности они выделяют, чтобы заранее быть готовым к ним:
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
#советы
Придя в новую сферу, легко наломать дров. Чтобы этого избежать полезно прислушиваться к мнению коллег, которые уже успели совершить свои ошибки или, наоборот, нашли удачные способы качественно выполнять поставленные задачи.
Алина и Алексей имеют разный опыт разработки и по-разному смотрят на стопперы и возможности. Посмотрите какие основные сложности они выделяют, чтобы заранее быть готовым к ним:
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
#советы
👍21😁6😐1
Создание красивого сайта с горизонтальным параллакс эффектом
В этом видео вы узнаете, как создать сайт с горизонтальным скроллом. Ключевой особенностью этого сайта будет являться красивый параллакс-эффект, который добавляет глубину и объем в сцену.
Здесь будет огромное количество приёмов CSS, анимации, а также плавный скролл, работа с трансформацией, переменными и параметрами, программирование в JavaScript частиц Canvas и многое другое:
https://youtu.be/QFq6PiZ1BQ8
#видео #фронтенд
В этом видео вы узнаете, как создать сайт с горизонтальным скроллом. Ключевой особенностью этого сайта будет являться красивый параллакс-эффект, который добавляет глубину и объем в сцену.
Здесь будет огромное количество приёмов CSS, анимации, а также плавный скролл, работа с трансформацией, переменными и параметрами, программирование в JavaScript частиц Canvas и многое другое:
https://youtu.be/QFq6PiZ1BQ8
#видео #фронтенд
⚡15👍5🔥2❤🔥1
Как ускорить сайт с помощью Varnish HTTP Cache и Docker
Varnish — это ускоритель веб-приложений, также известный как обратный прокси c HTTP-кэшированием. Он способен ускорить доставку пакетов в 300–1000 раз, уменьшает время загрузки и способен справляться с пиковыми нагрузками трафика. О том, как его использовать и правильно настроить, читайте здесь:
https://nuancesprog.ru/p/16717/
#docker
Varnish — это ускоритель веб-приложений, также известный как обратный прокси c HTTP-кэшированием. Он способен ускорить доставку пакетов в 300–1000 раз, уменьшает время загрузки и способен справляться с пиковыми нагрузками трафика. О том, как его использовать и правильно настроить, читайте здесь:
https://nuancesprog.ru/p/16717/
#docker
👍9🍓1
Интерактивная карта из любого изображения на чистом JavaScript
В этом видео автор покажет вам, как сделать интерактивную карту для сайта на чистом JS, на основе любой картинки. Работать карта будет с помощью JS и SVG. По примеру из видео вы научитесь создавать интерактивные элементы и добавлять к ним любой функционал.
Смотрите видео тут:
https://youtu.be/uN35_FX9LXo
#видео #туториал #фронтенд
В этом видео автор покажет вам, как сделать интерактивную карту для сайта на чистом JS, на основе любой картинки. Работать карта будет с помощью JS и SVG. По примеру из видео вы научитесь создавать интерактивные элементы и добавлять к ним любой функционал.
Смотрите видео тут:
https://youtu.be/uN35_FX9LXo
#видео #туториал #фронтенд
👍24🍓1
10 шпаргалок для веб-разработчика
Мы подготовили для вас подборку шпаргалок для фронтенда и бэкенда, которые включают в себя различные языки программирования и фреймворки. Подробнее:
https://tproger.ru/articles/10-shpargalok-dlja-veb-razrabotchika/
#шпаргалка
Мы подготовили для вас подборку шпаргалок для фронтенда и бэкенда, которые включают в себя различные языки программирования и фреймворки. Подробнее:
https://tproger.ru/articles/10-shpargalok-dlja-veb-razrabotchika/
#шпаргалка
👍29🍾5❤🔥2🤡2🏆1
Locomotive Scroll — лёгкий способ сделать скролл плавным
JavaScript-библиотека Locomotive Scroll позволяет без особого труда создать плавную прокрутку элементов на вашем сайте. С помощью неё можно как анимировать отдельные свойства элементов, так и применить обработчик onscroll.
Подробнее:
https://github.com/locomotivemtl/locomotive-scroll
#библиотека #javascript
JavaScript-библиотека Locomotive Scroll позволяет без особого труда создать плавную прокрутку элементов на вашем сайте. С помощью неё можно как анимировать отдельные свойства элементов, так и применить обработчик onscroll.
Подробнее:
https://github.com/locomotivemtl/locomotive-scroll
#библиотека #javascript
👍5
Создайте и разверните статический интернет-магазин с помощью 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
Процесс создания интернет-магазина и развёртывания статически сгенерированных страниц в Firebase на самом деле достаточно прост, если вы используете Nuxt3.
Автор этой статьи поделился своей инструкцией по созданию такого сайта и вот, что у него получилось:
https://keith-mifsud.me/blog/build-and-deploy-nuxt3-static-site-with-pinia-and-stripe-checkout-on-firebase
#nuxt
🔥10
Логический border-radius
Скругление границ — один из наиболее важных элементов дизайна для создания удобного и привлекательного интерфейса, и при правильном применении он может сделать ваши проекты еще более красивыми и функциональными.
Если вы хотите узнать, как можно использовать логические свойства для создания красивых скругленных форм, то эта статья для вас:
https://css-irl.info/logical-border-radius/
#css
Скругление границ — один из наиболее важных элементов дизайна для создания удобного и привлекательного интерфейса, и при правильном применении он может сделать ваши проекты еще более красивыми и функциональными.
Если вы хотите узнать, как можно использовать логические свойства для создания красивых скругленных форм, то эта статья для вас:
https://css-irl.info/logical-border-radius/
#css
👍19👎1
Нестандартный подход в разработке: как React интегрировали с «Битрикс»
В этой статье вы узнаете, как разработчики из INDEXIS применили нестандартный подход в разработке — интеграцию React-приложения с «Битрикс». Здесь описывается процесс интеграции, а также представлены примеры рабочего кода и задачи, которые специалисты решили в ходе проекта:
https://tproger.ru/articles/nestandartnyj-podhod-v-razrabotke-kak-my-integrirovali-react-s-bitriks/
#фронтенд #react #bitrix
В этой статье вы узнаете, как разработчики из INDEXIS применили нестандартный подход в разработке — интеграцию React-приложения с «Битрикс». Здесь описывается процесс интеграции, а также представлены примеры рабочего кода и задачи, которые специалисты решили в ходе проекта:
https://tproger.ru/articles/nestandartnyj-podhod-v-razrabotke-kak-my-integrirovali-react-s-bitriks/
#фронтенд #react #bitrix
💩13👍7
This media is not supported in your browser
VIEW IN TELEGRAM
Как создать многопользовательский чат с помощью WebSocket за 10 минут
WebSocket — мощный инструмент в руках веб-разработчика. С помощью него можно всего за 10 минут создать многопользовательский чат. Если ещё не работали с этой технологией, то обязательно читайте статью.
Здесь вы узнаете об основах работы с WebSocket, механизмах работы с соединениями и событиями, а также о том, как подключиться к базе данных и создать приложений на её основе:
https://nuancesprog.ru/p/16849/
#websocket
WebSocket — мощный инструмент в руках веб-разработчика. С помощью него можно всего за 10 минут создать многопользовательский чат. Если ещё не работали с этой технологией, то обязательно читайте статью.
Здесь вы узнаете об основах работы с WebSocket, механизмах работы с соединениями и событиями, а также о том, как подключиться к базе данных и создать приложений на её основе:
https://nuancesprog.ru/p/16849/
#websocket
👍26