Введение
Поскольку технологии веб-программирования быстро развиваются, нам приходится изучать много нового. Некоторые языки и фреймворки настолько сложны, что вы можете не помнить весь синтаксис и других тонкостей. Поэтому хорошие люди придумали шпаргалки, в которые можно быстро глянуть и вытянуть необходимое для себя.
Когда кто-то был свидетелем чего-то полезного или очень ценного в прошлом, включая меня, мы все делали заметки. Однако от вас больше не требуется делать заметки о каждой детали, которую вы видите в книге, семинаре или статье.
Я не хочу отговаривать вас делать заметки; вы должны это делать, потому что знаете, что иногда вы понимаете только те заметки, которые пишете для себя. ?
Однако, если вам не хочется делать заметки, то не стоит беспокоиться, потому что шпаргалки доступны по любому предмету в Интернете. Чтобы помочь вам в учебе, я составила этот список лучших шпаргалок.
Хватит разговоров, давайте перейдем к делу.
Шпаргалка по HTML, CSS и JavaScript
Вы можете найти примеры кода HTML, CSS и JavaScript здесь. Для каждого примера есть объяснение. Подобная шпаргалка - одна из моих любимых.
От переводчика: я бы вам также рекомендовал MDN, отличная документация. Некоторые статьи не переведены на русский, а также не все из переведенных обновлены и немного устарели, поэтому я бы также советовал смотреть на английском и уже потом на русском.
Ссылка - https://htmlcheatsheet.com/js/
Шпаргалка по JavaScript
Тут вы найдете краткое введение в JavaScript для начинающих. Советую заглянуть как минимум всем новичкам.
Ссылка - https://quickref.me/javascript
Шпаргалка по React.js
Это простая, но полезная шпаргалка для энтузиастов React. Обязательно добавьте его в закладки, чтобы быстро перейти искать необходимую информацию.
От переводчика: я бы в первую очередь рекомендовал добавить в закладки официальную документацию, она, как правило, написана понятным языком и с актуальными примерами кода. Также практически вся перевена на русский язык силами сообщества (контрибьютерами)
Ссылка - https://devhints.io/react/
Сборник шпаргалок Cheatography
Нет лучшего ресурса, чем этот. В нем более 5000 шпаргалок, вспомогательных материалов для редактирования и документаций! Здесь каждый может получить все, что ему нужно, не только программисты. Здесь вы можете найти шпаргалки по веб-разработке, бизнесу, играм, здравоохранению, цифровому маркетингу и многому другому.
Ссылка - https://cheatography.com/
Шпаргалки по Java
Здесь вкратце перечислены наиболее часто используемые функции языка Java и API-интерфейсы. Это отличный краткий справочник, который может помочь как новичкам, так и разработчикам среднего уровня.
Ссылка - https://introcs.cs.princeton.edu/java/11cheatsheet/
OverAPI
Over API - это удивительный ресурс. Для большинства языков программирования вы можете найти шпаргалку здесь.
Ссылка: https://overapi.com/
Devhints
На этом сайте несколько справочников, множество фрагментов кода и многое другое, чтобы дать вам краткий обзор на интересующий вас язык или инструмент. На одной странице вы найдете подробные инструкции. На это стоит обратить внимание.
Ссылка: https://devhints.io/
Gitsheet
Git - это самый важный навык, которым должен обладать разработчик. Это предельно простая шпаргалка по команд git. Вам не нужно запоминать все команды, если у вас есть доступ к этому Gitsheet.
Ссылка - https://gitsheet.wtf/
Шпаргалка по Vue.js
Эта шпаргалка содержит подробные фрагменты кода для Vue.js с объяснениями. Он включает в себя фрагменты, связанные со свойствами, DOM, данными, событиями, жизненным циклом, API и многим другим. Проверьте это, если вы ищете краткую справку для Vue.js .
Ссылка - https://marozed.com/vue-cheatsheet/
Шпаргалка по HTML5 Canvas
Примеры кода для HTML5 Canvas, включая его элементы, 2Dcontext, различные фигуры, цвета, тени и многое другое, можно найти здесь.
Ссылка - https://simon.html5.org/dump/html5-canvas-cheat-sheet.html
Шпаргалка по SEO для веб-разработчика
Этот веб-сайт полностью посвящен SEO (поисковой оптимизации). Среди наиболее эффективных советов по поисковой оптимизации это один из самых полезных сайтов.
Ссылка - https://moz.com/learn/seo
Easing функции
С помощью Easing функций вы можете регулировать темп анимации для создания различных эффектов, таких как подпрыгивание, замедление, увеличение масштаба и т.д. Для получения дополнительной информации обратитесь к этой документации Корпорации Майкрософт.
Кроме того, скорость, с которой параметр будет меняться с течением времени, определяется Easing функциями. Объекты реального мира почти никогда не движутся с постоянной скоростью и редко начинаются и заканчиваются внезапно. Используя эту страницу, вы можете выбрать идеальную функцию смягчения.
Ссылка - https://easings.net/ru#
CSS3 Animations
На этом веб-сайте есть несколько удивительных анимационных эффектов, которые вы можете использовать в своем следующем или текущем проекте.
Ссылка - http://www.justinaguilar.com/animations/#
CSS Grid
CSS-grid может быть немного сложным с первого раза, да и со второго тоже. Потому что трудно запомнить все его свойства и понять как он работает. Вы можете добавить эту шпаргалку в свои закладки для быстрого ознакомления и доступа к необходимым свойствам.
Ссылка - https://grid.malven.co/
Заключение
Надеюсь, что перевод был полезным и хотя бы одна из шпаргалок поможет вам разрабатывать ваши проекты быстрее и качественнее.
Как обычно, буду рад любому фидбеку, а если вы нашли ошибку - напишите в лс или комментариях.
Только добра.
