Фронтенд-разработчики оценят: 7 полезных репозиториев на GitHub

HEAD

Этот репозиторий меняет представление о важности тега . Если вы привыкли копировать его из проекта в проект, то вот вам мощный аргумент, чтобы перестать так делать. В репозитории собраны примеры использования всех элементов, которые могут быть внутри : meta, link, title, style, script, noscript, base.

Слова, часто используемые в CSS-классах

Пока опыта мало, сложно придумывать имена классов. Этот репозиторий поможет решить проблему. В нём собраны наиболее распространённые слова для разных элементов интерфейса: изображений, списков, текста, элементов управления, обёрток и так далее.

CSS Protips

Коллекция советов, которые помогут прокачать свои навыки в CSS:

• Как сделать одинаковые по ширине ячейки в таблице?
• Когда писать rem, а когда — em?
• Почему нужно использовать SVG-файлы для иконок?

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

You Don’t Know JS Yet

Это репозиторий со вторым изданием серии книг You Don’t Know JS Yet от живой легенды JavaScript Кайла Симпсона (Kyle Simpson). В них он рассказывает об основных механизмах языка. Если только учитесь или хотите освежить знания, то это отличный источник информации.

What the f*ck JavaScript?

Во время изучения и применения JavaScript очень часто возникает вопрос, что вообще происходит. Классические случаи:

			[] == ![]; // -> true
NaN === NaN; // -> false
typeof NaN; // -> 'number'
		

Набор примеров из репозитория поможет понять логику работы JavaScript. А ещё это просто забавно.

Clean Code JavaScript

В этом репозитории размещены принципы написания читаемого и повторно используемого кода на JavaScript, рефакторинг которого не приводит к депрессии. За основу взяты положения из книги Роберта Мартина «Чистый код. Создание, анализ и рефакторинг». Clean Code JavaScript — это не руководство по стилю, а лишь набор полезных советов и примеров.

Front-End Checklist

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

Ещё интересные материалы

• 7 репозиториев на GitHub, которые помогают разработчикам прокачивать навыки
• Как стать фронтенд-разработчиком в 2021 году: дорожная карта