Сохранёнки программиста

Подборка: Как оживить фронтенд — 8 лучших JS-библиотек для анимации

Разумная доза анимации способна кардинально изменить эстетику, атмосферу и удобство веб-приложения. В статье рассказывают о популярных вариантах, а также об их преимуществах и недостатках. А тут краткий список:

— GSAP — для высокопроизводительной HTML-анимации;
— Framer Motion — анимация и интерактивные элементы React;
— Anime.js — анимация CSS-свойств, SVG, DOM-атрибутов;
— Popmotion — анимация интерфейса;
— React Spring — анимация в React-приложениях;
— Three.js — создание и отображение анимированной 3D-графики;
— Vivus — анимация SVG-изображений;
— Mo.js — для создания сложной и многоуровневой анимации;

#подборка #frontend #js #ru

Сборник тех самых шпаргалок по различным технологиям

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

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

#шпаргалки #подборка #general

Доклад: Людоедский интерфейс

Когда мы взаимодействуем с продуктом, его интерфейс становится окном в мир сервиса. Но что, если это окно будет грязным и запотевшим?

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

Ссылка на доклад

#доклад #ux #ui #ru

Подборка книг для продолжающих разработчиков

Что почитать, когда уровень «Чистого кода» и «Грокаем алгоритмы» пройден? Книги для продолжающих разработчиков собрали в этой статье. Там можно узнать кратко о каждой книге, а тут оставляем список:

— Чек-лист. Как избежать глупых ошибок, ведущих к фатальным последствиям;
— Эффективная работа с легаси-кодом;
— Архитектура программного обеспечения, ориентированная на шаблоны;
— Создание микросервисов;
— Чистая архитектура;
— Высоконагруженные приложения: Программирование. Масштабирование. Поддержка;
— Справочник архитектора решений.

#книга #продолжающим

Подборка различных шпаргалок

Работу профессионала в каком-то ПО трудно представить без использования горячих клавиш. Во многих случаях они заметно экономят время, ускоряя и упрощая разработку. Собрали для вас некоторые из них:

— Хоткеи в VS Code с демонстрацией;
— Основные горячие клавиши Photoshop;
— Шпаргалки для ОС: Windows, Linux, MacOS;
— Хоткеи в Figma.

#шпаргалка #инструмент #ru

3D DOM viewer — скрипт для визуализации сайта в 3D

Просто копируете код и вставляете его в консоль. Вуаля, красота!

Стоимость: #бесплатно

@prog_tools #web #fun

Курс: Компьютерные сети

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

В каждой лекции курса вводятся новые понятия, которые используют материал предыдущих лекций. Среди тем: классификация и топология сетей, Ethernet, адреса и протоколы, Wi-Fi и DNS. Все видео небольшой длины, поэтому их удобно смотреть.

#курс #сеть #начинающим #ru

​​Где взять иллюстрации для своего проекта

Многие начинающие разработчики стоппорятся на своём проекте, когда дело доходит до графики. Изучать графические редакторы и кучу теории для этого захочется не далеко всем.

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

@prog_point #frontend #web

Статья: 15 лучших практик разработки и проектирования REST API

REST API — это стандарт, определяющий взаимодействие с веб-сервисами через сеть с использованием стандартных HTTP-методов. Он позволяет получать, отправлять, обновлять и удалять данные по уникальным URL-адресам с использованием JSON или XML.

Как и в остальных аспектах разработки, у REST API есть готовые best practice, следование которым позволит создать надёжный и эффективный сервис. Вот, например, как в этой статье. Тут объясняют за общий формат даты, аутентификацию по ключу, именование, пагинацию, точки для проверки работоспособности и многое другое.

#статья #rest #советы #ru

Курс: JavaScript Паттерны

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

Хотя в курсе основное внимание уделяется паттернам на JavaScript, многие из них могут быть применены и в других языках программирования.

#курс #javascript #паттерны #ru

Урок: Создание собственного ChatGPT-бота в Telegram

После того как OpenAI опубликовала свой API, в телеграме появилась куча ботов для общения с ChatGPT.

Некоторые из них платные, хотя каждый самостоятельно может создать такого бота и как-либо его донастроить под себя. Поэтому сохраняйте гайд, где поэтапно объясняют процесс создания ИИ-бота для Telegram.

#урок #ai #ru

Подборка: топ площадок с бесплатными IT-курсами

Держите целую подборку 20 различных онлайн-школ по разработке. Среди тем есть как и общие направления, так и конкретные языки: JS, Python, Kotlin, Ruby и другие.

К каждому курсу прикреплено описание, темы, формат обучения. Поэтому можно сразу на месте определиться с подходящей площадкой.

Сохраняйте, дабы не потерять

#подборка #курс #ru

Подборка бесплатных апскейл-нейронок

— clarity-upscaler (API);
— iloveimg.com (от создателей ilovepdf);
— krea.ai;
— tinywow.com.

А вы какими пользуетесь и почему их предпочитаете? Поделитесь в комментариях.

Бесплатный курс по Figma

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

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

#курс #ui #ux #ru

Статья: Простыми словами о работе HTTP-запросов

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

И если вы всё ещё не уверены в своих знаниях касательно работы HTTP-запросов, кодов состояния, заголовков и работы протокола в целом, то эта статья простым и доступным языком расскажет про всё это.

#статья #web #теория #ru

Курс: Создание веб-парсеров на Python

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

В процессе обучения вы узнаете, как работать с requests, bs4, fake-useragent, multiprocessing, json, авторизацией на сайтах, куки и многим другим.

Страница курса

#курс #python #ru

Доклад: Полезные инструменты веб-разработчика

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

В подборке инструменты разделены на две секции: для отладки вёрстки и стилей, и для отладки кода и оптимизации. Также тут покажут, как делать аудит и оптимизацию веб-приложения, используя инструменты браузера.

#доклад #web #инструмент #ru

Инструмент: генератор одноразовой почты

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

Есть приложения для Android и iOS.

Ссылка на инструмент: Temp Mail

#инструмент

​​Статья: Что такое Minutes of Meeting и для чего его писать?

MoM (Minutes of Meeting) – это протокол встречи, который составляется с одной целью: зафиксировать договорённости. Это письменный отчёт о том, что обсуждалось и решалось в ходе встречи. MoM помогают сохранить ключевые моменты и решения, обеспечивают ясность и единое понимание между всеми участниками встречи, между командой разработки и стейкхолдерами со стороны заказчика.

Держите подробный гайд о том, как правильно подготавливать МоМ, чтобы это было полезно и эффективно.

#статья #general #ru