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

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

24

HEAD

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

Посмотреть на GitHub

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

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

Посмотреть на GitHub

CSS Protips

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

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

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

Посмотреть на GitHub

You Don’t Know JS Yet

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

Посмотреть на GitHub

What the f*ck JavaScript?

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

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

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

Посмотреть на GitHub

Clean Code JavaScript

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

Посмотреть на GitHub

Front-End Checklist

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

Посмотреть на GitHub

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

Хинт для программистов: если зарегистрируетесь на соревнования Huawei Cup, то бесплатно получите доступ к онлайн-школе для участников. Можно прокачаться по разным навыкам и выиграть призы в самом соревновании.

Перейти к регистрации

Что думаете?