Тренды и новинки в мире CSS и веб-дизайна
Если включать “режим Ванги” и попытаться предсказать, что изменится в веб-дизайне в течение 2024 года, нелишним будет оглянуться на события 2023. Тренды, наметившиеся в минувшем году, так или иначе лежат в трёх основных плоскостях — это технологии, стиль и организация труда.
В этой статье веб-дизайнер анализирует растущие тренды, которые есть смысл прокачать как начинающим разработчикам, так и опытным. Если кратко, то двигаться стоит в этих направлениях:
— Инструменты для создания сайтов на основе AI;
— Инструменты для ускорения рядовых задач на основе AI;
— Интерфейсы для смешанной реальности;
— Интеграция 3D-иллюстраций;
— Работа в распределённой команде, селф- и тайм-менеджмент;
#web #frontend
Если включать “режим Ванги” и попытаться предсказать, что изменится в веб-дизайне в течение 2024 года, нелишним будет оглянуться на события 2023. Тренды, наметившиеся в минувшем году, так или иначе лежат в трёх основных плоскостях — это технологии, стиль и организация труда.
В этой статье веб-дизайнер анализирует растущие тренды, которые есть смысл прокачать как начинающим разработчикам, так и опытным. Если кратко, то двигаться стоит в этих направлениях:
— Инструменты для создания сайтов на основе AI;
— Инструменты для ускорения рядовых задач на основе AI;
— Интерфейсы для смешанной реальности;
— Интеграция 3D-иллюстраций;
— Работа в распределённой команде, селф- и тайм-менеджмент;
#web #frontend
Разница между переменными значимого и ссылочного типа
Понимание различий между переменной значения (value variable) и ссылочной переменной (ref variable) считается фундаментальными знаниями практически в любом стеке. Также эта тема может подниматься на собеседованиях на позицию junior-разработчика. И вот в чем разница:
Когда мы оперируем переменной значимого типа (присваиваем, передаём аргументом в функцию, кешируем и т. д.), то мы оперируем непосредственным значением переменной (например, числом или буленом). То есть когда переменной А присваивается значение переменной Б, то переменной А назначается копия Б, которая никак не зависит от оригинала. Если же потом переменная Б изменяется, это никак не отражается на значении переменной А. Пример из жизни: подруга попросила у вас книгу, вы отдаёте ей ксерокопию книги. Если потом подруга решит разрисовать свою копию, на вашем оригинале книги это никак не отразится.
Когда мы оперируем переменными ссылочного типа, то мы оперируем лишь указателем на переменную, а не его непосредственным значением. Если переменной А присваивается Б, то в А никакого значения не хранится, а хранится лишь ссылка на Б. В таком случае, если меняется значение Б, то и значение А тоже изменяется. Пример: подруга попросила у вас книгу и вы даёте ей номер нужной книги в библиотеке — она может пользоваться оригиналом. Если она решит разрисовать книгу — она разрисует оригинал.
Это далеко не единственное отличие между этими типами, но крайне важное.
#теория
Понимание различий между переменной значения (value variable) и ссылочной переменной (ref variable) считается фундаментальными знаниями практически в любом стеке. Также эта тема может подниматься на собеседованиях на позицию junior-разработчика. И вот в чем разница:
Когда мы оперируем переменной значимого типа (присваиваем, передаём аргументом в функцию, кешируем и т. д.), то мы оперируем непосредственным значением переменной (например, числом или буленом). То есть когда переменной А присваивается значение переменной Б, то переменной А назначается копия Б, которая никак не зависит от оригинала. Если же потом переменная Б изменяется, это никак не отражается на значении переменной А. Пример из жизни: подруга попросила у вас книгу, вы отдаёте ей ксерокопию книги. Если потом подруга решит разрисовать свою копию, на вашем оригинале книги это никак не отразится.
Когда мы оперируем переменными ссылочного типа, то мы оперируем лишь указателем на переменную, а не его непосредственным значением. Если переменной А присваивается Б, то в А никакого значения не хранится, а хранится лишь ссылка на Б. В таком случае, если меняется значение Б, то и значение А тоже изменяется. Пример: подруга попросила у вас книгу и вы даёте ей номер нужной книги в библиотеке — она может пользоваться оригиналом. Если она решит разрисовать книгу — она разрисует оригинал.
Это далеко не единственное отличие между этими типами, но крайне важное.
#теория
Rest API для начинающих. HTTP, Клиент-Сервер, проектирование, разработка
Rest API — это способ, которым веб-приложения обмениваются информацией через интернет, подобно разговору на определённом "языке". Такой способ позволяет приложениям запрашивать и отправлять данные, такие как текст или изображения, чтобы работать вместе и обеспечивать взаимодействие в удобном формате.
В этом видео на простых примерах объясняют принцип работы Rest API. Тут разбирают теорию RESTful, расскажут, как это всё правильно проектировать, создавать и документировать.
#restapi
Rest API — это способ, которым веб-приложения обмениваются информацией через интернет, подобно разговору на определённом "языке". Такой способ позволяет приложениям запрашивать и отправлять данные, такие как текст или изображения, чтобы работать вместе и обеспечивать взаимодействие в удобном формате.
В этом видео на простых примерах объясняют принцип работы Rest API. Тут разбирают теорию RESTful, расскажут, как это всё правильно проектировать, создавать и документировать.
#restapi
YouTube
Что такое REST API? HTTP, Клиент-Сервер, Проектирование, Разработка, Документация, Swagger и OpenApi
Описание.
Привет! В данном видео я рассказал о самом популярном способе взаимодействия распределенных систем – Rest API. Мы рассмотрим теоретическую базу по RESTFull, принципы проектирования, разработки и написания документации. Рассмотрим составляющую системного…
Привет! В данном видео я рассказал о самом популярном способе взаимодействия распределенных систем – Rest API. Мы рассмотрим теоретическую базу по RESTFull, принципы проектирования, разработки и написания документации. Рассмотрим составляющую системного…
Какую IT-профессию выбрать для старта
Планируете вливаться в IT, но ещё не определились с подходящим направлением? Тогда держите статью, где разобрали 11 самых распространённых IT-профессий и рассказали об их особенностях. Каждую оценили по критериям зарплаты, лёгкости первого трудоустройства и перспективам. Спектр направлений широкий: от программиста и тестировщика, до HR и UX/UI-дизайнера. Поэтому каждый сможет подобрать для себя подходящее направление.
#general
Планируете вливаться в IT, но ещё не определились с подходящим направлением? Тогда держите статью, где разобрали 11 самых распространённых IT-профессий и рассказали об их особенностях. Каждую оценили по критериям зарплаты, лёгкости первого трудоустройства и перспективам. Спектр направлений широкий: от программиста и тестировщика, до HR и UX/UI-дизайнера. Поэтому каждый сможет подобрать для себя подходящее направление.
#general
Tproger
Какую IT-профессию выбрать для старта
Разобрали 11 самых распространённых IT-профессий, рассказали об их особенностях. Оценили каждую по критериям: деньги, лёгкость поиска первой работы, перспективы.
Forwarded from Мобильная разработка
Developer Roadmap обновили дорожные карты на 2024
Ребята здорово прокачали дорожные карты. Теперь шпаргалками можно пользоваться как чек-листом и узнавать подробности по каждому пункту прямо на сайте: https://roadmap.sh/android
#android #инструменты
Ребята здорово прокачали дорожные карты. Теперь шпаргалками можно пользоваться как чек-листом и узнавать подробности по каждому пункту прямо на сайте: https://roadmap.sh/android
#android #инструменты
Как программисту сохранить своё здоровье
Сидячий образ жизни программиста со временем сильно сказывается на его здоровье. Поэтому крайне важно как можно раньше начать бороться с этим, не дожидаясь каких-либо симптомов. Вот некоторые простые, но эффективные советы:
— Практика "20-20-20": Каждые 20 минут работы смотрите на объект, находящийся на расстоянии 20 футов (6 метров), в течение 20 секунд. Это поможет снизить усталость глаз.
— Используйте стол для стояния: Разнообразьте рабочий процесс, используя стол для стояния. Это поможет улучшить осанку и уменьшить проблемы со спиной.
— Метод Помодоро: 25 минут фокусированной работы, затем 5 минут перерыва. После каждого цикла делайте короткую физическую активность, например, приседания или отжимания.
— Гаджеты для улучшения осанки: Рассмотрите использование гаджетов, например, устройств для коррекции осанки, которые помогут поддерживать правильное положение тела.
— Используйте массажные коврики для стоп, чтобы стимулировать точки на стопах и улучшить кровообращение.
— Изучите простые упражнения для рук и запястий, которые можно выполнять прямо за рабочим столом, чтобы предотвратить туннельный синдром.
#советы #здоровье
Сидячий образ жизни программиста со временем сильно сказывается на его здоровье. Поэтому крайне важно как можно раньше начать бороться с этим, не дожидаясь каких-либо симптомов. Вот некоторые простые, но эффективные советы:
— Практика "20-20-20": Каждые 20 минут работы смотрите на объект, находящийся на расстоянии 20 футов (6 метров), в течение 20 секунд. Это поможет снизить усталость глаз.
— Используйте стол для стояния: Разнообразьте рабочий процесс, используя стол для стояния. Это поможет улучшить осанку и уменьшить проблемы со спиной.
— Метод Помодоро: 25 минут фокусированной работы, затем 5 минут перерыва. После каждого цикла делайте короткую физическую активность, например, приседания или отжимания.
— Гаджеты для улучшения осанки: Рассмотрите использование гаджетов, например, устройств для коррекции осанки, которые помогут поддерживать правильное положение тела.
— Используйте массажные коврики для стоп, чтобы стимулировать точки на стопах и улучшить кровообращение.
— Изучите простые упражнения для рук и запястий, которые можно выполнять прямо за рабочим столом, чтобы предотвратить туннельный синдром.
#советы #здоровье
Как писать чистый код
В современной разработке ПО одним из ключевых аспектов является создание чистого кода. Этот подход не только улучшает совместную работу команды разработчиков, но и способствует лёгкой поддержки и долгосрочной устойчивости продукта.
Держите серию видео, где разбирают простые, но эффективные советы по поддержанию чистоты кода — про именование, комментарии, реализацию функций и многое другое. Большинство советов универсальны и не зависят от определённого языка программирования, поэтому актуальны для всех программистов.
Хотели бы отдельную рубрику с разборами советов по чистому коду?
🍌 Да
🌭 Нет
#чистыйкод
В современной разработке ПО одним из ключевых аспектов является создание чистого кода. Этот подход не только улучшает совместную работу команды разработчиков, но и способствует лёгкой поддержки и долгосрочной устойчивости продукта.
Держите серию видео, где разбирают простые, но эффективные советы по поддержанию чистоты кода — про именование, комментарии, реализацию функций и многое другое. Большинство советов универсальны и не зависят от определённого языка программирования, поэтому актуальны для всех программистов.
Хотели бы отдельную рубрику с разборами советов по чистому коду?
🍌 Да
🌭 Нет
#чистыйкод
YouTube
Чистый Код / Clean Code: # 1 Правила именования переменных, функций и классов
Донаты на развитие: https://pay.cloudtips.ru/p/1f080f72
Курсы от EngineerSpock: https://www.engineerspock.com/offer-youtube/
Основы программирования - это не только знание какого-либо языка программирования (типа Python или C#), но также и набор практик…
Курсы от EngineerSpock: https://www.engineerspock.com/offer-youtube/
Основы программирования - это не только знание какого-либо языка программирования (типа Python или C#), но также и набор практик…
Устроим викторину. Какой из следующих форматов чаще всего используется при обмене данными между веб-сервером и клиентом?
#викторина
#викторина
SOLID в картинках
SOLID — распространённая тема у программистов. Если кратко, то это набор правил и подходов к разработке, при которых архитектура приложения получается и остаётся лёгкой, гибкой и читаемой. Знание SOLID можно встретить в требованиях почти к каждой вакансии разработчика.
Всего этих правил 5. Смысл каждого описан на картинках выше — на примерах разбирают проблему в ООП и принцип, который эту проблему решает. А в этой статье детальней рассказывают про каждый из них. Если кратко:
S — Single Responsibility — Каждый программная сущность должна отвечать только за одну операцию.
O — Open-Closed — Классы должны быть открыты для расширения, но закрыты для модификации.
L — Liskov Substitution — Объекты дочерних классов должны быть способны заменить объекты родительских классов.
I — Interface Segregation — Не следует ставить клиента в зависимость от методов, которые он не использует.
D — Dependency Inversion — Сущности должны зависеть от абстракций, а не от конкретных деталей.
#solid #теория
SOLID — распространённая тема у программистов. Если кратко, то это набор правил и подходов к разработке, при которых архитектура приложения получается и остаётся лёгкой, гибкой и читаемой. Знание SOLID можно встретить в требованиях почти к каждой вакансии разработчика.
Всего этих правил 5. Смысл каждого описан на картинках выше — на примерах разбирают проблему в ООП и принцип, который эту проблему решает. А в этой статье детальней рассказывают про каждый из них. Если кратко:
S — Single Responsibility — Каждый программная сущность должна отвечать только за одну операцию.
O — Open-Closed — Классы должны быть открыты для расширения, но закрыты для модификации.
L — Liskov Substitution — Объекты дочерних классов должны быть способны заменить объекты родительских классов.
I — Interface Segregation — Не следует ставить клиента в зависимость от методов, которые он не использует.
D — Dependency Inversion — Сущности должны зависеть от абстракций, а не от конкретных деталей.
#solid #теория
Тест — Хорошо ли вы знаете принципы SOLID?
В прошлом посте рассказывали про принципы SOLID. Они помогают писать и поддерживать гибкий, читаемый и масштабируемый код.
Теперь предлагаем проверить усвоенные знания на нашем тесте. Всего в нём 10 вопросов. Результатами можно поделиться в комментариях.
#solid
В прошлом посте рассказывали про принципы SOLID. Они помогают писать и поддерживать гибкий, читаемый и масштабируемый код.
Теперь предлагаем проверить усвоенные знания на нашем тесте. Всего в нём 10 вопросов. Результатами можно поделиться в комментариях.
#solid
Как стать айтишником — ответы на популярные вопросы
Какой язык изучать, как мотивировать себя, где начинать начинающему — эти вопросы задаёт практически каждый айтишник на старте своего обучения.
В данной статье руководители IT-компаний отвечают на эти и другие вопросы, а также делятся полезными советами на старте. Разбирают темы общего плана, поэтому ответы будут полезны специалистам любого стека.
Какой язык изучать, как мотивировать себя, где начинать начинающему — эти вопросы задаёт практически каждый айтишник на старте своего обучения.
В данной статье руководители IT-компаний отвечают на эти и другие вопросы, а также делятся полезными советами на старте. Разбирают темы общего плана, поэтому ответы будут полезны специалистам любого стека.
Tproger
Как стать айтишником
О том, как стать айтишником, для начинающих IT-специалистов и тех, кто хочет сменить профессию рассказали руководители IT-компаний.
Что такое .gitignore-файл?
gitignore — это файл конфигурации, который используется в системе контроля версий Git для указания файлов и директорий, которые должны быть проигнорированы Git при отслеживании изменений в репозитории.
Зачем он нужен?
— Исключение временных файлов. Игнорирует файлы, создаваемые в процессе разработки, такие как
— Платформозависимый код. Игнорирует файлы, специфичные для ОС, например,
— Защита чувствительных данных. Предотвращает случайное добавление паролей и ключей API в репозиторий.
Пример синтаксиса файла:
Чтобы вручную не составлять .gitignore-файл, можно воспользоваться сервисами с готовыми конфигами. Например gitignore.io — указываете используемые в проекте технологии и получаете заполненный файл.
#git
gitignore — это файл конфигурации, который используется в системе контроля версий Git для указания файлов и директорий, которые должны быть проигнорированы Git при отслеживании изменений в репозитории.
Зачем он нужен?
— Исключение временных файлов. Игнорирует файлы, создаваемые в процессе разработки, такие как
*.pyc
и node_modules/
.— Платформозависимый код. Игнорирует файлы, специфичные для ОС, например,
.DS_Store
и Thumbs.db
.— Защита чувствительных данных. Предотвращает случайное добавление паролей и ключей API в репозиторий.
Пример синтаксиса файла:
# Игнорирование временных файлов Java (файлы с указанным расширением)
*.class
# Игнорирование настроек проекта IntelliJ IDEA (все файлы в указанной папке)
.idea/
Чтобы вручную не составлять .gitignore-файл, можно воспользоваться сервисами с готовыми конфигами. Например gitignore.io — указываете используемые в проекте технологии и получаете заполненный файл.
#git
Паттерны MVC, MVP и MVVM — что это
Семейство MV*-паттернов — популярная тема у программистов. Про неё любят спрашивать на собеседованиях и указывать в вакансиях. Давайте разберёмся, что это:
MV*-паттерны — паттерны для организации архитектуры кода. Они улучшают его строение, читаемость и обеспечивают эффективную работу приложения. Каждый из них разделяет программную логику на 3 составляющих:
MVC — Model-View-Controller. Тут модель хранит в себе данные, представление отвечает за отображение этих данных, а контроллер реагирует на ввод пользователя, оповещая об этом модель.
MVP — Model-View-Presenter. Тут модель хранит бизнес-логику, представление отображает данные, а презентер реализует взаимодействие между моделью и представлением.
MVVM — Model-View-ViewModel. Модель отвечает за хранение данных и бизнес-логику. Представление — отображает данные и обрабатывает пользовательский ввод. Модель представления преобразует данные из модели для представления и уведомляет модель о вводе.
Подробнее в статье.
Семейство MV*-паттернов — популярная тема у программистов. Про неё любят спрашивать на собеседованиях и указывать в вакансиях. Давайте разберёмся, что это:
MV*-паттерны — паттерны для организации архитектуры кода. Они улучшают его строение, читаемость и обеспечивают эффективную работу приложения. Каждый из них разделяет программную логику на 3 составляющих:
MVC — Model-View-Controller. Тут модель хранит в себе данные, представление отвечает за отображение этих данных, а контроллер реагирует на ввод пользователя, оповещая об этом модель.
MVP — Model-View-Presenter. Тут модель хранит бизнес-логику, представление отображает данные, а презентер реализует взаимодействие между моделью и представлением.
MVVM — Model-View-ViewModel. Модель отвечает за хранение данных и бизнес-логику. Представление — отображает данные и обрабатывает пользовательский ввод. Модель представления преобразует данные из модели для представления и уведомляет модель о вводе.
Подробнее в статье.