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

• Вся база по HTML, CSS, JS, React.
• Шпаргалки, пособия и документация.
• Множество видео-гайдов.
• Пошаговый разбор пет-проектов для вашего портфолио и работа с GitHub.
• Материалы к собеседованиям и даже записи реальных технических созвонов.
• Наиболее удобные сервисы для хостинга проектов и работы фронтендера.
• Профессиональные блоги, книги и статьи для ежедневного чтения и просвещения.

Ультимативные знания берем — тут.

#фронтенд #библиотека

Современная бэкенд архитектура: Как сегодня создаются масштабируемые и высоконагруженные приложения

Бэкенд — это не только API. Это еще и множество сервисов и приложений, помогающих делать крутые высоконагруженные приложения. Здесь вы:

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

#видео #бэкенд

Отладка JavaScript в Chrome DevTools для начинающих фронтендеров

Поиск и исправление ошибок в JS может быть весьма ресурсозатратным мероприятием. Новичкам этот процесс может показаться неподъёмным камнем.

Но только до знакомства с отладкой в инструментах разработчика, встроенных в браузер. О ней вы узнаете в этой статье. Причём не о привычной всем console.log, а куда более эффективной альтернативе.

#javascript #qa

JSON4U — универсальный инструмент для работы с JSON

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

Помимо онлайн составляющей вам также понравится его интерактивность. Попробуйте сами: https://json4u.com/

#инструменты #json

Борьба с перерендерами в React

На тему мемоизации написано много статей, и все они хорошо раскрывают суть. Но если вам, как и автору этой статье, не хватало шпаргалки, которую можно отправить на вопрос «А как мемоизировать?», то вы по адресу.

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

#react

​​Когда пытаешься доказать, что это фича, а не баг:

Image Hover Effect на чистом CSS

Этот проект предлагает создание необычного эффекта при наведении на изображение — текст получает эффекты негатива, но только на некоторую область.

Как повторить такой эффект у себя в проекте, можно узнать тут:

https://codepen.io/ig_design/pen/WNrWezW

#codepen #css

Skeleton Mammoth

Это библиотека для создания анимированных заглушек (скелетонов) с помощью CSS. Они отображают структуру контента, пока он загружается, чтобы страница не прыгала, а пользователям было понятно, что происходит.

Познакомиться со всеми возможностями можно на странице проекта.

#библиотека #css

10 полезных библиотек для фронтенд-разработки

Некоторые из них вам, возможно, знакомы, но некоторые смогут удивить. Например, тут вы найдете современную альтернативу библиотеке lodash, дополнение к Moment.js, библиотеку для работы с элементами Drag'n'Drop и многое другое.

Переходите по ссылке и выбирайте самые полезные для вас:

https://nuancesprog.ru/p/24406/

#фронтенд #библиотека

Зато 5 минут и работает. А баги и в остальные 4 часа 55 минут поправить можно

Благотворительный проект «Дело в собаке» ищет администратора сайта с функциями вёрстки

До 6 часов в неделю, удалёнка, без зарплаты.

«Дело в собаке» — полностью волонтёрский проект. Он посвящён собакам-помощникам для людей с разными ментальными и физическими заболеваниями, например депрессией, диабетом или астмой.

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

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

Что нужно делать?

— Сверстать сайт по готовому дизайну и перенести на сервер (сайт на Vue.js), настроив почту и разделы сайта по запросу.
— Администрировать сайт.

Сайт: https://delovdogs.ru/

Подробности о вакансии: https://gorodrabot.ru/vacancy/922041017/administrator_sayta_verstka_v_blagotvoritelnyiy_proekt_moskva

Связаться с руководителем проекта: @Nyta_Gins

Оптимизация загрузки ресурсов с помощью Fetch Priority API

Fetch Priority API указывает приоритет ресурсов для браузера. Это позволяет обеспечить оптимальную загрузку данных для того, чтобы пользователь мог максимально быстро начать работу с сайтом.

В этой статье вы узнаете, как работать с этим API и где он поддерживается в настоящее время:

https://web.dev/fetch-priority/

#api

Следим за NPM-пакетами правильно

pkg-size — это инструмент, который поможет вам проанализировать влияние NPM-пакетов на размер локальных node_modules и бандла при сборке проекта.

Как его установить и использовать, узнаете здесь: https://pkg-size.dev

#инструменты #npm

SSL и SSL-сертификаты для новичков

Тема SSL, сертификатов и вот этого всего довольно сложная. Но эта статья должна помочь вам разобраться в теме так, чтобы хоть что-то отложилось в голове.

Переходите по ссылке и читайте: https://habr.com/ru/articles/884898/

#ssl