tuhub.ru

О проекте

TuHub позиционирует себя как интернет-издание, заточенное под интересы профессиональных разработчиков. Проект существует с 2016 года и за это время накопил солидную базу материалов по веб-технологиям. Судя по структуре контента, основная цель ресурса - давать практические руководства, а не просто новости.

Сайт ориентирован на тех, кто уже работает в индустрии или глубоко изучает фронтенд-разработку. Здесь нет места для общих размышлений, только конкретика: код, настройки окружения, архитектурные паттерны.

Основные направления

Контент TuHub четко делится на несколько ключевых тематических блоков. Основу составляют материалы по верстке и компоновке интерфейсов. Авторы подробно разбирают CSS Flexbox Layout и CSS Grid Layout, объясняя свойства контейнеров и элементов на примерах. Есть даже отдельные статьи, посвященные центрированию элементов - казалось бы, мелочь, но для практиков это частая боль.

Второе важное направление - JavaScript и его экосистема. На сайте можно найти краткие руководства по регулярным выражениям, разбор сборки модулей (CommonJS, AMD, UMD, ES6) и работу с Web Audio API. Особое внимание уделено фреймворкам:

• React:от базовых понятий (разница между элементами и компонентами, состояние) до сложных сценариев вроде подключения Redux и Thunk, настройки прокси для API в Create React App и добавления Sass.
• Vue.js:руководство по шаблонам во второй версии фреймворка и сравнение способов их определения.
• Angular 2:критический взгляд на минусы фреймворка на основе реального опыта разработки.

Отдельно стоит отметить мобильную разработку. В архиве есть материал по созданию пользовательских Custom View-компонентов для Android приложений, что расширяет аудиторию сайта за пределы чисто веб-сферы.

Особенности сайта

Главная фишка TuHub - формат полного руководства. Статьи не просто описывают теорию, а показывают процесс: как перенаправить запросы, как собрать модули, как превратить простой проект в приложение с Redux. Даты публикаций варьируются от конца 2016 года до середины 2018-го, что говорит о том, что сайт велся в период активного роста популярности этих технологий.

Контент подается без лишней воды. Заголовки сразу дают понять суть: Как перенаправлять запросы, Объяснение разницы, Основные минусы. Есть даже визуальная составляющая - упоминаются красивые GIF-анимации для объяснения принципов Flexbox, что делает сложные вещи понятнее.

Интересно, что материалы часто выходят парами или сериями. Например, вторая часть руководства по Flexbox выходит после первой, а статьи по модулям идут друг за другом. Это позволяет читателю погружаться в тему постепенно.

Контактная информация

В предоставленных данных сайта нет явных контактов: ни адреса электронной почты, ни формы обратной связи, ни ссылок на социальные сети. Упоминается только меню пользователя и возможность входа в аккаунт, но сами реквизиты редакции отсутствуют.

FAQ

• charset: utf-8
• name: title content: TuHub
• property: og:type content: website
• name: description content: TuHub - интернет-издание для профессиональных разработчиков.
• property: og:url content: https://tuhub.ru/
• name: google-site-verification content: i5R96Ahs2_D9pvPazJ9HB9WFwMiIWSHwV-4eTSZP3Kw
• property: og:title content: TuHub
• name: keywords content: разработка, туториалы, frontend, backend, development, tutorials
• property: og:description content: TuHub - интернет-издание для профессиональных разработчиков.
• name: yandex-verification content: fa7187c3a8f430d6
• property: og:image content: https://tuhub.ru//themes/custom/tuhub/dist/images/social.png
• name: Generator content: Drupal 8 (https://www.drupal.org)
• name: MobileOptimized content: width
• name: HandheldFriendly content: true
• name: viewport content: width=device-width, initial-scale=1.0

• Перейти к основному содержанию
• http://tuhub.ru/
• Войти
• Frontend
• http://tuhub.ru/posts/centering-css-complete-guide
• http://tuhub.ru/frontend/js-regexp
• http://tuhub.ru/posts/flexbox-complete-guide
• http://tuhub.ru/posts/css-grid-complete-guide
• http://tuhub.ru/posts/progressive-web-app-with-react
• http://tuhub.ru/posts/react-express
• http://tuhub.ru/posts/vvedenie-v-web-audio-api
• http://tuhub.ru/posts/eshhyo-bolshe-o-tom-kak-rabotaet-flexbox-obyasnyaem-na-bolshih-krasochnyh-gif-kah
• http://tuhub.ru/posts/kak-rabotaet-flexbox-obyasnyaem-na-bolshih-krasochnyh-gifkah
• http://tuhub.ru/posts/rabota-s-shablonami-v-vue-js-2
• Mobile
• http://tuhub.ru/posts/realizatsiya-custom-view-komponenta-v-android
• http://tuhub.ru/posts/react-elements-protiv-react-components
• http://tuhub.ru/posts/angular-2-prosto-uzhasen
• http://tuhub.ru/posts/redux-i-thunk-vmeste-react-rukovodstvo-dlya-chajnikov
• http://tuhub.ru/posts/luchshie-praktiki-react-ajax
• http://tuhub.ru/posts/vizualnoe-rukovodstvo-po-sostoyaniyu-v-react
• http://tuhub.ru/posts/podklyuchaem-sass-k-instrumentu-create-react-app
• http://tuhub.ru/posts/soundcloud-klient-na-react-redux
• http://tuhub.ru/javascript-moduli-chast-2-sborka-modulej
• http://tuhub.ru/posts/javascript-moduli-rukovodstvo-dlya-nachinayushhih
• Смотреть ещё

• https://mangohost.net/

            domain:        TUHUB.RU
nserver:       mack.ns.cloudflare.com.
nserver:       roxy.ns.cloudflare.com.
state:         REGISTERED, DELEGATED, UNVERIFIED
person:        Private Person
registrar:     RU-CENTER-RU
admin-contact: https://www.nic.ru/whois
created:       2017-02-19T07:47:15Z
paid-till:     2027-02-19T07:47:15Z
free-date:     2027-03-22
source:        TCI
Last updated on 2026-02-23T22:13:01Z
        

			#
# robots.txt
#
# This file is to prevent the crawling and indexing of certain parts
# of your site by web crawlers and spiders run by sites like Yahoo!
# and Google. By telling these "robots" where not to go on your site,
# you save bandwidth and server resources.
#
# This file will be ignored unless it is at the root of your host:
# Used:    http://example.com/robots.txt
# Ignored: http://example.com/site/robots.txt
#
# For more information about the robots.txt standard, see:
# http://www.robotstxt.org/robotstxt.html

User-agent: *
# CSS, JS, Images
Allow: /core/*.css$
Allow: /core/*.css?
Allow: /core/*.js$
Allow: /core/*.js?
Allow: /core/*.gif
Allow: /core/*.jpg
Allow: /core/*.jpeg
Allow: /core/*.png
Allow: /core/*.svg
Allow: /profiles/*.css$
Allow: /profiles/*.css?
Allow: /profiles/*.js$
Allow: /profiles/*.js?
Allow: /profiles/*.gif
Allow: /profiles/*.jpg
Allow: /profiles/*.jpeg
Allow: /profiles/*.png
Allow: /profiles/*.svg
# Directories
Disallow: /core/
Disallow: /profiles/
# Files
Disallow: /README.txt
Disallow: /web.config
# Paths (clean URLs)
Disallow: /admin/
Disallow: /comment/reply/
Disallow: /filter/tips/
Disallow: /node/add/
Disallow: /search/
Disallow: /user/register/
Disallow: /user/password/
Disallow: /user/login/
Disallow: /user/logout/
# Paths (no clean URLs)
Disallow: /index.php/admin/
Disallow: /index.php/comment/reply/
Disallow: /index.php/filter/tips/
Disallow: /index.php/node/add/
Disallow: /index.php/search/
Disallow: /index.php/user/password/
Disallow: /index.php/user/register/
Disallow: /index.php/user/login/
Disallow: /index.php/user/logout/

Host: https://tuhub.ru
Sitemap: https://tuhub.ru/sitemap.xml        

Tehnički SEO

On-Page SEO

Sadržaj i UX