Инструменты фронтенд-разработчика — ESLint

ESLint — это популярный JavaScript-линтер с открытым исходным кодом, который используется для анализа кода и выявления в нём ошибок.

Также ESLint предоставляет разработчикам набор правил, которые могут быть настроены в соответствии с конкретными потребностями проекта или команды. По сути, благодаря этому инструменту намного проще поддерживать стилистику кода и избегать базовых ошибок:

https://eslint.org/

#js

​Советы начинающим продакт-менеджерам

В команде на проекте работают не только программисты разных уровней. Как правило, есть продакт-менеджер (или проджект-менеджер, PM), который объясняет команде, как должно работать приложение, какие фичи надо реализовывать в первую очередь и оправдывается перед заказчиком за проваленные дедлайны.

Какие ошибки совершают менеджеры и как преодолевать трудности в работе — читайте в статье:

https://habr.com/ru/companies/ruvds/articles/733202/

#советы #pm

​Рекомендации по дизайну пользовательского интерфейса

Проектировать пользовательский интерфейс (user interface, UI) непросто. Надо учитывать, кроме типографики, цветов, отступов, ещё и психологию пользователя, доступность для людей с ограниченными возможностями, юзабилити.

Строгих правил для дизайна UI не существует. Всегда есть место творчеству. В статье приведены рекомендации по дизайну интерфейса на примере приложения для аренды жилья:

https://habr.com/ru/companies/ruvds/articles/732942/

#дизайн

​Центрирование элементов с помощью CSS

Статья рассказывает о различных способах выравнивания элементов по вертикали и горизонтали с помощью CSS.
На примерах рассматриваются варианты центрирования с помощью Flexbox, CSS Grid, а также с помощью CSS-свойств position и margin:

https://tproger.ru/articles/kak-centrirovat-chto-ugodno-v-css/

#советы #css

​10 примеров сбалансированного UI

Хорошо спроектированный пользовательский интерфейс — это не только визуальное оформление. Он должен подталкивать пользователя к взаимодействию с ним.

В статье рассматриваются 10 примеров структурированного и сбалансированного пользовательского интерфейса из книги «Refactoring UI» Адама Ватана и Стива Шогера:

https://medium.com/@FlowMapp/%D1%81lean-ui-guide-10-examples-of-hierarchy-and-balance-in-ui-design-4d033903a16

#дизайн #ui

Основатель «Типичного программиста» в авторском канале рассказывает с чего начинался Tproger (спойлер: с мемов): @nostoppers

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

Несколько примеров постов:

— Есть идея по стартапу. Что дальше?

— Как быть с задачами, которые не делаются?

— Неочевидные правила Daily standup

— Пробежки как способ развития бизнеса

— Правила проведения демо разработки

​Полный самоучитель по CSS Grid со шпаргалкой

Модуль CSS Grid предлагает систему разметки на основе сетки, со строками и столбцами, что облегчает разработку веб-страниц без необходимости использования плавающих элементов и позиционирования.

Объяснение того, как работают все свойства CSS Grid, и шпаргалка, которая охватывает всё, что можно сделать с помощью этого модуля:

https://tproger.ru/articles/polnyj-samouchitel-po-css-grid-so-wpargalkoj/

#css #шпаргалка

​Игры для изучения программирования

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

Итак, давайте посмотрим, как именно геймификация помогает лучше учиться и какие игры могут помочь вам стать программистом:

https://devby.io/news/games-it-learn

#обучение

​Зачем придумали кэширование и как использовать его в программировании?

Кэширование – это способ хранения данных как можно ближе к месту их использования. Добавление кэша значительно ускорило работу с памятью. Но вместе с тем и принесло дополнительные проблемы.

Подробнее о том, для чего нужен кэш, как его использовать и не создать себе проблем: https://habr.com/ru/articles/734660/

Зачем нужны базы данных и какие лучше?

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

Так как набор таких данных обычно быстро растет и работать с ними становится сложнее. Для этого используются системы управления базами данных.

И вот отличная статья, в которой (несмотря на то, что она на английском) доступно объясняют, что это такое и как ими пользоваться: https://dev.to/danielhe4rt/database-101-why-so-interesting-1344

​Как хранить лайки социальных сетей в базе данных ScyllaDB

Вчера поговорили о СУБД и согласованности данных в базах. Сегодня — о моделировании данных на примере хранения лайков в соцсетях с использованием ScyllaDB:

https://tproger.ru/articles/kak-quot-lajki-quot-socialnyh-setej-hranyatsya-v-baze-dannyh/

#субд

​PostgreSQL, Spring Framework и Android для начинающего разработчика

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

В статье затронуты такие темы, как теория баз данных, база данных PostgreSQL, Spring Framework и Android-разработка. Также рассмотрен базовый, не очень сложный пример, который поможет разобраться во всех этих темах и "потрогать" их руками:

https://habr.com/ru/articles/733918/

#android #postgresql #spring

​Видео-курс для изучения PHP 8

Большой и подробный курс для изучения PHP 8 от начального уровня до продвинутого.

Курс разделён на четыре части:
1. Основы PHP.
2. Объектно-ориентированное программирование на PHP.
3. Продвинутый PHP.
4. Практика: создание приложения Expennies — планировщика семейного бюджета.

https://www.youtube.com/playlist?list=PLr3d3QYzkw2xabQRUpcZ_IBk9W50M9pe-

#php #курсы

Storage API как альтернатива cookies

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

Преимущество Storage API состоит в размере хранилища (от 2 до 10 Мб, в зависимости от браузера), отсутствии необходимости обращаться к серверу и более интуитивной форме хранения данных. Об использовании Storage API читайте в статье:

https://javascript.plainenglish.io/mechanisms-to-store-the-data-in-the-browsers-storage-api-d38eb521d741

#js

​Основные коды состояния HTTP

Вы наверняка сталкивались с некоторыми кодами состояния HTTP, такими как, например, код 404 «Страница не найдена».

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

https://blog.webdevsimplified.com/2022-12/http-status-codes/

​Руководство по Solid JS

Solid JS — это реактивная JavaScript-библиотека для создания пользовательских интерфейсов. Она однократно компилирует шаблоны, а при изменении состояния приложения выполняется только тот код, который необходим для визуализации этого изменения.

Видео-руководство по Solid JS на примерах знакомит со всеми аспектами использования этой библиотеки:

https://www.youtube.com/playlist?list=PL4cUxeGkcC9gU_GvFygZFu0aBysPilkbB

#js

Полезные ссылки для улучшения Linkedin-профиля

— Что такое LinkedIn SSI и зачем его прокачивать?
— Посмотреть свой Linkedin SSI
— Расширение для Google Chrome. Доступ к Linkedin без VPN
— Как заполнить LinkedIn, чтобы тебя заметили: 6 категорий ключевых слов
— Поиск на LinkedIn глазами рекрутера
— Jobscan. Сканирование и оптимизация профиля
— Руководство по оформлению профиля в LinkedIn: примеры и лайфхаки

#резюме #собеседование

​Шаблоны архитектуры приложений

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

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

https://www.redhat.com/architect/14-software-architecture-patterns

#шаблоны

​15 качеств, которые понадобятся разработчику веб-приложений

Разработчику необходимы не только профессиональные знания, но и soft skills, то есть качества, помогающие работать в команде и более эффективно решать возникающие перед специалистом задачи.

Список скиллов для построения успешной карьеры — в статье:

https://habr.com/ru/companies/skillbox/articles/735772/

#советы

​30 вопросов на собеседовании фронтенд-разработчику

Техническое собеседование — почти всегда стресс. Ещё и работодатели постоянно придумывают вопросы позаковыристее.

В статье — 30 популярных вопросов, которые задают кандидатам на должность Junior FrontEnd Developer:

https://tproger.ru/articles/20-voprosov-na-sobesedovanii-frontend-razrabotchika

#собеседование