Давайте посмотрим на базовые, но крайне важные особенности JavaScript: https://t.me/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://t.me/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

​Скроллим к фрагменту текста с помощью URL

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

Реализуется это довольно легко, так что стоит взять на вооружение. Инструкцию оставили здесь:

https://blog.jim-nielsen.com/2022/scroll-to-text-fragments/

#фронтенд #навигация #url

​PHPize.online — песочница для работы с SQL, PHP и ChatGPT

Это бесплатный проект, позволяющий:
— быстро писать и исполнять SQL запросы к различным популярным базам данных, таких как MySQL, MariaDB, PostgreSQL, SQLite, Oracle и Microsoft SQL Server;
— писать и исполнять код на PHP;
— получать подсказки по написанию кода от ChatGPT.

С помощью него вы можете быстро и просто написать небольшой проект, даже не обращаясь к IDE, и тут же проверить его работоспособность. А самое главное, вы можете поделиться готовым кодом, как, например, с помощью jsbin и codepen для фронтенд-проектов.

Подробнее о проекте, его особенностях и возможностях расскажет сам автор:

https://tproger.ru/articles/phpize-online-onlajn-sreda-dlya-raboty-s-bazami-dannyh-sql-i-php/

#инструмент #php #sql

​Node.js: использование веб-потоков

Веб-потоки (web streams) — это стандарт для потоков (streams), который поддерживается всеми основными веб-платформами. Потоки — это абстракция для чтения и записи данных последовательно, небольшими частями из любого вида источника — файлов, данных, находящихся на сервере, и т.д.

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

https://habr.com/ru/companies/timeweb/articles/675676/

#бэкенд #nodejs

Дайджест Tproger #3: Node.js 20, бот для торговли криптой, сторонние магазины в iOS17

В свежем выпуске дайджеста мы собрали для вас много полезных и интересных материалов. Рассказали о структурах данных, чистом коде, советах для джуна, полезном ресурсе для фронтедеров MyJavaScript и многом другом.

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

https://tproger.ru/articles/dajdzhest-tproger-3-node-js-20-bot-dlya-torgovli-kriptoj-storonnie-magaziny-v-ios17/

#дайджесттп

Упрощаем отладку компонентов UI с помощью удобного расширения

Мы имеем в виду Preview.js — удобное расширение для VSCode или JetBrains IDEs, которое позволяет видеть превью вашего кода, не переходя в браузер. Работает плагин со многими популярным фреймворками: Preact, React, Svelte, Vue и SolidJS.

Здесь вы можете посмотреть все возможности плагина и установить его:

https://previewjs.com/

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

​Учимся бороться с ошибками CORS

Многие из нас сталкивались с подобными ошибками и поломали немало копий на них. Но теперь можно вздохнуть с облегчением.

В этой статье собраны наиболее частые ошибки и способы их устранения:

https://fatimamo.com/become-a-cors-wizard

​Несколько способов организовать удобную структуру проекта на Vue.js

Для одностраничника, конечно, хватит и пары папок, а то и вовсе без них обойтись можно. Но чтобы взаимодействовать с крупным проектом без болей и быстро находить нужны куски кода, необходимо правильно распределить файлы.

В этой статье вы найдёте несколько полезных советов и способов, которые помогут вам правильно структурировать ваш проект на Vue.js:

https://medium.com/@nile.bits/good-ways-to-organize-large-vue-js-project-a38e557c9876

#vue #фронтенд