​Сквозь тернии к core-у, или процесс компиляции Vue

Сегодня Vue пользуется огромной популярностью, успешно конкурируя с React. У него есть и удобные шаблоны, и однофайловые компоненты, и хранилище состояний и многое другое прямо «из коробки».

Но как это всё работает и компилируется? В этой статье вы найдёте ответ:

https://habr.com/ru/companies/nordclan/articles/690522/

#фронтенд #vue

​Копирайтер против ChatGPT: чей текст про Python лучше

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

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

https://tproger.ru/articles/kopirajter-protiv-chatgpt-chej-tekst-luchwe/

#chatgpt #python

Ничего милее этих панд вы сегодня уже не увидите

Нашли для вас на CodePen проект, который позволит вам окружить себя пандами! Всё, что нужно сделать — нажать на кнопку «panda!» и к вам тут же выкатится милейшаяпиксельная панда, которая будет бегать по экрану. Нажмёте ещё раз — и появится ещё одна, и так пока вам не надоест.

Кстати, сделаны они с помощью SVG. Покликать и изучить код проекта можно тут:

https://codepen.io/Ma5a/pen/bGgxaYy

#codepen

Дайджест Tproger: волшебство CSS-анимаций и GPT внутри гуманоидного робота

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

https://tproger.ru/articles/dajdzhest-tproger-volwebstvo-css-animacij-chatgpt-vnutri-gumanoidnogo-robota-i-bitkoin-vnutri-macos/

#дайджесттп

​Как верстать на CSS Grid?

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

https://youtu.be/pIr6ACmdof4

#css #html

​Вред и польза fullstack-фреймворков на примере Meteor.js

Термин «FullStack-фреймворк» появился довольно давно и подразумевает использование одного инструмента как для фронтенда, так и для бэкенда. На первый взгляд это может показаться идеальным решением — один человек может написать всё, не изучая множество различных технологий. Но на деле всё иначе и помимо плюсов тут также есть множество недостатков.

Подробнее тут:

https://habr.com/ru/companies/ncloudtech/articles/690464/

#fullstack #meteorjs

​Четыре полезных встроенных веб-API JavaScript

Все браузеры имеют набор встроенных API, которые расширяют их функциональность, обычно за счёт поддержки сложных операций.

В этой статье вы узнаете о четырёх встроенных веб-API JavaScript, которые вы можете использовать в своих проектах: Notification API, Geolocation API, History API и Barcode Detection API. Подробнее:

https://blog.openreplay.com/four-useful-built-in-javascript-web-apis/

#javascript

Добавление видео на фон с максимальной оптимизацией

Видео в качестве бэкграунда используется не так часто и это понятно — сайт с таким фоном получается куда более «тяжёлым», чем с картинками или просто CSS-оформлением. Да и не всегда видео на фоне работает достаточно плавно.

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

https://blog.logrocket.com/optimizing-video-backgrounds-css-javascript/

#фронтенд

Давайте посмотрим на базовые, но крайне важные особенности JavaScript: https://xn--r1a.website/prog_point/2189

Анимированная таблица Менделеева на JavaScript

Особенностью этой таблицы является то, что каждый элемент анимирован в зависимости от агрегатного состояния вещества: твёрдого, жидкого или газообразного. Посмотрите, как это реализовано с точки зрения кода:

https://codepen.io/dilums/pen/oNzyeEv

#codepen #javascript

Делаем оффлайн-страницу для сайта на случай потери интернета

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

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

Делается это довольно легко. Вот здесь есть пошаговая инструкция для проекта на Vue:

https://medium.com/@ahmadkzx/vue-offline-page-fbae11e7c3b7

#vue #фронтенд

​Как не допустить свалки в Django-проекте: MTV, services.py, новые приложения

Чем дальше в проект, тем больше костылей. Можно ли избежать свалки из сомнительных решений и некачественного кода, если сроки всё время поджимают? Конечно можно, если следовать некоторым правилам.

Подробнее об этих правилах, модели MTV и не только узнаете здесь:

https://tproger.ru/articles/kak-ne-dopustit-svalki-v-django-proekte-mtv-services-py-novye-prilozheniya-239596/

#бэкенд #django

​Видеокурс по продвинутому бэкенду на Node.js

В этом видео вы узнаете, как создать масштабируемый бэкенд на Node.js с использованием фреймворка Nest.jsm PostgreSQL в качестве СУБД и Docker. Сохраняйте на будущее в закладках или смотрите прямо сейчас:

https://youtu.be/dDeWWQWMM-Y

#видео #бэкенд #nodejs

​Свежий дайджест Типичного программиста уже на сайте

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

https://tproger.ru/articles/dajdzhest-tproger/

#дайджесттп

Интерактивный лоадер-скейтбордист

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

Посмотреть, как реализован проект и попробовать можно тут:

https://codepen.io/aaroniker/pen/gOwEjBr

И помните: не нажимайте С! Мы вас предупредили.

#codepen #фронтенд

​Нужно больше тренажёров по Flexbox!

Вот этот, например, сделан в сеттинге зомби-апокалипсиса:

https://xn--r1a.website/prog_point/2198

​Что такое Go и как его используют

Язык программирования Go был создан в 2009 году и сегодня обретает всё большую популярность. Он отличается эффективностью и скоростью, схожей с языками Си, а также простым синтаксисом, характерным Python.

Сегодня Go популярен в качестве языка для бэкенд-разработки. Почему? В этой статье вы найдёте ответ на этот и другие вопросы:

https://tproger.ru/articles/chto-takoe-go-i-kak-ego-ispolzuyut/

#golang

​Дайджест Python #7: аналоги ChatGPT и обновления фреймворков

Свежий дайджест Python ждёт вас на сайте. Он порадует вас лучшими материалами по Big Data, AI, Веб-разработке на Python за первую половину апреля.

В этом выпуске вы узнаете об интеграции OpenAPI в Django, работе ChatGPT с базами данных и многом другом:

https://tproger.ru/articles/python-digest-7/

#дайджест #python

​Структуры данных во фронтенде

Структуры данных могут быть пугающими. Особенно для самоучек. Но с толковым объяснением и понятными примерами всё не так уж страшно.

Убедитесь сами: 

https://profy.dev/article/javascript-data-structures

#фронтенд

​Ловите 20 полезных промптов ChatGPT для IT

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

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

https://tproger.ru/articles/20-rabochih-promptov-chatgpt-dlya-it/

#chatgpt