Привет. Меня зовут Иван Ганев и я занимаюсь веб разработкой.
Основные технологии с которыми я работаю это: Gatsbyjs, Reactjs и Nodejs.
На данный момент мой основной опенсорсный проект это Chronoblog Gatsby Theme.
Репо: github.com/Chronoblog/gatsby-theme-chronoblog
Демо: chronoblog.now.sh
Этот сайт то же работает на основе темы Chronoblog.
Репо этого сайта: github.com/Ganevru/gatsby-theme-ganevru
twitter.com/Ganevru
github.com/Ganevru
h habr.com/ru/users/ivanganev
ganevio92@gmail.com
Список сайтов где можно найти иллюстрации, паттерны, иконки и фотографии которые можно бесплатно использовать в коммерческих и не…
читать дальше →
Zeit сделали почти интерактивный туториал по Nextjs: https://nextjs.org/learn/basics/getting-started - довольно любопытный туториал, не встречал что бы подобное делали другие фреймворки.
https://marketplace.visualstudio.com/items?itemName=ganevru.in-the-fog-theme
Темная, зеленая и плоская тема, сделанная специально для веб разработки.
Эти пять интерактивных инструментов помогут вам понять как работает JavaScript, делая принципы работы языка и его окружения более очевидными…
читать дальше →
Чтобы разобраться в том как работает setTimeout и функции которые вызываются в нем, нужно разобраться в том как вообще работает JavaScript…
читать дальше →
https://habr.com/ru/post/485032
Перевел статью State Colocation will make your React app faster
https://habr.com/ru/post/485012
Перевел статью Inversion of Control
https://github.com/Ganevru/templates
Создал монорепозиторий где держу свои личные шаблоны и стартеры для Reactjs и Nodejs проектов.
Нашел любопытное видео, которое объясняет как работать c Redux при помощи аналогии со страховой компанией:
Мне нравятся такие идеи, программирование само по себе очень абстрактная вещь, и аналогии могут сильно помочь при обучении. Я пошел чуть дальше и сделал вариант с очень простым интерфейсом на React (в видео речь идет только о Redux без React).
Демо: react-redux-insurance-company.now.sh
Репо: github.com/Ganevru/react-redux-insurance-company
Репо (вариант с хуками): github.com/Ganevru/react-redux-insurance-company/tree/use-redux-hooks
https://hackerrank.com/ganevru
Получил Hackerrank бейдж - Problem Solving (Silver level)
https://hackerrank.com/ganevru
Получил Hackerrank бейдж - 10 Days of JS (Silver level)
https://lab.github.com/github/hello-github-actions!
Закончил GitHub курс Hello, GitHub Actions!
github.com/Ganevru/hello-github-actions
Запустил этот сайт. Сайт работает на основе Chronoblog Gatsby Theme
Репо этого сайта: github.com/Ganevru/ganev-personal-site
https://marketplace.visualstudio.com/items?itemName=ganevru.solid-moon-theme
Тема для VS Code. Основана на теме New Moon Syntax Theme.
https://github.com/Chronoblog/gatsby-theme-chronoblog
Первый коммит для Chronoblog Gatsby Theme.
https://habr.com/ru/post/460559
Перевел статью The 10 Component Commandments.
Статья посвящена рекомендациям по созданию удобного и понятного API.
Перевод выложен на Хабр.
https://habr.com/ru/post/459422
Перевел статью Compound.Components and Context
https://habr.com/ru/post/459416
Перевел статью Just use children
https://habr.com/ru/post/459414
Перевел статью Beware of the Apropcalypse!
https://habr.com/ru/post/459380
Перевел статью Order of props matters!
https://habr.com/ru/post/459378
Перевел статью Give names to behaviors not interactions.
https://habr.com/ru/post/459272
Перевел статью Don't create conflicting props.
Сайты EsportSet.com и CyberSet.org представляют из себя каталоги девайсов с фильтрами и поиском. Главная фишка в том что у каждого…
читать дальше →
https://github.com/Ganevru/simple-vega-lite-schema
Схема для очень простой диаграммы - без осей и другого визуального мусора.
Перенес проекты esportset.com и cyberset.org на Gatsbyjs.
Стек технологий:
Веб: SSG Gatsbyjs и UI Grommet
Скрапер и обработка информации: Apify и Node js
Подробнее о том как работает EsportSet, читайте здесь: Как были разработаны и как работают сайты EsportSet.com и CyberSet.org
https://github.com/Ganevru/actor-liquipedia-semantic-search
Скрапер для семантического поиска в liquipedia. Скачивает JSON файлы с каждой страницы поисковых результатов и сохраняет их как массив.
https://github.com/Ganevru/actor-webdesignernews-scraper
Скрапер для webdesignernews.com
Использует Apify - библиотеку для веб сканирования и скрапинга, применяющую JavaScript/Node.js.
Репо: github.com/Ganevru/actor-webdesignernews-scraper
На Apify.com: apify.com/ganevru/webdesignernews-scraper
https://github.com/Ganevru/proxy-simple-test
Простое тестирование прокси.
https://github.com/Ganevru/proxy-to-string
Создание строки из объекта прокси адреса.
https://github.com/Ganevru/proxy-turn-over
Переворачивание адреса и логина:пароля у прокси.
https://github.com/Ganevru/split-proxy
Разбитие строки с адресом прокси в объект с протоколом, адресом, портом, логином и паролем. Для vega.github.io/vega-lite.
https://github.com/Ganevru/enough-time-ago
Библиотека для проверки времени с момента создания, модификации или изменения файла.
https://marketplace.visualstudio.com/items?itemName=ganevru.slime-solid
Тема для VS Code. Основана на теме Slime Theme.
https://github.com/Ganevru/gatsby-starter-blog-grommet
Стартер для Gatsbyjs, основанный на Grommet v2 UI
Репо: github.com/Ganevru/gatsby-starter-blog-grommet
Демо: gatsby-starter-blog-grommet.netlify.com
На Gatsbyjs.org: gatsbyjs.org/starters/Ganevru/gatsby-starter-blog-grommet
Для начала пара слов о лендинге на английском языке. Он заметно отличается от лендинга на русском. Разбирать его смысла нет так как…
читать дальше →
Как предоставить доступ к Яндекс Метрике не передовая логин и пароль от аккаунта? Самый простой способ. Инструкция. Недавно в Яндекс Метрике…
читать дальше →
Получил сертификат гугл адвордс, в статье расскажу о подготовке и о прохождении тестирования. И так, что бы стать сертифицированным…
читать дальше →
Большинство рекламодателей отключают рекламу в период с 22:00 и по 09:00. Это конечно же логично по ряду причин: Некому принимать звонки и…
читать дальше →
