tuhub.ru

A projektről

A TuHub a professzionális fejlesztők érdeklődésére szabott online kiadványként pozicionálja magát. A projekt 2016 óta létezik, és ezalatt az idő alatt szilárd anyagbázist halmozott fel a webtechnológiákra vonatkozóan. A tartalom felépítéséből ítélve a forrás fő célja a gyakorlati útmutatás, és nem csak híradás.

Az oldal azoknak szól, akik már dolgoznak az iparágban, vagy mélyen tanulmányozzák a front-end fejlesztést. Itt nincs helye általános gondolatoknak, csak konkrétumok: kód, környezetbeállítások, építészeti minták.

Fő irányok

A TuHub tartalma egyértelműen több kulcsfontosságú tematikus blokkra oszlik. Az alap az elrendezésre és az interfész elrendezésére vonatkozó anyagokból áll. A szerzők részletesen megvizsgálják a CSS Flexbox Layout és a CSS Grid Layout elrendezést, példákkal magyarázzák el a konténerek és elemek tulajdonságait. Még külön cikkek is foglalkoznak a központosító elemekkel - ez csekélységnek tűnik, de a gyakorló szakemberek számára ez gyakori fájdalom.

A második fontos terület a JavaScript és ökoszisztémája. Az oldalon rövid oktatóanyagokat találhat a reguláris kifejezésekről, a modulok összeállításának elemzéséről (CommonJS, AMD, UMD, ES6) és a Web Audio API-val való munkáról. Különös figyelmet fordítanak a keretrendszerekre:

• React:az alapfogalmaktól (az elemek és összetevők közötti különbség, állapot) az összetett forgatókönyvekig, mint például a Redux és a Thunk összekapcsolása, az API proxyjának beállítása a Create React App alkalmazásban és a Sass hozzáadása.
• Vue. js:útmutató a keretrendszer második verziójában található sablonokhoz és összehasonlítás a definíciójukhoz.
• 2. szög:a keretrendszer hátrányainak kritikus áttekintése valós fejlesztési tapasztalatok alapján.

Különös figyelmet érdemel a mobil fejlesztés. Az archívum anyagokat tartalmaz az egyéni egyéni nézet komponensek Android-alkalmazásokhoz való létrehozásáról, amely kiterjeszti a webhely közönségét a tisztán webes szférán túl.

A webhely jellemzői

A TuHub fő jellemzője a teljes útmutató formátuma. A cikkek nem csak az elméletet írják le, hanem bemutatják a folyamatot is: hogyan lehet átirányítani a kéréseket, hogyan lehet modulokat összeállítani, hogyan lehet egy egyszerű projektet alkalmazássá alakítani Redux segítségével. A megjelenési dátumok 2016 végétől 2018 közepéig terjednek, ami arra utal, hogy az oldalt e technológiák népszerűségének aktív növekedési időszakában fejlesztették ki.

A tartalom felesleges víz nélkül kerül felszolgálásra. A címsorokból azonnal kiderül: A kérések átirányítása, A különbség magyarázata, Főbb hátrányok. Van még egy vizuális komponens is – gyönyörű GIF-animációk említik a Flexbox alapelveit, ami világosabbá teszi a bonyolult dolgokat.

Érdekes módon az anyagokat gyakran párban vagy sorozatban adják ki. Például a Flexbox útmutató második része az első után következik, és a modul cikkei követik egymást. Ez lehetővé teszi az olvasó számára, hogy fokozatosan elmerüljön a témában.

Kapcsolatfelvételi adatok

A megadott webhelyadatokban nincsenek kifejezett elérhetőségek: nincs e-mail cím, nincs visszajelzési űrlap, nincsenek közösségi hálózatokra mutató hivatkozások. Csak a felhasználói menü és a fiókba való bejelentkezési lehetőség szerepel, de maguk a szerkesztői adatok hiányoznak.

GYIK

• 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-07-15T01:38: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        

Technikai SEO

On-Page SEO

Tartalom és UX