Git & GitHub Command Cheat Sheet
🔸 Базовый рабочий процесс
-
-
-
-
-
-
-
🔸 Работа с ветками
-
-
-
-
-
-
🔸 История коммитов
-
-
-
-
-
-
🔸 Отмена изменений
-
-
-
-
-
🔸 Сотрудничество на GitHub
-
-
-
-
-
🔸 Stash и очистка
-
-
-
-
-
🔸 Теги и релизы
-
-
-
-
-
🔸 Продвинутые инструменты
-
-
-
-
-
🔸 Конфигурация
-
-
-
-
-
@WebDev_Plus
-
git init — Инициализировать новый Git-репозиторий -
git clone [url] — Склонировать проект с GitHub -
git add [file] — Добавить конкретный файл в staged -
git add . — Добавить все изменения в staged -
git commit -m "сообщение" — Зафиксировать staged изменения -
git push origin [branch] — Отправить коммиты на удалённый репозиторий -
git pull origin [branch] — Получить последние изменения -
git branch — Список всех веток -
git branch [name] — Создать новую ветку -
git checkout [branch] — Переключиться на ветку -
git merge [branch] — Слить ветку с текущей -
git branch -d [branch] — Удалить ветку локально -
git push origin --delete [branch] — Удалить ветку на удалённом репозитории -
git log --oneline — Краткая история коммитов -
git log --graph --oneline --all — Визуальная история с ветками -
git show [commit] — Показать изменения конкретного коммита -
git diff — Показать несохранённые изменения -
git diff --staged — Показать staged изменения -
git blame [file] — Кто и когда изменял каждую строку -
git reset --soft HEAD^ — Отменить коммит, оставить изменения в staged -
git reset --hard HEAD^ — Полностью удалить последний коммит -
git checkout -- [file] — Отменить изменения в рабочей директории -
git revert [commit] — Создать новый коммит, который отменяет изменения -
git clean -fd — Удалить неотслеживаемые файлы и папки -
git fork — Создать личную копию репозитория -
git remote add upstream [url] — Добавить оригинальный репозиторий как upstream -
git fetch upstream — Получить обновления с оригинального репозитория -
git push -u origin [branch] — Отправить ветку и привязать её к upstream -
git pull --rebase upstream main — Обновить fork через rebase -
git stash — Временно сохранить изменения -
git stash pop — Восстановить последний stash -
git stash list — Просмотреть все stash -
git stash drop — Удалить последний stash -
git prune — Удалить недостижимые объекты -
git tag [name] — Создать легковесный тег -
git tag -a [version] -m "сообщение" — Создать аннотированный тег -
git push origin --tags — Отправить теги на удалённый репозиторий -
git tag -d [name] — Удалить локальный тег -
git push origin --delete tag [name] — Удалить тег на удалённом репозитории -
git bisect — Бинарный поиск коммита с багом -
git rebase -i [commit] — Интерактивный rebase (правка истории) -
git cherry-pick [commit] — Применить конкретный коммит к текущей ветке -
git reflog — Показать журнал ссылок (инструмент восстановления) -
git worktree add — Добавить дополнительную рабочую директорию -
git config --global user.name "Имя" — Установить глобальное имя пользователя -
git config --global user.email "email" — Установить глобальный email -
git config --global core.editor "code --wait" — Сделать VS Code редактором по умолчанию -
git config --global alias.co checkout — Создать алиас для команды -
git config --list — Показать все настройки Git@WebDev_Plus
Please open Telegram to view this post
VIEW IN TELEGRAM
❤6
This media is not supported in your browser
VIEW IN TELEGRAM
Веб-дизайнеры, внимание
Появился новый плагин для Figma — “Figma to Replit”, который позволяет конвертировать ваши дизайны напрямую в HTML, CSS или React.
Ваш макет превращается в рабочее приложение без лишних танцев с кодом, а готовый проект можно сразу отправить в Replit, запустить и даже редактировать онлайн.
И да, всё это абсолютно бесплатно! Попробовать плагин можно здесь: Figma to Replit
@WebDev_Plus
Появился новый плагин для Figma — “Figma to Replit”, который позволяет конвертировать ваши дизайны напрямую в HTML, CSS или React.
Ваш макет превращается в рабочее приложение без лишних танцев с кодом, а готовый проект можно сразу отправить в Replit, запустить и даже редактировать онлайн.
И да, всё это абсолютно бесплатно! Попробовать плагин можно здесь: Figma to Replit
@WebDev_Plus
❤9💯3
This media is not supported in your browser
VIEW IN TELEGRAM
Есть библиотека с открытым исходным кодом, которая оживляет карты с помощью 3D-рендеринга в реальном времени.
Она добавляет реалистичную атмосферу и облака, поддерживает 3D-тайлы и геоданные, а также эффекты постобработки вроде тумана и свечения. Основана на Three.js и React Three Fiber
Может пригодится⌨️
@WebDev_Plus
Она добавляет реалистичную атмосферу и облака, поддерживает 3D-тайлы и геоданные, а также эффекты постобработки вроде тумана и свечения. Основана на Three.js и React Three Fiber
Может пригодится
@WebDev_Plus
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3💯2🤔1
Если ты используешь Tailwind, не игнорируй селекторы для дочерних элементов. Они упрощают стили и убирают дублирование.
Vibe агенты для кодинга до такого не дотягивают.
Если ты работаешь с обычным CSS, листай дальше.
Сегодня узнал, что некоторые Tailwind разработчики вообще не любят селекторы для потомков.
После работы с CSS для меня дико, почему копипастить одну и ту же утилиту на каждый дочерний элемент считается лучше, чем одна аккуратная родительская правило.
Хочешь, бери этот совет, хочешь, нет. Мне он сегодня оказался полезен. Даже просто знать о таком варианте уже неплохо.
@WebDev_Plus
Vibe агенты для кодинга до такого не дотягивают.
Если ты работаешь с обычным CSS, листай дальше.
Сегодня узнал, что некоторые Tailwind разработчики вообще не любят селекторы для потомков.
После работы с CSS для меня дико, почему копипастить одну и ту же утилиту на каждый дочерний элемент считается лучше, чем одна аккуратная родительская правило.
Хочешь, бери этот совет, хочешь, нет. Мне он сегодня оказался полезен. Даже просто знать о таком варианте уже неплохо.
@WebDev_Plus
This media is not supported in your browser
VIEW IN TELEGRAM
Вышел новый плагин dither для Tailwind — чисто CSS-решение для создания дезеринг-эффектов.
Лёгкий в подключении, настраиваемый, работает с разными компонентами и полностью open-source. Даже без глубоких знаний можно легко внедрить его в свой проект, например в Cursor.
https://dither.floriankiem.com/
@WebDev_Plus
Лёгкий в подключении, настраиваемый, работает с разными компонентами и полностью open-source. Даже без глубоких знаний можно легко внедрить его в свой проект, например в Cursor.
https://dither.floriankiem.com/
@WebDev_Plus
❤4
This media is not supported in your browser
VIEW IN TELEGRAM
Идеальный SEO-инструмент для веб-разработчиков
Он позволяет мгновенно проверить, имеют ли доступ к вашему сайту Google-боты и AI-краулеры.
Просто введите адрес сайта — и инструмент прогонит несколько проверок, чтобы дать детальный инсайт о crawlability и accessibility.
Лёгкий способ убедиться, что ваш сайт оптимизирован под поисковые системы и AI-платформы :)
Источник : crawlercheck.com
@WebDev_Plus
Он позволяет мгновенно проверить, имеют ли доступ к вашему сайту Google-боты и AI-краулеры.
Просто введите адрес сайта — и инструмент прогонит несколько проверок, чтобы дать детальный инсайт о crawlability и accessibility.
Лёгкий способ убедиться, что ваш сайт оптимизирован под поисковые системы и AI-платформы :)
Источник : crawlercheck.com
@WebDev_Plus
👍2
This media is not supported in your browser
VIEW IN TELEGRAM
Visual Studio Code теперь умеет автоматически обрабатывать TODO-комментарии в коде. С новой функцией и помощью GitHub Copilot можно за два клика решать задачи и сразу создавать PR.
@WebDev_Plus
@WebDev_Plus
❤3
This media is not supported in your browser
VIEW IN TELEGRAM
Топ-ресурс для изучения алгоритмов программирования. Пошагово объясняет их, с кодом и в визуальном, наглядном виде.
Более 70 алгоритмов на JavaScript, Java и C++:
http://algorithm-visualizer.org
@WebDev_Plus
Более 70 алгоритмов на JavaScript, Java и C++:
http://algorithm-visualizer.org
@WebDev_Plus
❤4
Если нужно импортировать API с пагинацией, движок воркфлоу не требуется. В Laravel это можно решить с помощью рекурсивного диспетчеризации через Job Batches:
@WebDev_Plus
@WebDev_Plus
❤4
Новый селектор if() в CSS позволяет писать условные стили прямо в строке.
Кроме того, можно переключать стили на основе пользовательских свойств
@WebDev_Plus
Кроме того, можно переключать стили на основе пользовательских свойств
@WebDev_Plus
❤1🤔1
I. Виртуальный DOM, reconciliation и производительность рендера в React и других фреймворках
II. Цикл событий в браузере, работа с асинхронностью и оптимизация долгих задач
III. Паттерны управления состоянием (Redux, Zustand, Context API) и их влияние на производительность
IV. Основы веб-безопасности: XSS, CORS, CSRF и работа с токенами
V. Оптимизация фронтенд-производительности: ленивые загрузки, разделение кода, кеширование и критический путь рендеринга
@WebDev_Plus
II. Цикл событий в браузере, работа с асинхронностью и оптимизация долгих задач
III. Паттерны управления состоянием (Redux, Zustand, Context API) и их влияние на производительность
IV. Основы веб-безопасности: XSS, CORS, CSRF и работа с токенами
V. Оптимизация фронтенд-производительности: ленивые загрузки, разделение кода, кеширование и критический путь рендеринга
@WebDev_Plus
💊4
PHP Laravel пакет для удобной работы с запросами
Один из моих любимых пакетов от Spatie — laravel-query-builder
С его помощью можно строить eloquent-запросы прямо из API-запросов. Пакет умеет:
- Сортировать
- Фильтровать
- Подгружать связи
И многое другое
При этом пользоваться им очень просто.
@WebDev_Plus
Один из моих любимых пакетов от Spatie — laravel-query-builder
С его помощью можно строить eloquent-запросы прямо из API-запросов. Пакет умеет:
- Сортировать
- Фильтровать
- Подгружать связи
И многое другое
При этом пользоваться им очень просто.
@WebDev_Plus
❤3
В React скоро появится новый компонент — <Activity>. С его помощью можно будет скрывать UI, сохраняя при этом внутреннее состояние. Фича войдёт в следующий релиз, и выглядит она действительно очень полезной.
@WebDev_Plus
@WebDev_Plus
❤6👍2
This media is not supported in your browser
VIEW IN TELEGRAM
Парень реализовал CPU и RAM.
На JavaScript.
https://planetscale.com/blog/processes-and-threads
@WebDev_Plus
На JavaScript.
https://planetscale.com/blog/processes-and-threads
@WebDev_Plus
🔥6❤3❤🔥2
Сайты бесплатного хостинга.
Общие платформы бесплатного хостинга
1. http://github.io
2. http://netlify.com
3. http://vercel.com
4. http://surge.sh
5. http://render.com
6. http://cloudflare.com/pages
7. http://000webhost.com
8. http://infinityfree.net
9. http://freehosting.com
10. http://awardspace.com
Бесплатный хостинг для статических веб-сайтов
11. http://pages.github.com
12. http://sites.google.com
13. http://firebase.google.com
14. http://glitch.com
15. http://neocities.org
16. http://1mb.site
17. http://codeberg.org
18. http://docusaurus.io
19. http://fleek.co
20. http://ipfs.io
Бесплатный хостинг для динамических веб-сайтов
21. http://replit.com
22. http://heroku.com
23. http://railway.app
24. http://pythonanywhere.com
25. http://clever-cloud.com
26. http://freeflaskhosting.com
27. http://fly.io
28. http://glitch.me
29. http://cyb.ai
30. http://openshift.com
Бесплатный хостинг для WordPress
31. http://wordpress.com
32. http://infinityfree.net/wordpress-host...
33. http://x10hosting.com
34. http://biz.nf
35. http://freehostia.com
36. http://byethost.com
37. http://wopop.com
38. http://awardspace.com/wordpress-host...
39. http://pantheon.io
40. http://webfreehosting.net
Бесплатный хостинг для приложений Node.js
41. http://glitch.com
42. http://render.com
43. http://railway.app
44. http://heroku.com
45. http://vercel.com
46. http://kinsta.com
47. http://clever-cloud.com
48. http://fly.io
49. http://stormkit.io
50. http://deno.com
@WebDev_Plus
Общие платформы бесплатного хостинга
1. http://github.io
2. http://netlify.com
3. http://vercel.com
4. http://surge.sh
5. http://render.com
6. http://cloudflare.com/pages
7. http://000webhost.com
8. http://infinityfree.net
9. http://freehosting.com
10. http://awardspace.com
Бесплатный хостинг для статических веб-сайтов
11. http://pages.github.com
12. http://sites.google.com
13. http://firebase.google.com
14. http://glitch.com
15. http://neocities.org
16. http://1mb.site
17. http://codeberg.org
18. http://docusaurus.io
19. http://fleek.co
20. http://ipfs.io
Бесплатный хостинг для динамических веб-сайтов
21. http://replit.com
22. http://heroku.com
23. http://railway.app
24. http://pythonanywhere.com
25. http://clever-cloud.com
26. http://freeflaskhosting.com
27. http://fly.io
28. http://glitch.me
29. http://cyb.ai
30. http://openshift.com
Бесплатный хостинг для WordPress
31. http://wordpress.com
32. http://infinityfree.net/wordpress-host...
33. http://x10hosting.com
34. http://biz.nf
35. http://freehostia.com
36. http://byethost.com
37. http://wopop.com
38. http://awardspace.com/wordpress-host...
39. http://pantheon.io
40. http://webfreehosting.net
Бесплатный хостинг для приложений Node.js
41. http://glitch.com
42. http://render.com
43. http://railway.app
44. http://heroku.com
45. http://vercel.com
46. http://kinsta.com
47. http://clever-cloud.com
48. http://fly.io
49. http://stormkit.io
50. http://deno.com
@WebDev_Plus
❤5👍3
This media is not supported in your browser
VIEW IN TELEGRAM
Китайская компания 4dv запустила инструмент, который превращает обычные 2D-видео в полностью интерактивные 4D-видео.
Пока что это бета-версия, но на их сайте можно попробовать несколько демо-видео :)
@WebDev_Plus
Пока что это бета-версия, но на их сайте можно попробовать несколько демо-видео :)
@WebDev_Plus
❤4
This media is not supported in your browser
VIEW IN TELEGRAM
Фантастическая библиотека анимаций для разработчиков на React Native
Она упрощает создание плавных и высокопроизводительных анимаций, а также добавление движения в ваш UI :)
Благодарю всех , кто поддерживает канал лайками✏️
https://github.com/software-mansion/react-native-reanimated
@WebDev_Plus
Она упрощает создание плавных и высокопроизводительных анимаций, а также добавление движения в ваш UI :)
Благодарю всех , кто поддерживает канал лайками
https://github.com/software-mansion/react-native-reanimated
@WebDev_Plus
Please open Telegram to view this post
VIEW IN TELEGRAM
👍11👎2