NOP::Nuances of Programming
72.6K subscribers
2.89K photos
9 videos
12 files
4.22K links
Уникальные статьи и переводы — настольная книга программиста.


Любые вопросы по сотрудничеству: @ramilkr
Если нужен токен:
https://telega.in/c/nuancesprog
NOP::Humor - https://t.me/nophumor
NOP::Recruiter Удаленка- https://t.me/nopremote
Download Telegram
Фронтенд-разработка с каждым годом становится всё более и более востребованной. Чтобы не запутаться в многообразии новых решений, необходимо идти по порядку нарастания сложности данных технологий. Давайте посмотрим, что точно пригодится фронтенд-разработчику для того, чтобы освоить профессию.

https://nuancesprog.ru/p/11573

@nuancesprog #статьи #FrontEndDevelopment
Рассказываем о бесплатных инструментах для фронтенд-разработчика, которые помогут легче и быстрее решать рабочие задачи, тем самым повышая вашу продуктивность.

https://nuancesprog.ru/p/11859

@nuancesprog #статьи #FrontEndDevelopment
Хотите проверить, насколько вы продвинуты в области разработки пользовательского интерфейса? Попробуйте ответить на эти 7 вопросов (но не торопитесь заглядывать в подсказки).

https://nuancesprog.ru/p/16030/

@nuancesprog #FrontEndDevelopment
Разберемся, как повысить продуктивность за счет автоматизации всех взаимодействий между клиентом и сервером. Большая история проб, ошибок и поисков правильного решения в одной маленькой статье.

https://nuancesprog.ru/p/16651/

@nuancesprog #FrontEndDevelopment
Предлагаем подборку бесплатных инструментов для стилистического оформления пользовательских интерфейсов. Они помогут фронтенд-разработчикам и дизайнерам существенно сэкономить время и повысить производительность.

https://nuancesprog.ru/p/17243/

@nuancesprog #FrontEndDevelopment #UIDesign
Мастерское владение Docker гарантирует фронтенд-разработчику массу выгодных преимуществ. Начнем с освоения 10 важнейших команд Docker и откроем новые горизонты профессии.

https://nuancesprog.ru/p/17360/

VK: https://vk.com/@nuancesprog-10-kluchevyh-komand-docker-v-arsenal-frontend-razrabotchikov

Дзен: https://dzen.ru/media/nuancesprog.ru/645bf47f1d7dfc0dcddc2dc2

@nuancesprog #Docker #FrontEndDevelopment
При создании масштабируемых фронтенд-приложений нужно учитывать целый ряд факторов. Какие из них и почему сегодня следует рассматривать в первую очередь?

https://nuancesprog.ru/p/17387/

VK: https://vk.com/@nuancesprog-masshtabirovanie-frontend-prilozhenii-v-2023-godu

Дзен: https://dzen.ru/media/nuancesprog.ru/6462af3fb28bff44a6c81cc8

@nuancesprog #FrontEndDevelopment
Что такое дизайн «Feature Sliced» во фронтенд-архитектуре? Рассмотрим особенности и результаты применения дизайна, его достоинства и недостатки.

https://nsprg.ru/xJK5ev

VK: https://nsprg.ru/mDEMZx

Дзен: https://nsprg.ru/OVgnLm

@nuancesprog #FrontEndDevelopment
Немного поэкспериментируем. Возьмем простой дочерний компонент в двух вариантах (генерация события и использование функции в качестве входного параметра) и сравним их по ключевым показателям.

https://nsprg.ru/ma43pO

VK: https://nsprg.ru/O73ybO

Дзен: https://nsprg.ru/xPZJAO

@nuancesprog #FrontEndDevelopment
Современные API браузера повышают производительность разработчиков и даже способны заменить популярные библиотеки для фронтенд-компонентов. Используйте их для создания удобных веб-приложений.

https://nsprg.ru/xeNlXv

VK: https://nsprg.ru/xl1aJv

Дзен: https://nsprg.ru/OVgXKm

@nuancesprog #BrowserAPI #FrontEndDevelopment
Создание веб-сайта - плодотворный творческий проект, увлекательный и полезный как для приобретения востребованных навыков, так и отличный способ попробовать себя в новом деле и поделиться опытом с большим числом людей (ну или просто несколькими знакомыми).

https://nsprg.ru/ObPr1x

VK: https://nsprg.ru/ma4NLO

Дзен: https://nsprg.ru/vdD12v

@nuancesprog #WebDevelopment #FrontEndDevelopment
Концепции и практики, такие как SOLID, KISS, DRY и DDD, помогут создавать более чистые архитектуры фронтенда. А правила создания компонентов с учетом развития бизнес-логики позволят коду оставаться ожидаемо поддерживаемым.

https://nsprg.ru/m00o4m

VK: https://nsprg.ru/ONLNAx

Дзен: https://nsprg.ru/mrpoqv

@nuancesprog #WebArchitecture #FrontEndDevelopment
Фронтенд-разработка - постоянно развивающаяся область, требующая от разработчиков адаптации к новым технологиям, практикам и лучшим cтандартам. Сегодня рассмотрим ее базовые основы, включая HTML, СSS и JavaScript, а также поговорим о более продвинутых концепциях.

https://nsprg.ru/mnqgAO

VK: https://nsprg.ru/mYAEom

Дзен: https://nsprg.ru/xAG0KO

@nuancesprog #JavaScript #HTML #CSS #FrontEndDevelopment
Предлагаем пошаговое руководство по созданию современных фронтендов с помощью Feature-Sliced Design и Bit. Использование этого подхода позволит организовать приложение в четко структурированном виде, быстро ориентироваться в нем и лучше понимать его специфику.

https://nsprg.ru/mnqPeO

VK: https://nsprg.ru/mYANMm

@nuancesprog #FrontEndDevelopment
Почему, увлекаясь новыми подходами, мы пренебрегаем основами разработки? Может ли следование лучшим практикам лишить критического мышления? Всегда ли стоит все усложнять и оптимизировать? Поразмыслим над этими вопросами, анализируя фрагменты кода из реальных проектов.

https://nsprg.ru/OjrLGO

VK: https://nsprg.ru/OQgq1x

@nuancesprog #FrontEndDevelopment
Основные различия между веб-дизайнером и разработчиком веб-интерфейсов, которые помогут вам определиться с профессией в сфере IT

https://nsprg.ru/myDLEO

VK: https://nsprg.ru/mw69gO

Дзен: https://nsprg.ru/x9RDKv

@nuancesprog #FrontEndDevelopment #WebDevelopment
В данной статье мы исследуем свойство CSS z-index, объясняя его роль в позиционировании элементов на веб-странице и предлагая примеры его использования для создания сложных макетов и интерактивных элементов.

https://nsprg.ru/mDR8Mv

VK: https://nsprg.ru/xkrW1m

Дзен: https://nsprg.ru/OVN37O

@nuancesprog #CSS #HTML #FrontEndDevelopment
Традиционные тесты пользовательского интерфейса сопряжены с определенным компромиссом. В этой статье мы поговорим о SafeTest, революционной библиотеке, которая предлагает новый взгляд на E2E-тесты для веб-приложений с пользовательским интерфейсом (UI).

https://nsprg.ru/xlEpdv

VK: https://nsprg.ru/mzg3Dx

@nuancesprog #WebDevelopment #Testing #FrontEndDevelopment #SafeTest