Forwarded from Инструменты программиста
Indent Rainbow: наконец уровень отступа читается
Как видно на скриншоте, это расширение окрашивает отступы в цвет то оператора, то функции, то переменной, причём двумя способами (проецирующими линиями или подкрашенными прямоугольниками).
Расширение на Visual Studio Marketplace
@prog_tools
Как видно на скриншоте, это расширение окрашивает отступы в цвет то оператора, то функции, то переменной, причём двумя способами (проецирующими линиями или подкрашенными прямоугольниками).
Расширение на Visual Studio Marketplace
@prog_tools
Что должен знать начинающий фронтендер?
Собрали советы для достижения успеха в профессии от опытного фронтенд-разработчика в одну статью. А также ответили на частые вопросы новичков: от зарплаты и стека до перспектив карьерного роста.
https://tproger.ru/articles/frontend-razrabotka--chem-zanimayutsya-i-skolko-zarabatyvayut-specialisty
#фронтенд #советы
Собрали советы для достижения успеха в профессии от опытного фронтенд-разработчика в одну статью. А также ответили на частые вопросы новичков: от зарплаты и стека до перспектив карьерного роста.
https://tproger.ru/articles/frontend-razrabotka--chem-zanimayutsya-i-skolko-zarabatyvayut-specialisty
#фронтенд #советы
Flexbox Defense — защищаемся башнями и изучаем flexbox
В этой простой игре в стиле Tower Defense вы сможете попрактиковаться в использовании Flexbox CSS. Вас ожидают 12 волн с различными условиями.
Поиграть можно тут:
http://www.flexboxdefense.com/
#css
В этой простой игре в стиле Tower Defense вы сможете попрактиковаться в использовании Flexbox CSS. Вас ожидают 12 волн с различными условиями.
Поиграть можно тут:
http://www.flexboxdefense.com/
#css
Самые популярные вопросы на собеседовании фронтенд-разработчика
Это 55 выпуск видеокаста «Front-end. Вопросы на собеседовании».
В серии видео автор помогает подготовиться к собеседованиям на позицию джуниор и мидл фронтенд-разработчик.
Видеокаст представлять из себя коллекцию технических вопросов, которые можно получить на интервью: https://www.youtube.com/watch?v=PI1X5oFHou8
В этом выпуске:
— Что такое хвостовая рекурсия? Оптимизация рекурсии?
— Что такое и как работает debounce() и throttle() в JavaScript?
— Как в JavaScript работают декораторы? Как они могут быть использованы для модификации поведения классов и методов?
— Как можно создавать пользовательское событие (custom events) в JavaScript?
— Что такое IndexedDB? Как работает IndexedDB?
— Расскажите о методе requestAnimationFrame()?
— Как работают дефолтные параметры в ES6?
— Что такое «BigInt» в ES2020 и для чего он используется?
— Какие нововведения были представлены в ECMAScript 2021 (ES12)?
— Что такое fetch()? Как работает функция fetch()?
— Что такое JSON в JavaScript? Как его можно использовать?
— Что такое и как работает коэффициент сжатия (compression ratio) в контексте веб-разработки?
#собеседование #фронтенд
Это 55 выпуск видеокаста «Front-end. Вопросы на собеседовании».
В серии видео автор помогает подготовиться к собеседованиям на позицию джуниор и мидл фронтенд-разработчик.
Видеокаст представлять из себя коллекцию технических вопросов, которые можно получить на интервью: https://www.youtube.com/watch?v=PI1X5oFHou8
В этом выпуске:
— Что такое хвостовая рекурсия? Оптимизация рекурсии?
— Что такое и как работает debounce() и throttle() в JavaScript?
— Как в JavaScript работают декораторы? Как они могут быть использованы для модификации поведения классов и методов?
— Как можно создавать пользовательское событие (custom events) в JavaScript?
— Что такое IndexedDB? Как работает IndexedDB?
— Расскажите о методе requestAnimationFrame()?
— Как работают дефолтные параметры в ES6?
— Что такое «BigInt» в ES2020 и для чего он используется?
— Какие нововведения были представлены в ECMAScript 2021 (ES12)?
— Что такое fetch()? Как работает функция fetch()?
— Что такое JSON в JavaScript? Как его можно использовать?
— Что такое и как работает коэффициент сжатия (compression ratio) в контексте веб-разработки?
#собеседование #фронтенд
Когда ты веб-разработчик и не можешь придумать, что подарить второй половинке: девушка в Твиттере рассказала, что сделала для своего мужа сайт, где можно выбрать, что он хочет на ужин.
Интересно только, что за валюта такая «lisoin»
Как думаете, правда или опять не выдуманные истории из жизни для расширения портфолио и саморекламы?
#петпроект
Интересно только, что за валюта такая «lisoin»
Как думаете, правда или опять не выдуманные истории из жизни для расширения портфолио и саморекламы?
#петпроект
Forwarded from SMLTECH
Сага о микросервисах и SAGA 📕
Самое сложное в работе с микросервисами — распределённые транзакции, где нет единой базы данных и единой точки входа, а ошибки просто так не откатить 🔙
Решений для оптимизации процесса много, однако у большинства из них весомые недостатки. Оптимальная опция — паттерн SAGA. Он обеспечивает независимые транзакции, а также позволяет быстро откатить изменения. Например, в доставке еды, где происходит подтверждение оплаты, а затем — запрос в ресторан на готовку. Если с оплатой проблема — заказ в ресторане отменится.
У SAGA два паттерна: оркестрация и хореография. В первом случае координатор создает заявку, проверяет её на объёмы и дефекты, а затем отправляет на выполнение. Во втором случае каждый микросервис сам определяет действия на основе событий.
Узнать о процессах больше можно в докладе Антона Ершова, руководителя функции бэкенда в Самолете 10D, на Moscow Python Meetup №90. 🏗️
#шерим
Самое сложное в работе с микросервисами — распределённые транзакции, где нет единой базы данных и единой точки входа, а ошибки просто так не откатить 🔙
Решений для оптимизации процесса много, однако у большинства из них весомые недостатки. Оптимальная опция — паттерн SAGA. Он обеспечивает независимые транзакции, а также позволяет быстро откатить изменения. Например, в доставке еды, где происходит подтверждение оплаты, а затем — запрос в ресторан на готовку. Если с оплатой проблема — заказ в ресторане отменится.
У SAGA два паттерна: оркестрация и хореография. В первом случае координатор создает заявку, проверяет её на объёмы и дефекты, а затем отправляет на выполнение. Во втором случае каждый микросервис сам определяет действия на основе событий.
Узнать о процессах больше можно в докладе Антона Ершова, руководителя функции бэкенда в Самолете 10D, на Moscow Python Meetup №90. 🏗️
#шерим
Годных codepen-проектов вам в ленту: Newton's CSS cradle — Колыбель Ньютона
Проект реализован с помощью SCSS. Исходники: https://codepen.io/amit_sheen/pen/XWMXwvJ
👍 — юзабельно
🗿 — троллейбус_из_буханки_хлеба.jpg
#codepen
Проект реализован с помощью SCSS. Исходники: https://codepen.io/amit_sheen/pen/XWMXwvJ
👍 — юзабельно
🗿 — троллейбус_из_буханки_хлеба.jpg
#codepen
Какие JS-библиотеки использовать для анимаций на сайте?
JS-библиотек более тысячи — они постоянно обновляются, а многие из них создаются сообществом. Собрали и попробовали самые актуальные библиотеки для разработки анимации, такие как Anime.js, Popmotion, Vivus.js, Mo.js и другие.
Делимся обзором на лучшие из них с вами: https://tproger.ru/articles/kakie-js-biblioteki-ispolzovat-dlya-animacij-na-sajte-v-2024-godu
#javascript
JS-библиотек более тысячи — они постоянно обновляются, а многие из них создаются сообществом. Собрали и попробовали самые актуальные библиотеки для разработки анимации, такие как Anime.js, Popmotion, Vivus.js, Mo.js и другие.
Делимся обзором на лучшие из них с вами: https://tproger.ru/articles/kakie-js-biblioteki-ispolzovat-dlya-animacij-na-sajte-v-2024-godu
#javascript
Все ещё пишете сложные, непроизводительные и «жирные» сайты? Тогда HTMX идёт к вам!
HTMX — библиотека, которая позволяет создавать динамические веб-интерфейсы, используя только HTML и немного JavaScript. И вот небольшое демо, как она работает: https://htmx.org/examples/click-to-edit/#demo
Идея в том, что мы можем запускать интерактивные элементы, написанные с помощью AJAX, CSS Transitions, WebSockets и Server Sent Events, прямо из HTML-кода. HTMX сохраняет преимущества SPA, не требуя полной перезагрузки страницы, и в то же время по простоте она ближе к MPA.
В статье рассказали про Карсона Гросса, создателя HTMX, и про HTMX — красивую альтернативу клиентскому рендерингу на JavaScript: https://habr.com/ru/companies/ruvds/articles/814193/
#javascript
HTMX — библиотека, которая позволяет создавать динамические веб-интерфейсы, используя только HTML и немного JavaScript. И вот небольшое демо, как она работает: https://htmx.org/examples/click-to-edit/#demo
Идея в том, что мы можем запускать интерактивные элементы, написанные с помощью AJAX, CSS Transitions, WebSockets и Server Sent Events, прямо из HTML-кода. HTMX сохраняет преимущества SPA, не требуя полной перезагрузки страницы, и в то же время по простоте она ближе к MPA.
В статье рассказали про Карсона Гросса, создателя HTMX, и про HTMX — красивую альтернативу клиентскому рендерингу на JavaScript: https://habr.com/ru/companies/ruvds/articles/814193/
#javascript
В комментариях коллеги подытожили насчет высшего образования в IT.
К сожалению, в основном так и есть...
К сожалению, в основном так и есть...
Forwarded from Сохранёнки программиста
Шпаргалка по всем шпаргалкам
Это настоящая находка для любого разработчика. Сервис насчитывает около 6000 разнообразных шпаргалок в картинках: по программированию и разработке, обучению, играм и домашнему быту. Т.е. кроме классических шпаргалок по типу регулярок и SQL, тут можно найти шпаргалки по кофейным напиткам, командам в Minecraft и французской грамматике.
Сайт, который достоин быть в закладках
#шпаргалка #general #ru
Это настоящая находка для любого разработчика. Сервис насчитывает около 6000 разнообразных шпаргалок в картинках: по программированию и разработке, обучению, играм и домашнему быту. Т.е. кроме классических шпаргалок по типу регулярок и SQL, тут можно найти шпаргалки по кофейным напиткам, командам в Minecraft и французской грамматике.
Сайт, который достоин быть в закладках
#шпаргалка #general #ru
Кто такой Head of Profession и зачем он нужен компании
Head of Profession — это суперквалифицированный инженер. У него достаточно знаний по теме, большой опыт, есть определённые успехи, он уже запускал какие-то крупные продукты. И что важно — готов и умеет делиться опытом и знаниями с другими.
Если вы обладаете вышеописанными качествами и вас интересует такой трек развития, рекомендуем ознакомиться с этой статьёй. Там детально разобрали его роль и навыки. А также показали на примере команды системных аналитиков, насколько появление такого специалиста повлияло на рабочие процессы.
#советы
Head of Profession — это суперквалифицированный инженер. У него достаточно знаний по теме, большой опыт, есть определённые успехи, он уже запускал какие-то крупные продукты. И что важно — готов и умеет делиться опытом и знаниями с другими.
Если вы обладаете вышеописанными качествами и вас интересует такой трек развития, рекомендуем ознакомиться с этой статьёй. Там детально разобрали его роль и навыки. А также показали на примере команды системных аналитиков, насколько появление такого специалиста повлияло на рабочие процессы.
#советы
Основные коды состояния HTTP на котиках
Недавно писали про расшифровку большинства самых популярных кодов состояния HTTP. А вот забавный проект, который показывает коды состояния на котиках.
Можно использовать в своих проектах — по ссылке с указанием кода сервис отдаёт мем, который наглядно иллюстрирует код ошибки: https://http.cat/
#инструменты
Недавно писали про расшифровку большинства самых популярных кодов состояния HTTP. А вот забавный проект, который показывает коды состояния на котиках.
Можно использовать в своих проектах — по ссылке с указанием кода сервис отдаёт мем, который наглядно иллюстрирует код ошибки: https://http.cat/
#инструменты
Docker Hub перестал работать в России: что делать?
При попытке зайти на сайт Docker Hub юзеры сталкиваются с ошибкой «403 Forbidden»: https://tproger.ru/news/docker-hub-perestal-rabotat-v..
Пришла пора для https://huecker.io/
Ждем docker pull ubuntu:zver-edition
#docker
При попытке зайти на сайт Docker Hub юзеры сталкиваются с ошибкой «403 Forbidden»: https://tproger.ru/news/docker-hub-perestal-rabotat-v..
Пришла пора для https://huecker.io/
Ждем docker pull ubuntu:zver-edition
#docker
Видеоурок: Пишем шахматы на JS
Подробный трехчасовой туториал по разработке шахмат на JavaScript с использованием Stockfish API: https://youtu.be/fJIsqZmQVZQ
#javascript
Подробный трехчасовой туториал по разработке шахмат на JavaScript с использованием Stockfish API: https://youtu.be/fJIsqZmQVZQ
#javascript
Forwarded from IT Юмор