{"pages":{"search":{"query":"Tailwind","originalQuery":"Tailwind","serpid":"1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL","reqid":"1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL","parentReqid":"","serpItems":[{"id":"2979724689305462003-0-0","type":"videoSnippet","props":{"videoId":"2979724689305462003"},"curPage":0},{"id":"15342104259214317160-0-1","type":"videoSnippet","props":{"videoId":"15342104259214317160"},"curPage":0},{"id":"9391939781203034916-0-2","type":"videoSnippet","props":{"videoId":"9391939781203034916"},"curPage":0},{"id":"video-related-suggest-0-3","type":"relatedSuggest","props":{"title":"Bunlar aranıyor","columns":[[{"text":"Tailwind vs Bootstrap","src":"int_discovery_recommender","is_rec":1,"url":"https://twitter.yandex.com.tr/search/?text=Tailwind+vs+Bootstrap&source=video-related-suggest&rq=1&src=int_discovery_recommender"},{"text":"Tailwind CSS","src":"int_discovery_recommender","is_rec":1,"url":"https://twitter.yandex.com.tr/search/?text=Tailwind+CSS&source=video-related-suggest&rq=1&src=int_discovery_recommender"},{"text":"Tailwind tutorial","src":"int_discovery_recommender","is_rec":1,"url":"https://twitter.yandex.com.tr/search/?text=Tailwind+tutorial&source=video-related-suggest&rq=1&src=int_discovery_recommender"}],[{"text":"Tailwind colors","src":"int_discovery_recommender","is_rec":1,"url":"https://twitter.yandex.com.tr/search/?text=Tailwind+colors&source=video-related-suggest&rq=1&src=int_discovery_recommender"},{"text":"Tailwind components","src":"int_discovery_recommender","is_rec":1,"url":"https://twitter.yandex.com.tr/search/?text=Tailwind+components&source=video-related-suggest&rq=1&src=int_discovery_recommender"},{"text":"Tailwind UI Kit","src":"int_discovery_recommender","is_rec":1,"url":"https://twitter.yandex.com.tr/search/?text=Tailwind+UI+Kit&source=video-related-suggest&rq=1&src=int_discovery_recommender"}]]},"curPage":0},{"id":"16970403312178228859-0-4","type":"videoSnippet","props":{"videoId":"16970403312178228859"},"curPage":0},{"id":"R-I-113683-5-0-5","type":"direct","props":{"advRsyaActivateParams":{"pcodeParams":{"blockId":"","renderTo":"","pageNumber":5,"grab":"dFRhaWx3aW5kCg==","statId":5,"darkTheme":false,"lazyLoad":false,"extParams":{"reqid":"1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL","ui":"desktop","yuid":"6421252901773474528"}}},"isAdult":false,"position":5,"placement":"empty"},"curPage":0},{"id":"8977201040796183716-0-6","type":"videoSnippet","props":{"videoId":"8977201040796183716"},"curPage":0},{"id":"13511662040882555023-0-7","type":"videoSnippet","props":{"videoId":"13511662040882555023"},"curPage":0},{"id":"77936179972848494-0-8","type":"videoSnippet","props":{"videoId":"77936179972848494"},"curPage":0},{"id":"789655799606873069-0-9","type":"videoSnippet","props":{"videoId":"789655799606873069"},"curPage":0},{"id":"5471611383192970314-0-10","type":"videoSnippet","props":{"videoId":"5471611383192970314"},"curPage":0},{"id":"16072816005155981577-0-11","type":"videoSnippet","props":{"videoId":"12730427678377934191"},"curPage":0},{"id":"R-I-113683-5-0-12","type":"direct","props":{"advRsyaActivateParams":{"pcodeParams":{"blockId":"","renderTo":"","pageNumber":12,"grab":"dFRhaWx3aW5kCg==","statId":12,"darkTheme":false,"lazyLoad":false,"extParams":{"reqid":"1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL","ui":"desktop","yuid":"6421252901773474528"}}},"isAdult":false,"position":12,"placement":"empty"},"curPage":0},{"id":"16565250737612061335-0-13","type":"videoSnippet","props":{"videoId":"16565250737612061335"},"curPage":0},{"id":"7860605345846745929-0-14","type":"videoSnippet","props":{"videoId":"7860605345846745929"},"curPage":0},{"id":"4488242403896832835-0-15","type":"videoSnippet","props":{"videoId":"4488242403896832835"},"curPage":0},{"id":"10498093562989291682-0-16","type":"videoSnippet","props":{"videoId":"10498093562989291682"},"curPage":0},{"id":"2993698253281566657-0-17","type":"videoSnippet","props":{"videoId":"2993698253281566657"},"curPage":0},{"id":"10099609371397171813-0-18","type":"videoSnippet","props":{"videoId":"10099609371397171813"},"curPage":0},{"id":"8314172982441028177-0-19","type":"videoSnippet","props":{"videoId":"8314172982441028177"},"curPage":0}],"filters":{},"serpFooter":{"linksGroups":[{"type":"geo","links":[{"label":"Columbus","title":"Columbus","url":"//yandex.com.tr/tune/geo/","logNode":{"name":"region"},"target":"_self","a11yLabel":"Bölgeniz Columbus","needRetpath":true}]},{"type":"help","links":[{"label":"Bize ulaşın","url":"https://yandex.com.tr/support/video/troubleshooting.html","logNode":{"name":"feedback"},"needRetpath":true},{"label":"Yardım","url":"https://yandex.com.tr/support/video/","logNode":{"name":"help"},"needRetpath":true}]},{"type":"settings","links":[{"label":"Ayarlar","url":"https://yandex.com.tr/tune/search/","target":"_self","logNode":{"name":"settings"},"needRetpath":true}]},{"type":"company","links":[{"label":"Şirket hakkında","url":"//yandex.com.tr/company/","logNode":{"name":"about"},"target":"_blank"},{"label":"Kullanım lisansı","url":"//yandex.com.tr/legal/termsofuse/","logNode":{"name":"license"},"target":"_blank"},{"label":"Gizlilik Politikası","url":"//yandex.com.tr/legal/confidential/","logNode":{"name":"confidential"},"target":"_blank"}],"a11yHidden":true}],"hasExtralinks":true},"currentPage":0,"prevPageToLoad":-1,"nextPageToLoad":1,"isTranslationsFilterEnabled":false,"isTranslationsDistributionEnabled":false,"isTranslationsDistributionOnboardingEnabled":false,"prevention":{},"hasNextPage":true,"rightSerpItems":[{"type":"direct","id":"search-list-right","props":{"advRsyaActivateParams":{"pcodeParams":{"blockId":"R-I-8843654-1","renderTo":"search-list-right-0-R-I-8843654-1","pageNumber":0,"grab":"dFRhaWx3aW5kCg==","darkTheme":false,"lazyLoad":false,"extParams":{"reqid":"1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL","ui":"desktop","yuid":"6421252901773474528"}}},"isAdult":false,"position":0,"placement":"search-list-right"},"curPage":0}],"isAdultQuery":false,"errorList":[],"layout":"list","retpath":"https%3A%2F%2Ftwitter.yandex.com.tr%2Fvideo%2Fsearch%3Ftext%3DTailwind","pages":[{"reqid":"1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL","start":0,"end":20,"pageNumber":0,"isCounterSent":false}]},"main":{"_isInitial":true,"snippets":[],"serpFooter":{"linksGroups":[]},"isLoggedIn":false,"tags":[]}},"internal":{"nonce":"1433585656824847990756","expFlags":{"video_settings_toolbar_redesign":1,"velocity_delay_drawer":1,"video_feedback_in_d2d":1,"video_search_toggle_with_text":1,"video_viewer_show_placeholder":1,"velocity_disable_suspense":1,"video_viewer_desktop_smart_layout":1,"dark_theme_desktop":"cookie","distr_splashscreen_on":1,"video_viewer_check_sandbox_origin":1,"video_font_yandex_sans":1,"video_adv_new_show_rules":1,"video_adv_config_desktop":{"search-list":{"adult":{"default":"R-I-474674-135","mail":"R-A-13426421-23"},"regular":{"default":"R-I-48058-751","mail":"R-A-13411721-23"}},"search-grid-inplace":{"adult":{"default":"R-I-474674-126","mail":"R-A-13426421-16"},"regular":{"default":"R-I-48058-742","mail":"R-A-13411721-16"}}},"video_search_page_no_islands":1,"video_vh_player_js":0,"video_masthead_ratio":"180,4","video_searchdata_scheme":1,"video_viewer_related_fail_error_screen":1,"velocity_delay_metrika":1,"video_viewer_channel_link_mode":2,"video_partner_label":1,"int_tr":1,"mmui_extended_escape_scheme":"searchdata.clips.0.authorname","tabs_order_version":"search,images,video,newstr,maps,translate,tr_ecom","spok":"id","video_suggest_use_serp":1,"video_search_grid_direct_repeat":6,"video_direct_config_desktop_search":"search-grid-row:R-I-48058-718:R-I-474674-109,search-grid-head:R-I-2120168-7","init_meta":{"enable-yabs-distr":1,"ask-user-purchase-history":1,"use-src-videoquickp":1,"enable-begemot":1,"enable_masthead":1,"use-src-videop":1,"use-src-videoquickp_misspell":1,"enable_blackbox_multisession":1,"begemot-enable-cancelled-misspell-rtmr":1,"enable_video_iron_fetcher":1,"use-related-only":1,"ask-yandex-io-devices":1,"use-images-device-setup":1,"use-src-imagesp":1,"images-apphost-collections-front":1,"enable_aab_apphost":1,"graph-is-video-search":1,"bg-bert-video":1,"use-src-imagesp_misspell":1,"use-src-imagesultrap":1,"use-video-apphost-pre-templates":1,"use-src-videop_misspell":1,"use-video-apphost-post-templates":1,"use-src-imagesquickp":1,"enable_video_carousels":"1","restrict-max-docs":"1000","use-images-region-setup":1,"use-post-auto2":1,"use-images-settings-setup":1,"use-src-ugc_favorites":1,"video_vitrina_disable":"0","use-images-user-setup":1,"use-video-pre-search-data":1,"begemot-no-suggest-history":1},"video_depot_viewer_masthead_ssr_only":1,"video_blender":1,"video_search_grid_enable":0,"video_viewer_desktop_fix_d2d_scroll":1,"video_depot_viewer_legacy_counters":1,"video_search_grid_direct_start":3,"video_adv_new_show_rules_docs_count":1,"video_related_suggest_enable":1,"video_redirect_plug":2,"video_adv_grid_inplace":1,"distr_popup_on":1,"dark_theme_desktop_default_pref":"system","video_search_toggle_enable":1,"video_depot_viewer_related_adv_margin":400,"velocity_split_hydration":4,"video_duration_counter_new_format":1,"video_force_grid_on_premordie":1,"int_online_summarization_video_snippet":1,"video_morda_header_nav":1,"video_nohost_full_filter":0,"distr_pcode_off":1,"video_baobab_blockstat":1,"video_thumb_poster_full":1,"video_scrollpages":2,"video_serp_desktop_block_design":1,"video_nohost_youtube_filter":0,"video_viewer_host_link_mode":1},"slots":["1506054,0,96;1483856,0,49;151171,0,14;1281084,0,61;287509,0,32;1447467,0,87;1006737,0,46;1482982,0,26;1478787,0,55"],"isYandexNet":false,"platform":"desktop","isEnLogo":true,"retpath":"https%3A%2F%2Ftwitter.yandex.com.tr%2Fvideo%2Fsearch%3Ftext%3DTailwind","mordaUrl":"//yandex.com.tr/","videoSearchUrl":"https://twitter.yandex.com.tr/video/search?text=Tailwind","settingsUrl":"https://yandex.com.tr/tune/search/","helpUrl":"https://yandex.com.tr/support/video/","legalUrl":"//legal.yandex.com.tr/termsofuse/","feedbackUrl":"https://yandex.com.tr/support/video/troubleshooting.html","basename":"/video","currentPageName":"search","isYandexApp":false,"isYandexAppAndroid":false,"isYandexAppIos":false,"isAnyYaBro":false,"isAndroid":false,"isHamster":false,"serpid":"1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL","backUrl":"//ya.ru","url":"https://twitter.yandex.com.tr/video/search?text=Tailwind","isIntegrationTest":false,"isEndToEndTest":false,"shouldDropLogs":false,"seo":{"title":"Tailwind: Yandex'te 2 bin video bulundu","description":"Результаты поиска по запросу \"Tailwind\" в Яндексе","keywords":"яндекс видео, поиск видео, смотреть онлайн, сериалы, фильмы, клипы","shareTitle":"Tailwind — Яндекс — поиск по видео"},"isEmbedded":false,"isPumpkin":false,"sessionCsrfToken":"y732e0704dc5e850fbbea4d892a20770d","reportFeedbackBaseProps":{"initEmail":"","metaFields":{"userAgent":"Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)","userTestids":"1506054,1483856,151171,1281084,287509,1447467,1006737,1482982,1478787","queryText":"Tailwind","reqid":"1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL","userRegionName":"","userRegionId":"id() {\n return this._region.id;\n }","yandexuid":"6421252901773474528","uid":"0","isChildAccount":false}},"userTestids":"191768,238743,246500,253288,265553,270072,277807,274239,294077,278842,331010,338398,359879,415420,644350,652605,645301,679708,689693,690449,696466,696473,722746,740796,776165,771230,781521,790415,801982,851450,886706,883477,900639,931367,937268,969063,935488,945314,989988,982463,991363,990185,1015567,1011895,1035320,1033956,1035241,1036046,1087297,1060131,1071879,1078818,1077703,1116602,1045814,1131637,1144233,1151726,1156933,1174275,1173000,1167408,1202006,1194718,1221235,1228280,1239596,1226860,1246754,1276447,1289213,1316370,1313283,1321224,1300570,1320679,1352408,1342688,1344637,1341968,1345362,1343279,1367583,1336673,1348424,1382036,1391511,1384451,1402882,1407422,1417605,1424780,1429092,1438908,1444206,1449283,1452713,1457995,1459585,1461130,1492788,1495633,1509771,1299604","regionId":20815,"isYaRu":false,"shouldUnmountSearchPageInViewer":false,"videoGlobalContext":{"platform":"desktop","isPumpkin":false,"language":"tr","user_time":{"epoch":"1773474576","tz":"America/Louisville","to_iso":"2026-03-14T03:49:36-0400","__is_plain":1},"isHermione":false,"shouldStubImages":true,"enableVideoPreviewInHermione":false,"reqid":"1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL","isEmbedded":false,"shouldShowMainPageButtonInViewer":false,"shouldDisableWebp":false,"removeLinkPrefix":"/video","shouldUseHighresPreview":true,"shouldCutSnippetTitle":true,"shouldShowPlusBadge":true,"reportFeedbackBaseProps":{"initEmail":"","metaFields":{"userAgent":"Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)","userTestids":"1506054,1483856,151171,1281084,287509,1447467,1006737,1482982,1478787","queryText":"Tailwind","reqid":"1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL","userRegionName":"","userRegionId":"id() {\n return this._region.id;\n }","yandexuid":"6421252901773474528","uid":"0","isChildAccount":false}},"deviceDetect":{"OSFamily":"Unknown","isTV":0,"x64":0,"GoogleToolBarVersion":"","MultiTouch":0,"BrowserBase":"","YandexBarVersion":"","isTablet":0,"YandexBar":0,"hasWebOmni":0,"isTouch":0,"hasYandexCamera":0,"isMobile":0,"DeviceKeyboard":"","device":"desktop","TurboAppPlatformVersion":"","historySupport":0,"BrowserShellVersion":"","DeviceVendor":"","isBrowser":0,"hasFlash":0,"MailRuSputnikVersion":"","isSameSiteSupported":0,"BrowserBaseVersion":"","BrowserVersionRaw":"","hasWebVert":0,"DeviceId":"","error":"","MailRuAgent":0,"ScreenWidth":0,"inAppBrowser":0,"hasHTML5":0,"isEmulator":0,"J2ME":0,"MailRuAgentVersion":"","BrowserEngineVersionRaw":"537.36","isRobot":1,"__is_plain":1,"BrowserEngineVersion":"0537.0036","BrowserName":"Unknown","DeviceModel":"","BrowserEngine":"WebKit","DeviceName":"","OSVersionRaw":"","OSName":"","GoogleToolBar":0,"ScreenSize":"","isTurboApp":0,"MailRuSputnik":0,"YaBuildName":"","isWAP":0,"PreferMobile":0,"DesktopMode":0,"BrowserVersion":"","BitsPerPixel":0,"BrowserShell":"","YaGUI":"","isBeta":0,"OSVersion":"","ScreenHeight":0},"nonce":"1433585656824847990756","disableDoc2DocHostLink":false,"shouldHideChannelLink":false,"disableChannelLink":false,"userConnectionRtt":158,"animated":false,"isDoc2DocScrollFix":true,"smartDesktopLayout":true,"enableVIImprovements":false,"enableLazyPoster":false,"isAdvDisabled":false,"isVideoTranslationSupported":false,"isSummaryDisabled":false,"isSummaryOnlineEnabled":true,"shouldRenderBroSummaryApiContainer":false,"shouldDropLogs":false,"shouldUseBeacon":false,"hasAdBlock":false,"rknWarnHosts":[""],"relatedAdvRootMargin":400,"postInstreamScreenDuration":2000,"minVideoDurationForInstream":120,"isInstreamEnabledInTesting":false,"wildcard":false,"isAdvUnderPlayerRedesign":false,"disableEarlyEventsUnsubscribe":false,"showDebugRelatedURL":false,"shouldUseBetaErrorLogging":false,"shouldShowMetaUnderPlayer":false,"isVideoViewerMetaTitleHidden":false,"isStickyPlayerDisabled":false,"headerNoFavicon":false,"headerBranded":false,"shouldCensorSensitiveContent":false,"shouldCensorShockContent":false,"isAdvUnderPlayerTransparent":false,"isDoc2DocGridLayoutEnabled":false,"detailsRedesignEnabled":false,"detailsRedesignV2Enabled":false,"detailsRedesignV3Enabled":false,"isD2DEmptyLoadFixDisabled":false,"isRoundedPlayerEnabled":false,"isSettingsToolbarRedesign":true,"isDoc2DocEmptyRetryEnabled":false,"isAdvUnderPlayerWithBackdrop":false,"isTouchAdvWithBackdrop":false,"isDoc2DocErrorScreenEnabled":true,"isDoc2DocFeedbackKebabEnabled":true,"isCommentsEnabled":false,"isCommentsCountOnSnippetsEnabled":false,"isCommentsSmartNonStopEnabled":false,"isVideoMainButtonInitiallyCollapsed":false,"isAdvUnderPlayerWithInnerPadding":false,"isKebabAdvancedActionsEnabled":false,"isKebabOnTouchVideoSearchEnabled":false,"isAdvVideoListLikeUnderPlayer":false,"isSummaryInMetaButtons":false,"isSummaryInMetaButtonsDesktop":false,"isMetaCommentsButtonEnabled":false,"preventAdvHideOnEmpty":false,"isPlayerChangeCounterEnabled":false,"isSmallTitle":false,"shouldRestoreMuteState":false,"isAdvUnderPlayerWithSlider":false,"isAdvUnderPlayerCommentsAligned":false},"shouldShowAdvId":false,"isAdultQuery":false,"isSensitivePage":false,"showSensitive":false,"showShock":false,"shouldReplaceHref":false},"user":{"tld":"com.tr","isEuDomain":false,"login":"","passportId":"","isLoggedIn":false,"locationName":"Columbus","isFamily":false,"yandexuid":"6421252901773474528","ugcCsrfToken":"","family":1,"isChild":false},"config":{"skinMode":"system","skin":"light","version":"releases-frontend-video-v1.1785.0__ab4b9de1530b4e7ef53ae9d2e7bd51dd0141055f","isGridSupported":false,"advConfig":{"under-player":{"regular":{"default":"R-I-48058-725","mail":"R-A-13411721-6"},"adult":{"default":"R-I-474674-114","mail":"R-A-13426421-6"}},"under-player-lite":{"regular":{"default":"R-I-48058-728"},"adult":{"default":"R-I-474674-103"}},"under-player-old":{"regular":{"default":"R-I-48058-725","mail":"R-A-13411721-6"},"adult":{"default":"R-I-474674-114","mail":"R-A-13426421-6"}},"video-list":{"regular":{"default":"R-I-48058-708","mail":"R-A-13411721-2"},"adult":{"default":"R-I-474674-101","mail":"R-A-13426421-2"}},"search-list":{"adult":{"default":"R-I-474674-135","mail":"R-A-13426421-23"},"regular":{"default":"R-I-48058-751","mail":"R-A-13411721-23"}},"search-grid-row":{"regular":{"default":"R-I-48058-718","mail":"R-A-13411721-4"},"adult":{"default":"R-I-474674-109","mail":"R-A-13426421-4"}},"search-grid-head":{"regular":{"default":"R-I-2120168-7"}},"search-list-right":{"regular":{"default":"R-I-8843654-1"}},"before-player-old":{"regular":{"default":"R-I-2120168-1"}},"before-player":{"regular":{"default":"R-I-2120168-1"}},"search-grid-inplace":{"adult":{"default":"R-I-474674-126","mail":"R-A-13426421-16"},"regular":{"default":"R-I-48058-742","mail":"R-A-13411721-16"}}},"isSkinInitedOnClient":false},"counters":{"params":{"useBeacon":false,"clickHost":"twitter.yandex.com.tr/clck","pid":197},"dict":{"viewer":"2921","user":"538","info":"1275","sources":"1500","select":"775","close":"486","open":"842","source":"186","link":"513","click":"882","tech":"690","player":"1242","change":"719","summary":"3410","init":"1309","item":"22","button":"440","shown":"3780","copy":"1276","text":"232","load":"1724","fallback":"2010","channel":"1345","hide":"1656","serp":"471","pager":"405","down":"601","up":"600","footer":"295","more":"75","page":"143","loaded":"1007","grid":"3223","support":"2458","client":"2989","layout":"54","list":"436","duration":"2136","within":"3247","on":"10","off":"11","host":"3052","supported":"3761","enable":"2396","disable":"2395","full":"318","video":"231","translation":"347","distrib":"316","onboarding":"2045","filters":"618","lang":"1144","advanced":"255","apply":"2461","reset":"3236","short":"142","toggle":"237","request_entry_completed":"2021","snippet":"254","icon":"1167","abuse":"1436","submit":"297","extralinks":"3557","feedback":"296","wizard":"358","incut":"1073","out":"3218","popup":"1544","scroll":"768","show":"487","retry":"3545","region":"287","help":"177","settings":"1137","recommendations":"2671","home":"1319","soo":"65","youtube":"624","google":"66","bing":"568"}},"clips":{"items":{"2979724689305462003":{"videoId":"2979724689305462003","docid":"34-3-5-Z32D709A13807F990","description":"This video is by far the most comprehensive course of Tailwind CSS you’ll find anywhere on YouTube - it uses colourful diagrams and animations to break down the theory in an easy-to-understand way...","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/2072789/f7fd743e2566ef4c66d62d5f6bd16270/564x318_1"},"target":"_self","position":"0","reqid":"1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL","summary":{"fullTextUrl":"/int_search_summary?data=http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DHOiER5NadIc","linkTemplate":"/video/preview/2979724689305462003?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=%%timestamp%%&ask_summarization=1"},"isAdultDoc":false,"relatedParams":{"text":"Tailwind CSS Full Course for Absolute Beginners - Everything Explained in Detail","related_orig_text":"Tailwind","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"Tailwind\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=HOiER5NadIc\",\"src\":\"serp\",\"rvb\":\"EqsDChMyOTc5NzI0Njg5MzA1NDYyMDAzChQxNTM0MjEwNDI1OTIxNDMxNzE2MAoTOTM5MTkzOTc4MTIwMzAzNDkxNgoUMTY5NzA0MDMzMTIxNzgyMjg4NTkKEzg5NzcyMDEwNDA3OTYxODM3MTYKFDEzNTExNjYyMDQwODgyNTU1MDIzChE3NzkzNjE3OTk3Mjg0ODQ5NAoSNzg5NjU1Nzk5NjA2ODczMDY5ChM1NDcxNjExMzgzMTkyOTcwMzE0ChQxNjA3MjgxNjAwNTE1NTk4MTU3NwoUMTY1NjUyNTA3Mzc2MTIwNjEzMzUKEzc4NjA2MDUzNDU4NDY3NDU5MjkKEzQ0ODgyNDI0MDM4OTY4MzI4MzUKFDEwNDk4MDkzNTYyOTg5MjkxNjgyChMyOTkzNjk4MjUzMjgxNTY2NjU3ChQxMDA5OTYwOTM3MTM5NzE3MTgxMwoTODMxNDE3Mjk4MjQ0MTAyODE3NwoUMTQ2NDU5MjA3MzI2MDk1Nzg4MjkKFDEzNTAyNzUwODcxMDM1ODU3ODA3ChQxNjY2Nzg3NjQxMzAxNDY3MjkxMRoVChMyOTc5NzI0Njg5MzA1NDYyMDAzWhMyOTc5NzI0Njg5MzA1NDYyMDAzaq8NEgEwGAAiRRoxAAoqaGhqd2RwdXR2dWxhbGJ4Y2hoVUMyN0xUa0RZV1NyN1NrTTZMZHpsVmxnEgIAEioQwg8PGg8_E54hggQkAYAEKyqLARABGniB-gcABvoGAPUCCwACA_4BDv4GAvcAAADvCfEABAAAAAf7CAH7AQAACPv-BgEAAADu9P0C9wAAAAMK9_8DAAAADPcHAvsAAAAMBv_6_gEAAP_y_AED_wAA-_0DBgAAAAD__fv3_P8AAAL59v0AAAAA_fz2DgAAAAAgAC0r9eM7OBNACUhOUAIqcxAAGmAXCQAmDA4L9_0t9gvn3f4c8vLt9-QQAAzqAO8O4AII_OrBC_4AGsgf-8cAAAAWHf0V5wADQwHmAeYF__vP2wcNJH_YAdP6IPUC198D8ggm7QoTOTQADg0PEgvh4jIUA_YgAC2d-Gs7OBNACUhvUAIqrwYQDBqgBgAA0EEAAADBAADgQQAACEIAAOjBAAAowgAAwEIAADBCAACAwgAAgEAAAGxCAAB4wgAA3MIAAATCAABAwAAAkEEAAARCAAAMwgAAIMEAACxCAAD8QgAAlMIAAKBAAAAEwgAAuEEAABRCAAD4wQAAMMIAAIJCAABQQQAAgMAAAMZCAABowgAAFEIAALDCAACgQAAAmEEAAFRCAAAYQgAA-MEAAODAAADgQQAAAEIAAOhBAADgwAAAAMAAAJjBAABgwgAAgD8AAIzCAACowQAARMIAAKBBAADYQQAAwEAAAABCAABIwgAAAMAAAGxCAACIQQAA4EAAAIC_AACUwgAAIMIAABDCAABgQgAAIEIAAAzCAADowQAAOEIAABhCAABgQQAA8MEAAHxCAAAQwQAAVMIAAOjBAAAAQgAAHMIAALrCAAA0wgAAAMAAAIBBAACQQgAAuMEAACBCAACAvwAAmMEAANDBAAAcwgAA8EEAAAAAAABwQQAAMMEAAEDBAABwwgAAuMEAAIjBAADAwQAAkEEAAIDAAAAgwQAAWEIAAEDAAAC6wgAA4EAAAABBAAAYQgAADEIAAFhCAACOQgAAyMEAAHDBAACUwgAAmkIAADDBAABgQQAA4MAAALDBAADwwQAACEIAAEDBAAA4wgAAYMIAAIRCAABcQgAAIEEAAHDBAABAwQAA6MEAADRCAACAwAAAqMEAAGBBAABUQgAAAMAAAFDCAAD4QQAAkMEAAGTCAACwQQAA-EEAADjCAACAQAAAREIAABBCAAAgQQAAEEEAABzCAACAvwAAYEIAAIA_AADYwQAAlMIAAMhBAACgwQAAAMEAALTCAAAYQgAAdEIAAAjCAADAQAAAcMEAABBBAAAAAAAARMIAANBBAACgwQAAKEIAAIjBAAAcwgAAAMEAADTCAAAAQAAAEEIAANBBAACAQQAAWMIAAKhBAACYQgAAREIAAHDBAAB0wgAAYMEAAFxCAACgwQAAwMEAAIZCAABAwQAACMIAAADCAABAQAAAwEAAAHxCAADgQAAAsEEAAEDBAACgwQAAUMEAADzCIAA4E0AJSHVQASqPAhAAGoACAAAjvwAAiL0AAKo-AADIPQAAcD0AABk_AAAEPgAAS78AANq-AABUvgAAUD0AAJg9AABEvgAAQLwAAIA7AADivgAA0j4AANi9AABEPgAAIT8AAGU_AACgPAAAkj4AAKC8AADoPQAAUD0AAJo-AAAQPQAAFL4AAGw-AADCPgAA-D0AABC9AACIPQAAMD0AABw-AABQPQAANL4AAMq-AAB0vgAAhr4AAOa-AAA0PgAAdL4AAMY-AADIPQAApj4AAOC8AACgPAAAkr4AACy-AACOvgAALL4AAAQ-AAAQPQAAoLwAAH8_AADgPAAAgLsAAFw-AAAQvQAAFL4AAAQ-AADiPiAAOBNACUh8UAEqjwIQARqAAgAAur4AAHy-AABkvgAAQ78AAIA7AADgPAAAmD0AAKi9AACivgAA6L0AAPi9AAD4vQAAiL0AAJ6-AAC4PQAAEL0AAJK-AABtPwAAMD0AAI4-AABkPgAATL4AAMg9AACAOwAAcL0AAGy-AACCvgAA6D0AADA9AAAsvgAALD4AABC9AACYPQAAqL0AAAs_AACOvgAAVD4AADC9AACyvgAAbD4AAJY-AADovQAAmL0AAJi9AAC4vQAAqL0AAH-_AACOvgAAgLsAAHy-AAAkPgAAHL4AABA9AACoPQAAkj4AAHA9AACovQAAqj4AAKg9AACAuwAA6D0AAOY-AAAQvQAAbL4gADgTQAlIfFABMAk4AUoAYABoAA,,\"}","related_url":"http://www.youtube.com/watch?v=HOiER5NadIc","parent-reqid":"1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1280,"cheight":720,"cratio":1.77777,"dups":["2979724689305462003"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":true,"contentTypeId":null,"censored":false,"censoredShock":false,"isShockDoc":false},"15342104259214317160":{"videoId":"15342104259214317160","docid":"34-4-16-ZCAE32417BCC0C3E0","description":"Build stunning, responsive UIs with Tailwind CSS v4. jsm.dev/tailwindv4-webstorm Rate us on TrustPilot: https://jsm.dev/trustpilot / discord / jsmasterypro / javascriptmastery / javascriptmastery...","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/4515126/f21ea0892824ddcf4d132b0849bf7bbc/564x318_1"},"target":"_self","position":"1","reqid":"1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL","summary":{"isFull":true,"fullTextUrl":"/video/result?ask_summarization=1&numdoc=1&noreask=1&nomisspell=1&parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=videoid:15342104259214317160","teaser":[{"list":{"type":"unordered","items":["Bu video, bir eğitmen tarafından sunulan Tailwind CSS hakkında detaylı bir eğitim içeriğidir. Eğitmen, Tailwind CSS'in temel prensiplerini ve kullanımını kod örnekleri üzerinden anlatmaktadır.","Video, Tailwind CSS'in ne olduğu ve utility-first yaklaşımının nasıl çalıştığı ile başlayıp, temel class'ların kullanımı, JIT compiler özelliği, flexbox ve grid layout özellikleri, responsive tasarım, medya sorguları, dark mode, özelleştirme yöntemleri ve ShadCN gibi bileşen kütüphanelerinin kullanımı gibi konuları kapsamaktadır. Eğitim, Tailwind Play platformu üzerinden interaktif örnekler sunarak, temel kavramlardan ileri seviye özelliklere kadar geniş bir yelpazede bilgi vermektedir.","Video, Tailwind CSS'in esnekliği ve özelleştirilebilirliği üzerinde durmakta, config dosyası kullanarak renk ve font özelleştirme yöntemlerini, layer bileşenlerini ve kendi utility stillerini tanımlama tekniklerini adım adım göstermektedir. Ayrıca, ShadCN gibi bileşen kütüphanelerinin kullanımı, accent rengi değiştirme, fluid metinler, dosya girişleri, highlight ayarları ve JavaScript yerine Tailwind ile basit görevler gibi pratik uygulamalar da sunulmaktadır. Video, bir sonraki bölümde build ve deploy bölümü ile Fitness Pro landing sayfası projesi ele alınacağını belirterek sona ermektedir."]},"endTime":3261,"title":"Tailwind CSS Kapsamlı Eğitim Videosu","beginTime":0}],"fullResult":[{"index":0,"title":"Tailwind CSS Kursu Tanıtımı","list":{"type":"unordered","items":["Tailwind CSS kursu, responsive UI'lar oluşturmak için temiz ve etkili bir yöntem sunuyor.","Kurs, Tailwind CSS'in temellerini, responsive layout'ları, dark mode'ı ve özel temaları öğretiyor.","Kurs, JS Mastery Pro platformunda quizler, etkileşimli egzersizler ve tam bir build ve dağıtım bölümü ile sunulacak."]},"beginTime":0,"endTime":161,"href":"/video/preview/15342104259214317160?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=0&ask_summarization=1"},{"index":1,"title":"Tailwind CSS'in Avantajları","list":{"type":"unordered","items":["Tailwind CSS, modern ve responsive web sitelerini daha hızlı ve kolay bir şekilde oluşturmak için bir utility-first ideolojisidir.","Bootstrap, Hand Design veya Material UI gibi UI kitlerine göre, Tailwind CSS size tam kontrol sağlar ve küçük, yeniden kullanılabilir utility sınıfları sunar.","Tailwind CSS, esnek tasarım imkanı sağlarken kod tabanını temiz ve sürdürülebilir tutar."]},"beginTime":161,"endTime":248,"href":"/video/preview/15342104259214317160?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=161&ask_summarization=1"},{"index":2,"title":"Tailwind CSS'in Kullanım Alanları","list":{"type":"unordered","items":["OpenAI, Shopify, Loom, The Verge, Turbo, GitHub, Microsoft ve NASA gibi büyük şirketler Tailwind CSS'i kullanmaktadır.","Tailwind CSS'in resmi örnek gösterilerinde, birçok büyük markanın üretim ortamında Tailwind CSS'i kullandığı gösterilmektedir."]},"beginTime":248,"endTime":277,"href":"/video/preview/15342104259214317160?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=248&ask_summarization=1"},{"index":3,"title":"Tailwind CSS ve Geleneksel CSS Karşılaştırması","list":{"type":"unordered","items":["Geleneksel CSS'te, elementlere özel sınıflar atanırken, Tailwind CSS'te stil, küçük ve yeniden kullanılabilir utility sınıfları kullanılarak oluşturulur.","Tailwind CSS'te her sınıf, önceden tanımlanmış bir CSS kuralıdır ve Tailwind, bu sınıfları kullanırken otomatik olarak gerekli CSS kodlarını oluşturur.","Tailwind CSS, inline stillerden farklı olarak, pseudo-sınıflar ve medya sorguları gibi gelişmiş özelliklere erişim sağlar ve stilleri yeniden kullanabilir."]},"beginTime":277,"endTime":455,"href":"/video/preview/15342104259214317160?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=277&ask_summarization=1"},{"index":4,"title":"Tailwind Play ile Pratik","list":{"type":"unordered","items":["Tailwind Play, Tailwind CSS stillerini test etmek için etkileşimli bir online platformdur.","Tailwind Play'de, HTML'e Tailwind CSS sınıfları ekleyerek kolayca stil uygulayabilirsiniz.","Tailwind Play'de, \"Generated CSS\" sekmesinde, Tailwind'in oluşturduğu CSS kodlarını görebilir ve her sınıfın nasıl çalıştığını inceleyebilirsiniz."]},"beginTime":455,"endTime":666,"href":"/video/preview/15342104259214317160?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=455&ask_summarization=1"},{"index":5,"title":"Tailwind CSS Kullanımı","list":{"type":"unordered","items":["Tailwind CSS ile div'e bg-violet-200 renk, h-10 yükseklik, w-full genişlik, border-dash-violet-600 kenarlık, rounded-md köşeler, margin-y-4 ve padding-2 özellikleri uygulanabilir.","H1 etiketine font-mono ve font-extra-bold özellikleri verilerek yazı tipi ve kalınlığı değiştirilebilir.","Tailwind CSS'de w-full ve h-10 gibi özellikler, elementin genişliğini ve yüksekliğini belirler; w-full 100% genişlik, h-10 yaklaşık 2.5 rem veya 40 piksel yükseklik sağlar."]},"beginTime":671,"endTime":754,"href":"/video/preview/15342104259214317160?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=671&ask_summarization=1"},{"index":6,"title":"Tailwind CSS Özellikleri","list":{"type":"unordered","items":["Border-2 ve border-violet-600 gibi özellikler, elemente kenarlık genişliği ve rengi uygular.","Margin-y-4 gibi özellikler, elementin üst ve alt kısımlarına boşluk ekler; margin-y, x, top, bottom, left, right gibi farklı eksenlere göre boşluk ayarlanabilir.","Padding özelliği de benzer şekilde çalışır ve elementin iç boşluklarını ayarlar; text-center özelliği metni merkeze hizalar."]},"beginTime":754,"endTime":827,"href":"/video/preview/15342104259214317160?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=754&ask_summarization=1"},{"index":7,"title":"Marjin ve Padding Farkı","list":{"type":"unordered","items":["Marjin, elementi diğer elementlerden uzaklaştıran dış boşluktur.","Padding, elementin içine eklenen iç boşluktur.","Elementi merkeze hizalamak için flex container ve justify-center, items-center özellikleri kullanılabilir."]},"beginTime":827,"endTime":908,"href":"/video/preview/15342104259214317160?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=827&ask_summarization=1"},{"index":8,"title":"Tailwind CSS'in JIT Compiler Özellikleri","list":{"type":"unordered","items":["Tailwind CSS, sadece projenin kullandığı stilleri içeren, sadece gerekli CSS kodlarını üreten JIT (Just-In-Time) compiler özelliğine sahiptir.","JIT compiler, kullanılmayan stilleri çıkararak CSS paketini küçültür ve performansı artırır.","JIT compiler, herhangi bir değer, renk veya özellik için özel sınıflar oluşturmayı sağlar ve hem geliştirme hem de üretim ortamında çalışır."]},"beginTime":908,"endTime":1023,"href":"/video/preview/15342104259214317160?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=908&ask_summarization=1"},{"index":9,"title":"Tailwind CSS'in Layout Özellikleri","list":{"type":"unordered","items":["Tailwind CSS, display, position, flexbox ve grid gibi güçlü araçlarla layout ve pozisyonlama özellikleri sunar.","Position özelliği, elementin konteyner veya viewport içindeki konumunu belirler; relative, absolute, fixed ve sticky gibi farklı pozisyonlar kullanılabilir.","Display özelliği, elementin davranışını belirler; block, inline, flex ve grid gibi farklı display türleri mevcuttur."]},"beginTime":1023,"endTime":1126,"href":"/video/preview/15342104259214317160?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=1023&ask_summarization=1"},{"index":10,"title":"Flexbox Kullanımı","list":{"type":"unordered","items":["Flexbox, justify-end, space-x-6 gibi özelliklerle elementleri hizalama ve boşluk ekleme imkanı sağlar.","Flex-column özelliği, elementleri dikey olarak yerleştirir ve items-center gibi özelliklerle dikey hizalama yapılabilir.","Flexbox, CSS'de her şeyin bir dikdörtgen olduğu prensibine dayanarak, elementleri ekran üzerinde istediğiniz şekilde hareket ettirmenizi sağlar."]},"beginTime":1126,"endTime":1319,"href":"/video/preview/15342104259214317160?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=1126&ask_summarization=1"},{"index":11,"title":"Tailwind CSS'de Grid ve Flexbox Kullanımı","list":{"type":"unordered","items":["Grid özelliği ile üç sütunlu bir düzen oluşturulabilir ve elemanlar arasında boşluk ayarlanabilir.","Grid, flexbox'a göre daha basit bir şekilde tüm genişlik veya yüksekliği doldurmayı sağlar.","Grid'de sütun sayısı değiştirilebilir, örneğin beş sütunlu bir düzen oluşturulabilir."]},"beginTime":1325,"endTime":1406,"href":"/video/preview/15342104259214317160?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=1325&ask_summarization=1"},{"index":12,"title":"Responsive Tasarım ve Media Queries","list":{"type":"unordered","items":["Tailwind CSS, mobil-first yaklaşım ile responsive tasarım yapmayı kolaylaştırır.","Tailwind, küçük, orta, büyük ve ekstra büyük cihazlar için predefined breakpoints sunar.","Media queries, ekran genişliğine göre CSS özellikleri değiştirmeyi sağlar."]},"beginTime":1406,"endTime":1452,"href":"/video/preview/15342104259214317160?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=1406&ask_summarization=1"},{"index":13,"title":"Media Queries Kullanımı","list":{"type":"unordered","items":["Media queries ile belirli ekran genişliklerinde display özelliği değiştirilebilir.","Büyük ekran boyutları, küçük ekran boyutlarını her zaman geçersiz kılar.","Max-width media queries ile belirli ekran genişliklerinden küçük olanlarda stil uygulanabilir."]},"beginTime":1452,"endTime":1664,"href":"/video/preview/15342104259214317160?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=1452&ask_summarization=1"},{"index":14,"title":"Mobile-First Yaklaşım","list":{"type":"unordered","items":["Tailwind CSS, mobile-first yaklaşım kullanır ve önce mobil düzeni tasarlamayı önerir.","Mobil için stil uygulamak için unprefixed (örneğin \"bg\") versiyonlar kullanılmalıdır.","Breakpointler özelleştirilebilir ve arbitri değerler kullanılabilir."]},"beginTime":1664,"endTime":1788,"href":"/video/preview/15342104259214317160?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=1664&ask_summarization=1"},{"index":15,"title":"Dark Mode Kullanımı","list":{"type":"unordered","items":["Tailwind CSS natively dark mode desteği sunar ve \"dark\" prefixi ile dark mod için stil uygulanabilir.","Dark mod, sistem veya tarayıcı tercihlerine göre otomatik olarak aktif olabilir.","Kullanıcılar için manuel dark mode toggle'ı oluşturulabilir."]},"beginTime":1788,"endTime":1985,"href":"/video/preview/15342104259214317160?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=1788&ask_summarization=1"},{"index":16,"title":"Tailwind CSS'de Özel Özellikler ve Dark Tema","list":{"type":"unordered","items":["Tailwind CSS'de \"ring one\", \"ring slate\" ve \"shadow\" gibi özel utility sınıflar bulunur.","Shadow özellikleri, elementlere hızlıca gölge eklemek için kullanılır ve Tailwind CSS referans kılavuzunda detaylı bilgi bulunabilir.","Dark tema modu için \"dark\" varyantı kullanılabilir veya sistem tercihlerine göre otomatik olarak ayarlanabilir."]},"beginTime":1990,"endTime":2087,"href":"/video/preview/15342104259214317160?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=1990&ask_summarization=1"},{"index":17,"title":"Özel Renkler ve Değerler","list":{"type":"unordered","items":["Tailwind CSS'de özel renkler ve değerler \"text-\", \"bg-\" gibi prefixlerle tanımlanabilir.","Renkler için hexadecimal değerler kullanılabilir ve bu değerler milyonlarca renk arasından seçilebilir.","Özel font boyutları ve padding değerleri de benzer şekilde tanımlanabilir."]},"beginTime":2087,"endTime":2185,"href":"/video/preview/15342104259214317160?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=2087&ask_summarization=1"},{"index":18,"title":"Tailwind Config ve Düzenleme","list":{"type":"unordered","items":["Tailwind config, uygulamanın görsel stilini kontrol etmek ve organize etmek için kullanılır.","Tailwind CSS v4'te yapılandırma JavaScript dosyasından CSS dosyasına taşınmıştır.","Yeni renkler \"--color-chestnut\" gibi prefixlerle tanımlanabilir ve tüm dosyalarda tek bir yerde değiştirilebilir."]},"beginTime":2185,"endTime":2348,"href":"/video/preview/15342104259214317160?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=2185&ask_summarization=1"},{"index":19,"title":"Direktifler ve Yapılar","list":{"type":"unordered","items":["Tailwind CSS'de \"base\", \"components\" ve \"utilities\" gibi yapılar kullanılarak stil yapılandırılabilir.","\"Base\" global olarak tüm projeye uygulanır, \"components\" özel bileşenler için, \"utilities\" ise atomik stil için kullanılır.","\"at-apply\" ve \"at-layer\" direktifleri ile özel katmanlar ve bileşenler oluşturulabilir."]},"beginTime":2348,"endTime":2583,"href":"/video/preview/15342104259214317160?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=2348&ask_summarization=1"},{"index":20,"title":"Özel Utility Sınıfları","list":{"type":"unordered","items":["Tailwind config ile kendi utility sınıflarınızı tanımlayabilirsiniz.","Örneğin \"flex-center\" sınıfı, \"flex\", \"justify-center\" ve \"items-center\" özelliklerini tek bir sınıfla uygular.","Bu yöntem, kodun daha temiz ve okunabilir olmasını sağlar."]},"beginTime":2583,"endTime":2636,"href":"/video/preview/15342104259214317160?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=2583&ask_summarization=1"},{"index":21,"title":"Tailwind CSS ile Component Kütüphaneleri Kullanımı","list":{"type":"unordered","items":["Tailwind CSS'in directive'ları çok faydalı olmasına rağmen, bazı geliştiriciler kodlarının görünüşü nedeniyle şikayetçi olabilir.","Shadcn gibi component kütüphaneleri, Tailwind CSS ile hazır butonlar, breadcrumbs, avatarlar gibi predefined bileşenler sunar.","Shadcn, Tailwind CSS için otomatik kurulum yapar ve farklı varyantlar oluşturur, ayrıca native Tailwind CSS ile renk gibi özellikler eklenebilir."]},"beginTime":2637,"endTime":2708,"href":"/video/preview/15342104259214317160?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=2637&ask_summarization=1"},{"index":22,"title":"Tailwind CSS'in Esnekliği","list":{"type":"unordered","items":["Tailwind CSS'in default bileşenleri basit görünse de, Tailwind üzerine kurulduğu için tamamen özelleştirilebilir.","Tailwind CSS, tüm stilleri satır içinde yazmak zorunda kalmadan, belirli değerler seçerek veya uygulamanın farklı bölümlerinin varsayılan görünümünü tanımlayarak esneklik sağlar.","Tailwind CSS'in esnekliği, kullanıcıların kendi ihtiyaçlarına göre stil oluşturmasını sağlar."]},"beginTime":2708,"endTime":2795,"href":"/video/preview/15342104259214317160?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=2708&ask_summarization=1"},{"index":23,"title":"Tailwind CSS İpuçları ve Trikleri","list":{"type":"unordered","items":["Tailwind CSS'te \"accent\" sınıfı kullanılarak checkbox ve radio grupları gibi elementlerin varsayılan renk ayarları değiştirilebilir.","\"text-min\" ve \"vw\" gibi özellikler kullanılarak responsive text boyutları oluşturulabilir, bu da medya sorgularına göre değil, ekran boyutuna göre otomatik hesaplama yapar.","File inputları için \"file\" prefixi kullanılarak otomatik olarak tüm özelleştirmeler uygulanabilir."]},"beginTime":2795,"endTime":2927,"href":"/video/preview/15342104259214317160?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=2795&ask_summarization=1"},{"index":24,"title":"Tailwind CSS'in Gelişmiş Özellikleri","list":{"type":"unordered","items":["\"selection\" özelliği kullanılarak metin seçildiğinde varsayılan mavi highlight rengi değiştirilebilir.","Tailwind CSS, JavaScript kullanmadan birçok görev yapmayı sağlar, örneğin HTML5 details ve summary bileşenleri ile basit bir accordion oluşturulabilir.","Tailwind CSS, before ve after durumları, belirli ekran boyutları için stil, alan ve ekran okuyucuları için stil, gradyanlar, animasyonlar ve yazdırma için stil gibi daha fazla özellik sunar."]},"beginTime":2927,"endTime":3074,"href":"/video/preview/15342104259214317160?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=2927&ask_summarization=1"},{"index":25,"title":"Tailwind CSS Öğrenme Stratejileri","list":{"type":"unordered","items":["Tailwind CSS'te her sınıfı ezberlemek gerekmez, zamanla doğal olarak hangi sınıfların hangi elemanlar için kullanılacağını öğrenirsiniz.","Tailwind CSS'te \"command+k\" tuş kombinasyonu ile arama yaparak CSS özellikleri ve sınıfları hızlıca bulabilirsiniz.","Tailwind CSS için resmi uzantılar, özellikle WebStorm gibi IDE'lerde renk önizlemeleri ve detaylı bilgi gibi ek özellikler sunar."]},"beginTime":3074,"endTime":3181,"href":"/video/preview/15342104259214317160?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=3074&ask_summarization=1"},{"index":26,"title":"Tailwind CSS Eğitiminin Devamı","list":{"type":"unordered","items":["Bu video, Tailwind CSS'in temel kavramlarını anlatan bir crash course'un ilk kısmını kapsar.","Eğitimin ikinci kısmında, fitness pro landing sayfası gibi gerçek bir proje geliştirilerek Tailwind CSS becerileri test edilecektir.","Eğitimin devamında, build ve deploy bölümü, etkileşimli quizler ve daha fazla Tailwind CSS derinlemesine inceleme sunulacaktır."]},"beginTime":3181,"endTime":3258,"href":"/video/preview/15342104259214317160?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=3181&ask_summarization=1"}],"linkTemplate":"/video/preview/15342104259214317160?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=%%timestamp%%&ask_summarization=1"},"isAdultDoc":false,"relatedParams":{"text":"Tailwind CSS v4 Full Course 2025 | Master Tailwind in One Hour","related_orig_text":"Tailwind","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"Tailwind\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=6biMWgD6_JY\",\"src\":\"serp\",\"rvb\":\"EqsDChMyOTc5NzI0Njg5MzA1NDYyMDAzChQxNTM0MjEwNDI1OTIxNDMxNzE2MAoTOTM5MTkzOTc4MTIwMzAzNDkxNgoUMTY5NzA0MDMzMTIxNzgyMjg4NTkKEzg5NzcyMDEwNDA3OTYxODM3MTYKFDEzNTExNjYyMDQwODgyNTU1MDIzChE3NzkzNjE3OTk3Mjg0ODQ5NAoSNzg5NjU1Nzk5NjA2ODczMDY5ChM1NDcxNjExMzgzMTkyOTcwMzE0ChQxNjA3MjgxNjAwNTE1NTk4MTU3NwoUMTY1NjUyNTA3Mzc2MTIwNjEzMzUKEzc4NjA2MDUzNDU4NDY3NDU5MjkKEzQ0ODgyNDI0MDM4OTY4MzI4MzUKFDEwNDk4MDkzNTYyOTg5MjkxNjgyChMyOTkzNjk4MjUzMjgxNTY2NjU3ChQxMDA5OTYwOTM3MTM5NzE3MTgxMwoTODMxNDE3Mjk4MjQ0MTAyODE3NwoUMTQ2NDU5MjA3MzI2MDk1Nzg4MjkKFDEzNTAyNzUwODcxMDM1ODU3ODA3ChQxNjY2Nzg3NjQxMzAxNDY3MjkxMRoWChQxNTM0MjEwNDI1OTIxNDMxNzE2MFoUMTUzNDIxMDQyNTkyMTQzMTcxNjBqrw0SATAYACJFGjEACipoaHF2c3lteXpjcG5iaGFiaGhVQ21YbWxCNC1ISnl0RDd3ZWswVW85N0ESAgASKhDCDw8aDz8TvRmCBCQBgAQrKosBEAEaeIEC9QAI_QMA5AkD_gP-Af8OAxIA9wEAAOUA8gkA_QEA_wsDAAABAAD_9wACAgAAAP34-AL7_gAAAgv0AfAA_wAE-QUA_gAAAAQE_vT_AQAA-ff3_QP_AAAGAAgAAAAAAPwMB_8CAAAACv_2DgAAAAD9_PYOAAAAACAALR3j3js4E0AJSE5QAipzEAAaYDP7ABv6IgzzCBz96uDWERHoC-jkyu3_C9gA4RfS6gTkBMwJ9AAVyCH3tgAAACc66xjlAOtYGeMCLfQdEsKsDvIif-oL0P4FBfbs-BfTBDwEEPZNFAAQ4P0NG9v5RR8G9CAALQKkRDs4E0AJSG9QAiqvBhAMGqAGAAAQQQAAAEAAAIBBAACgQAAAMEEAABDBAAB8QgAAXEIAAMDCAAAQwQAAqEIAAPLCAABowgAAQMIAABxCAAAAwQAAoMAAAFDCAAAwwQAA0EEAAIBAAACMwgAAoMAAAODAAADIQQAAgEAAACDBAADgwQAAgEAAABTCAABMwgAAvkIAALLCAADQwQAAlMIAADjCAACYQQAApEIAACBBAAAkQgAAOEIAACRCAABIQgAAqEIAAKDBAAB0wgAAyMEAAEzCAACmQgAAqMEAANDBAADAwQAAYMEAAIA_AACgQQAAoEAAANjCAAC4QQAAUMEAAKBBAABYQgAAIMEAAMDAAABowgAAAMEAAKjBAAAwwQAAyMEAAMBAAAAAwQAA8EEAAIpCAACgwQAAcEIAAKDAAACgwAAAMMEAAEBCAACAwQAAXMIAAL7CAACgQAAAKEIAAHxCAAAswgAAkEEAAJBBAAD4QQAAOEIAANjBAABAQQAAjEIAAIDAAAAAwQAAAEEAAHzCAAAkwgAA6EEAAABAAACIwQAA0MEAADBBAACIQQAA4MEAADTCAAAgwQAAMEEAADBBAAAQQgAAXEIAACxCAABAwQAAUMEAACDCAABgQQAAiMEAABzCAAAgQQAAQEEAAKBBAACAvwAATMIAADTCAACowQAALEIAALxCAAAowgAAKMIAAETCAABgwQAA4EAAAJBBAACAwAAAgEAAACRCAACwQQAAKMIAAEBCAADAwQAA6MEAADhCAACYwQAA0MEAACzCAACWQgAAgEAAAMjBAAB0QgAAUMIAAHBCAACAQQAAmMEAAADBAABwwgAAgMEAAKTCAAAQwQAAjsIAAADAAACAQgAAcMIAAEBBAACgQAAAAEEAAPjBAAAgwgAAoEEAAHhCAACoQQAAVEIAAEBBAAAAQQAATMIAAMjBAABgQQAAyEEAACBBAADAwAAAiEEAAGBCAABgwQAARMIAAFzCAAC4QQAAGEIAAIC_AACQwgAAZEIAAOBAAADAwQAA-MEAAHDBAADgwAAA6EEAAIA_AADYwQAA6EEAAMBBAABAwgAApMIgADgTQAlIdVABKo8CEAAagAIAAKq-AACCPgAAnj4AAJg9AAB8PgAA8j4AAJg9AABVvwAAvr4AABA9AACqPgAAoLwAAFA9AABwvQAANL4AACy-AAD2PgAABL4AABw-AAAVPwAAfz8AAKg9AAA8PgAAgLsAABU_AADgPAAAyD0AAKC8AAC2vgAAFD4AAIo-AABAPAAAND4AAOA8AADyPgAATL4AAJi9AAAfvwAAAb8AAFS-AACuvgAAMD0AALY-AAAUvgAAdL4AAGw-AABUPgAAiD0AANa-AADavgAAgr4AAHS-AADIvQAAjj4AAKA8AACIvQAATz8AAEA8AACyPgAAyL0AADw-AACgvAAAcL0AAMY-IAA4E0AJSHxQASqPAhABGoACAADovQAANL4AADy-AAAbvwAAUL0AANg9AADIPQAAgDsAANK-AADoPQAAFL4AAEA8AACYvQAAor4AAIC7AACAuwAADL4AAGM_AAAcPgAAuj4AAFQ-AAAMvgAABD4AAEA8AAA8vgAAtr4AABS-AAAMPgAAgLsAAPi9AAA8PgAA2L0AABw-AADovQAAxj4AAAS-AADIPQAAqD0AAJK-AACGPgAA3j4AAFC9AACgPAAANL4AAHA9AAD4PQAAf78AAKq-AACoPQAAHL4AAIo-AABAvAAAFD4AAEA8AAB8PgAAMD0AAOi9AACOPgAAQLwAAKA8AABAPAAAEz8AANi9AABcviAAOBNACUh8UAEwCTgBSgBgAGgA\"}","related_url":"http://www.youtube.com/watch?v=6biMWgD6_JY","parent-reqid":"1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1280,"cheight":720,"cratio":1.77777,"dups":["15342104259214317160"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":true,"contentTypeId":null,"censored":false,"censoredShock":false,"isShockDoc":false},"9391939781203034916":{"videoId":"9391939781203034916","docid":"34-3-6-Z26CB12F6F88309EB","description":"Tailwind CSS Tutorial | Learn TailwindCSSTailwind CSS how to use it and what it is. We cover how to use tailwind CSS in HTML in this tutorial and compare it ...","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/3266160/8bef01f011b0d22d6b88ce8ad811e5eb/564x318_1","videoSrc":"https://video-preview.s3.yandex.net/hr/QnRZAQAAAAA.mp4","videoType":"video/mp4"},"target":"_self","position":"2","reqid":"1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL","summary":{"fullTextUrl":"/int_search_summary?data=http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DApPEK_6KM60","linkTemplate":"/video/preview/9391939781203034916?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=%%timestamp%%&ask_summarization=1"},"isAdultDoc":false,"relatedParams":{"text":"Tailwind CSS Tutorial | Learn TailwindCSS","related_orig_text":"Tailwind","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"Tailwind\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=ApPEK_6KM60\",\"src\":\"serp\",\"rvb\":\"EqsDChMyOTc5NzI0Njg5MzA1NDYyMDAzChQxNTM0MjEwNDI1OTIxNDMxNzE2MAoTOTM5MTkzOTc4MTIwMzAzNDkxNgoUMTY5NzA0MDMzMTIxNzgyMjg4NTkKEzg5NzcyMDEwNDA3OTYxODM3MTYKFDEzNTExNjYyMDQwODgyNTU1MDIzChE3NzkzNjE3OTk3Mjg0ODQ5NAoSNzg5NjU1Nzk5NjA2ODczMDY5ChM1NDcxNjExMzgzMTkyOTcwMzE0ChQxNjA3MjgxNjAwNTE1NTk4MTU3NwoUMTY1NjUyNTA3Mzc2MTIwNjEzMzUKEzc4NjA2MDUzNDU4NDY3NDU5MjkKEzQ0ODgyNDI0MDM4OTY4MzI4MzUKFDEwNDk4MDkzNTYyOTg5MjkxNjgyChMyOTkzNjk4MjUzMjgxNTY2NjU3ChQxMDA5OTYwOTM3MTM5NzE3MTgxMwoTODMxNDE3Mjk4MjQ0MTAyODE3NwoUMTQ2NDU5MjA3MzI2MDk1Nzg4MjkKFDEzNTAyNzUwODcxMDM1ODU3ODA3ChQxNjY2Nzg3NjQxMzAxNDY3MjkxMRoVChM5MzkxOTM5NzgxMjAzMDM0OTE2WhM5MzkxOTM5NzgxMjAzMDM0OTE2apMXEgEwGAAiRRoxAAoqaGh5b3diZXF2aXNycnpjYmhoVUN2TTVZWVd3Zkx3cGNRZ2JScjY4SkxREgIAEioQwg8PGg8_E50FggQkAYAEKyqLARABGniBBgUBCfwEAPMJBAEDA_4BBwEH-vj__wDkA_wKCP0CAAsMAwcHAQAA__cAAgIAAAD39v3-_f8AAAML9_8EAAAADPsAAAEAAAAMAQEB_wEAAPn39_0D_wAA__sD_wAAAAABCQv5_v8AABT29wgBAAAAAPH6DAAAAAAgAC3QNd87OBNACUhOUAIqhAIQABrwAU__9_0U_wYDriP3ANgj5QGBAAL_Ovf0AN_19gDAHPAA4hruAPkKGADKDvr_wRcHAOcFzP9IFAEAAAUM_wYAFAAb_twANtz9AB0Z-gHkCfz_8OkY_zD0_P8d2RYBPgXpARHvBgHK7O3_wsLzAf8EKAD7AQIAOAgVAAoHGAHYFAIB5gD9AN0P-v_A-gMDFhsN_wr92wA1-u8A5fYW_O309QkJ6v8F6dkLBhonFQQF-u765-HhAPAXAAYTBxEFCxwI-_r8ARL3BP3t7AX89D0E9PX9MPoK6eAFD-_18__M9AD_6PsC9-YWFv4T_hMCFCMI_yAALb9PJDs4E0AJSGFQAirPBxAAGsAH6rDqvtrSPLv4lxM95AVCvdv7lD33Qpw8TTiavdCkYrtIwRO9BYpIPhD8uT0XLNW8l8eqvhPH7Du-EZ28PSlzPpTA5rv1cg49mGPevCahurt201e9Rbz1vWfoxDysuCe8OC_OPM5twrwxb5883sstPrBSBbzY5N87PQztvXP-nL1Lfhu7Uc2mPQAbEL3Whem8IYaXPXjJCT1EAgG9VmynPf8IwzzVUsq80LflvWi2Zj1NqvA6FPAGPQVBUzs6N5K7cwixPUC92byFw5w8SriLva0y07xHUAK8BulzPIerHr3AT-Y8Iee9vJGp8TycH7k7zmGIPPkFhbyXY0M8XoSJvaEKJDxlzLi83bQZPj0W0TwDYPq74KA9vfWR5Ty4b5o8WLs3PNSk7zwgaq25D7-GPe-crD3DVZQ8w6t2PAcCCb0goRw8o80xPmyzMbzIeLm8gJ8BvvkgOrwhv4g8_OAcPbnjSD1qu-y7QLTgPKWqpDxIbk28nPrgPUD9Ar0Mddg7xsHlPR1Vjb2M__G6D7djvZFljD2EMLM7hNt1vQvmFDwWhWG7tZEmPX-rMD27Hcy794MQPcepTjtOHXW84TvGvaqd4b1ykpy7swbPPev-gT3vagM8t4p0Pbx9MTzlvHe7s_4iPHN1Ub1XB4C8knTNvSeMQTw70s866QsBvYH8lj2sMf-5qh3yOx2iJLrylxY8rc77PA-X3LwcPJc6DqqTPQnr9bwqL7866pwaPZ7YHjyhsxI7Yt4hu6Lq_LxvPhm6at6BPVFmaL0CFoQ5XC0hvbwHKD0nXLM504k_Pd5HATwYcG863juaPW7zKz3jzS-5avYju--dp71iSNy4nhHAvCGogTs6SSm63sUgvaisYT04Ea24uUUqPLICzbykVUo6_Lf9Oksvf7tqCVm3xeKcvJTdDD0UvbK3c9h9vMJHub0Wm_u4y_99O47qdL1T6sA3EFsavelw37g7kB-2wrS5vEyKn70GYHY4dW4fvXOcWz1ey2I3jNCZPNJr2DxNSu23kyECveSNxDs2vOS2HvnjvRvrnL0cwoW4Bz7rvIa2Ujy1roY3uOQovtF_hbyd-Bq5PympvRvW1L24fkG32G6xvWUDxLy87N63JFp3vR1twb0OFho5GbyZvXu-xr0hXTg5sp8FPbpJMT35ShA44P-dPTUGHzyGjcg2m9KPu-Lkjj1g3kc3X8tQPNsswzxJA284oEpSPQc4jj0Vkow4rTIjvpGQEj21omu452RzPKiq0D0SOGG32uWrPXdaaL1a8UM3IAA4E0AJSG1QASpzEAAaYC_vACvoGQoE5yYNDsWlBtr7EucavFr_B6b_6Buz_-znzLoDK__98RYnmQAAADs08SfeAPB_-b4i7tbDDpHBAeMjaf_kB7IJ9l_oo03q9yjsIBk7JQA53cEF-cPyLEjK6SAALWh9Dzs4E0AJSG9QAiqvBhAMGqAGAACQwQAAIMEAABBBAADowQAAwEEAAEzCAACEQgAAQEAAAFDCAACgQQAADEIAAEDCAACowgAAIMEAAMBBAABwwgAAIMEAAODBAADIwQAA2MEAAOjBAABMwgAAAEAAAOhBAABQQQAA4MAAADTCAAAUwgAAskIAAFBCAADwwQAATEIAAGjCAACgwQAAhsIAAGjCAAAAwQAAqEIAAJDBAAAUQgAADEIAAERCAABwQgAA0EEAAKhBAAAQwQAAkMEAAPDBAACQQQAACMIAADzCAADgwQAAuEEAAKBBAADoQQAAfMIAAHTCAABAQQAAAMEAAKhBAACQQQAA0EEAALjBAAC4wgAA4MEAAKDBAAAAQQAAOMIAAIDBAABwwQAAcEEAABhCAAAAwgAAfEIAABxCAACewgAAcMIAABBCAACgQAAAyMIAAJjCAADIwQAA6EEAAGBBAABwQQAAAMAAABBCAAA8QgAAUEIAAEDCAABAwQAADEIAADBBAAA4wgAAAAAAALjCAACowQAAFEIAAEBCAAD4wQAAwMAAAOhBAAA0QgAAlsIAAKLCAAAwQgAAAMEAABBCAADQQQAAIEIAAFRCAAAAQgAAgD8AAFDCAABoQgAAbEIAAPDBAAC4wQAA2MEAAGTCAACgwAAAEMEAAHzCAACewgAApEIAAFBCAACwQQAAiMEAAEDBAADgwQAAoEEAAIBBAAAAAAAAYMEAAKBCAAAswgAAwMAAABhCAADowQAAqMIAAJBBAACwwQAAQEAAAMjBAACOQgAAAMAAAPjBAAAEQgAAkMEAAEBBAABgQQAAuMEAAKDAAACEwgAAgD8AAFDCAAAwwgAA4MEAAHBBAACuQgAAksIAAPBBAAAIwgAANMIAAKBAAABMwgAAUEIAAChCAAAcQgAAoMAAAAjCAACgwAAA2MEAAKjBAACAQQAAHEIAAIC_AAAAwgAAmEEAAERCAADoQQAAqMEAADTCAACowQAA0EEAAOjBAAA0wgAAYEIAAAjCAADQwQAAdMIAANDBAADwwQAAgD8AAABBAADowQAAqMEAAMDAAACAwgAAfMIgADgTQAlIdVABKo8CEAAagAIAAMq-AADgPAAAqj4AAMg9AACoPQAA3j4AAIi9AABVvwAACb8AAFC9AABMPgAALD4AABy-AAAwvQAA-L0AAO6-AACmPgAAEL0AAAw-AAAXPwAAfz8AABC9AAAcPgAADL4AAII-AABAPAAAuD0AAIK-AAAEvgAAjj4AAIY-AADgvAAAgDsAAFQ-AABEPgAAoLwAAPi9AACKvgAAyr4AAJK-AACgvAAAhr4AAAQ-AAAsvgAAQLwAAPg9AACoPQAAqL0AAJ6-AACCvgAAmr4AAJi9AACgPAAADL4AAHy-AABQvQAAUT8AAOA8AAAEPgAAPD4AAMg9AAAkvgAAoLwAAK4-IAA4E0AJSHxQASqPAhABGoACAADIvQAAiL0AADC9AAAjvwAAgDsAABA9AAAwPQAAcD0AAIa-AAC4PQAAFL4AABC9AACgPAAAZL4AAEC8AADgvAAAVL4AAFE_AACgPAAAgj4AADQ-AACovQAAyD0AAKi9AAAsvgAAZL4AAKK-AACYPQAAgDsAABA9AADoPQAA4DwAANg9AAAEvgAArj4AADy-AAC-PgAAQDwAAIq-AAAUPgAAkj4AAKi9AAAUvgAAoLwAAEA8AABwPQAAf78AACy-AAAwPQAAqL0AAJ4-AACgvAAAPD4AAKg9AACCPgAAiD0AAIi9AACIvQAAiD0AADA9AAC4PQAA1j4AANi9AAB8viAAOBNACUh8UAEwCTgBSgBSCQgPEJICGAAwAWAAaAA,\"}","related_url":"http://www.youtube.com/watch?v=ApPEK_6KM60","parent-reqid":"1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1280,"cheight":720,"cratio":1.77777,"dups":["9391939781203034916"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":true,"contentTypeId":null,"censored":false,"censoredShock":false,"isShockDoc":false,"videoContentId":"3691702187"},"16970403312178228859":{"videoId":"16970403312178228859","docid":"34-7-5-Z705358D1CE6DFED9","description":"Tailwind Complete Course For Beginner to Advanced - [2024] In this course, we will look at Tailwind CSS in detail. we will look at all the basics and advanced concepts of tailwind. Tailwind is...","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/1577578/1c022fdc52a2a9d40380414f9ecafefe/564x318_1"},"target":"_self","position":"4","reqid":"1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL","summary":{"fullTextUrl":"/int_search_summary?data=http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DlZp4salRFFc","linkTemplate":"/video/preview/16970403312178228859?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=%%timestamp%%&ask_summarization=1"},"isAdultDoc":false,"relatedParams":{"text":"Tailwind Complete Course For Beginner to Advanced - [2024]","related_orig_text":"Tailwind","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"Tailwind\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=lZp4salRFFc\",\"src\":\"serp\",\"rvb\":\"EqsDChMyOTc5NzI0Njg5MzA1NDYyMDAzChQxNTM0MjEwNDI1OTIxNDMxNzE2MAoTOTM5MTkzOTc4MTIwMzAzNDkxNgoUMTY5NzA0MDMzMTIxNzgyMjg4NTkKEzg5NzcyMDEwNDA3OTYxODM3MTYKFDEzNTExNjYyMDQwODgyNTU1MDIzChE3NzkzNjE3OTk3Mjg0ODQ5NAoSNzg5NjU1Nzk5NjA2ODczMDY5ChM1NDcxNjExMzgzMTkyOTcwMzE0ChQxNjA3MjgxNjAwNTE1NTk4MTU3NwoUMTY1NjUyNTA3Mzc2MTIwNjEzMzUKEzc4NjA2MDUzNDU4NDY3NDU5MjkKEzQ0ODgyNDI0MDM4OTY4MzI4MzUKFDEwNDk4MDkzNTYyOTg5MjkxNjgyChMyOTkzNjk4MjUzMjgxNTY2NjU3ChQxMDA5OTYwOTM3MTM5NzE3MTgxMwoTODMxNDE3Mjk4MjQ0MTAyODE3NwoUMTQ2NDU5MjA3MzI2MDk1Nzg4MjkKFDEzNTAyNzUwODcxMDM1ODU3ODA3ChQxNjY2Nzg3NjQxMzAxNDY3MjkxMRoWChQxNjk3MDQwMzMxMjE3ODIyODg1OVoUMTY5NzA0MDMzMTIxNzgyMjg4NTlqiBcSATAYACJFGjEACipoaHRkaXFzb3dla2l3bHNjaGhVQ3JHMlowdXNPQ0NkVVRBcjREMUE4bXcSAgASKhDCDw8aDz8TtUqCBCQBgAQrKosBEAEaeIH7-gEE_gIA7wwI9_0AAQACE_r69___AOj7_P4E_gEABAkFAPgBAAD4_wEN_QAAAP34-AL7_gAAFg_2BwMAAAAS_gD4_wAAAAUB_Qf_AQAA-Pf3_QP_AAASCggB_wAAAPoVCPz-_wAA__r7BQAAAAAM9QAFAAAAACAALcKk2js4E0AJSE5QAiqEAhAAGvABWBvU_iDTEgO7Bd4AxQcMAYEAAv8W6gIA2gjXANH_7gHd8dL_6uMBAOT__gCdD_ABzR_0_ycr8wD5-yP_FgwfAA355AE79CEBLxr1_-EMzgDtCSMAHwMXAC_TBwAlCwD9LfX1-9rm0QHq3QMB8CQXAR8K_gYcFxgB8R4X-vIWHQH26Q7-_x4S-r4PDfwSCfL9_Q3lBCUV3f766xz8IP3oAgoACAUA9wT3DQgSBfP3DPf38wj79hH0BvTwGQHmHBH9BQsRCgTt_PUBCAT1PQT09f0w-goY1vkQ_-UB9dECBwD_9RL4zx8OB-38EfoNE_byIAAtv08kOzgTQAlIYVACKs8HEAAawAfpYtO-ivAFPZB4wzzBO9m9Uxa_PVdieTw7xyC-LwqMvKsLU7ymSD4-nbxIPfiSoTucTZe-6j1cuWSPFrxRv4s-HWwWPZvocz25vJ69qTD4O9j-BL2JCxC-Nmquus6P-Ts4L848zm3CvDFvnzz_IT0-zon9PE4QUDwJzKm9VMMDvWjDK7wNQcQ8HnAYvd_-XLyOBBo-BMU0PBXZuTsEVwk-661cPC9EQ7rQt-W9aLZmPU2q8Dq_mgO9kZQ5PXXrkLofZxo9hmboO7M8k7pkKrO9QT4yvDrGOjw7k5E9Qusfu2ZjSjwVFsE89vwbuxhKuzsuamE9ZudjPemtjTsNUyu-XLKmO2K6Nbzwiws-8z-zu-I6xjvLBqO9htVuPabc2DxiTiu99H3Au8M0AjzThuM9zHZqPdZ0vTyldB-7I56RvIXBRjyNnAU-1ARbvdTXc7zM5YC9_XCrvO4FCTxd_yk9DLXBPD90nLzH_JK9ol3FvA3TLTyc-uA9QP0CvQx12DvL9fY9GpySvDzjMbz7Xag9h5udPAfMaDzJjk29W7lyvJiACDxqNg08n3sqPTHJbbwb1pQ9q-3mPA2Ydrxa42K9N8PtvQxLEbx-n5s975Y_vPwIFTw6IXQ83oGwvBtkljvq-k89H0y6vWq5KDoIk-K98mMnvML7qrr78yO8nBl9PO-r1bvAJqs8LQ8MvFr3rDu61248ryoWPNegkju9pqw8rLjnPPWrrTqp1IE9PXBfvAg1JrvI6lY8dh7wPNTvQrttA9c9taPYvQyfrznwTl49c7I-PcFWQjk6FxC7VxuIPGqp9jpfo1s935a-PLyO2zfRlxk9lWe5vb1zcDn46wQ896BWPCHc_znLrJS9Z1PkPI6nADoXhuG6s4ldPHzlMbqfP8g8Uy2YvFf2ALnxRZA9Uq1PPJ6yvzj6Pyw9FeufvYzbPjfVU5C8Qi08vTTRazcVlei8N-HeO-UqL7j9Wm29WVOEvWFGnzh5-am7pyXGPcSu_7gDABG9wj5QvYlZc7gpCQm9vU4Pvfwduzge-eO9G-ucvRzChbgjNvE7O_82PddclrhcADq-ARONvWDzMbk_Kam9G9bUvbh-Qbc-l6S9oBgZvYg46LYa3qy95iHTvWhCyjgkbRm8n49Svd9OejiNMsE9XnSDvFcaWzjgAdQ8x_VvPLTqAjjNzl095OoxPS7yHzgU9E09tL2nvZeXjbejubQ9yH2LPYDxgzjnIEO9C3RyPQV1lbhpi2s8hctPPWqeJbhY6rQ8swCXvd0zRzcgADgTQAlIbVABKnMQABpgQwcAHgEO7-QQGPsH7d8FA__y_QveGgD7BAALCdD7GRTyyv70AAPNEALIAAAAEB7xFe0A_EcJ7QX74BAA6LUOBxd___8X4RoCF9bdO_H4EPEeEDghACDy3_UdB_YnH_EAIAAtGRtpOzgTQAlIb1ACKq8GEAwaoAYAAIBAAAAAwAAACEIAAMDBAADgwAAAuMEAAJhCAACAwQAAyMEAAGBBAABIQgAA0MIAAJTCAAA0wgAA-EEAAEjCAABgQQAAoMAAAIDAAADgwAAAcEIAAADCAAAAwAAAsMEAACBBAABAwgAAAMAAANjBAABIQgAAAMAAAOjBAAAYQgAAMMIAAHRCAACIwQAAaMIAAATCAACQQgAAgEEAAKDAAADAQQAAgL8AAK5CAAAcQgAAgMEAAADBAABEwgAAMMEAABhCAAC4wQAAoEEAAGTCAABQwQAAMMEAANhBAAAQQQAAvsIAADzCAACIQQAAUEEAALBBAAAwQgAAgL8AAPDBAADgwAAAkMEAAIBCAACYwQAAYEEAAARCAADIQQAAokIAAMDBAACIQgAAYMEAACDBAABwwQAAVEIAAIBAAACAPwAAbMIAABBBAACoQQAAzkIAAHzCAADQwQAAkEEAAOBBAACAwQAAwMAAADxCAADYQQAAuMEAADzCAABwQQAAvsIAANDBAABAwAAAYEEAANjBAACoQQAAqMEAAJhBAADYwQAAlMIAAARCAADYQQAAIEIAABRCAAB4QgAAfEIAACTCAADgwQAA8MEAAJpCAAAAAAAAuMEAAATCAABgwQAAZEIAAJjBAADowQAAIMEAAHDCAAAcQgAAcEIAALDBAABAQQAAFMIAABjCAAA0QgAAgEEAAJrCAABQwQAAFEIAALxCAADgwAAAEEEAAMjBAABAwgAAoMAAABDCAABAwQAAMMEAANhBAAAUQgAAMMEAABBCAABQwQAAiMEAADRCAADgQQAAqEEAALzCAAAQQgAAEEEAAPBBAACmwgAAYEIAAAxCAAAwwgAAcEIAAFDCAADYQQAANMIAABjCAACYQgAALEIAAPhBAADoQQAAisIAAIhBAAAEwgAAOMIAAABBAAD4QQAAkMEAALjBAAAgwQAAmEIAAABBAACAPwAA8MEAAKjBAABAQQAAMEEAAMbCAADQQgAAaMIAAPDBAAAUwgAAeMIAAKjBAADAQQAAwMAAAJBBAADAQQAAJEIAAOjBAACgwSAAOBNACUh1UAEqjwIQABqAAgAAF78AAKC8AABcPgAAij4AAEQ-AAAvPwAAMD0AAGW_AAAEvgAA4LwAAOg9AADoPQAAVL4AAI6-AAAMvgAAEL0AANY-AAAwvQAAsj4AAD8_AAB_PwAAyL0AAOC8AAAQvQAA2j4AAAQ-AAAkPgAAiL0AAHy-AACCPgAAgj4AAJI-AABAvAAAND4AAKg9AABcPgAAqD0AAAy-AAAnvwAAqr4AAIi9AACKvgAAyj4AALg9AAC-PgAAXD4AAGQ-AAAwPQAAQDwAACS-AABQPQAAqr4AANI-AABkPgAAJL4AAHA9AABZPwAAgr4AAAw-AACYvQAALD4AAOC8AABQvQAAij4gADgTQAlIfFABKo8CEAEagAIAABS-AACAuwAAmL0AADO_AABsvgAA4DwAAIA7AACovQAAnr4AAFQ-AACgPAAATL4AABA9AACavgAAcD0AAIi9AADIvQAATz8AADQ-AAB8PgAA2D0AAIA7AACIPQAAuL0AAAS-AACCvgAADL4AAOg9AABwPQAADL4AABQ-AAAQvQAAED0AAJi9AADmPgAADL4AAK4-AAAUPgAA1r4AAMg9AAAkPgAAiD0AAEy-AACAuwAAuL0AACQ-AAB_vwAA4LwAALg9AAAMvgAAfD4AAJa-AACAuwAA2D0AALI-AAAwPQAAgDsAAFQ-AACgvAAAML0AAHA9AAC6PgAAED0AAPi9IAA4E0AJSHxQATAJOAFKAGAAaAA,\"}","related_url":"http://www.youtube.com/watch?v=lZp4salRFFc","parent-reqid":"1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1920,"cheight":1080,"cratio":1.77777,"dups":["16970403312178228859"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":false,"contentTypeId":null,"censored":false,"censoredShock":false,"isShockDoc":false,"videoContentId":"60900925"},"8977201040796183716":{"videoId":"8977201040796183716","docid":"34-7-14-Z185EFF847F24AC78","description":"In this tutorial, you'll learn how to create a Tailwind CSS V4 project from scratch, configure it properly, and start using Tailwind’s utility-first classes to style your website effortlessly. ★★★...","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/3926960/54a08b2a5ca1f8d540f9f8a4c064f838/564x318_1"},"target":"_self","position":"6","reqid":"1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL","summary":{"isFull":true,"fullTextUrl":"/video/result?ask_summarization=1&numdoc=1&noreask=1&nomisspell=1&parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=videoid:8977201040796183716","teaser":[{"list":{"type":"unordered","items":["Bu video, DevTamin kanalında yayınlanan bir eğitim içeriğidir. Sunucu, Tailwind CLS versiyon 4'ü nasıl kuracağınızı adım adım göstermektedir.","Video, Tailwind CLS kurulumu için gerekli olan Visual Studio Code ve Node.js kurulumundan başlayarak, Tailwind CLI ile proje oluşturma, input.cls dosyası oluşturma ve Tailwind CSS'i HTML'e entegre etme sürecini detaylı şekilde anlatmaktadır. Sunucu, text-5xl, background-color ve container gibi temel Tailwind sınıflarının çalıştığını test ederek, projenin nasıl çalıştığını göstermektedir. Ayrıca, Live Server kullanımı, Tailwind Intelligence eklentisi ile otomatik tamamlama özelliği ve projenin farklı klasörlerde nasıl kullanılacağı da açıklanmaktadır."]},"endTime":678,"title":"Tailwind CLS Version 4 Kurulum Rehberi","beginTime":0}],"fullResult":[{"index":0,"title":"Tailwind CSS Projesi Kurulumu","list":{"type":"unordered","items":["Bu video, Tailwind CSS versiyon 4 projelerini başlangıç seviyesinde nasıl kuracağınızı göstermektedir.","Önceki videolarda Tailwind CSS ile ilgili sorunlar (text-3xl, background, container sınıfları çalışmıyor) yaşanmıştır.","Kurulum için Visual Studio Code ve Node.js'in kurulu olması gerekmektedir."]},"beginTime":0,"endTime":61,"href":"/video/preview/8977201040796183716?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=0&ask_summarization=1"},{"index":1,"title":"Tailwind CLI Kurulumu","list":{"type":"unordered","items":["Tailwind CLI'yi kullanmak için tailwind.com'dan CLI bölümüne gidilmelidir.","Yeni bir klasör oluşturulup Visual Studio Code ile açılmalıdır.","Terminalde \"npm init\" komutu ile Node.js paketi başlatılmalı ve Tailwind CLI ile Tailwind CSS kurulmalıdır."]},"beginTime":61,"endTime":155,"href":"/video/preview/8977201040796183716?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=61&ask_summarization=1"},{"index":2,"title":"Tailwind CSS Dosyalarını Hazırlama","list":{"type":"unordered","items":["Tailwind CSS'i CSS dosyalarına import etmek için \"input.css\" adında bir dosya oluşturulmalıdır.","\"input.css\" dosyasına Tailwind CSS kodları eklenmelidir.","HTML dosyasında \"output.css\" dosyası dahil edilmelidir."]},"beginTime":155,"endTime":233,"href":"/video/preview/8977201040796183716?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=155&ask_summarization=1"},{"index":3,"title":"Tailwind CSS'i Test Etme","list":{"type":"unordered","items":["Live Server eklentisi ile HTML dosyası çalıştırılabilir.","\"text-5xl\", \"bg-red-500\", \"text-sky-500\" ve \"container\" sınıfları test edilebilir.","Değişiklikler yapıldığında otomatik olarak \"output.css\" dosyası yenilenir."]},"beginTime":233,"endTime":354,"href":"/video/preview/8977201040796183716?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=233&ask_summarization=1"},{"index":4,"title":"Otomatik Derleme ve Yapılandırma","list":{"type":"unordered","items":["Her seferinde derleme yapmak yerine \"npm run dev\" komutu ile otomatik derleme yapılabilir.","HTML dosyası farklı bir klasöre taşındığında, \"styles.css\" dosyası otomatik olarak oluşturulur.","Tailwind Intelligence eklentisi ile otomatik tamamlama ve öneriler kullanılabilir."]},"beginTime":354,"endTime":582,"href":"/video/preview/8977201040796183716?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=354&ask_summarization=1"},{"index":5,"title":"Projeyi Kullanma","list":{"type":"unordered","items":["\"styles.css\" dosyası diğer programcılar tarafından paylaşılabilir veya sunucuya yüklenebilir.","Proje çalışmıyorsa Node.js sürümünü kontrol etmek veya bilgisayarı yeniden başlatmak gerekebilir."]},"beginTime":582,"endTime":676,"href":"/video/preview/8977201040796183716?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=582&ask_summarization=1"}],"linkTemplate":"/video/preview/8977201040796183716?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=%%timestamp%%&ask_summarization=1"},"isAdultDoc":false,"relatedParams":{"text":"Tailwind CSS V4 Tutorial: Create a Tailwind Project Using Tailwind CLI","related_orig_text":"Tailwind","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"Tailwind\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=n9widGM__Lg\",\"src\":\"serp\",\"rvb\":\"EqsDChMyOTc5NzI0Njg5MzA1NDYyMDAzChQxNTM0MjEwNDI1OTIxNDMxNzE2MAoTOTM5MTkzOTc4MTIwMzAzNDkxNgoUMTY5NzA0MDMzMTIxNzgyMjg4NTkKEzg5NzcyMDEwNDA3OTYxODM3MTYKFDEzNTExNjYyMDQwODgyNTU1MDIzChE3NzkzNjE3OTk3Mjg0ODQ5NAoSNzg5NjU1Nzk5NjA2ODczMDY5ChM1NDcxNjExMzgzMTkyOTcwMzE0ChQxNjA3MjgxNjAwNTE1NTk4MTU3NwoUMTY1NjUyNTA3Mzc2MTIwNjEzMzUKEzc4NjA2MDUzNDU4NDY3NDU5MjkKEzQ0ODgyNDI0MDM4OTY4MzI4MzUKFDEwNDk4MDkzNTYyOTg5MjkxNjgyChMyOTkzNjk4MjUzMjgxNTY2NjU3ChQxMDA5OTYwOTM3MTM5NzE3MTgxMwoTODMxNDE3Mjk4MjQ0MTAyODE3NwoUMTQ2NDU5MjA3MzI2MDk1Nzg4MjkKFDEzNTAyNzUwODcxMDM1ODU3ODA3ChQxNjY2Nzg3NjQxMzAxNDY3MjkxMRoVChM4OTc3MjAxMDQwNzk2MTgzNzE2WhM4OTc3MjAxMDQwNzk2MTgzNzE2aq8NEgEwGAAiRRoxAAoqaGhlaGJydGJ0ZHZ1cWp3YmhoVUNSdWpIVHgtalNvNFNJUzAzUkE3RXVREgIAEioQwg8PGg8_E6YFggQkAYAEKyqLARABGniBAfoKBv4DAPUOBQL5BP8BCAEH-vf__wDuCfEABAAAAAUDBwQCAQAA_wYB_wUAAAD9-PgC-_4AAAAO9AkDAAAACgAH_PwAAAAM_AsD_gEAAPn4_gYD_wAA9wUK_v8AAAD3DBH7_wAAAAr_9g4AAAAA-vTyCAAAAAAgAC1prdo7OBNACUhOUAIqcxAAGmAx9QAc9wISDwYv_Afdygbu-Pvh4Nsm_w3HANEisvv43d3z8RcACtsYHbMAAAAjMxUz6gAOVCbqHAP48Q3CvODkI38FE9jf9h4a7PYm4RgkAjIAHCYAF-EbCvaw5i0b5PsgAC28d0A7OBNACUhvUAIqrwYQDBqgBgAAAEIAAABAAADAQQAAMMIAAFDBAABAQAAAjEIAAODAAAC-wgAA4EEAAJBBAADIwQAAtsIAAKDAAAC4QgAABMIAAMjBAAAYwgAAyMEAAMjBAAA0wgAAgEEAAFDCAAA8QgAAikIAAPjBAABAwQAAhMIAAARCAACCQgAAQMEAALBBAAAkwgAAQMAAABzCAAAIwgAAEMEAAPZCAADgwAAAKEIAAERCAABMQgAAAEAAABxCAACCQgAAYMEAACBBAAAAwgAA3EIAAMBAAAAMwgAAIMEAAAhCAACYQQAAwMAAAOjBAADmwgAA-EEAAAzCAACwQQAATEIAAJBBAABowgAAJMIAAADBAACgwQAA-MEAAGjCAACgwAAAJMIAAOhBAADgQQAAwMEAALhCAACSQgAAksIAADDCAAC4QQAAUEIAAIDAAACGwgAAQEAAAABBAAB8QgAADEIAAGBCAAD4wQAAnEIAAEhCAAAwwgAAiEEAAAhCAAB0QgAAFMIAAIA_AAAQwgAAKMIAAChCAACiQgAAIMEAACzCAABsQgAAgEAAAEzCAAAswgAAAEAAACBCAADYQQAA4MAAAEBCAABgQQAANEIAAATCAADAwQAAlkIAAL5CAABAwAAAgL8AADBBAAAYwgAAFMIAABTCAAAwwgAA-MEAAEhCAABwQgAAUEEAAEzCAACgQAAAyMEAAEDBAACAvwAAQEAAAOhBAACAQAAAoMEAAKjBAABgQQAAUMIAABTCAAAAQQAAgMEAAAhCAABQQQAAgkIAAJBBAADYwQAA-EEAAKBAAAAAwQAAQEEAACBBAABAQQAAAAAAAMBAAABswgAAAAAAAPDBAACwQQAAfEIAAFTCAACYQQAA-MEAAFBBAACAvwAAwMEAAKBBAABAwAAAIEEAALjBAAAMwgAAGEIAACBBAAAAwAAAfEIAANBBAAAoQgAAgMIAAPBBAAD4QQAAMMEAAKjBAAAYwgAAUMEAAKZCAACQwQAA4MEAAI5CAADgwAAABMIAAPDBAADgwQAA6MEAAOBAAACAwAAAEMEAAJjBAACwQQAAUMIAABDCIAA4E0AJSHVQASqPAhAAGoACAAAsvgAADD4AAIo-AAA8PgAA4DwAAGQ-AACoPQAAG78AAMa-AAAcPgAAqD0AAFQ-AADgvAAAdL4AAFy-AAC4vQAAjj4AAHC9AACAuwAABz8AAH8_AAAQPQAAEL0AANi9AADCPgAAmD0AAOi9AACIvQAAbL4AAKg9AAAMPgAAQLwAAHA9AAAcPgAAoj4AANi9AACoPQAAor4AAL6-AAAsvgAAmL0AAFC9AACoPQAA6L0AAKA8AAAcPgAAiD0AAJg9AAC4vQAAZL4AAAy-AACIvQAAiL0AADw-AADovQAA4LwAAAk_AACIvQAA2D0AAGQ-AADoPQAAHL4AAKA8AACyPiAAOBNACUh8UAEqjwIQARqAAgAA-L0AAPi9AACYvQAAL78AAMi9AAAkPgAAEL0AALg9AAB8vgAAHD4AAJK-AABAvAAAQLwAAMi9AACAOwAAML0AABS-AABRPwAAoDwAAKI-AACIPQAADL4AAAw-AABQvQAABL4AAAS-AAAUvgAAyD0AAHC9AACYPQAA2D0AAKA8AAD4PQAAcL0AAJY-AAD4vQAAoj4AAAQ-AABcvgAA6D0AAKo-AAAQvQAA-L0AAIA7AACAOwAAuL0AAH-_AACovQAA4DwAAHA9AACSPgAAqL0AAKg9AABMPgAAfD4AAKg9AACgvAAAyD0AAEC8AABAPAAAbD4AAO4-AAC4vQAAhr4gADgTQAlIfFABMAk4AUoAYABoAA,,\"}","related_url":"http://www.youtube.com/watch?v=n9widGM__Lg","parent-reqid":"1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1280,"cheight":720,"cratio":1.77777,"dups":["8977201040796183716"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":true,"contentTypeId":null,"censored":false,"censoredShock":false,"isShockDoc":false},"13511662040882555023":{"videoId":"13511662040882555023","docid":"34-9-13-Z2D5691B2BAA99E6A","description":"Welcome to the comprehensive guide on How to Create Responsive Websites using TailwindCSS! In this video, I'll take you through the step-by-step process of building a fully responsive website...","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/4236004/40f655f56ac7fb3c68d76034c037b507/564x318_1"},"target":"_self","position":"7","reqid":"1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL","summary":{"fullTextUrl":"/int_search_summary?data=http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DW5EXDOV4oZM","linkTemplate":"/video/preview/13511662040882555023?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=%%timestamp%%&ask_summarization=1"},"isAdultDoc":false,"relatedParams":{"text":"How to Create Responsive Websites (TailwindCSS)","related_orig_text":"Tailwind","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"Tailwind\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=W5EXDOV4oZM\",\"src\":\"serp\",\"rvb\":\"EqsDChMyOTc5NzI0Njg5MzA1NDYyMDAzChQxNTM0MjEwNDI1OTIxNDMxNzE2MAoTOTM5MTkzOTc4MTIwMzAzNDkxNgoUMTY5NzA0MDMzMTIxNzgyMjg4NTkKEzg5NzcyMDEwNDA3OTYxODM3MTYKFDEzNTExNjYyMDQwODgyNTU1MDIzChE3NzkzNjE3OTk3Mjg0ODQ5NAoSNzg5NjU1Nzk5NjA2ODczMDY5ChM1NDcxNjExMzgzMTkyOTcwMzE0ChQxNjA3MjgxNjAwNTE1NTk4MTU3NwoUMTY1NjUyNTA3Mzc2MTIwNjEzMzUKEzc4NjA2MDUzNDU4NDY3NDU5MjkKEzQ0ODgyNDI0MDM4OTY4MzI4MzUKFDEwNDk4MDkzNTYyOTg5MjkxNjgyChMyOTkzNjk4MjUzMjgxNTY2NjU3ChQxMDA5OTYwOTM3MTM5NzE3MTgxMwoTODMxNDE3Mjk4MjQ0MTAyODE3NwoUMTQ2NDU5MjA3MzI2MDk1Nzg4MjkKFDEzNTAyNzUwODcxMDM1ODU3ODA3ChQxNjY2Nzg3NjQxMzAxNDY3MjkxMRoWChQxMzUxMTY2MjA0MDg4MjU1NTAyM1oUMTM1MTE2NjIwNDA4ODI1NTUwMjNqrw0SATAYACJFGjEACipoaGV0cnVybGNzZGZ5cGdjaGhVQ3BOTF9kRWZENWxDM2kwSDQ3WmZlb0ESAgASKhDCDw8aDz8TywqCBCQBgAQrKosBEAEaeIEJCQUOA_0A9Q8FAvkE_wEjAwcC9AQEAOMA8AkA_QIAEAgLAfsAAAAA-_gL_gAAAP78C_3z_gEAAwz2_wQAAAATBQb5-AAAAA0B-AMJ_wEBAfjxAwT_AAAF_gMEAAAAAPkWCPz-_wAAC__2DwAAAAAA7_oOAAAAACAALfBgzDs4E0AJSE5QAipzEAAaYC8EAPr68QL37TH-7-fK_BLqA-Xl6jP_FrcA0yLtFS7b1NwIBAAI-yD2vAAAABco_g8BAC5OC-0C8gfdFacAEAQjfx4EA-r2-ST35PnnISrUFfg3CwAk7SIaIscCPhT7DCAALbOqTDs4E0AJSG9QAiqvBhAMGqAGAAA4wgAAoEAAAEBBAAAIwgAAAEEAAJhBAACYQQAA6EEAAJDCAAAAwgAAOEIAAMzCAACswgAAcMEAAHBBAABgwQAAYEEAAFTCAACGwgAAEEEAABhCAABMwgAAMEEAADDBAABgwQAAsMEAAADCAACAvwAAgMAAAI7CAABIwgAA1kIAAITCAAAwQQAAgL8AADjCAABAQAAAnEIAACBBAABIQgAAiEEAADBCAAAQQgAAJEIAAATCAABwwQAAFMIAAGDBAAAYQgAAWMIAAHTCAAAkwgAAvsIAAITCAAAgQgAAyEEAAOLCAACAwQAAwEAAAMBAAADwQQAAiMEAAHDBAAC4wgAAAMAAAKzCAAAgwQAAsMEAADBBAABIwgAAmEEAAARCAAA0wgAAQEIAAKhBAAAIQgAA0MEAADBCAACAQAAAaMIAAFDCAACIwQAAWEIAAGBBAABQwQAABEIAADhCAAB4QgAAbEIAAEBBAACAvwAAoEIAAAzCAACCwgAAQEIAAKjCAAAkwgAA6EEAAMBBAACYwQAAUMIAAPjBAADgQQAAQMEAAGjCAAA0QgAAVEIAACBBAABwQgAAiEEAAAxCAACwQQAAiMIAAIC_AAAkQgAAZEIAABBBAAAUQgAAwMAAALjBAACGQgAAmMEAABzCAABowgAAUMEAABhCAADQwQAAgEAAADzCAAAMwgAADMIAAJjBAADowQAA2MEAAAxCAACAwAAAiEEAAOhBAABAwQAAKMIAAChCAABAwQAAAAAAAMBAAADYQQAAAMAAAKDAAAAUQgAAsMEAAIhCAABIQgAAYEEAALBBAACUwgAAwEEAAK7CAACQQQAAOMIAAHDBAAAwQgAA2MEAALBBAACAwAAAMMIAAHTCAAAIwgAAKEIAAJpCAABgQQAAwEAAAJDBAAAQQgAAjsIAAIhBAAAswgAAgL8AAODAAABwwQAACMIAAKBBAAAAwQAA4MAAAMjBAAAgQQAAQEIAAEBAAABgwgAAkEIAAMhBAAA4wgAAQMEAADDBAACAPwAACEIAAIA_AAD4wQAAgD8AAABCAAAgwQAAQMAgADgTQAlIdVABKo8CEAAagAIAAHy-AAAcvgAAFD4AABM_AAAkvgAAyj4AAHA9AAAZvwAAmr4AAEQ-AABEPgAAXD4AADA9AAAkvgAAiL0AAJK-AABHPwAAuL0AADC9AABHPwAAfz8AAAQ-AACYPQAA-D0AAPg9AADgPAAAQLwAAOC8AADYvQAAyL0AAHw-AAB0vgAAFD4AAKY-AAB0PgAAlr4AAEC8AABkvgAAor4AABA9AACIvQAA2L0AAGQ-AADIvQAA4LwAAJ4-AADoPQAA0r4AACy-AABcvgAAZL4AAKi9AADYvQAAHD4AALi9AABAvAAAXT8AAL6-AAAQPQAA-j4AANg9AABQvQAAED0AAHQ-IAA4E0AJSHxQASqPAhABGoACAADovQAAcL0AAFy-AAALvwAAUL0AAIA7AAC4PQAAmD0AAIi9AABAPAAAXL4AAHA9AACYPQAALL4AAKg9AACAuwAAyL0AAD8_AABMPgAAAT8AAHC9AAAwvQAAyD0AANi9AAA8vgAADL4AAEC8AADgPAAAED0AAKi9AAAQPQAAcD0AAAQ-AABwvQAATD4AAES-AAC2PgAAyD0AADS-AAA8PgAAdD4AAOC8AAD4vQAAMD0AAIA7AACoPQAAf78AAM6-AACIvQAAyD0AAGQ-AABQvQAAmL0AAMg9AAC2PgAAyD0AAKi9AABkvgAAiD0AADw-AAAcPgAAmj4AAIK-AACCviAAOBNACUh8UAEwCTgBSgBgAGgA\"}","related_url":"http://www.youtube.com/watch?v=W5EXDOV4oZM","parent-reqid":"1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1280,"cheight":720,"cratio":1.77777,"dups":["13511662040882555023"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":true,"contentTypeId":null,"censored":false,"censoredShock":false,"isShockDoc":false},"77936179972848494":{"videoId":"77936179972848494","docid":"34-8-14-ZD310CCDC04A85058","description":"To try everything Brilliant has to offer—free—for a full 30 days, visit https://brilliant.org/PedroTech/ . You’ll also get 20% off an annual premium subscription. Master Tailwind CSS v4 in this...","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/3217167/e803beadcc1ed3d235df51b838449feb/564x318_1"},"target":"_self","position":"8","reqid":"1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL","summary":{"isFull":true,"fullTextUrl":"/video/result?ask_summarization=1&numdoc=1&noreask=1&nomisspell=1&parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=videoid:77936179972848494","teaser":[{"list":{"type":"unordered","items":["Bu video, bir eğitmen tarafından sunulan kapsamlı bir Tailwind CSS eğitim içeriğidir. Eğitmen, kod yazarak pratik örnekler göstererek konuyu adım adım anlatmaktadır.","Video, Tailwind CSS'in temel kavramlarını ve kullanımını kapsamlı şekilde ele almaktadır. İçerik, utility-first styling yaklaşımı, renk ayarları, padding ve margin uygulamaları, grid layout, responsive tasarım, dark/light mode oluşturma ve Tailwind'in üç temel layer'ı (base, components ve utilities) gibi konuları kapsamaktadır. Eğitmen, Tailwind Play platformu kullanarak bir web sitesi örneği üzerinden tüm bu konuları uygulamalı olarak göstermektedir.","Eğitim, Tailwind CSS'in temel renk paletini, font boyutlarını, grid düzenlemelerini ve responsive tasarım özelliklerini detaylı şekilde anlatmaktadır. Ayrıca, React projesinde Tailwind kurulumu, özel renk oluşturma ve tema yönetimi gibi pratik bilgiler de sunulmaktadır. Video, büyük ölçekli projelerde CSS dosyalarının nasıl düzenlenmesi gerektiği konusunda da bilgiler içermektedir."]},"endTime":4825,"title":"Tailwind CSS Crash Course","beginTime":0}],"fullResult":[{"index":0,"title":"Tailwind CSS Crash Course Tanıtımı","list":{"type":"unordered","items":["Bu crash kursunda Tailwind CSS'in temel kavramları, utility-first styling, tema değişkenleri ve katmanlar öğrenilecek.","Kurs, Tailwind'in nasıl boşluk, yazı tipi, düzen ve renk yönetimi yaptığını, responsive breakpoint'leri ve karanlık/açık modları nasıl etkinleştirdiğini kapsayacak.","Temel bilgiler öğrendikten sonra, Tailwind CSS ve React.js kullanarak temiz ve responsive bir web sitesi inşa edilecek."]},"beginTime":0,"endTime":59,"href":"/video/preview/77936179972848494?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=0&ask_summarization=1"},{"index":1,"title":"Brilliant Sponsorluk","list":{"type":"unordered","items":["Yeni bir teknolojiyi öğrenmek zor olduğundan, Brilliant adlı öğrenme platformu öneriliyor.","Brilliant, matematik, bilim ve programlama konularında pratik, görsel ve \"yaparak öğrenme\" prensibine dayalı dersler sunuyor.","Brilliant'ın algoritmalar ve veri yapısı kursu, tasarımcılar için veritabanı sorguları ve yazılım mühendisliği mülakatları için faydalı olabilir."]},"beginTime":59,"endTime":124,"href":"/video/preview/77936179972848494?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=59&ask_summarization=1"},{"index":2,"title":"Tailwind CSS Öğrenme Yöntemi","list":{"type":"unordered","items":["Tailwind CSS'i öğrenmek için en kolay yöntem, Tailwind CSS Play adlı web sitesini kullanmaktır.","Tailwind Play, kullanıcıların farklı Tailwind sınıflarını test etmelerini sağlar ve kurulum gerektirmeyen bir platformdur.","Kurs sonunda, Tailwind CSS'i React ile nasıl entegre edeceğinizi ve bir web sitesi oluşturacağınızı göreceksiniz."]},"beginTime":124,"endTime":185,"href":"/video/preview/77936179972848494?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=124&ask_summarization=1"},{"index":3,"title":"Tailwind CSS Renkleri","list":{"type":"unordered","items":["Tailwind CSS'in ilk öğrenilmesi gereken kavramı renklerdir ve hem metin hem de arka plan renkleri kolayca ayarlanabilir.","Tailwind'in varsayılan renk paleti, farklı temel renkler ve tonlar sunar.","Renkler, \"text-\" ön ekiyle başlar ve ardından renk adı gelir; örneğin \"text-black\" siyah, \"text-white\" beyaz renk verir."]},"beginTime":185,"endTime":314,"href":"/video/preview/77936179972848494?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=185&ask_summarization=1"},{"index":4,"title":"Renk Tonları ve Özel Renkler","list":{"type":"unordered","items":["Tailwind CSS'in varsayılan renk paletinde kırmızı, turuncu, sarı, yeşil, mavi gibi temel renkler ve fuşya, teal, emerald gibi özel renkler bulunur.","Renklerin yanında sayılar bulunur; bu sayılar, renk tonunun ne kadar açık veya koyu olacağını belirler.","Özel renkler kullanmak için, renk adının önüne kare parantezler konulabilir ve farklı formatlarda (hexadecimal, RGB) renk değerleri girilebilir."]},"beginTime":314,"endTime":558,"href":"/video/preview/77936179972848494?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=314&ask_summarization=1"},{"index":5,"title":"Tailwind CSS'de Renk Uygulama","list":{"type":"unordered","items":["Tailwind CSS'de renk uygulamak için hexadecimal veya RGB değerleri kullanılabilir.","RGB renk uygulamasında hashtag kullanılmaz, RGB fonksiyonu kullanılır ve renkler (kırmızı, yeşil, mavi) ayrı ayrı belirtilir.","Tailwind class isimleri doğrudan parsed ve çevrildiği için, sınıf isimleri arasında doğru boşluk kullanmak önemlidir."]},"beginTime":568,"endTime":655,"href":"/video/preview/77936179972848494?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=568&ask_summarization=1"},{"index":6,"title":"Marjin ve Padding Uygulama","list":{"type":"unordered","items":["Tailwind CSS'de marjin ve padding uygulamak için \"p\" ve \"m\" anahtar kelimeleri kullanılır.","\"p\" anahtar kelimesi ile padding uygulanabilir ve \"p4\" gibi değerler kullanılarak farklı padding değerleri belirlenebilir.","Tailwind Cheat Sheet, her class isminin normal CSS'deki karşılığını gösterir ve responsive tasarım için \"rem\" birimleri kullanılır."]},"beginTime":655,"endTime":827,"href":"/video/preview/77936179972848494?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=655&ask_summarization=1"},{"index":7,"title":"Spesifik Marjin ve Padding Uygulamaları","list":{"type":"unordered","items":["Sadece bir yönde padding uygulamak için \"px\", \"py\", \"pl\", \"pr\", \"pt\" ve \"pb\" gibi sınıflar kullanılabilir.","Marjin uygulamak için \"m\" anahtar kelimesi kullanılır ve \"m4\" gibi değerler ile farklı marjin değerleri belirlenebilir.","Tailwind CSS'de responsive tasarım için \"rem\" birimleri kullanılır ve bu birimler responsive tasarım için önemlidir."]},"beginTime":827,"endTime":978,"href":"/video/preview/77936179972848494?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=827&ask_summarization=1"},{"index":8,"title":"Layout ve Ekran Boyutu Ayarları","list":{"type":"unordered","items":["Tailwind CSS'de layoutlar, flex blokları, grid, genişlik ve yükseklik ayarları ile kontrol edilebilir.","Sayfa yüksekliği için \"h\" sınıfı kullanılır ve \"h16\" gibi değerler ile farklı yükseklik değerleri belirlenebilir.","Sayfa genişliği için \"w\" sınıfı kullanılır ve \"wfull\" veya \"w-screen\" gibi sınıflar ile ekranın tamamını kaplayan genişlik ayarlanabilir."]},"beginTime":978,"endTime":1219,"href":"/video/preview/77936179972848494?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=978&ask_summarization=1"},{"index":9,"title":"CSS Boyut Ayarları","list":{"type":"unordered","items":["Ekranın genişliği ve yüksekliği aynı olduğunda, sayfa boyutu tarayıcıya uygun şekilde ayarlanır.","Eğer genişlik \"full\" olarak ayarlanırsa, içerik alanının tüm genişliği kullanılır.","Yükseklik için \"max-height\" kullanılabilir ve minimum yükseklik için \"min-height\" kullanılabilir."]},"beginTime":1223,"endTime":1278,"href":"/video/preview/77936179972848494?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=1223&ask_summarization=1"},{"index":10,"title":"Navbar Oluşturma","list":{"type":"unordered","items":["Navbar için üç link (home, blog ve contact) oluşturulacak ve dikdörtgen şeklinde bir görünüm sağlayacak.","Navbar için \"bg-teal-500\" rengi, x yönünde 6 piksel, y yönünde 4 piksel padding uygulanacak.","Navbar içinde bir H1 etiketi (web sitesi adı veya logo) ve bir nav etiketi (linkler için konteyner) bulunacak."]},"beginTime":1278,"endTime":1466,"href":"/video/preview/77936179972848494?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=1278&ask_summarization=1"},{"index":11,"title":"Flexbox Kullanımı","list":{"type":"unordered","items":["Flexbox kullanarak navbar içinde iki sütun oluşturulabilir: biri logo için, diğeri linkler için.","Flexbox için \"flex\" sınıfı uygulanır ve varsayılan olarak \"row\" yönü ile öğeler bir satırda yer alır.","\"justify-content: between\" sınıfı ile öğeler arasında boşluk bırakılabilir ve \"gap\" sınıfı ile öğeler arasında boşluk ayarlanabilir."]},"beginTime":1466,"endTime":1722,"href":"/video/preview/77936179972848494?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=1466&ask_summarization=1"},{"index":12,"title":"Metin Stil Ayarları","list":{"type":"unordered","items":["Font boyutu için \"size\" sınıfı kullanılır ve \"xs\", \"s\", \"base\", \"m\", \"l\", \"xl\" gibi predefined değerler mevcuttur.","Font ağırlığı için \"font\" sınıfı kullanılır ve \"bold\", \"semibold\", \"light\", \"extra-bold\" gibi seçenekler bulunur.","Harfler arasındaki boşluk için \"text-spacing\" sınıfı kullanılabilir."]},"beginTime":1722,"endTime":1923,"href":"/video/preview/77936179972848494?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=1722&ask_summarization=1"},{"index":13,"title":"Tailwind'de Harf Aralığı Ayarları","list":{"type":"unordered","items":["Tailwind'de harf aralığı (tracking) kolayca ayarlanabilir ve çeşitli seçenekler mevcuttur.","Harf aralığı, yazıların arasındaki boşluğu belirler ve font ağırlığına göre görünür olabilir.","Konuşmacı genellikle daha sıkı veya sıkı harf aralığını tercih eder."]},"beginTime":1930,"endTime":1978,"href":"/video/preview/77936179972848494?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=1930&ask_summarization=1"},{"index":14,"title":"Grid Layout Kullanımı","list":{"type":"unordered","items":["Grid layout, web sayfasının temel yapısını oluşturmak için kullanılacak ikinci bir düzen türüdür.","Web sayfası, \"Welcome to the website\" başlıklı bir bölüm, ana içerik alanı ve üç özellikli bir bölüm içerecektir.","Grid layout, öğeleri düzenli bir şekilde yerleştirmek için kullanılır."]},"beginTime":1978,"endTime":2075,"href":"/video/preview/77936179972848494?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=1978&ask_summarization=1"},{"index":15,"title":"İlk Bölümün Stilizasyonu","list":{"type":"unordered","items":["İlk bölüm, \"Welcome to the website\" başlıklı bir H2 etiketi ve bir paragraf içerecektir.","H2 etiketinin yazı tipi boyutu büyük, yarı kalın ve alt kısımda bir boşluk bırakılacaktır.","Bölüm, sayfanın ortasında yer alacak şekilde \"text-center\" özelliği ile hizalanacaktır."]},"beginTime":2075,"endTime":2194,"href":"/video/preview/77936179972848494?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=2075&ask_summarization=1"},{"index":16,"title":"Grid Yapısı Oluşturma","list":{"type":"unordered","items":["İkinci bölüm, üç sütunlu bir grid yapısı içerecektir.","Grid yapısı için \"display: grid\" özelliği kullanılır ve sütun sayısı \"grid-columns\" özelliği ile belirlenir.","Her sütun için \"background-color\" ve \"padding\" özellikleri uygulanabilir."]},"beginTime":2194,"endTime":2341,"href":"/video/preview/77936179972848494?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=2194&ask_summarization=1"},{"index":17,"title":"Grid Arasındaki Boşluk ve Responsive Tasarım","list":{"type":"unordered","items":["Grid sütunları arasında boşluk bırakmak için \"gap\" özelliği kullanılır.","Grid yapısı, ekran boyutuna göre otomatik olarak ayarlanabilir.","Tailwind, ekran boyutuna göre farklı stil uygulamak için \"sm\", \"md\", \"lg\" gibi breakpoint sınıfları sunar."]},"beginTime":2341,"endTime":2611,"href":"/video/preview/77936179972848494?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=2341&ask_summarization=1"},{"index":18,"title":"Tailwind'de Ekran Boyutlarına Göre Stil Uygulama","list":{"type":"unordered","items":["Tailwind'de farklı ekran boyutlarına göre stil uygulamak için breakpoints kullanılır.","Örneğin, küçük ekranlarda font boyutunu büyük yaparak metni daha görünür hale getirebilirsiniz.","Grid sisteminde de ekran boyutuna göre sütun sayısını değiştirebilirsiniz; örneğin, büyük ekranlarda 3 sütun, orta ekranlarda 2 sütun, küçük ekranlarda 1 sütun kullanabilirsiniz."]},"beginTime":2613,"endTime":2772,"href":"/video/preview/77936179972848494?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=2613&ask_summarization=1"},{"index":19,"title":"Space Kavramı ve Hover Efektleri","list":{"type":"unordered","items":["Space kavramı, div'ler arasında boşluk oluşturmak için kullanılır; örneğin, parent div'e \"space-y-12\" ekleyerek iki div arasında 12 birim boşluk oluşturabilirsiniz.","Hover efektleri için \"hover\" anahtar kelimesi kullanılır; örneğin, \"hover:color-90\" ile hover durumunda renk opaklığını azaltabilirsiniz.","Hover durumunda text rengini değiştirmek için \"hover:text-color\" gibi özellikler kullanılabilir."]},"beginTime":2772,"endTime":3008,"href":"/video/preview/77936179972848494?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=2772&ask_summarization=1"},{"index":20,"title":"Shadow ve Footer Ekleme","list":{"type":"unordered","items":["Shadow özelliği, elementlere derinlik katmak için kullanılır ve farklı boyutlarda (small, medium, large, 2xl) kullanılabilir.","Footer eklemek için \"text-center\", \"text-small\" ve \"text-teal-100\" gibi sınıflar kullanılabilir.","Footer'ı sayfanın alt kısmına yerleştirmek için div'e \"display: flex\" ve \"flex-direction: column\" özellikleri eklenir, ardından \"flex-grow: 2\" ile footer'ın maksimum alan kaplaması sağlanır."]},"beginTime":3008,"endTime":3225,"href":"/video/preview/77936179972848494?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=3008&ask_summarization=1"},{"index":21,"title":"Gelecek Konular","list":{"type":"unordered","items":["Bir sonraki derste React ve Vue ile Tailwind kurulumu gösterilecek.","Light ve dark mode gibi ek özellikler de ele alınacak.","Next.js kullanıyorsanız, \"create next app\" komutu ile Tailwind otomatik olarak kurulur."]},"beginTime":3225,"endTime":3276,"href":"/video/preview/77936179972848494?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=3225&ask_summarization=1"},{"index":22,"title":"Dark ve Light Mod Tasarımı","list":{"type":"unordered","items":["Kullanıcı bilgisayarının ayarlarına göre light veya dark mod seçeneği sunulacak ve kullanıcı bu iki seçenek arasında geçiş yapabilecek.","Light mod için sayfa arka planı beyaz, nav bar arka planı siyah ve nav bar'a büyük bir gölge eklenecek.","Nav bar'daki metin rengi siyah olacak ve sayfanın alt kısmında \"Toggle Theme\" butonu eklenecek."]},"beginTime":3277,"endTime":3441,"href":"/video/preview/77936179972848494?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=3277&ask_summarization=1"},{"index":23,"title":"Tailwind CSS ile Dark Mod Uygulaması","list":{"type":"unordered","items":["Tailwind CSS projesinde CSS dosyası çok önemlidir ve her zaman \"import tailwind css\" ifadesi kullanılmalıdır.","Dark mod için CSS dosyasına \"@dark\" anahtar kelimesi eklenerek, bu anahtar kelime sadece dark modda çalışacak stil tanımlamaları yapılabilir.","Dark modda sayfa arka planı siyah, nav bar arka planı gri 900, nav bar'daki metin rengi beyaz olacak şekilde ayarlanabilir."]},"beginTime":3441,"endTime":3707,"href":"/video/preview/77936179972848494?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=3441&ask_summarization=1"},{"index":24,"title":"Kullanıcı Tarafından Tema Değiştirme","list":{"type":"unordered","items":["Kullanıcı doğrudan web sitesinde tema değiştirme yapabilmesi için \"Toggle Theme\" butonuna tıklandığında \"dark\" sınıfı eklenip çıkarılabilir.","Bu işlem için document elementinin class list'ine erişim sağlanarak \"dark\" sınıfı eklenip çıkarılabilir.","Kullanıcı tercih edilen temayı yerel depolama gibi bir yerde saklayarak, sonraki ziyaretlerinde bu temayı hatırlayabilir."]},"beginTime":3707,"endTime":3841,"href":"/video/preview/77936179972848494?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=3707&ask_summarization=1"},{"index":25,"title":"Özel Renk Tanımlama","list":{"type":"unordered","items":["Dark ve light modda tekrarlanan özel renkler için Tailwind CSS'te özel renk tanımlamaları yapılabilir.","Özel renk tanımlamak için CSS dosyasına çift dashes ve \"color\" kelimesi eklenerek bir isim verilebilir.","Bu şekilde \"bg-background\" gibi bir isim kullanılarak hem light hem dark modda çalışacak bir renk tanımlanabilir."]},"beginTime":3841,"endTime":3964,"href":"/video/preview/77936179972848494?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=3841&ask_summarization=1"},{"index":26,"title":"Tailwind'de Özel Renk Tanımlama","list":{"type":"unordered","items":["Tailwind'de özel renk tanımlamak için \"background\" gibi bir isim verip, bu renk için hexadecimal değer atayabilirsiniz.","Oluşturduğunuz özel renkleri (örneğin \"bg-background\") CSS'de kullanabilirsiniz ve bu renkler otomatik olarak adapt edilir.","Dark mod için özel renk tanımlamak için \"dark\" sınıfı kullanabilir ve bu sınıfa özel renk değerleri ekleyebilirsiniz."]},"beginTime":3975,"endTime":4122,"href":"/video/preview/77936179972848494?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=3975&ask_summarization=1"},{"index":27,"title":"Tailwind'de Özel Metin Renkleri","list":{"type":"unordered","items":["Tailwind'de özel metin renkleri tanımlamak için \"primary\" gibi bir isim verip, bu renk için hexadecimal değer atayabilirsiniz.","Dark mod için özel metin rengi tanımlamak için \"dark\" sınıfı kullanabilir ve bu sınıfa özel renk değerleri ekleyebilirsiniz.","Özel renk tanımlamaları sayesinde CSS'de sadece renk adını kullanarak (örneğin \"text-primary\") farklı modlarda farklı renkler kullanabilirsiniz."]},"beginTime":4122,"endTime":4280,"href":"/video/preview/77936179972848494?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=4122&ask_summarization=1"},{"index":28,"title":"Tailwind'de Layers Kavramı","list":{"type":"unordered","items":["Tailwind, kodunuzu farklı katmanlara ayırarak daha düzenli ve okunabilir hale getirmenizi sağlar.","Üç temel katman vardır: Base katman, Component katman ve Utilities katman.","Base katman, temel elementlere (başlıklar, paragraflar, resimler) genel stil uygulamak için kullanılır."]},"beginTime":4280,"endTime":4388,"href":"/video/preview/77936179972848494?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=4280&ask_summarization=1"},{"index":29,"title":"Base Katman Kullanımı","list":{"type":"unordered","items":["Base katman, tüm elementlere aynı stil uygulamak için kullanılır.","\"apply\" direktifi kullanılarak Tailwind sınıfları elementlere uygulanabilir.","Base katman sayesinde global stil uygulamak için Tailwind sınıfları kullanılabilir."]},"beginTime":4388,"endTime":4494,"href":"/video/preview/77936179972848494?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=4388&ask_summarization=1"},{"index":30,"title":"Component Katman Kullanımı","list":{"type":"unordered","items":["Component katman, tekrarlanan stil kombinasyonlarını tanımlamak için kullanılır.","Örneğin, farklı buton stilleri için \"button\" ve \"button-outline\" gibi component sınıfları oluşturulabilir.","Tekrarlanan stil kombinasyonları için component katman kullanmak, kodun daha düzenli ve okunabilir olmasını sağlar."]},"beginTime":4494,"endTime":4614,"href":"/video/preview/77936179972848494?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=4494&ask_summarization=1"},{"index":31,"title":"Tailwind CSS Kullanım Alanları","list":{"type":"unordered","items":["Nav link gibi bazı bağlantılar kendi sınıflarına çıkarılabilir, ancak çoğu zaman bu gerekli değildir.","Utilities kategorisi, örneğin \"border-red\" gibi özel sınıf isimleri oluşturmak için kullanılabilir.","\"Border-red\" sınıfı, bir öğeye belirli bir kenarlık rengi uygular ve bu sınıf sadece bir işlevsellik sunar."]},"beginTime":4621,"endTime":4681,"href":"/video/preview/77936179972848494?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=4621&ask_summarization=1"},{"index":32,"title":"Tailwind CSS Kullanım Avantajları","list":{"type":"unordered","items":["Tailwind CSS ile tamamen yeni bir bileşen oluşturmak yerine, mevcut sınıflara yeni özellikler eklenebilir.","Bu üç katman (temalar, sınıflar ve utilities) büyük ölçekli projelerde çok önemlidir.","Bir CSS dosyasında tüm temalar ve katmanlar tutulmalı ve takip edilmelidir."]},"beginTime":4681,"endTime":4729,"href":"/video/preview/77936179972848494?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=4681&ask_summarization=1"},{"index":33,"title":"Öğrenme Tavsiyeleri","list":{"type":"unordered","items":["En iyi öğrenme yöntemi, sadece izlemek yerine kendi web sitenizi inşa etmektir.","Temel layout ve metin stilizasyonu bilgisi edinildikten sonra, Tailwind CSS ile bir şeyler ekranda görebilirsiniz.","Bilinmeyen sınıflar için cheat sheet ve renkler web sitesi kullanılabilir."]},"beginTime":4729,"endTime":4773,"href":"/video/preview/77936179972848494?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=4729&ask_summarization=1"},{"index":34,"title":"WebDev Ultra Kursu","list":{"type":"unordered","items":["WebDev Ultra adlı yeni bir kurs platformu başlatılmıştır.","Platformda şu anda sadece React.js kursu bulunmaktadır.","Gelecekte Next.js ve Tailwind kursları da eklenecektir."]},"beginTime":4773,"endTime":4806,"href":"/video/preview/77936179972848494?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=4773&ask_summarization=1"}],"linkTemplate":"/video/preview/77936179972848494?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=%%timestamp%%&ask_summarization=1"},"isAdultDoc":false,"relatedParams":{"text":"Tailwind CSS V4 Crash Course 2025 | Become a Tailwind Pro in 1.5 Hours","related_orig_text":"Tailwind","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"Tailwind\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=H_kSd4kn0E8\",\"src\":\"serp\",\"rvb\":\"EqsDChMyOTc5NzI0Njg5MzA1NDYyMDAzChQxNTM0MjEwNDI1OTIxNDMxNzE2MAoTOTM5MTkzOTc4MTIwMzAzNDkxNgoUMTY5NzA0MDMzMTIxNzgyMjg4NTkKEzg5NzcyMDEwNDA3OTYxODM3MTYKFDEzNTExNjYyMDQwODgyNTU1MDIzChE3NzkzNjE3OTk3Mjg0ODQ5NAoSNzg5NjU1Nzk5NjA2ODczMDY5ChM1NDcxNjExMzgzMTkyOTcwMzE0ChQxNjA3MjgxNjAwNTE1NTk4MTU3NwoUMTY1NjUyNTA3Mzc2MTIwNjEzMzUKEzc4NjA2MDUzNDU4NDY3NDU5MjkKEzQ0ODgyNDI0MDM4OTY4MzI4MzUKFDEwNDk4MDkzNTYyOTg5MjkxNjgyChMyOTkzNjk4MjUzMjgxNTY2NjU3ChQxMDA5OTYwOTM3MTM5NzE3MTgxMwoTODMxNDE3Mjk4MjQ0MTAyODE3NwoUMTQ2NDU5MjA3MzI2MDk1Nzg4MjkKFDEzNTAyNzUwODcxMDM1ODU3ODA3ChQxNjY2Nzg3NjQxMzAxNDY3MjkxMRoTChE3NzkzNjE3OTk3Mjg0ODQ5NFoRNzc5MzYxNzk5NzI4NDg0OTRqrw0SATAYACJFGjEACipoaHpuandzemVncHZoZGJjaGhVQzhTNHJEUlpuNlpfU3RKLWhoN3BoOGcSAgASKhDCDw8aDz8T2SWCBCQBgAQrKosBEAEaeIEJ9gsB_wEA5P0K_wn-Af8IAQf69___AOQA8QkA_QEA-gUHBPkBAAAJ-_4HAQAAAPjt9P36_gAA_RAA-vgAAAAE-QUA_gAAAAYB_f7_AQAA9Pv-_AMAAAAH_hQEAAAAAPwIAQH8_wAACv_2DgAAAAAI8_AJAAAAACAALVtJ1zs4E0AJSE5QAipzEAAaYDn1ABk0EBruDBH90fbVFSvjKOnLzgv_GMIA40_Q_wDH9sILHgAwuhb0pAAAAB0r8x4LAAZ1FvruHesHA5zL-O5Af_wS6rvyAgrz8SeaEwvt_fF2GAAL-wIf7-XjYE3_1yAALW_dHTs4E0AJSG9QAiqvBhAMGqAGAADgwAAAQMAAAKBAAABQwQAAqEEAAIA_AABsQgAAAEAAAIrCAAAgwgAAlkIAANzCAACuwgAABMIAAFhCAABAQAAAAMEAANjBAADAwQAAoEAAAPjBAABIwgAAYEEAAPhBAAAQQQAAkEEAAEBAAACMwgAAqEEAAEDAAABkwgAA2EIAAIDCAADgQAAADMIAAMjBAACIQQAAtkIAAIDBAADQwQAAPEIAAOBBAAB4QgAAWEIAAKBAAABwwgAABMIAAJ7CAACKQgAA2MEAADDBAAAgQgAAFEIAAMjBAAAAQQAAyMEAAADDAAAAQgAAuMEAAIBCAABUQgAA4MAAAFBBAACmwgAAQMEAACzCAADAwAAAsMEAAGDBAACYwQAAVEIAAI5CAAA0wgAApkIAABBCAAAEwgAAqMEAAExCAAAAQQAAcMEAAHzCAACYwQAAoEAAAERCAADgwQAABEIAAEhCAADwQQAAREIAAEzCAABAwgAAeEIAABBBAADgwQAAgD8AAIjCAAAowgAAwEAAAMhBAAAcwgAAmMEAAMDAAACAPwAAVMIAAHzCAADYQQAAyMEAABRCAADgwAAA-EEAABRCAAAQQQAADMIAAETCAAAwQQAAgEEAAEDBAABAwQAAgEAAAOBBAAAswgAAHMIAAFzCAABwQQAAVEIAANhBAAAUwgAAMEEAAI7CAABwwQAAQMAAAIBAAABAQAAAgEEAAERCAAAgQgAAIMEAANhBAADIwQAAlMIAAIjBAACgQQAAqMEAAFTCAACYQgAAEMEAACTCAABUQgAAgEAAAMhBAABAQAAAoMAAAJhBAACAwQAAAMAAACDCAAAQQQAAvMIAAATCAABEQgAA0MEAAGDBAABgwQAA8MEAAEjCAAAAwQAAEEIAAI5CAADgQQAAHEIAAEBAAACwQQAAKMIAAADCAABQQQAAEEIAACDCAADowQAAuEEAALhBAACoQQAAiMEAAIC_AADYQQAAVEIAAIBBAAAwwgAAoEIAABBBAADAwQAAWMIAAHTCAAAQQgAAwEAAAAAAAAAwQQAAAEEAAHDBAACswgAAfMIgADgTQAlIdVABKo8CEAAagAIAAJK-AABUPgAAJD4AALg9AAAMPgAAqj4AALg9AAApvwAAjr4AAHC9AABwvQAAuD0AAEA8AAAEPgAANL4AAOi9AACCPgAAEL0AAOg9AAD-PgAAfz8AAIY-AAAsPgAAHD4AAEw-AAAcPgAAkj4AAHC9AAAMvgAAQLwAAKg9AABsPgAAcD0AADC9AADOPgAAFL4AAJg9AACCvgAArr4AAJa-AACevgAAiD0AAJo-AABwvQAAcL0AACw-AACAOwAA-D0AAMi9AAA8vgAAbD4AAFC9AAAQvQAAwj4AAFC9AADYvQAALz8AAKA8AAAMPgAAQDwAAFw-AADYvQAAUD0AAFw-IAA4E0AJSHxQASqPAhABGoACAADgvAAAJL4AAIC7AAArvwAAMD0AAEA8AACAOwAA2D0AAMa-AACgvAAADL4AAMi9AACovQAAyr4AAFC9AACAuwAAoLwAAEs_AABUPgAAgj4AAKg9AAAQPQAAiD0AALi9AAAcvgAAmr4AAGy-AACAOwAAmL0AADA9AABEPgAAmD0AAOA8AACgPAAAnj4AAEy-AACOPgAAuD0AANq-AABkPgAAgj4AAFC9AABEvgAAUD0AABC9AAD4PQAAf78AAGS-AACIPQAAcL0AALI-AACIvQAABD4AAEA8AACOPgAAoDwAABC9AABwPQAAQLwAAKA8AACgPAAA0j4AADy-AAB8viAAOBNACUh8UAEwCTgBSgBgAGgA\"}","related_url":"http://www.youtube.com/watch?v=H_kSd4kn0E8","parent-reqid":"1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1280,"cheight":720,"cratio":1.77777,"dups":["77936179972848494"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":true,"contentTypeId":null,"censored":false,"censoredShock":false,"isShockDoc":false},"789655799606873069":{"videoId":"789655799606873069","docid":"34-9-11-ZEDB21D040D79516F","description":"Want to build beautiful, responsive websites without writing tons of custom CSS? ✅ Creating and using custom Tailwind classes ✅ How to customize the Tailwind theme (colors, fonts, spacing & more)...","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/2351494/bf4e73c40187a72bba0bfce4092c35be/564x318_1"},"target":"_self","position":"9","reqid":"1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL","summary":{"fullTextUrl":"/int_search_summary?data=http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DdcRenJApot0","linkTemplate":"/video/preview/789655799606873069?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=%%timestamp%%&ask_summarization=1"},"isAdultDoc":false,"relatedParams":{"text":"Tailwind CSS for Beginners: Build Websites Faster","related_orig_text":"Tailwind","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"Tailwind\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=dcRenJApot0\",\"src\":\"serp\",\"rvb\":\"EqsDChMyOTc5NzI0Njg5MzA1NDYyMDAzChQxNTM0MjEwNDI1OTIxNDMxNzE2MAoTOTM5MTkzOTc4MTIwMzAzNDkxNgoUMTY5NzA0MDMzMTIxNzgyMjg4NTkKEzg5NzcyMDEwNDA3OTYxODM3MTYKFDEzNTExNjYyMDQwODgyNTU1MDIzChE3NzkzNjE3OTk3Mjg0ODQ5NAoSNzg5NjU1Nzk5NjA2ODczMDY5ChM1NDcxNjExMzgzMTkyOTcwMzE0ChQxNjA3MjgxNjAwNTE1NTk4MTU3NwoUMTY1NjUyNTA3Mzc2MTIwNjEzMzUKEzc4NjA2MDUzNDU4NDY3NDU5MjkKEzQ0ODgyNDI0MDM4OTY4MzI4MzUKFDEwNDk4MDkzNTYyOTg5MjkxNjgyChMyOTkzNjk4MjUzMjgxNTY2NjU3ChQxMDA5OTYwOTM3MTM5NzE3MTgxMwoTODMxNDE3Mjk4MjQ0MTAyODE3NwoUMTQ2NDU5MjA3MzI2MDk1Nzg4MjkKFDEzNTAyNzUwODcxMDM1ODU3ODA3ChQxNjY2Nzg3NjQxMzAxNDY3MjkxMRoUChI3ODk2NTU3OTk2MDY4NzMwNjlaEjc4OTY1NTc5OTYwNjg3MzA2OWqvDRIBMBgAIkUaMQAKKmhoZmtrdHF1bm9uZWlzZ2NoaFVDQkJHTTg0Wk9zN3o1anBUUUFhWl9IZxICABIqEMIPDxoPPxPVDoIEJAGABCsqiwEQARp4gQL1AAj9AwD0EgYGBwT9ARn7Bv_2AgIA5QDyCQD9AQAO_wED-QAAAAr3__4AAAAA__L_-Pj-AQADAwQC_AAAAAj4AAf9AAAA_QH_A_8BAAAF7_IBA_8AAPr2BQT_AAAA_AMBDwAAAAAJ8PEDAQAAAP389g4AAAAAIAAtHePeOzgTQAlITlACKnMQABpgT_oAMP_zDf78Lfv51cAlGeT2-_vDJP8e1ADdNLUYIP4F0Br_ABnOGBerAAAAFD76Qv8ABWX31BwW8vMSsc7w_TF_LRz44BP9HN_yNvoSNvoOA0YtABjRB_ky3MErMCDOIAAtqTgsOzgTQAlIb1ACKq8GEAwaoAYAAABBAAAAwAAAPEIAALBBAAAAwAAAOEIAAExCAABAwQAAvMIAAKjBAACwQQAAIMIAAEjCAABwwQAAIEIAAIjBAABcQgAAJMIAAIDAAABoQgAAKEIAAMzCAAAEwgAAqEEAABxCAADYwQAAJMIAAGBBAACwwQAAIMIAAHDCAACqQgAA2MEAAMBBAABgwQAASEIAAEDAAACmQgAAYMEAAJjBAACwQQAAgEEAAARCAACUQgAAgD8AADBBAAAUwgAAOMIAAIBCAAAMwgAAcEEAAMBAAACGQgAAVMIAABBBAABkQgAArsIAAADAAABsQgAASEIAAI5CAADgQAAAqEEAAATCAABIQgAAwEAAACBCAABwQQAAmEEAADBBAAC4wQAACEIAABzCAAAAQgAATEIAADBBAADYQQAAiEEAAJhBAACGwgAARMIAAADBAAAIQgAAkEIAAPjBAACIwQAA8EEAABBCAAAwwQAA4EAAAMhBAAB4QgAAMEEAAKjBAAAEwgAAyMEAAFTCAACQQQAALEIAABBBAADgwAAAMMEAACRCAABkwgAAuMEAAIjBAAAAwAAA4EEAAIhCAACAQQAAIEIAAKDBAAB4wgAAoEEAADxCAABIwgAAWEIAAEDCAACowQAA4EAAABzCAAAwwQAA8MEAACDBAACkQgAAeEIAAEBBAAAYwgAAoMAAABjCAADwQQAACMIAAOjBAAAkQgAAKEIAAJhBAACAwgAAIMEAAIC_AABUwgAAqEEAAFDBAAC-wgAAEMEAAIRCAACQQQAA4EEAADBCAACYQQAAikIAAFRCAAAgwQAAwMEAAMjBAADAQAAAgMEAAADCAACIwgAAiEEAAEBCAAAAwQAAmEEAAEBAAAAwwQAAoMAAAJjCAACQQQAAgD8AAHDBAADQQQAAAMIAABjCAACMwgAATMIAAJDBAABAQgAAdMIAAFjCAAAkQgAANEIAADDBAABwQQAA0EEAALjBAACQQgAAQEEAAFDCAAB0QgAAUEEAAFDBAAAUwgAAhsIAAI5CAAAsQgAABMIAALDBAACQwQAAYMEAAJrCAACkwiAAOBNACUh1UAEqjwIQABqAAgAAtr4AADA9AABkPgAAgj4AAFC9AADGPgAADD4AABe_AACqvgAAQLwAAKg9AACoPQAAuD0AAJ6-AABwvQAALL4AAAE_AACAOwAAmD0AAAc_AAB_PwAADD4AADQ-AADoPQAAdD4AABy-AABAvAAAEL0AALK-AAAcPgAAgj4AAKC8AAAQPQAALD4AADw-AACgPAAAmD0AAGS-AACyvgAAdL4AALi9AACOvgAALD4AAAS-AABAvAAAmD0AAOg9AAAEvgAAVL4AAIq-AACAuwAA4LwAAEC8AAA0PgAA4DwAAKi9AABLPwAAqL0AAOg9AACGPgAA2D0AADC9AADgvAAAhj4gADgTQAlIfFABKo8CEAEagAIAAIq-AADIvQAATL4AAC-_AACAOwAAgDsAAOC8AACAOwAANL4AAEQ-AAAUvgAAoDwAAMi9AABkvgAAQLwAAIi9AACWvgAART8AAKi9AACqPgAAiD0AAOC8AABAPAAAED0AAPi9AAAMvgAAXL4AALg9AACIPQAAmL0AAKg9AACAOwAAND4AACy-AACSPgAAPL4AAKI-AABQPQAAgr4AAIo-AAAkPgAALL4AAGS-AACYvQAAgLsAALi9AAB_vwAAcL0AAKA8AAAEvgAADD4AAHS-AAAcPgAAED0AAI4-AACIPQAAML0AAKC8AAAwPQAAMD0AAIA7AACmPgAAQLwAAHC9IAA4E0AJSHxQATAJOAFKAGAAaAA,\"}","related_url":"http://www.youtube.com/watch?v=dcRenJApot0","parent-reqid":"1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1280,"cheight":720,"cratio":1.77777,"dups":["789655799606873069"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":true,"contentTypeId":null,"censored":false,"censoredShock":false,"isShockDoc":false},"5471611383192970314":{"videoId":"5471611383192970314","docid":"36-7-0-Z6ADF4B8AC4D5A142","description":"🔎 You can also write to us about the topics you want us to discuss. ✈️ AirportHaber: Aviation agenda, analysis and special reports. ℹ️ About US Launched on April 5, 2005, AirportHaber.com is the...","preview":{"posterSrc":"//avatars.mds.yandex.net/get-video_thumb_fresh/1510660/38fe9c2caaf98c14ab361d68af01ab430313_rt/564x318_1"},"target":"_self","position":"10","reqid":"1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL","summary":{"fullTextUrl":"/int_search_summary?data=http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DU3soHrGshGM","linkTemplate":"/video/preview/5471611383192970314?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=%%timestamp%%&ask_summarization=1"},"isAdultDoc":false,"relatedParams":{"text":"Tailwind Havayolları'nda bir ilk yaşandı!","related_orig_text":"Tailwind","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"Tailwind\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=U3soHrGshGM\",\"src\":\"serp\",\"rvb\":\"EqsDChMyOTc5NzI0Njg5MzA1NDYyMDAzChQxNTM0MjEwNDI1OTIxNDMxNzE2MAoTOTM5MTkzOTc4MTIwMzAzNDkxNgoUMTY5NzA0MDMzMTIxNzgyMjg4NTkKEzg5NzcyMDEwNDA3OTYxODM3MTYKFDEzNTExNjYyMDQwODgyNTU1MDIzChE3NzkzNjE3OTk3Mjg0ODQ5NAoSNzg5NjU1Nzk5NjA2ODczMDY5ChM1NDcxNjExMzgzMTkyOTcwMzE0ChQxNjA3MjgxNjAwNTE1NTk4MTU3NwoUMTY1NjUyNTA3Mzc2MTIwNjEzMzUKEzc4NjA2MDUzNDU4NDY3NDU5MjkKEzQ0ODgyNDI0MDM4OTY4MzI4MzUKFDEwNDk4MDkzNTYyOTg5MjkxNjgyChMyOTkzNjk4MjUzMjgxNTY2NjU3ChQxMDA5OTYwOTM3MTM5NzE3MTgxMwoTODMxNDE3Mjk4MjQ0MTAyODE3NwoUMTQ2NDU5MjA3MzI2MDk1Nzg4MjkKFDEzNTAyNzUwODcxMDM1ODU3ODA3ChQxNjY2Nzg3NjQxMzAxNDY3MjkxMRoVChM1NDcxNjExMzgzMTkyOTcwMzE0WhM1NDcxNjExMzgzMTkyOTcwMzE0aq0NEgEwGAAiQxowAAopaGh2cWpxb253eXRjYmN2aGhVQ0ppYUNpSGdETG1LOURNQi1hQ0dhblESAgARKg_CDw8aDz8TZoIEJAGABCsqiwEQARp4gfsE-wAB_wD5__b6BgMAAfL7Efr7_v4A4gP8Cgn8AgDo_BEFBQAAAAIBBfwLAAAAAPvxDfj9AAAXEPYIAwAAAPz1Cfz4AAAA8gLwBAABAAAHC_j7AwAAABL4DAwAAAAABQX_____AAAN8_8CAQAAAPjg-_wBAAAAIAAt7d_OOzgTQAlITlACKnMQABpg_v8AHCARHO3z1-QLQRYA9xf3_fS4EAAE3wCzFgIn7PjMugQAAArzHg67AAAALCggGyEAw14G--_16wPxw9cM6i1_LyD23goP_eXx0e4PDgzd_2gvABIA6M7w1OouJCEBIAAtjt88OzgTQAlIb1ACKq8GEAwaoAYAAKDAAACAwQAAcEEAAJjBAAAgwQAAEMEAAADBAABwwQAAjMIAABzCAABUQgAArEIAAOjBAABQwQAASEIAAJDBAADwwQAAgD8AAIrCAAB0wgAAcMEAAGBBAABowgAAyEIAADRCAAAsQgAACMIAALjCAAB8QgAApEIAACBBAACQQQAAZMIAAGxCAACAPwAAEEEAAFDCAABMQgAAwMAAAEDBAAAIwgAA4MAAAKBBAABcQgAAAEIAAIDBAABAwQAArMIAAGBCAACoQQAAAEAAAI5CAACAvwAAAMAAAEzCAAD4QQAATMIAAJjBAACgwAAAqMEAAIRCAAAoQgAAVMIAAGhCAAAAAAAAoMEAAJBCAADoQQAA6EEAAIBBAADgQAAAIEIAAADCAACmQgAAQMEAAIzCAABAwQAAwEEAAABBAAAgwQAADMIAAJDBAACYwQAA6MEAABRCAAB4QgAA6MEAACjCAACIQgAAAEAAAETCAAB4QgAAokIAAAAAAAAgwQAAhsIAAFBBAABAQAAAEEIAAIBAAAAEwgAAlEIAAAxCAACwwQAASMIAAAzCAACAwQAAAMIAAODAAABEQgAAkEIAABDCAACqwgAAiMIAAKBBAACGQgAAisIAAKjBAADQQQAAUMEAAPhBAAAIwgAADEIAABzCAACCQgAAUEEAAFDBAABAwQAAQEAAANDBAADgQAAAEMIAAOBAAACgQQAA6EEAAEBAAACAwQAAOMIAAIjBAACMwgAA2EEAACRCAACAQQAAuEEAAADBAABQQQAAEMEAAJRCAABAQAAAcEEAABRCAACgQAAAyEEAAODBAADgwAAAIEIAAIDBAACAwgAAUEEAAKBBAAAEwgAAwEEAADjCAACIQQAAyEEAANBBAADQQQAAAMIAAABCAABQwQAAvsIAAIRCAACQQQAAoMEAAAxCAADgwAAA4MAAANjBAABIQgAAsEEAAIBBAAAAAAAA-MEAAJTCAAAEQgAAQEIAAFDCAACAPwAAiMEAAOjBAADgwQAAqEEAAILCAAB8QgAAEMEAAFRCAABAwAAAeMIAAFjCAACgwCAAOBNACUh1UAEqjwIQABqAAgAAfL4AAJg9AAAQPQAAmL0AAFC9AAAUPgAAQLwAAAW_AACavgAAmD0AALg9AACCPgAA6L0AAOC8AABQvQAAdL4AAAQ-AAAQvQAAhj4AAEw-AAB_PwAAcD0AAKI-AABAPAAAgDsAALg9AABsvgAAHL4AAKg9AAAMPgAA4DwAAEA8AABwvQAAUD0AAIg9AABAvAAAUL0AALK-AACGvgAAbL4AAHC9AABQvQAA2D0AAJg9AAC4vQAALL4AAGy-AACAOwAAXL4AACy-AAAcvgAAqD0AAIg9AABwPQAANL4AAKA8AADOPgAA4DwAABA9AACoPQAA2D0AALi9AAC4PQAAUL0gADgTQAlIfFABKo8CEAEagAIAABA9AADYPQAAED0AAD-_AADCvgAA2D0AACQ-AAB0PgAANL4AABQ-AAAUPgAAA78AAHw-AACSvgAA4LwAAKA8AABcPgAAQT8AADQ-AAC4PQAAZD4AAIC7AAAUPgAAyL0AAIC7AAAEPgAAJL4AADw-AAC4vQAAFL4AAHA9AABAPAAA4DwAAOg9AAC4PQAAkr4AAIo-AABMPgAAhr4AAGy-AAC2PgAAED0AABC9AAAMvgAA4LwAAIY-AAB_vwAAqD0AAES-AAAwvQAAij4AANg9AADIPQAAPD4AAKi9AADoPQAAML0AALY-AAA0PgAALL4AADQ-AAAMvgAAnr4AAOA8IAA4E0AJSHxQATAJOAFKAGAAaAA,\"}","related_url":"http://www.youtube.com/watch?v=U3soHrGshGM","parent-reqid":"1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":405,"cheight":720,"cratio":0.5625,"dups":["5471611383192970314"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":false,"contentTypeId":null,"censored":false,"censoredShock":false,"isShockDoc":false},"16072816005155981577":{"videoId":"16072816005155981577","docid":"34-3-3-Z545565201B0AB421","description":"In this tailwind css tutorial we'll take a look at what tailwind css is, how to use it & set up a new project. 🐱👤🐱👤 JOIN THE GANG - / @netninja - 🐱💻...","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/3006165/9ed5f53dbb2ec1d40bb36ffdeb0c45b7/564x318_1","videoSrc":"https://video-preview.s3.yandex.net/qUxGIgEAAAA.mp4","videoType":"video/mp4"},"target":"_self","position":"11","reqid":"1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL","summary":{"fullTextUrl":"/int_search_summary?data=http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DbxmDnn7lrnk","linkTemplate":"/video/preview/16072816005155981577?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=%%timestamp%%&ask_summarization=1"},"isAdultDoc":false,"relatedParams":{"text":"Tailwind CSS Tutorial #1 - Intro & Setup","related_orig_text":"Tailwind","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"Tailwind\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=bxmDnn7lrnk\",\"src\":\"serp\",\"rvb\":\"EqsDChMyOTc5NzI0Njg5MzA1NDYyMDAzChQxNTM0MjEwNDI1OTIxNDMxNzE2MAoTOTM5MTkzOTc4MTIwMzAzNDkxNgoUMTY5NzA0MDMzMTIxNzgyMjg4NTkKEzg5NzcyMDEwNDA3OTYxODM3MTYKFDEzNTExNjYyMDQwODgyNTU1MDIzChE3NzkzNjE3OTk3Mjg0ODQ5NAoSNzg5NjU1Nzk5NjA2ODczMDY5ChM1NDcxNjExMzgzMTkyOTcwMzE0ChQxNjA3MjgxNjAwNTE1NTk4MTU3NwoUMTY1NjUyNTA3Mzc2MTIwNjEzMzUKEzc4NjA2MDUzNDU4NDY3NDU5MjkKEzQ0ODgyNDI0MDM4OTY4MzI4MzUKFDEwNDk4MDkzNTYyOTg5MjkxNjgyChMyOTkzNjk4MjUzMjgxNTY2NjU3ChQxMDA5OTYwOTM3MTM5NzE3MTgxMwoTODMxNDE3Mjk4MjQ0MTAyODE3NwoUMTQ2NDU5MjA3MzI2MDk1Nzg4MjkKFDEzNTAyNzUwODcxMDM1ODU3ODA3ChQxNjY2Nzg3NjQxMzAxNDY3MjkxMRoWChQxNjA3MjgxNjAwNTE1NTk4MTU3N1oUMTYwNzI4MTYwMDUxNTU5ODE1NzdqkxcSATAYACJFGjEACipoaGRla3dic2Fvc25ibHBkaGhVQ1c1WWV1RVJNbWxucW80b3E4dndVcGcSAgASKhDCDw8aDz8TswaCBCQBgAQrKosBEAEaeIH-_gEI-wUA8wkEAQMD_gES9QYG-AAAANgD9QUG-AQABQMGBAIBAAD8-wb9AgAAAPr7-PoC_gAAAQr_BQQAAAAI-AAH_QAAAAr5__0AAQAA-fn-BgP_AAD6-gj7_wAAAPwIAQD8_wAAEQLwAwEAAAAA8foMAAAAACAALXmg4js4E0AJSE5QAiqEAhAAGvABZfDK_vD1IgPRAusB2__3AYEAAv817swBwPIKAMfm9QDWDecA1esNANoXNADcLCsA3grx_0gUAQDo8x0AK_sFAC8e2ABMz_cBMg4VAv4F6v_nBOwAMRL6AiTlBv8MAhT_IPzy_vLu2P7r3NsA_yb8BAoCBwEcAhX8Agn9_v8U_vz27fH83gH5A74PDfwhCwcFKynoAykRBwL6ExH88efrBR0FEf0GAuP6FxMS_Q36CP8HC-8G-PwFDPTwGQEXIBIL-QUPAe_l8_nsCwMBFQLmBTz2GAAS8f3_GiP7-Nz6-wYPEwr75hYW_t4DDQnd-QACIAAtv08kOzgTQAlIYVACKs8HEAAawAciqOK-8R7xPA-TNT2qC529y4G_O8D-kLwlyt69Mi1bvQAxrrtJE889IiYXO7Cvdb38jLu-WlMPvMbqxbtRv4s-HWwWPZvocz1iysa9WsBfPAPnMbwVHE6-rE3IPDWXHzsk03E-2-xZvRbUgbxi2CE-T_YgPT8gKz2eS4y97Ui1PJnLV7wbRgG-Yi2OvUbrKDtTlww-Doa6vE97pTwEa8E9EJhBu2EeLb1XBwC-HyVAPLCMzbxPJHO8uIIcPVoNibz-bpA9x-xyO6FzDT3EeTi8sky_u4P44TuoNEI9L-FwvTNkhrz9iN-9KMnEPM_sALu8myI9wAOovcM_sjsTQ5K99xw9vbnHUjvkhv89OXb1PIxvnjzBokc8Gt8XvY3YAj1W74I6a247PA6C8TowY6o9oZGZPCZpozw1u4m93LXGOq4DFLxO8M09q8iNPFD3gLqnSHS9c7lBvECjdLwjNN08FbgrPbdvfzzNrbC9Dfv_u07dSzygvro9PVl7vJqhpzw7fyS8zzrbuvxAiztVawE9O9m0u94jtjwghaW7I-mkPecxb7z4_NA9JVlOOovNfTyfiVW8F00iPd28J7yzze29GboovbQB2LvQtAQ-sOLUPH7dLzvAy2y9ZUq1vG8WDDyhDsA98uN5PKjSA7zgTde9PisEve018zq1SAO8zZWBPNXHqjvAJqs8LQ8MvFr3rDurqMu8b5jNvNVVOboDSEi8rAFKPTxYtToCPrk9OatvvVTt9jhnW4I9zksKPSrYYbk-YUQ95wN9vSeWvbg_3pI7EAjPPPPE1rhNLZs8iXAdPTg23Tg_Y1C97e17vQ_KOLfYAow8g2jNvS4kwrhAuCe9432mPNyBIjpgbP45GAdXvRFi2ze273a8I9cNvVy9JLnWtew8lgIYPJvDgDlYv-O8ba9gvCPTiji_B5S8IqqLvLJFBrmh5a-8VE0VvbUYMbgUkoy8Qx9MvR_RbzdwJ8-6Un2nvLArkrdzGAY8TpY_Pdbckzdracm8One7PIrCw7cu4kC9juHWPDfdI7nEfxW9NJUvPSiIETgXePi81o3XPTjUujjJeXq94oEWPFnNZTg2XAS9V67Yu_h2r7jV12m90THBPWWuizdCzIo8iupIveHpw7WJL268tMfLvTz7hTj801c9NCE3vX-OMbeTTY49o1zaPVMdBjgjOU88OqHhPGsk0bfTM4g9hQv5vEB6JLgdo8a9dtQiPRVg47h6U5G82dX_PC8FBbkGoXy9YByBPGF8tTdN7VY8ySGivZUuHbggADgTQAlIbVABKnMQABpgR-UAJeIQ8xwEGAsV1LcC2e_s0RXDOv_v2P_6K6kR-9bwngYf_yboAhWaAAAAIhLzGeYAKX8U6RMPzQwsuqEBAxtICQP1qgkRMdK7Nt8EDuQd7A4DABa5okEdAvQmYOfsIAAt0J8dOzgTQAlIb1ACKq8GEAwaoAYAABjCAAAgwQAAMEEAABjCAAAwQQAAgEAAAHBCAABAwQAAUMEAAAAAAACmQgAA8sIAANDBAACQwQAAYEIAAMDAAAAAQAAAVMIAAEBAAAAIwgAAEMEAAFTCAAAgQQAAmEEAAEDAAABIwgAA2MEAAI7CAADIQQAAwMEAAGjCAADQQgAA4MEAALjBAAB8wgAAIMIAAAAAAACiQgAAsMEAAEBAAACAvwAAIEIAAGRCAABoQgAAQMEAAADCAABAwgAAuMEAAIhCAAA8wgAAQEAAAJjBAACIwQAABEIAAOBAAAD4wQAAAMMAANBBAAAQwgAAGEIAAKBBAACYQQAA0EEAAKbCAAAgwQAAaMIAADDBAABkwgAAhMIAAABAAAAAQAAAYEIAACDCAAAwQgAAbEIAAADAAAAQQQAAMEIAAMBAAABQwQAAQMIAAKDAAADYQQAAWEIAAIjBAAAAQgAAkkIAABxCAACoQQAApsIAAIBBAAC4QgAAAMIAAFDBAAAAwQAANMIAAJDCAABwQQAAPEIAANjBAACgwAAAgL8AALBBAACawgAARMIAACBBAABAQAAAIEIAAHBBAABAQgAAgEIAAHBBAAAswgAAYMEAABhCAADwQQAAoMEAACBBAACAwQAAwEEAAJDBAADIwQAAJMIAAEDBAACQQgAAEEEAAEzCAACQQQAAoMEAAGDBAACAwQAAUEEAAFDCAAAswgAAYEEAAIhBAAD4wQAAPEIAAEjCAACuwgAA-EEAAIDAAADQwQAAoMIAAERCAAAAwQAA4MAAADBCAAD4wQAA6EEAAIC_AADgQQAALEIAADjCAACgwQAA2MEAAGBBAAA8wgAASMIAADRCAABAwgAAuEEAAABAAAAAwQAApMIAAEBAAAAoQgAAokIAAKBBAACwQQAAMEEAAIBBAAD4wQAAJMIAAOhBAABkQgAAuMEAABTCAACIQQAA6EEAAERCAABwwQAAoMAAAGxCAAAwQgAAqMEAAGDCAAA4QgAAFMIAAMjBAABswgAAIMIAAMDAAAAAwgAAgEAAAABAAADAQQAA8EEAAFDBAAB8wiAAOBNACUh1UAEqjwIQABqAAgAAir4AADC9AADYPQAATD4AABy-AACqPgAA-L0AACO_AAAHvwAAgDsAAFC9AAAkPgAAkr4AABS-AADovQAAXL4AAOg9AACYvQAAiL0AAAk_AAB_PwAAcD0AAKi9AAAMvgAA2D0AAMi9AAAEPgAA6L0AAFS-AACIPQAAXD4AAMI-AAAwPQAABD4AALI-AABwPQAAJD4AAKa-AABsvgAAPL4AAOA8AACSvgAA2j4AANi9AACqPgAAQDwAACS-AADIPQAAbL4AANa-AAC4vQAA6L0AAKC8AACYPQAAFL4AAIC7AAAvPwAA2D0AABw-AACgPAAAgj4AAGQ-AADoPQAApj4gADgTQAlIfFABKo8CEAEagAIAAAS-AAD4vQAAgDsAABW_AAAUPgAAHD4AAOA8AAAwPQAAVL4AAHA9AABkvgAAML0AACQ-AAB0vgAAyD0AAHC9AABAvAAAUT8AANg9AACuPgAA6L0AAIC7AABMPgAAoLwAAFC9AACCvgAAED0AABA9AACYPQAA4LwAAHA9AABwPQAAgDsAAFC9AABcPgAARL4AAGQ-AADIPQAAfL4AAGw-AAAEPgAAuL0AAMi9AADgPAAAuL0AAFC9AAB_vwAANL4AAIi9AABMPgAATD4AABy-AABQPQAAUD0AAIo-AADgPAAAgLsAABA9AACovQAAUD0AANg9AACqPgAA4LwAAIK-IAA4E0AJSHxQATAJOAFKAFIJCA8QkgIYADABYABoAA,,\"}","related_url":"http://www.youtube.com/watch?v=bxmDnn7lrnk","parent-reqid":"1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1920,"cheight":1080,"cratio":1.77777,"dups":["12730427678377934191","16072816005155981577"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":false,"contentTypeId":null,"censored":false,"censoredShock":false,"isShockDoc":false,"videoContentId":"1198376595"},"16565250737612061335":{"videoId":"16565250737612061335","docid":"34-6-11-Z4E71478EABC649E8","description":"Tailwind CSS Full Course for Beginners (3 Hours) | Learn Tailwind CSS with Project in 2025 🔴 To learn Mern Stack Devlopment online with regular LIVE Classes, enroll now...","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/4590953/fca5810865821c66ef6daa198fb179b7/564x318_1"},"target":"_self","position":"13","reqid":"1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL","summary":{"fullTextUrl":"/int_search_summary?data=http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DBTyDQRil9s4","linkTemplate":"/video/preview/16565250737612061335?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=%%timestamp%%&ask_summarization=1"},"isAdultDoc":false,"relatedParams":{"text":"Tailwind CSS Full Course for Beginners (3 Hours) | Learn Tailwind CSS with Project in 2025","related_orig_text":"Tailwind","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"Tailwind\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=BTyDQRil9s4\",\"src\":\"serp\",\"rvb\":\"EqsDChMyOTc5NzI0Njg5MzA1NDYyMDAzChQxNTM0MjEwNDI1OTIxNDMxNzE2MAoTOTM5MTkzOTc4MTIwMzAzNDkxNgoUMTY5NzA0MDMzMTIxNzgyMjg4NTkKEzg5NzcyMDEwNDA3OTYxODM3MTYKFDEzNTExNjYyMDQwODgyNTU1MDIzChE3NzkzNjE3OTk3Mjg0ODQ5NAoSNzg5NjU1Nzk5NjA2ODczMDY5ChM1NDcxNjExMzgzMTkyOTcwMzE0ChQxNjA3MjgxNjAwNTE1NTk4MTU3NwoUMTY1NjUyNTA3Mzc2MTIwNjEzMzUKEzc4NjA2MDUzNDU4NDY3NDU5MjkKEzQ0ODgyNDI0MDM4OTY4MzI4MzUKFDEwNDk4MDkzNTYyOTg5MjkxNjgyChMyOTkzNjk4MjUzMjgxNTY2NjU3ChQxMDA5OTYwOTM3MTM5NzE3MTgxMwoTODMxNDE3Mjk4MjQ0MTAyODE3NwoUMTQ2NDU5MjA3MzI2MDk1Nzg4MjkKFDEzNTAyNzUwODcxMDM1ODU3ODA3ChQxNjY2Nzg3NjQxMzAxNDY3MjkxMRoWChQxNjU2NTI1MDczNzYxMjA2MTMzNVoUMTY1NjUyNTA3Mzc2MTIwNjEzMzVqrg0SATAYACJEGjAACiloaGl5bmNidHNienJrZ3ZoaFVDMFQ2TVZkM3dRREI1SUNBZTQ1T3hhURICABEqEMIPDxoPPxPBY4IEJAGABCsqiwEQARp4gfsEAQL-AwD1CAD9DAL-APv8BP36_f0A5QDxCQD9AQAPBwoB-wAAAAXy-gP7AAAA9vj___P_AQD5Dfn8BAAAAAT5BQD-AAAADAEBAf8BAAD49_f9A_8AAP_7A_8AAAAA-AoH-_v_AAASAu8DAQAAAAcC8g0AAAAAIAAtnXXbOzgTQAlITlACKnMQABpgJAoAE_UPGOsJF-_y3MEIE-II4fjHAf8M0QABEM0O-ef8ywvy_xLKEhW7AAAAKzTuJgcA61T91w4C_wAMyLL47Cx_zwzz-_wMBd0GF_gcO_QVDi8xAADvDgP6w_NEEA_3IAAtnARMOzgTQAlIb1ACKq8GEAwaoAYAAFhCAAC4QQAAEEIAABTCAACgwAAA8EEAAEDBAADAQAAACMIAAODAAADgQQAAcMIAAKDCAAAEwgAAREIAAEzCAADAQQAAaMIAALjBAACAQQAADMIAAILCAACGQgAAWEIAAOBBAADgQAAADMIAACDCAABQQQAAyEEAAFjCAACiQgAASMIAAADBAABYwgAAFMIAAEBAAAC6QgAAUMEAAJhBAACwQQAAUEEAAJpCAAAEQgAAYEEAAGTCAAAAwAAA4MAAAI5CAADgQAAAOMIAAIDBAADYwQAA8MEAALBBAAAwQQAAqsIAAKjBAABEwgAAgD8AAPBBAAAAAAAAAAAAABDCAACgQQAA0EEAAIDAAACAvwAAEMIAAFjCAACcQgAA2EIAAMDBAACIQQAADMIAALDBAABQwgAAREIAANBBAADCwgAAsMIAAHDBAACaQgAAREIAABTCAAAAAAAAgMAAALjBAABAQQAABEIAACjCAAAwQgAAsMEAAATCAACIQQAAUMIAAGTCAADAQQAAmEEAAPjBAABwwQAAAEEAAIhCAACgwgAAJMIAABRCAADgQQAAVEIAAEBBAABgQQAAMEIAAHDCAABYwgAAwEEAABRCAACYwQAAAMEAAKjBAABAwgAAMMEAAIA_AAAIwgAAOMIAAIBBAACoQQAAcEIAANDBAADowQAAcMEAABjCAADwwQAAAEIAAHBBAACAvwAAtEIAAFhCAAAMwgAAIEEAAGTCAAAowgAAMEEAAHjCAACSwgAA-MEAADhCAABwQQAAdMIAABRCAAAQQQAA4EAAAIhBAADAQAAAgD8AAATCAAD4QQAANMIAAABAAAAkwgAAgEAAABxCAADIwQAATEIAAADCAACAQAAAKMIAAABBAACAQgAAkkIAAMpCAACwwQAAqMEAAKBBAACAwQAAlsIAAIC_AADAQQAAwMAAACzCAABYQgAAUMEAAOBAAADowQAAQMEAADDBAABEQgAAPEIAAFjCAABIQgAAiEEAAJBBAABIwgAAKMIAAFBBAADgwAAAAMAAAAzCAAAAwAAAYEEAAKBBAACYwiAAOBNACUh1UAEqjwIQABqAAgAA-r4AAKg9AACKPgAAZD4AALg9AADWPgAAiD0AACu_AACWvgAAfL4AANg9AADYvQAADD4AAEC8AACYPQAAmr4AAHQ-AAAwvQAA4DwAAOI-AAB_PwAAHD4AACQ-AACgvAAAnj4AABA9AAD4PQAAyL0AAKA8AAAUPgAAmj4AABw-AABQPQAAcD0AADQ-AADoPQAAQLwAADS-AADuvgAAir4AAGS-AAD4vQAAHD4AABy-AAAMPgAAfD4AAKY-AAC4vQAAXL4AAMa-AAD4vQAANL4AAGw-AADgPAAAqL0AAOC8AABDPwAAMD0AAGQ-AAAsPgAAmD0AADy-AACgvAAAmj4gADgTQAlIfFABKo8CEAEagAIAAFS-AACOvgAAqL0AADW_AADgPAAAuD0AAIg9AABQPQAApr4AADA9AACYvQAAgLsAABC9AACCvgAAcL0AAIA7AAD4vQAAUT8AALg9AABUPgAABD4AAIC7AACYPQAAUL0AAMi9AAAEvgAAgr4AAFA9AACgPAAAgLsAABw-AACAOwAAMD0AAPi9AADOPgAATL4AAIo-AACgPAAAur4AABw-AACmPgAA6L0AAIi9AABAvAAAQDwAABC9AAB_vwAAuL0AAMg9AAAEvgAAnj4AAOi9AAAcPgAAED0AAIo-AAAQPQAA4LwAAFA9AAAwPQAAML0AAMg9AACaPgAAJL4AABy-IAA4E0AJSHxQATAJOAFKAGAAaAA,\"}","related_url":"http://www.youtube.com/watch?v=BTyDQRil9s4","parent-reqid":"1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1280,"cheight":720,"cratio":1.77777,"dups":["16565250737612061335"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":false,"contentTypeId":null,"censored":false,"censoredShock":false,"isShockDoc":false},"7860605345846745929":{"videoId":"7860605345846745929","docid":"34-0-17-Z5FAEE6E8A9F055F0","description":"#tailwindcss #tailwindcss4 #cssframework 🔗 Visit Our Tech Learning Platform: https://www.codeandcreate.dev Discover everything new in Tailwind CSS 4.0 in this comprehensive crash course!","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/3905112/1f3711c504c103d54e9d3507cf8bd804/564x318_1"},"target":"_self","position":"14","reqid":"1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL","summary":{"isFull":true,"fullTextUrl":"/video/result?ask_summarization=1&numdoc=1&noreask=1&nomisspell=1&parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=videoid:7860605345846745929","teaser":[{"list":{"type":"unordered","items":["Bu video, George ve arkadaşı Lasha tarafından Code and Create YouTube kanalında sunulan, Tailwind CSS 4'ün yeni özelliklerini ve güncellemelerini detaylı şekilde inceleyen bir eğitim içeriğidir.","Video, Tailwind CSS 4'ün yüksek performans motoru, kurulum adımları ve CSS-based yapılandırma gibi temel özelliklerinden başlayarak, utility directive, responsive tasarım özellikleri, 3D transform API'leri, genişletilmiş gradient API'leri, Inset Shadow ve Inset Ring utilities, modernized P3 renk paleti ve OKLCH renk uzayının avantajları gibi yeni özelliklerin kod örnekleri üzerinden adım adım gösterilmesini içermektedir.","Eğitim, özellikle React projesinde Tailwind CSS 4'ün nasıl kurulacağı, tema değişkenlerinin nasıl tanımlanacağı ve kullanılabileceği konusunda pratik bilgiler sunmaktadır. Her özellik için tarayıcıda gösterilen sonuçlar ve görsel açıklamalar da videoda yer almaktadır."]},"endTime":3063,"title":"Tailwind CSS 4 Kapsamlı İncelemesi ve Eğitimi","beginTime":0}],"fullResult":[{"index":0,"title":"Tailwind CSS 4.0 Tanıtımı","list":{"type":"unordered","items":["Tailwind CSS 4.0, geliştirme sürecini hızlandırmak, daha verimli ve keyifli hale getirmek için tasarlanmış büyük bir güncellemedir.","Bu video, Tailwind CSS 4.0'un sunduğu tüm yeni özellikler, optimizasyonlar ve araçları kapsamlı bir şekilde inceleyecektir."]},"beginTime":0,"endTime":24,"href":"/video/preview/7860605345846745929?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=0&ask_summarization=1"},{"index":1,"title":"Code and Create Kanalı Hakkında","list":{"type":"unordered","items":["Code and Create kanalı, web geliştirme ve tasarım konusunda premium içerik sunan ücretsiz bir platformdur.","Kanal, hem yeni başlayanlar hem de deneyimli geliştiriciler için dersler sunmaktadır.","İzleyicilerden kanala abone olmaları ve 20.000 aboneye ulaşma hedefine katkıda bulunmaları istenmektedir."]},"beginTime":24,"endTime":64,"href":"/video/preview/7860605345846745929?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=24&ask_summarization=1"},{"index":2,"title":"Tailwind CSS 4.0'un Performans Artışı","list":{"type":"unordered","items":["Tailwind CSS 4.0, tamamen yeniden yazılmış bir framework olup, hız ve verimlilik odaklıdır.","Tam yeniden yapılandırmalar 3,5 kat daha hızlı, artan yapılar ise 8 kat daha hızlı çalışmaktadır.","Bu performans artışı, daha akıcı bir çalışma ortamı, daha hızlı iterasyonlar ve daha fazla tasarım geliştirme zamanı sağlar."]},"beginTime":64,"endTime":101,"href":"/video/preview/7860605345846745929?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=64&ask_summarization=1"},{"index":3,"title":"Tailwind CSS 4.0 Kurulumu","list":{"type":"unordered","items":["Tailwind CSS 4.0'un kurulumu için öncelikle bir React projesi oluşturulmalıdır.","Vit, modern JavaScript projeleri için hızlı ve etkili bir araçtır.","Proje kurulumu için \"npm create vit -template react\" komutu kullanılır."]},"beginTime":101,"endTime":255,"href":"/video/preview/7860605345846745929?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=101&ask_summarization=1"},{"index":4,"title":"Tailwind CSS 4.0'un Kurulumu ve Yapılandırılması","list":{"type":"unordered","items":["Tailwind CSS 4.0, Vit ile entegre olmak için özel bir plugin sunmaktadır.","Kurulum için \"npm install tailwindcss/vit\" komutu kullanılır.","Vit.config.js dosyasında Tailwind CSS plugini eklenerek entegrasyon sağlanır."]},"beginTime":255,"endTime":353,"href":"/video/preview/7860605345846745929?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=255&ask_summarization=1"},{"index":5,"title":"Tailwind CSS 4.0'un Temel Kullanımı","list":{"type":"unordered","items":["Tailwind CSS 4.0'da temel stilleri, bileşenleri ve araçları tek bir satır kodla import etmek mümkündür.","Önceki versiyonlarda ayrı ayrı import edilmesi gereken temel, bileşen ve araç sınıfları artık tek bir satırla kullanılabilir.","Tailwind CSS 4.0'da artık varsayılan app sınıfı kullanılmamaktadır."]},"beginTime":353,"endTime":410,"href":"/video/preview/7860605345846745929?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=353&ask_summarization=1"},{"index":6,"title":"Tailwind CSS 4.0'un Test Edilmesi","list":{"type":"unordered","items":["Tailwind CSS 4.0'un çalışıp çalışmadığı test edilirken, yeni bir React bileşeni oluşturulur.","Bileşene Tailwind CSS utility sınıfları eklenerek basit bir tasarım oluşturulur.","\"npm run dev\" komutu ile geliştirme sunucusu başlatılarak Tailwind CSS 4.0'un çalıştığı kontrol edilir."]},"beginTime":410,"endTime":519,"href":"/video/preview/7860605345846745929?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=410&ask_summarization=1"},{"index":7,"title":"CSS-Based Yapılandırma","list":{"type":"unordered","items":["Tailwind CSS 4.0, JavaScript-based yapılandırma dosyasından tamamen uzaklaşarak CSS-based bir yaklaşım sunmaktadır.","Tema direktifi, CSS içinde özel tema değişkenleri tanımlamayı sağlar.","Özel renk paletleri oluşturulabilir ve bu renkler Tailwind CSS utility sınıfları olarak kullanılabilir."]},"beginTime":519,"endTime":783,"href":"/video/preview/7860605345846745929?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=519&ask_summarization=1"},{"index":8,"title":"Tailwind CSS'in Utility Direktifi","list":{"type":"unordered","items":["Tailwind CSS, mevcut utility sınıflarını genişletme veya yeni utility sınıfları oluşturma imkanı sağlayan güçlü bir utility direktifi sunuyor.","Bu direktif, önceki versiyonlardaki layer direktifine göre daha basit ve odaklı bir syntax sunuyor.","Utility direktifi ile container utility'yi özelleştirmek için \"utility container\" yazıp CSS kuralları eklemek yeterli."]},"beginTime":790,"endTime":857,"href":"/video/preview/7860605345846745929?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=790&ask_summarization=1"},{"index":9,"title":"Utility Direktifinin Kullanımı","list":{"type":"unordered","items":["VS Code, utility bloklarındaki özellikler ve değerler için syntax highlight sunmayabilir, ancak kod hala çalışır ve Tailwind doğru utility sınıflarını oluşturur.","Utility direktifi, gereksiz boilerplate olmadan sadece belirli bir utility sınıfını özelleştirmeyi sağlar.","Projede container utility'yi özelleştirdiğinizde, değişiklikler hemen yansır ve proje daha düzenli ve verimli hale gelir."]},"beginTime":857,"endTime":938,"href":"/video/preview/7860605345846745929?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=857&ask_summarization=1"},{"index":10,"title":"Tailwind CSS 4'ün Default Stil Değişiklikleri","list":{"type":"unordered","items":["Tailwind CSS 4, tasarımları daha sezgisel ve esnek hale getiren birkaç değişiklik sunuyor.","Borders artık varsayılan olarak \"current color\" kullanarak elementin metin rengini otomatik olarak miras alıyor.","Placeholder text artık varsayılan olarak metin rengini miras alıyor ve %50 opaklık ile uygulanıyor."]},"beginTime":938,"endTime":1180,"href":"/video/preview/7860605345846745929?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=938&ask_summarization=1"},{"index":11,"title":"Content Detection ve Kaynak Direktifi","list":{"type":"unordered","items":["Tailwind CSS 4'te içerik tespiti otomatik olarak gerçekleşiyor, böylece manuel yapılandırma gereksinimi azalıyor.","Gitignore dosyaları varsayılan olarak işleniyor, böylece performans optimize ediliyor.","Kaynak direktifi ile manuel olarak kaynak dosyaları tanımlayabilirsiniz, örneğin \"source node-modules\" ile üçüncü parti kütüphane dosyalarını tarama yapabilirsiniz."]},"beginTime":1180,"endTime":1298,"href":"/video/preview/7860605345846745929?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=1180&ask_summarization=1"},{"index":12,"title":"Plugin Direktifi","list":{"type":"unordered","items":["Plugin direktifi, Tailwind CSS'i üçüncü parti özelliklerle (animasyon, yazı tipi iyileştirmeleri, özel bileşenler) kolayca genişletmenizi sağlıyor.","Plugin direktifi ile pluginleri doğrudan CSS'de etkinleştirebilirsiniz, böylece yapılandırma dosyaları arasında juggling yapmanıza gerek kalmıyor.","Örneğin, Tailwind CSS Animate pluginini kullanarak butonlara animasyon ekleyebilirsiniz."]},"beginTime":1298,"endTime":1422,"href":"/video/preview/7860605345846745929?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=1298&ask_summarization=1"},{"index":13,"title":"Native Container Queries","list":{"type":"unordered","items":["Tailwind CSS 4'te native container queries özelliği, elementleri sadece viewport yerine ebeveyn konteynerin boyutuna göre stilize etmenizi sağlıyor.","Container queries, medya sorgularına alternatif olarak, özellikle karmaşık düzenlerde ve yeniden kullanılabilir bileşenlerde daha esnek tasarım imkanı sunuyor.","Örneğin, container query'leri kullanarak grid düzenlerinde sütun sayısını konteyner boyutuna göre dinamik olarak ayarlayabilirsiniz."]},"beginTime":1422,"endTime":1566,"href":"/video/preview/7860605345846745929?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=1422&ask_summarization=1"},{"index":14,"title":"Tailwind CSS Grid Layout Özellikleri","list":{"type":"unordered","items":["Tailwind CSS'te grid layout, büyük konteynerlerde dört sütun, orta boyutlarda iki sütun ve küçük boyutlarda tek sütun olarak otomatik olarak ayarlanır.","Grid layout, konteyner genişliği belirli breakpointleri geçtiğinde otomatik olarak dinamik olarak ayarlanır.","\"max\" varyantı, konteyner genişliği belirli bir breakpointten küçük olduğunda belirli stil uygulamalarını sağlar."]},"beginTime":1574,"endTime":1738,"href":"/video/preview/7860605345846745929?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=1574&ask_summarization=1"},{"index":15,"title":"Min ve Max Variantların Kullanımı","list":{"type":"unordered","items":["Min ve max varyantları birlikte kullanılarak, konteyner genişliği belirli bir aralıkta olduğunda özel stil uygulamaları yapılabilir.","Bu varyantlar, responsive tasarımlarda daha hassas kontrol sağlar.","Örneğin, bir element sadece belirli bir aralıkta (MD ve XL breakpointleri arasında) gizlenebilir."]},"beginTime":1738,"endTime":1877,"href":"/video/preview/7860605345846745929?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=1738&ask_summarization=1"},{"index":16,"title":"3D Transform API'leri","list":{"type":"unordered","items":["Tailwind CSS 4, 3D dönüşüm API'leri sunarak rotasyonlar, ölçeklendirmeler ve çeviriler gibi görsel efektler oluşturmayı sağlar.","\"rotate-x\", \"rotate-y\", \"scale-z\", \"translate-z\", \"perspective\" ve \"transform-style\" gibi yeni 3D dönüşüm sınıfları mevcuttur.","Bu API'ler, perspektif ve 3D dönüşüm stilini kontrol ederek etkileşimli ve gerçekçi tasarımlar oluşturmayı sağlar."]},"beginTime":1877,"endTime":2177,"href":"/video/preview/7860605345846745929?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=1877&ask_summarization=1"},{"index":17,"title":"Genişletilmiş Gradient API'leri","list":{"type":"unordered","items":["Tailwind CSS 4, daha esnek ve yaratıcı gradient tasarımları için genişletilmiş gradient API'leri sunar.","\"bg-linear-45\" gibi yeni sınıflar, 45 derece açıda diagonal gradientler oluşturmayı sağlar.","\"bg-conic-180\" ve \"bg-radial\" gibi sınıflar, konik ve radyal gradient efektleri oluşturmayı sağlar."]},"beginTime":2177,"endTime":2432,"href":"/video/preview/7860605345846745929?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=2177&ask_summarization=1"},{"index":18,"title":"Radial Gradient Kullanımı","list":{"type":"unordered","items":["Radial gradient, renklerin merkezden dışa doğru geçiş yapmasını sağlar ve linear veya rotational pattern yerine farklı bir etki yaratır.","Sarı 500'den kırmızı 500'e geçiş yapan bir gradient, merkezde sarı ile başlayıp dışa doğru kırmızıya geçerek bir parlayan ışık etkisi oluşturur.","Radial gradients, conic gradientlere göre daha fazla derinlik ve merkez odaklı bir etki yaratır."]},"beginTime":2445,"endTime":2498,"href":"/video/preview/7860605345846745929?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=2445&ask_summarization=1"},{"index":19,"title":"Tailwind CSS 4'teki Yeni Shadow ve Ring Özellikleri","list":{"type":"unordered","items":["Tailwind CSS 4'te tanıtılan in-set shadow ve in-set ring özellikleri, tasarımcıların elementlerin sınırları içinde gölge ve halka efektleri eklemesini sağlar.","In-set shadow sm, elementin içine yumuşak bir gölge ekler ve in-set shadow amber 500, bu gölgenin rengini amber olarak ayarlar.","In-set ring 4, elementin etrafına 4 piksellik bir halka ekler ve in-set ring amber 500, bu halkanın rengini amber olarak ayarlar."]},"beginTime":2498,"endTime":2690,"href":"/video/preview/7860605345846745929?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=2498&ask_summarization=1"},{"index":20,"title":"Borders ve Rings Arasındaki Farklar","list":{"type":"unordered","items":["Borders, elementin boyutunu etkileyen ve doğrudan kenarlarına yerleştirilen özelliklerdir.","Rings, elementin boyutunu etkilemeyen ve genellikle vurgu veya odaklama göstergeleri olarak kullanılan dış özelliklerdir.","Bu yeni özellikler, tasarımcıların derinlik ve vurgu eklemek için esneklik sağlar."]},"beginTime":2690,"endTime":2739,"href":"/video/preview/7860605345846745929?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=2690&ask_summarization=1"},{"index":21,"title":"Modernleştirilmiş P3 Renk Paleti","list":{"type":"unordered","items":["Tailwind CSS 4'teki modernleştirilmiş P3 renk paleti, renklerin daha parlak ve doğru bir şekilde işlenmesini sağlar.","Bu palet, geleneksel RGB veya sRGB renk uzaylarından OKLCH (perceptual renk uzayına) geçiş yaparak daha doğal ve uyumlu renk temsilleri sunar.","Bu değişiklik, görsel estetik üzerinde olumlu etki yaratırken, geliştiriciler için daha basit bir çalışma ortamı sağlar."]},"beginTime":2739,"endTime":2816,"href":"/video/preview/7860605345846745929?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=2739&ask_summarization=1"},{"index":22,"title":"Not Variant Özelliği","list":{"type":"unordered","items":["Not variant, Tailwind CSS'in utility-based stilini genişleten ve belirli elemanları veya koşulları açıkça dışlamayı sağlayan bir özelliktir.","Bu özellik, CSS'in not pseudo sınıfını kullanarak, belirli bir sınıf, tür veya duruma sahip olmayan öğeleri stillemeyi kolaylaştırır.","Not variant, tasarımcıların belirli öğeleri vurgulamak için karmaşık seçiciler veya ek koşullar kullanmadan, minimal çaba ile görsel hiyerarşi oluşturmasını sağlar."]},"beginTime":2816,"endTime":2994,"href":"/video/preview/7860605345846745929?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=2816&ask_summarization=1"},{"index":23,"title":"Tailwind CSS 4'ün Özeti","list":{"type":"unordered","items":["Tailwind CSS 4, hızlı performans sunan yeni bir motor, CSS-based bileşenler, genişletilmiş gradient API'leri ve modernleştirilmiş P3 renk paleti gibi güçlü özellikler sunar.","Bu güncelleme, utility-first CSS'in ne olabileceğini yeniden tanımlar.","Ayrıca, yeni varyantlar, container sorguları ve yenilikçi tema ve utility direkt gibi özellikler de incelenmiştir."]},"beginTime":2994,"endTime":3046,"href":"/video/preview/7860605345846745929?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=2994&ask_summarization=1"}],"linkTemplate":"/video/preview/7860605345846745929?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=%%timestamp%%&ask_summarization=1"},"isAdultDoc":false,"relatedParams":{"text":"Tailwind CSS 4.0 Crash Course: Full Overview of New Features and Updates | Tailwind CSS v4.0 Guide","related_orig_text":"Tailwind","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"Tailwind\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=7IK9j9-H0vQ\",\"src\":\"serp\",\"rvb\":\"EqsDChMyOTc5NzI0Njg5MzA1NDYyMDAzChQxNTM0MjEwNDI1OTIxNDMxNzE2MAoTOTM5MTkzOTc4MTIwMzAzNDkxNgoUMTY5NzA0MDMzMTIxNzgyMjg4NTkKEzg5NzcyMDEwNDA3OTYxODM3MTYKFDEzNTExNjYyMDQwODgyNTU1MDIzChE3NzkzNjE3OTk3Mjg0ODQ5NAoSNzg5NjU1Nzk5NjA2ODczMDY5ChM1NDcxNjExMzgzMTkyOTcwMzE0ChQxNjA3MjgxNjAwNTE1NTk4MTU3NwoUMTY1NjUyNTA3Mzc2MTIwNjEzMzUKEzc4NjA2MDUzNDU4NDY3NDU5MjkKEzQ0ODgyNDI0MDM4OTY4MzI4MzUKFDEwNDk4MDkzNTYyOTg5MjkxNjgyChMyOTkzNjk4MjUzMjgxNTY2NjU3ChQxMDA5OTYwOTM3MTM5NzE3MTgxMwoTODMxNDE3Mjk4MjQ0MTAyODE3NwoUMTQ2NDU5MjA3MzI2MDk1Nzg4MjkKFDEzNTAyNzUwODcxMDM1ODU3ODA3ChQxNjY2Nzg3NjQxMzAxNDY3MjkxMRoVChM3ODYwNjA1MzQ1ODQ2NzQ1OTI5WhM3ODYwNjA1MzQ1ODQ2NzQ1OTI5aq4NEgEwGAAiRBowAAopaGhsdWF5anV5YWl0cGx0aGhVQ3RPbW1DM1o4V1NuNDVWZ1RBS0JIaEESAgARKhDCDw8aDz8T9xeCBCQBgAQrKosBEAEaeIEI_AQM_gIA6wUH_QMAAAAbBhD89QMDANYD9AUG-AQA_P8IAwEAAAAE-AgEAAAAAPjt9P36_gAA_gb8_wQAAAAE__0CAgAAAPoFBP__AQAA8QT7_QMAAAD-_goB_wAAAAkCCP8CAAAAB_v8BgAAAAD9_PYOAAAAACAALS1p2js4E0AJSE5QAipzEAAaYEHsACntAQ72DQ8Oy9LICyDVCujR0gf_Obb_2CfV-RHfF6_zFwAPwCkdnQAAABk37TPKAPJxGu7x-twn_7POEO1Df7sL1sP5ESwH_Ry9IS0ADxJMEwAf0fUg-NbwWCkf2CAALdgjHzs4E0AJSG9QAiqvBhAMGqAGAACgwQAAyMEAAHBBAACAwQAAoMAAAMhBAACAQgAADEIAAHjCAAAgwQAANEIAAMTCAACQwgAATMIAAIZCAADowQAAgMAAAJDCAADIwQAAEEEAAGBBAADIwgAAsMEAAIC_AABAwAAAEMEAAFTCAACAvwAAQEEAAMDBAAB8wgAAlkIAAITCAACwQQAAEMEAAIC_AABAQgAArEIAADDBAAAAwAAAEEIAALBBAAB8QgAAIEIAADBCAAAcwgAA2MEAAEzCAABUQgAAUMIAAMDAAACYwQAAMMEAAAjCAACQQQAAGEIAAPjCAADoQQAAkEEAAJhCAABEQgAA4EEAAEBAAACGwgAAyMEAAKDAAAAUQgAAgD8AAMjBAAAAQQAA0EEAAEBCAAAYwgAAsEIAAFDBAACAPwAAiEEAADRCAABAwQAAhMIAADjCAABQwQAAGEIAAABCAABAwgAAQMAAANhBAAAAQAAAQMAAALjBAACwwQAAWEIAAMBAAABwwQAAEMEAAGjCAABYwgAABEIAANBBAAAwwQAAAEAAAIA_AACYQQAAAMIAAGDCAADgwAAA8MEAAKBBAACCQgAAcEEAALBBAAAAwAAAXMIAADzCAAAcQgAAmEEAAIA_AAA0wgAAgEEAAFxCAADowQAAQEAAAHTCAABYwgAAvkIAACxCAAAEwgAAAMEAAATCAACwwQAAAEAAALhBAADAwAAA4EEAAKDAAACQQQAAlMIAAIA_AADAwQAAaMIAAAAAAABgQQAAIMIAAIDBAACAQgAA2EEAAARCAABYQgAAiMEAADRCAAAkQgAAIMEAAEDAAABwwgAAEEEAAOjBAACgQQAAusIAAATCAABMQgAAoEAAABxCAABAwQAA2MEAAIzCAAAswgAAMEIAAGRCAAAUQgAAMEIAAFDBAABQwQAAhsIAAHTCAAAAQQAAEEEAAEDCAACMwgAAAEIAAIJCAAAkwgAAEEEAAOhBAADgwAAAcEIAAEDAAABEwgAAlkIAAPDBAABAwgAAoMAAAPjBAAAwQQAA4EEAALDBAADgwAAAQEAAAFxCAAD4wQAAnMIgADgTQAlIdVABKo8CEAAagAIAAKq-AABEPgAAfD4AADw-AAC4vQAAtj4AAGy-AABbvwAAdL4AAJa-AAAkPgAAZD4AAIA7AADIvQAAZL4AANK-AAB0PgAAQLwAAKA8AAAtPwAAfz8AABw-AABAPAAAUL0AAKo-AABwPQAA4LwAAFC9AAAkvgAAED0AAEQ-AAAcPgAAoLwAAFQ-AAC2PgAAMD0AAIg9AACWvgAAJL4AALi9AAAEvgAARL4AAAw-AAAwPQAA-D0AAMg9AAAQPQAAFD4AAFS-AAAUvgAAmD0AAIi9AAAUvgAAVD4AAJg9AAAwvQAAPz8AAAQ-AADIvQAAyL0AACw-AADIvQAAoDwAAJ4-IAA4E0AJSHxQASqPAhABGoACAAB0vgAAqL0AAEC8AAAHvwAAMD0AAFA9AAAQPQAAyD0AAI6-AADIPQAANL4AAIA7AABQPQAAmr4AAKA8AADgvAAAir4AAFc_AACYPQAAVD4AAEQ-AACIvQAAqD0AABC9AAAMvgAARL4AAJa-AADoPQAAqL0AAHC9AAAEPgAAQDwAADA9AACYPQAAAz8AAIK-AAD2PgAAoLwAAMq-AABcPgAATD4AANi9AAAcvgAAED0AAHA9AABwvQAAf78AAAS-AADgvAAATL4AAFw-AADIvQAAfD4AADA9AACmPgAAiD0AAHC9AAD4vQAAcD0AAFA9AACAuwAA8j4AAAS-AABsviAAOBNACUh8UAEwCTgBSgBgAGgA\"}","related_url":"http://www.youtube.com/watch?v=7IK9j9-H0vQ","parent-reqid":"1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1280,"cheight":720,"cratio":1.77777,"dups":["7860605345846745929"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":true,"contentTypeId":null,"censored":false,"censoredShock":false,"isShockDoc":false},"4488242403896832835":{"videoId":"4488242403896832835","docid":"34-9-1-ZC5A70A717129364E","description":"Here's my full Beginner Tailwind course. Hope you enjoy it. Happy Tailwinding! X: https://x.com/chris__sev Course: https://BeginnerTailwind.com CodePen Template: https://codepen.io/chris...","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/4429386/f33707d1f712d5737b383fffadcf8a9a/564x318_1"},"target":"_self","position":"15","reqid":"1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL","summary":{"fullTextUrl":"/int_search_summary?data=http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DwEM5NdJ-8HY","linkTemplate":"/video/preview/4488242403896832835?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=%%timestamp%%&ask_summarization=1"},"isAdultDoc":false,"relatedParams":{"text":"Beginner Tailwind [FULL Course]","related_orig_text":"Tailwind","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"Tailwind\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=wEM5NdJ-8HY\",\"src\":\"serp\",\"rvb\":\"EqsDChMyOTc5NzI0Njg5MzA1NDYyMDAzChQxNTM0MjEwNDI1OTIxNDMxNzE2MAoTOTM5MTkzOTc4MTIwMzAzNDkxNgoUMTY5NzA0MDMzMTIxNzgyMjg4NTkKEzg5NzcyMDEwNDA3OTYxODM3MTYKFDEzNTExNjYyMDQwODgyNTU1MDIzChE3NzkzNjE3OTk3Mjg0ODQ5NAoSNzg5NjU1Nzk5NjA2ODczMDY5ChM1NDcxNjExMzgzMTkyOTcwMzE0ChQxNjA3MjgxNjAwNTE1NTk4MTU3NwoUMTY1NjUyNTA3Mzc2MTIwNjEzMzUKEzc4NjA2MDUzNDU4NDY3NDU5MjkKEzQ0ODgyNDI0MDM4OTY4MzI4MzUKFDEwNDk4MDkzNTYyOTg5MjkxNjgyChMyOTkzNjk4MjUzMjgxNTY2NjU3ChQxMDA5OTYwOTM3MTM5NzE3MTgxMwoTODMxNDE3Mjk4MjQ0MTAyODE3NwoUMTQ2NDU5MjA3MzI2MDk1Nzg4MjkKFDEzNTAyNzUwODcxMDM1ODU3ODA3ChQxNjY2Nzg3NjQxMzAxNDY3MjkxMRoVChM0NDg4MjQyNDAzODk2ODMyODM1WhM0NDg4MjQyNDAzODk2ODMyODM1arANEgEwGAAiRhoxAAoqaGhhd2thc3llZGZkc3ZtY2hoVUNtWFZYZmlkTFpRa3BwTFBhQVRjSGFnEgIAEioRwg8PGg8_E4SGAoIEJAGABCsqiwEQARp4gfbw_AID_AAD_wUBDgb-AgIPBvP3__8A5_r7_gT-AQD-_AIE9gEAAPcGAgIAAAAA9v77CPP_AQAYGP36BAAAABX5Cv0BAAAADf4F-f4BAADz5gQJA_8AAAj9FQQAAAAA9gwT-_8AAAD78_8KAAAAAADv-g4AAAAAIAAtXEXKOzgTQAlITlACKnMQABpgMPMADPQdH_sKFAf23dERI_4O7QuvI_8R3wD0GbwAGPTss-T0AAizLASoAAAALzzY5u4A7GkT5SAGEyIS06Ub0z1_7v7HLQQQGNS__-EDDxsXK2kOABfnBf4N0hNBPxvxIAAtrkQpOzgTQAlIb1ACKq8GEAwaoAYAABBCAAAIQgAAikIAAMBAAABoQgAAYMEAAHBBAAAgQQAAisIAAABBAABYQgAAgMAAAKLCAABAwAAAREIAAKBAAAAgQgAANMIAAABBAAAAwQAAIEEAAOBAAADAwQAAbEIAAMZCAAAYwgAA2MEAAJjCAACGQgAA0EEAAKBBAACGQgAAWMIAAHDBAABEwgAAgMAAAJjBAADkQgAAmMEAAEhCAABgQQAAQEEAAODAAACowQAA6EEAAITCAACKwgAAMEEAALRCAAAQwQAAOMIAAADAAAAQwQAABEIAAOBBAADYwQAA9MIAAEBBAAAIwgAAEEEAAMhBAADgQAAAIMIAAADCAAAAAAAAyMEAAKjBAABgwgAAUMIAAFTCAACKQgAAMEIAAEjCAADgQQAAoMEAAGTCAAA4wgAAAMAAAHxCAABgwQAApsIAAKBBAACgQQAAGEIAAJBBAACcQgAAEMEAACxCAABAwQAAZMIAAEDAAAAAAAAACEIAAIjBAAAQwQAADMIAAATCAADwQQAAkEEAADDCAACYwQAAiEIAAGBCAAB8wgAAgL8AAMBAAACWQgAAqEIAAIDBAABIQgAAoMAAAGBBAACwwQAAcEEAAIxCAAAcQgAAPEIAAIC_AACOwgAAKMIAABDBAACwwQAAisIAAEBBAAAkQgAAsEEAAABCAACMwgAAYEEAAPDBAAAIwgAAgEEAAIBAAAC4QQAAAEEAAGzCAAAkQgAAAAAAAHTCAACIwgAAwMAAAKBAAACwQQAAgL8AAMhBAAC4QQAA0MEAAIC_AAAgwQAAXMIAAMBBAADAwAAAMEEAAABAAABgQQAAiMEAAEBBAABAwAAAAMEAAKxCAABkwgAAoEAAAIA_AABAwAAAqMEAAHDBAABkQgAAQEEAAPBBAACowQAAyMEAANBBAADgQAAAAMEAACRCAACAQQAAHEIAAIbCAACCQgAAIMEAAMDAAABAwQAAoMEAAGBBAAA0QgAAHMIAAEzCAAC2QgAAbMIAAEDAAAC0wgAAsMEAAMDAAACowQAAEMEAAMBAAAAgwgAAAEEAADjCAACYwSAAOBNACUh1UAEqjwIQABqAAgAAzr4AAIC7AACuPgAAuD0AADw-AADKPgAA-D0AAA-_AADevgAAoLwAAO4-AAB8PgAAQLwAAHy-AADoPQAARL4AANI-AAAwvQAAXD4AANI-AAB_PwAA-L0AAFQ-AAAUvgAAgj4AAPi9AAAMPgAAUL0AAES-AAAcPgAAuj4AAJ4-AADgvAAA6D0AAGw-AABQvQAARL4AAL6-AAAlvwAAgr4AAFw-AAAZvwAAij4AAOi9AAA0PgAAEL0AABA9AADIPQAAML0AAHC9AADOvgAAnr4AAAQ-AACIPQAA4LwAADw-AAAnPwAAwr4AADw-AAAQPQAAqD0AANg9AACIPQAAdD4gADgTQAlIfFABKo8CEAEagAIAAJi9AABQvQAAUL0AAC2_AADYvQAAMD0AAHA9AADgvAAAZL4AABA9AADIvQAAhr4AAAQ-AABkvgAAmD0AAJi9AABQPQAALz8AAFw-AACiPgAAED0AADA9AAAkPgAAcL0AABC9AAA0vgAAHL4AAHA9AADYPQAAML0AALg9AACgPAAAFD4AAHC9AABMPgAAbL4AAJ4-AAD4PQAATL4AAEw-AACGPgAAoDwAAAS-AACAOwAADL4AAKg9AAB_vwAAiL0AAEC8AABMPgAAlj4AAEy-AAAwvQAAND4AADQ-AACYPQAAcL0AAKg9AAC4vQAAgDsAACQ-AACGPgAAiL0AAPi9IAA4E0AJSHxQATAJOAFKAGAAaAA,\"}","related_url":"http://www.youtube.com/watch?v=wEM5NdJ-8HY","parent-reqid":"1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1280,"cheight":720,"cratio":1.77777,"dups":["4488242403896832835"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":false,"contentTypeId":null,"censored":false,"censoredShock":false,"isShockDoc":false},"10498093562989291682":{"videoId":"10498093562989291682","docid":"34-4-2-Z87F8FCCC8D0FF13C","description":"Hey gang, in this tailwind css tutorial we'lltake a look at how we can customize our tailwind setup using a tailwind config file. 🐱👤🐱👤 JOIN THE GANG - / @netninja...","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/3476669/30552e27914fd4b3f21da6bbd22bc847/564x318_1","videoSrc":"https://video-preview.s3.yandex.net/Z63OKAEAAAA.mp4","videoType":"video/mp4"},"target":"_self","position":"16","reqid":"1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL","summary":{"fullTextUrl":"/int_search_summary?data=http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3D6UVQlB1eo5A","linkTemplate":"/video/preview/10498093562989291682?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=%%timestamp%%&ask_summarization=1"},"isAdultDoc":false,"relatedParams":{"text":"Tailwind CSS Tutorial #5 - Tailwind Config","related_orig_text":"Tailwind","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"Tailwind\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=6UVQlB1eo5A\",\"src\":\"serp\",\"rvb\":\"EqsDChMyOTc5NzI0Njg5MzA1NDYyMDAzChQxNTM0MjEwNDI1OTIxNDMxNzE2MAoTOTM5MTkzOTc4MTIwMzAzNDkxNgoUMTY5NzA0MDMzMTIxNzgyMjg4NTkKEzg5NzcyMDEwNDA3OTYxODM3MTYKFDEzNTExNjYyMDQwODgyNTU1MDIzChE3NzkzNjE3OTk3Mjg0ODQ5NAoSNzg5NjU1Nzk5NjA2ODczMDY5ChM1NDcxNjExMzgzMTkyOTcwMzE0ChQxNjA3MjgxNjAwNTE1NTk4MTU3NwoUMTY1NjUyNTA3Mzc2MTIwNjEzMzUKEzc4NjA2MDUzNDU4NDY3NDU5MjkKEzQ0ODgyNDI0MDM4OTY4MzI4MzUKFDEwNDk4MDkzNTYyOTg5MjkxNjgyChMyOTkzNjk4MjUzMjgxNTY2NjU3ChQxMDA5OTYwOTM3MTM5NzE3MTgxMwoTODMxNDE3Mjk4MjQ0MTAyODE3NwoUMTQ2NDU5MjA3MzI2MDk1Nzg4MjkKFDEzNTAyNzUwODcxMDM1ODU3ODA3ChQxNjY2Nzg3NjQxMzAxNDY3MjkxMRoWChQxMDQ5ODA5MzU2Mjk4OTI5MTY4MloUMTA0OTgwOTM1NjI5ODkyOTE2ODJqkxcSATAYACJFGjEACipoaGRla3dic2Fvc25ibHBkaGhVQ1c1WWV1RVJNbWxucW80b3E4dndVcGcSAgASKhDCDw8aDz8TowWCBCQBgAQrKosBEAEaeIH-_gEI-wUA8f8D__8CAAEO_gYC9wAAAOYA8ggA_QEABQAHBwsBAAAE-AgEAAAAAPH8_QADAAAA-QbwAAIAAAASAAQE_QAAAAT9Cf7-AQAA9v_0AgP_AAD-_gkB_wAAAAsLDvoAAAAAE_f3CAEAAAD98_oEAAAAACAALXmg4js4E0AJSE5QAiqEAhAAGvABVBrn_BHLCQO4Bd0AyQv6_4EiCv484OIA0ObtAeLi7gHY7PYA7AAgANcV6gC9BwH_3O_d_yYaBAD_FAn__fImABz-2gA0zA8BMhv0__Ul4P_zIAn_EPkd_xPE7QAb_9z_GO74_sUA2wDR1ev__wQqADERBQUqEhkBBiwXANgHEgPZ4AUA-RAD_Kf8CP0XHA7_Gf_l_DgJ2gDiBv_8Ifj4CgHxDQLc8xr3BB4QCeX9AvrX_e7_7xkABwMzFP_iGCMBBQsSCxzU__0KChb1L_f1Bf0y-goR_wcNBvnw_dsaAfbu3wD32g_wCuYMGf78G_L7IAAt_yEdOzgTQAlIYVACKs8HEAAawAfvHNK-b-i3PFrHZz3kBUK92_uUPfdCnDz4qA--p_PXPOVeIL2mSD4-nbxIPfiSoTucTZe-6j1cuWSPFrwtCVA-1PhgPOZkGD2Gyt-9X5PaugWl6LyJCxC-Nmquus6P-TsrfXA7IdgHvRgiTD2-S1k-kRzdO6B8izrP3am9A7dpvRGshTwNQcQ8HnAYvd_-XLxngQY-mTM2PUrM2Lzr4LA9f3iMvHwVT7wAOqy9yxTzPG5jvbzIv8W8DkA0OhKOsLsP_I49_IwrPd8g9TxEIL29tGA9vVvVRzkPqbM8j3gJPNhS9juBpcS8YctmPZG0QDyGG7A85FwUvagAmDwNUyu-XLKmO2K6Nbzwiws-8z-zu-I6xjsSvey9hfYAPfRDmTta1wk8MWCJvO6ayjv0NOA9OJPAPXcCUDzgFLG8EU_bvHILpzy6MAI-Zr2YvMw-tLwktfC9WYA7vQ2iWjxngjw9eg27Pd1sYrxf3We87GQVPXL3XjwPttg9XKNvvbDtiDz9xac9cy2avBRefrsrFwo9s_mOPbQwlzvNlUG8U6zgOmxTBrvnzFE9uKCIPVl9HrxM8q09bj6kPBFkzrzxbpu9ycuavV5tAbz4uUs9OA9MPJk57jubyIw8FHGfPKuGWTpHe3c9pXmhvYqc9LvMN7y9CnmOvAjE7zuJz129sNuxOorrnrms2v88EtjBvB1iNDsMc8K80X3zu7Nn6LtwFmU94eMdPRKywbrrY088y8WOvKAXTbsKDYq7iUgovIKFwbkVs3Q9QGCvvY1ifjhmCbw8vXDGOxTvnTpMsy88b_bivPZoxzhDO5c9-vubPZe4MbnvqxI9zqYDvhah1rdEdQm9ZazRvF2EI7kHjyC9ENoBPROlNTksXtE8YA4xPdLsvDmEni09YqlkvcixiLmCqDs9FMpnPNRcJDhIxX-8M4yLvVTfhzlbEQu9UJztvHDTAzmNUY28x5YMvEJxKDh7Zu68eIKYvJCgNbhzGAY8TpY_PdbckzejhsA8lFBVPEJ4UrhkldK7NziRvO83BzhXBvW9cEPsvcwMi7imLhS9J-5CPbpoCbdcADq-ARONvWDzMblpFQK9kLwjvs2DhLhqBay9Nva2uyvapbhKtgq-Z57cvVuW9jhp-Pu8-Ofcu74CzzZDAgY-la2_vDY8GLj3YA09AokhPUHvALjQ5qI9b4uIPeaf0be4cwE9zCuCvS9mdLipa409iwuRPRMnIjgYJzm9lEOlPWWUx7jc8IA97-2BPSgpW7c5Jms9A3eFvQ7uV7ggADgTQAlIbVABKnMQABpgMeoAFNYa4hLTJgUYvqYdzwj_6hqwR__x0P_TILcI6ObQrgQjABfUHwuYAAAAOzP_PtYA-H8OxTD7tcgtnpsD7_tYBfYRxg0OTeK-WQv9FAUVDUECADXTuA4O7Nk9M__0IAAtaUMSOzgTQAlIb1ACKq8GEAwaoAYAAAjCAADAwAAAIEEAABTCAACgQQAA4EAAAFxCAAAgwQAAwMAAAEBAAACWQgAA8sIAAPjBAACIwQAAcEIAAMDAAAAAwAAAaMIAAIBAAAAgwgAAUMEAAFDCAAAwQQAA8EEAAADAAABQwgAAAMIAAJ7CAADAQQAAiMEAAGjCAADEQgAADMIAAKDBAAB0wgAAGMIAAEBAAACeQgAAuMEAAABBAAAAAAAAFEIAAHBCAABkQgAAAAAAAETCAABAwgAAgMEAAJBCAAAowgAAQMAAAEDBAAAwwQAABEIAAGBBAAAAwgAAAMMAAPhBAAAowgAAHEIAANhBAACgQAAAmEEAAK7CAAAAwQAAXMIAAHDBAAB8wgAAeMIAAODAAAAQQQAAREIAADDCAABIQgAAgkIAAMDAAACYQQAAKEIAABBBAAAwwQAAQMIAACDBAADYQQAAZEIAAIDBAAAcQgAAiEIAABRCAAC4QQAArMIAAIhBAACuQgAA4MEAAIjBAACYwQAAFMIAAI7CAACAQQAAYEIAALjBAADgwAAAUEEAALBBAACawgAAOMIAAIDAAADgQAAACEIAAABBAABYQgAAfEIAAJhBAAA4wgAAgMEAAABCAACwQQAAoMEAAKBAAABgwQAA0EEAAGDBAADIwQAAQMIAAIDAAACQQgAAkEEAAFDCAACgQQAAuMEAAJjBAABwwQAAAEEAACjCAAD4wQAAgD8AADBBAAAAwgAAOEIAAFDCAACwwgAA0EEAAABAAADAwQAAosIAAEBCAAAwwQAAEMEAAAxCAADwwQAAyEEAAODAAADQQQAAQEIAABzCAACgwQAAAMIAAEBBAABIwgAAZMIAAFBCAAAowgAAiEEAABBBAAAAwAAAlsIAAMBAAAAgQgAAokIAAKhBAADIQQAAYEEAAMBBAAAEwgAAGMIAAARCAABQQgAAqMEAAADCAACwQQAA4EEAADRCAAAQwQAAgMAAAGhCAABAQgAA4MEAAFDCAAAUQgAA-MEAALDBAABgwgAAGMIAAIBAAAAQwgAAUEEAAAAAAABQQQAACEIAAKDBAACOwiAAOBNACUh1UAEqjwIQABqAAgAArr4AABS-AAAsPgAAcL0AAOA8AACePgAAQDwAACW_AAAJvwAA4LwAAFA9AAB8PgAADL4AAJa-AABsvgAAor4AAIg9AAAwvQAAiD0AAN4-AAB_PwAAJD4AAHA9AABQvQAADD4AAEC8AADYPQAAhr4AAKa-AADYPQAAfD4AAAQ-AAAwPQAAcL0AAGw-AADgPAAA6D0AADy-AAC-vgAANL4AAKC8AACmvgAAbD4AAKi9AABAvAAAuD0AAIA7AACovQAALL4AAHS-AAB0vgAAqL0AABA9AABwvQAA-L0AAHC9AAAHPwAA6D0AAOg9AABMPgAAFD4AAFC9AACAOwAAyj4gADgTQAlIfFABKo8CEAEagAIAACy-AADgPAAAMD0AABW_AADgPAAAUD0AAIC7AADYPQAANL4AAIg9AABkvgAA4LwAAIA7AABkvgAAML0AAOC8AAAsvgAAUz8AAEA8AAB8PgAAJD4AAPi9AACoPQAAUL0AACS-AACKvgAAbL4AAKg9AACAuwAAqD0AAOg9AAAwPQAAiD0AAIA7AACuPgAARL4AANI-AABAvAAAmr4AAGQ-AABUPgAAHL4AAPi9AACAOwAAgDsAAOA8AAB_vwAA2L0AAHC9AACAuwAAij4AAIC7AABUPgAAcD0AAJI-AABQPQAAiL0AABC9AACIPQAAyD0AAIg9AAC-PgAAqL0AAES-IAA4E0AJSHxQATAJOAFKAFIJCA8QkgIYADABYABoAA,,\"}","related_url":"http://www.youtube.com/watch?v=6UVQlB1eo5A","parent-reqid":"1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1920,"cheight":1080,"cratio":1.77777,"dups":["10498093562989291682"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":true,"contentTypeId":null,"censored":false,"censoredShock":false,"isShockDoc":false,"videoContentId":"1862052374"},"2993698253281566657":{"videoId":"2993698253281566657","docid":"34-7-3-Z4DD85CDDFFA045D9","description":"Tailwind is a utility-first CSS framework for building websites. It takes a functional approach to web design by providing thousands of tiny classes to use directly in your HTML. Learn why web...","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/758795/3e6ab10eae75572fc31e9717c12adfad/564x318_1","videoSrc":"https://video-preview.s3.yandex.net/2v4uzAEAAAA.mp4","videoType":"video/mp4"},"target":"_self","position":"17","reqid":"1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL","summary":{"isFull":true,"fullTextUrl":"/video/result?ask_summarization=1&numdoc=1&noreask=1&nomisspell=1&parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=videoid:2993698253281566657","teaser":[{"list":{"type":"unordered","items":["Bu video, Tailwind CSS hakkında kısa bir eğitim içeriğidir. Konuşmacı, Tailwind'in temel özelliklerini ve avantajlarını anlatmaktadır.","Video, Tailwind'in CSS ve tasarım zorluklarını nasıl çözdüğünü açıklayarak başlıyor. Tailwind'in fonksiyonel yaklaşımı, utility sınıflarının nasıl kullanılacağı, koşullu uygulamalar, responsive tasarım ve state yönetimi gibi konular ele alınıyor. Ayrıca, Tailwind'in performans sorunları, kod çoğaltması ve öğrenme zorlukları gibi dezavantajları da belirtiliyor. Video, Tailwind'in araç desteği ve özelleştirme imkanları hakkında bilgilerle sonlanıyor."]},"endTime":140,"title":"Tailwind CSS Hakkında 100 Saniyede Bilgilendirme","beginTime":0}],"fullResult":[{"index":0,"title":"Tailwind CSS Nedir?","list":{"type":"unordered","items":["Tailwind, hızlı ve tutarlı web siteleri oluşturmak için küçük CSS kullanım sınıfları içeren bir koleksiyon.","CSS ve tasarım zor olsa da, CSS sınıflarını anlamlı bir şekilde adlandırmak neredeyse imkansızdır.","Bootstrap ve Material gibi çerçeveler, butonlar, drop-down'lar ve formlar gibi yüksek seviye bileşenler için stil oluştururken, Tailwind daha işlevsel bir yaklaşım benimser."]},"beginTime":0,"endTime":29,"href":"/video/preview/2993698253281566657?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=0&ask_summarization=1"},{"index":1,"title":"Tailwind'in Çalışma Prensibi","list":{"type":"unordered","items":["Tailwind, Bootstrap'taki kart sınıfı yerine, flex, padding, margin gibi yüzlerce kullanım sınıfını birleştirerek bileşenler oluşturmayı sağlar.","Her kullanım sınıfı koşullu olarak uygulanabilir; küçük, orta ve büyük gibi varyantlar responsive tasarımlar için, hover, focus ve dark gibi pseudo-seçiciler ise durum değişikliklerini ve karanlık modu için kullanılır.","Bu yaklaşım, diğer CSS çerçevelerine göre daha fazla yaratıcılık özgürlüğü sağlarken, aynı zamanda bir tasarım sistemi kurallarına uygun çalışmayı sağlar."]},"beginTime":29,"endTime":68,"href":"/video/preview/2993698253281566657?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=29&ask_summarization=1"},{"index":2,"title":"Tailwind'in Dezavantajları ve Çözümleri","list":{"type":"unordered","items":["Tailwind, çok sayıda okunmaz ve tekrarlanan sınıf adı içeren çirkin HTML üretir.","UI büyüdükçe kod tekrarı kaçınılmaz olsa da, JavaScript çerçeveleri veya CSS'teki apply direktifi kullanılarak bu sorun çözülebilir.","Tailwind yaklaşık 3,500 kilobayt ağırlığında olsa da, üretim aşamasında kullanılmayan kullanım sınıfları otomatik olarak temizlenerek minimal ölü kod ve daha hızlı sayfa yüklemeleri sağlanır."]},"beginTime":68,"endTime":108,"href":"/video/preview/2993698253281566657?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=68&ask_summarization=1"},{"index":3,"title":"Tailwind'in Avantajları","list":{"type":"unordered","items":["Tailwind'in en büyük avantajı, VS Code gibi araçların otomatik tamamlama özelliği sayesinde tüm kullanım sınıflarını ezberlemeye gerek kalmamasıdır.","Kullanılmayan bir kullanım sınıfına tıklandığında, o kullanım sınıfının eşdeğer CSS kodu görüntülenebilir.","Kullanıcılar renk paleti, boşluk gibi tüm ayarları özelleştirerek kendi benzersiz tasarım sistemlerini oluşturabilirler."]},"beginTime":108,"endTime":136,"href":"/video/preview/2993698253281566657?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=108&ask_summarization=1"}],"linkTemplate":"/video/preview/2993698253281566657?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=%%timestamp%%&ask_summarization=1"},"isAdultDoc":false,"relatedParams":{"text":"Tailwind in 100 Seconds","related_orig_text":"Tailwind","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"Tailwind\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=mr15Xzb1Ook\",\"src\":\"serp\",\"rvb\":\"EqsDChMyOTc5NzI0Njg5MzA1NDYyMDAzChQxNTM0MjEwNDI1OTIxNDMxNzE2MAoTOTM5MTkzOTc4MTIwMzAzNDkxNgoUMTY5NzA0MDMzMTIxNzgyMjg4NTkKEzg5NzcyMDEwNDA3OTYxODM3MTYKFDEzNTExNjYyMDQwODgyNTU1MDIzChE3NzkzNjE3OTk3Mjg0ODQ5NAoSNzg5NjU1Nzk5NjA2ODczMDY5ChM1NDcxNjExMzgzMTkyOTcwMzE0ChQxNjA3MjgxNjAwNTE1NTk4MTU3NwoUMTY1NjUyNTA3Mzc2MTIwNjEzMzUKEzc4NjA2MDUzNDU4NDY3NDU5MjkKEzQ0ODgyNDI0MDM4OTY4MzI4MzUKFDEwNDk4MDkzNTYyOTg5MjkxNjgyChMyOTkzNjk4MjUzMjgxNTY2NjU3ChQxMDA5OTYwOTM3MTM5NzE3MTgxMwoTODMxNDE3Mjk4MjQ0MTAyODE3NwoUMTQ2NDU5MjA3MzI2MDk1Nzg4MjkKFDEzNTAyNzUwODcxMDM1ODU3ODA3ChQxNjY2Nzg3NjQxMzAxNDY3MjkxMRoVChMyOTkzNjk4MjUzMjgxNTY2NjU3WhMyOTkzNjk4MjUzMjgxNTY2NjU3apMXEgEwGAAiRRoxAAoqaGh3bGllcWxwbGViendqZGhoVUNzQmpVUnJQb2V6eWtMczlFcWdhbU9BEgIAEioQwg8PGg8_E4wBggQkAYAEKyqLARABGniB_v_4__sGAPH_A___AgABAAP_-Pn-_gD2B_z__wL_APUJCgQJAAAAAgkN_AQAAADxDvf89gAAAAsM-wEEAAAACPoR_v0AAAAJ-gID_wEAAAIB-gn5AQAAAP8ACQAAAADvBAz2AAAAAPb9_AgAAAAA_Pr6AAAAAAAgAC3ZbeQ7OBNACUhOUAIqhAIQABrwAXvvAADiHBMB-SQOAev10QCByA_8UBniAPbz7f_H7eMAyAPjAdfrDQDc-g8A3SoqANkP3gBSFy8D_eAO_xP-_QAU9gABRg7-_zEOFALvAAT_9B0J_zTpBQIl7BgAEwHzACf6AQD84eMB7N7cAAr1Hf8D7w8CJf33_-sFAgD_FP792wYEBAAa9f0Q9fQGCPUlA_IJ2fojAOkCABr0ABcBBQT5HgX9GhH5BQgJAw3_9AP91uXq_R0HIvz93_MC-hcQAeoL_gPxEvUE6Bft9hQC5wUMChX-1gv6DxIL-AD16fXxGusL9eMDCwLQBQEA9gP3ACAALfdyKTs4E0AJSGFQAirPBxAAGsAHCVLZvkUEkLqMoPE8S1usvYrEaT3fxTs9S-lJvpBXdr2tSFG9CbLUvAWSRj12Oza9HcnFvmYIkbx9pY09LQlQPtT4YDzmZBg9Y_qEPbbPH7nKSCe99aFrvoTTBz10NcO7WMHEPZGWDz1HGoE89bsAPkMVsz0FrsY8SxAEvXBdMTwbhxU9WwtuPYQN7733OOo5lX8NPqKkVr2xVV08nIr0PavQGz1xMVC8nb4-vsHc0zwigju8EJSZu8griz3u5s68U3kLPrtHNjzKHCa8F9USvune-bw2JRQ960YuPca7iDzl-Hy8wNMBPB_DPrxmjkA8uyrAPaZsJz3yZX08bOnRvalWpT1tGtu8GyqbPVidRj3fTC-7Eh04vElAlrxvj688_5k8vaEbED3Xtzg8qgZmPaHoiz0b1au7pvZ9vQPekzx-kEC8TvDNPavIjTxQ94C6Tk04POds5rwpmO-7QVliPe0bDj0XlVy7x_ySvaJdxbwN0y08XadRPVWXnTxNg6I8GOuLPQVZJb3eVGY7VWsBPTvZtLveI7Y8jaRVuyYMlDw5t-g7oWaYPS7tLzx-Rtg7louCPI95kzy04kC8fehCvfA7HL39jfc5baSRPF7Ieb0frDU7XE8bvLszCT09wh88U1q_PVX53rwHsr-7hWbyvMlOKT11T3s6Y9MKvLirHD0201Y7MQRFPS9nHbt67G0649GMPS4xYLzbCaM7zKwvPcW9s726ocY6lhV5PV_R7bzKf1Q6C3g-vRxYMzyzY7u5BphePX7rOb0eJc058oV_PO0gQLzzOuI4ceA6vS66Sz1yFsc3g-FXPYbcsbxMshS5NBUdPcluybuWC5o5x-aVO5EvvDxFfIo6qdMqu8BeYTzdW2s2AvSLvUU1kL07hjE4DIwhPLjiJ7191cO4LX_4uteNkj1MSl24tdGvPC1_eb1kbwc5dpkrPC2IUr1W6Vy4Ue6YvQU3bT1q9k04jPq_veJB8TtdJwa5gpi-uuuz-byDyaM4uBmcuSa4orxt-Dm3FnFXOzSkpT3tNwK44_F-vd00bL2SxL632Jg8PbQlxjzOH4C4yuEDvhDXHjyX_U43joi1OtnKcL3_CWc31fOEvV3odroMp964m2ghvOkcjb3Na4Q4wqTYPTYqJr17tC25l6ufPGNlz7yJytY3gRYeOzwj2zwm35A4oM_2PB4HVD0wVr63MV_ePR8gKTxXLnA0RRLYPCCyiD3TYc84gBa2vePYHz2nu8G4naYqvc3deLx-6Lu3KDWqvDPcIL0Vkkw2IAA4E0AJSG1QASpzEAAaYDMFACrwLfUP7zD9GP8DHgTvBjL3zSj_H68A3CDCCOj54L_9LQAQ7xv2rQAAADcqHT_tAOxrLewHDdEN98SR4vIkf_YW3MkWBSz-tR8A0_7aHgcsAgAtybUZNA3tOzXmASAALezPJjs4E0AJSG9QAiqvBhAMGqAGAACAwAAAmMEAANhBAAAkwgAAUEEAAEBBAACkQgAAGMIAAKTCAAA0wgAAmEIAANTCAACYwQAAoMAAACxCAAB4QgAAAEEAALjBAAAwwQAAoMAAAMBBAAA8wgAAwMEAANhBAADQwQAA4MEAAKDBAABQwgAAwEAAALDCAABEwgAA0kIAAIA_AACAPwAAcMEAAFBBAAAAQQAALEIAAJhBAAAAwgAAAEAAAARCAACGQgAAOEIAAAAAAAAgQQAAyMEAAFzCAAA4QgAAhsIAAIjBAAAQwQAAoMAAAADBAACAwQAAUEEAAADDAAAAQAAAEEEAAGxCAABwQQAAiEEAAPhBAAAwwgAAgL8AAKDCAADwQQAAuMEAADDCAAA8QgAAAMEAACRCAAAAwQAApEIAAHhCAACYQQAA4EAAALxCAADIwQAAyMEAAFTCAAAQwQAAoEEAAADAAADQwQAAgEIAAFhCAABMQgAAwEAAADDCAAAAAAAATEIAAHDBAADgwAAAkMEAAMjBAAC0wgAAgEAAAIDAAACgQQAAYMEAACzCAADwQQAAEMIAAETCAAAgQQAAoMEAACBCAAAgQgAAgEEAAABCAADAQAAACMIAAOjBAACEQgAAXEIAAAAAAABwwQAAMEEAAAhCAACAQQAAwMEAADTCAABAwQAAIEIAAHDBAACYwgAA4EAAABjCAADAwAAAcMEAABDBAADIwQAAUMEAALjBAABUQgAALMIAAIC_AADAQAAAmMIAABBCAABAQgAAVMIAAHjCAAB0QgAAQEEAANBBAACqQgAAoMAAAJ5CAAAQQQAAcMEAAMjBAABMwgAAAMAAAIjBAABAwAAAjMIAADzCAADAQQAAEEEAAAzCAAAIQgAAwMAAAJLCAADAQAAAwEEAAOhBAAAAwQAA0EEAABxCAAAAQQAAMMIAAGDCAAAAQQAAdEIAAFDCAABkwgAAcMEAAIZCAACQwQAABMIAAKhBAACQQQAA2EEAAFDBAACQwQAAXEIAAIA_AAAEwgAAgMEAAFDBAAAwQgAA8EEAAEzCAABIQgAAFEIAADhCAAAAAAAAQMIgADgTQAlIdVABKo8CEAAagAIAAMi9AAAQPQAAsj4AACw-AACAuwAAoj4AAEA8AAADvwAAGb8AAKg9AADYPQAAQLwAABA9AADgPAAAmL0AAKi9AABsPgAAuL0AAKg9AADSPgAAfz8AADC9AACgPAAAqL0AAPg9AADgPAAADL4AAEA8AAC2vgAA2D0AAEw-AABAPAAAoDwAAMg9AADoPQAAXL4AAEC8AADWvgAA4r4AADw-AAB0vgAAgDsAAHw-AABwvQAAuD0AAOC8AADYPQAAoLwAAKi9AADovQAABL4AAL6-AAAUPgAAjj4AANi9AABQPQAAAT8AAKC8AAAwvQAAyD0AANg9AAAUPgAADD4AAIA7IAA4E0AJSHxQASqPAhABGoACAADYvQAAmL0AAFC9AAA1vwAAJL4AAEw-AACAOwAAED0AABy-AACAuwAAHL4AADS-AAA0PgAAXL4AADA9AAAQPQAAcL0AAHk_AAAsPgAAmj4AAIC7AAAkvgAALD4AAAS-AAAUvgAAHL4AADS-AACAuwAAMD0AADS-AACYPQAAoDwAAGQ-AADIvQAA2j4AADS-AACWPgAAED0AAHS-AADgvAAATD4AAJg9AAD4vQAARL4AANi9AABwPQAAf78AAJK-AADgvAAAgDsAAMY-AABwvQAA2D0AAGw-AABMPgAAoDwAAIi9AAAMPgAAUD0AAJg9AACiPgAATD4AABy-AAA0viAAOBNACUh8UAEwCTgBSgBSCQgPEJICGAAwAWAAaAA,\"}","related_url":"http://www.youtube.com/watch?v=mr15Xzb1Ook","parent-reqid":"1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":3840,"cheight":2160,"cratio":1.77777,"dups":["2993698253281566657"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":true,"contentTypeId":null,"censored":false,"censoredShock":false,"isShockDoc":false,"videoContentId":"2996238453"},"10099609371397171813":{"videoId":"10099609371397171813","docid":"34-0-13-ZA36B1C9981FA35CF","description":"Card with Tailwind Want to become a Master of GenAI? Fill the form, you will get the call from our Senior Academic Counsellor: https://bit.ly/495UNgC...","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/3659831/1cb0d9176c933a1209b641c1b3df2e87/564x318_1","videoSrc":"https://video-preview.s3.yandex.net/Dj_cSgIAAAA.mp4","videoType":"video/mp4"},"target":"_self","position":"18","reqid":"1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL","summary":{"fullTextUrl":"/int_search_summary?data=http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DtvpGsBOUK-0","linkTemplate":"/video/preview/10099609371397171813?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=%%timestamp%%&ask_summarization=1"},"isAdultDoc":false,"relatedParams":{"text":"Complete Tailwind CSS in One Shot|| Tailwind CSS in 50 Minutes|| Tailwind CSS Full Lecture","related_orig_text":"Tailwind","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"Tailwind\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=tvpGsBOUK-0\",\"src\":\"serp\",\"rvb\":\"EqsDChMyOTc5NzI0Njg5MzA1NDYyMDAzChQxNTM0MjEwNDI1OTIxNDMxNzE2MAoTOTM5MTkzOTc4MTIwMzAzNDkxNgoUMTY5NzA0MDMzMTIxNzgyMjg4NTkKEzg5NzcyMDEwNDA3OTYxODM3MTYKFDEzNTExNjYyMDQwODgyNTU1MDIzChE3NzkzNjE3OTk3Mjg0ODQ5NAoSNzg5NjU1Nzk5NjA2ODczMDY5ChM1NDcxNjExMzgzMTkyOTcwMzE0ChQxNjA3MjgxNjAwNTE1NTk4MTU3NwoUMTY1NjUyNTA3Mzc2MTIwNjEzMzUKEzc4NjA2MDUzNDU4NDY3NDU5MjkKEzQ0ODgyNDI0MDM4OTY4MzI4MzUKFDEwNDk4MDkzNTYyOTg5MjkxNjgyChMyOTkzNjk4MjUzMjgxNTY2NjU3ChQxMDA5OTYwOTM3MTM5NzE3MTgxMwoTODMxNDE3Mjk4MjQ0MTAyODE3NwoUMTQ2NDU5MjA3MzI2MDk1Nzg4MjkKFDEzNTAyNzUwODcxMDM1ODU3ODA3ChQxNjY2Nzg3NjQxMzAxNDY3MjkxMRoWChQxMDA5OTYwOTM3MTM5NzE3MTgxM1oUMTAwOTk2MDkzNzEzOTcxNzE4MTNqiBcSATAYACJFGjEACipoaG1pZ2JrbG5zdm1jdmljaGhVQ0RyZjBWNGZjQnI1RmxDdEt3dnBmd0ESAgASKhDCDw8aDz8ThheCBCQBgAQrKosBEAEaeIH-_gEI-wUA-_4C_wME_gEHAQb6-P__AOYA8ggA_QEABQMGBAIBAAAEAAABBAAAAPL59_z6AAAAAQr_BQQAAAAIAAME_AAAAAYEAAP3-_4D9v_0AgP_AAAA_wAJAAAAAAAEA_f8_wAAE_f3CAEAAAD9_PYOAAAAACAALXmg4js4E0AJSE5QAiqEAhAAGvABSQz0__3fBgLXBAAA0xHn_4EFC_8kBfEA2-vxAcv51gDqBvYAyfIX_-_9EwHpFBX_EBHyADDyDwD_2B8A6Qn6APsA-wA3_gYANfYEAP8E7v_s-xr9KQT9ABr_Hf8jG_ABEBcO_hH1BQHNzfYBJAX9_fwTHAAv-ggC7RAUAAIUCwLgBQQE3REHAdz49f_8Af4G9Aff-xQT-AYC7vMDJ_X2_goNAP4fCfwCCQwF_8_37P7SBvIA7voEAv7x9gQDCAz6AQEF-Qf-__cFGAb0BgAFDAwKBv7cCvsNFd3__-0C-Af2Aw377CgCDAcBA_nxE_cBIAAtbidIOzgTQAlIYVACKs8HEAAawAd6UeO-b1EguoUyQzzBO9m9Uxa_PVdieTw5ZOO9stILO4kDLb2bt2A9wPq5Pbfgu7wbZKK--BoivZVXWL0tCVA-1PhgPOZkGD2YY968JqG6u3bTV70R_D--f2B4PRBEEryQhRg-OgV5PKIwXj0KnRc-k5sVvBGKrbxMVM-9Ee7EvMPEVTwbRgG-Yi2OvUbrKDvEW-c96p0AvV8pS7sYl-o9poRbPWbp3TlkvZe9c6dvPV1KQr1y_gG99BKIPPYCWLz3qY89gM1evGo39judLuu9r09vvF-aw7sXEss8x0TvvCjBUbsLhmm91KppuvN-ELxtHDE8CGz3unZjizxRh9W9FQ5TPahZe7yvXbo9jeuEPJV3-jzgoD299ZHlPLhvmjxUI2w7pL6RPJL-gzwFW5s8TrZhPUlY5Tw0Bbw9hoNOPBuyCTyscDs-cE8mvROxsToQ48q9qrWwvJySYjxngjw9eg27Pd1sYryyUhg8AgkPPdm8vzuoTow9VhEOPbRsdzxiKh481fK5vP-nrLwqcd09ELWYPSxjJrvePpa91qCJPTJsXrxLOko8IAqmvPJrWjy2HI49kpexu0CZkDvDqrC9ZcM6vegnwbtsJl896-DFPDHaDzqFLOK6AszCOyjK77r8ZUG8hezZu4dCOrwIk-K98mMnvML7qrpj0wq8uKscPTbTVjugkQQ8Ey6_vLvAPLvRfdQ8RzGKO-YUsjsSUME9wXhBvWHTCrqAG9g8aG-1vXQ7Rrmn2XK8sMMaPCVMA7seXgY9sKP7vGggvDnkROC8AFqMO3Z2kLgWzM6806FzPetDbjqqfuW8IRK0POCmgzm5p5s9ot5ivdyAzDhf3Ly91eK4vLQlXLdW5ne9IQKePSMfWjnBouy8IbqGvdjyrjk1lSq92-K1vLpCD7nIRIo9J9g_veqF_Deatp89BEe4vM0bBzgrVzO9vS9YPb735jjwxT66UJr8vBxBCjjCtLm8TIqfvQZgdjgKJLI82_OAu27rbzgznlK8bqpJvWYklLggm-S9KMLAuj1rgLjTzwg8ZjHRvT5LlzaUX0e6DWcGPB4xZTcDGla9FyP3vDO3Nrc8Kfi8cY_lvYkdvLhqShe9_XdOvRkpXriEG1-82hU_PSRUDjhfQNQ8o8yGvWSfVbfZmIc9O5wOu6VUwDc08eg5h3sbPRgDHTgHrME94vM5vfBbgLf4_gY9F-XjPETFfLdZknI8RjZBPZievziJ8M-9k1G1Pe148biX9EG9vLy_PekOEjgK9de7NjzdvXUndbggADgTQAlIbVABKnMQABpgW-8ACPQSH_H-Ftsd29Qn6NIL5A_JOf8kzgDTCKoG_fTxpgcN__XaDx2jAAAAJlDxL_AAqH0X2xsauvXvvafqCS5__Abm0AM6FtzYWPnfGfcqCks-AAruvzU48-tNJc_yIAAtkjQWOzgTQAlIb1ACKq8GEAwaoAYAAEhCAAD4wQAArkIAAIDBAADgwAAAQMAAAOBBAABQwQAAdMIAAIjBAABwQQAAUEEAANjCAAAYwgAAuEEAAEBBAAAQQQAAaMIAAOBBAAAQQQAAZEIAAGzCAABUwgAAEEEAAEBBAABgwQAAOMIAACDBAACgwAAAcEIAAJTCAAB4QgAAEEEAAFBBAAAEwgAAoMAAADDBAAAMQgAA6EEAABBBAABkQgAAGEIAABxCAACAPwAAUMEAAEDCAACAvwAAAMIAAMhBAAAcwgAA-EEAAIzCAACQwQAAgEEAAGRCAABsQgAAKMIAAGBBAAAgQQAAmEEAALRCAAC4QQAA0MEAAKDBAADAwQAAWEIAAEBCAADgQAAAIMIAAIhBAACYQQAAQEAAAATCAACKQgAAiMEAAFxCAABwwQAAIEEAAIDCAACgwQAAFMIAAIBBAACgQQAA_EIAACDBAACKQgAAOMIAAPjBAADYQQAAoEEAAAxCAACAQQAAQEEAAKDAAAC4wQAAWMIAAETCAABQQQAAZEIAAFBBAAAwwQAAiEIAAPhBAACCwgAAFMIAANDBAACQQQAA2EEAACDBAAAgQQAAUEEAAADCAACowQAAMEEAAJpCAACOwgAAoMAAADDCAAAMwgAAAMEAADDBAACcwgAAgEEAAFDCAAAIQgAA9kIAAOBAAAAAwgAAiMEAAEDCAAAQQQAAwMAAALBBAACeQgAACEIAAOBAAADQwQAANEIAAAjCAAAAwQAACEIAAJhBAACAwAAAsEEAAERCAACAQgAAoMEAACBCAABAQAAAIEEAAOhBAAAAwQAAAAAAANDBAABkQgAAIEEAALBBAADOwgAAfEIAANxCAACCwgAAAEAAAIBBAACAvwAADMIAALDCAABgQgAAYEEAAFBBAAAUQgAAUMIAAIjBAACgQAAAAMAAAOBBAAAoQgAAAMAAAAjCAACAQAAADEIAACDCAABgwQAARMIAAAjCAACgQQAAAMIAAEzCAACgQgAAAEAAALDBAABgQQAAMEIAAIhCAADIQQAAHEIAAIBAAACgwAAAIEIAAIC_AACEwiAAOBNACUh1UAEqjwIQABqAAgAAIb8AAFA9AABsPgAAJD4AAIY-AAAdPwAAML0AAGe_AADavgAAdL4AACw-AADgPAAA4DwAAOi9AAAwvQAAdL4AAKI-AACgPAAA2D0AAAU_AAB_PwAADD4AANg9AABQvQAAvj4AAOA8AADoPQAAPL4AABy-AAA8PgAApj4AAMg9AAAMvgAAqD0AADA9AAAUPgAAFL4AAKK-AADKvgAAzr4AAIi9AADGvgAAFD4AAKC8AADIPQAA2D0AADw-AADoPQAAVL4AANK-AACIvQAAlr4AAOA8AAC4PQAATL4AAHC9AABjPwAAED0AAKA8AAAcPgAA-D0AAIi9AABwvQAAZD4gADgTQAlIfFABKo8CEAEagAIAAGS-AABAPAAAUL0AADG_AAAQvQAAML0AAAQ-AAAwvQAAjr4AAMg9AAAQvQAAiL0AAFS-AACGvgAA2L0AAEC8AAB0vgAARz8AAOA8AAA8PgAAmj4AAAS-AACAOwAAUL0AACy-AABsvgAAlr4AABw-AABQPQAAED0AACQ-AADgPAAAoDwAAFy-AACGPgAAHL4AAJ4-AACgvAAAnr4AACw-AAC2PgAAHL4AANi9AADgPAAA2D0AAMg9AAB_vwAALL4AAGw-AABAPAAAyj4AAFC9AACoPQAAmL0AAKY-AAAwPQAAuL0AABw-AABwPQAAoDwAAKg9AADOPgAAiL0AACy-IAA4E0AJSHxQATAJOAFKAGAAaAA,\"}","related_url":"http://www.youtube.com/watch?v=tvpGsBOUK-0","parent-reqid":"1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1920,"cheight":1080,"cratio":1.77777,"dups":["10099609371397171813"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":true,"contentTypeId":null,"censored":false,"censoredShock":false,"isShockDoc":false,"videoContentId":"1530050562"},"8314172982441028177":{"videoId":"8314172982441028177","docid":"34-5-7-Z23E8ED31CF46F376","description":"In 2025, Tailwind CSS has updated to version 4. The installation process has been changed. In this video, I'm going to teach how to install Tailwind CSS V4 and set up a Tailwind project for...","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/1345078/4f7cf50898f6a9a79c8b93b0c578c3b8/564x318_1"},"target":"_self","position":"19","reqid":"1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL","summary":{"isFull":true,"fullTextUrl":"/video/result?ask_summarization=1&numdoc=1&noreask=1&nomisspell=1&parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=videoid:8314172982441028177","teaser":[{"list":{"type":"unordered","items":["Bu video, DevTamin kanalında yayınlanan bir eğitim içeriğidir. Eğitmen, izleyicilere Tailwind CSS 4'ün nasıl kurulacağını ve geliştirme ortamının nasıl hazırlanacağını adım adım göstermektedir.","Video, Tailwind CSS 4'ün kurulum sürecini detaylı olarak anlatmaktadır. Önce Visual Studio Code ve Node.js'in kurulumu, ardından Tailwind CLI ile proje oluşturma, input.css ve index.html dosyalarının oluşturulması, Tailwind CSS'in derlenmesi ve Live Server ile geliştirme ortamının nasıl kullanılacağı gösterilmektedir. Ayrıca Tailwind IntelliSense eklentisinin kurulumu ve yapılandırılması da videoda yer almaktadır."]},"endTime":635,"title":"Tailwind CSS 4 Kurulum ve Geliştirme Ortamı Hazırlama Eğitimi","beginTime":0}],"fullResult":[{"index":0,"title":"Gerekli Yazılımların Kurulumu","list":{"type":"unordered","items":["Video, Tailwind CSS versiyon 4'ü nasıl kuracağınızı ve geliştirme ortamını nasıl ayarlayacağınızı öğretiyor.","Visual Studio Code kod düzenleyicisini kurmak için code.visualstudio.com adresinden indirmeniz gerekiyor.","Node.js'i kurmak için node.js.org adresinden indirmeniz ve kurulumu tamamlamanız gerekiyor."]},"beginTime":0,"endTime":70,"href":"/video/preview/8314172982441028177?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=0&ask_summarization=1"},{"index":1,"title":"Tailwind CSS Kurulumu","list":{"type":"unordered","items":["Yeni bir klasör oluşturup, Visual Studio Code ile açmanız gerekiyor.","Tailwind CLI ile proje oluşturmak için önce \"npm init\" komutunu çalıştırmanız gerekiyor.","\"npm install tailwindcss tailwind-cli\" komutuyla Tailwind CSS ve Tailwind CLI'yi projenize ekleyebilirsiniz."]},"beginTime":70,"endTime":206,"href":"/video/preview/8314172982441028177?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=70&ask_summarization=1"},{"index":2,"title":"Tailwind CSS Yapılandırması","list":{"type":"unordered","items":["Tailwind CSS'i kullanmak için \"input.css\" adında bir dosya oluşturup, Tailwind CSS kodlarını içine eklemeniz gerekiyor.","\"index.html\" adında bir dosya oluşturup, Tailwind CSS'i kullanmak için gerekli kodları eklemeniz gerekiyor.","\"tailwind build\" komutuyla \"output.css\" dosyasını oluşturabilirsiniz."]},"beginTime":206,"endTime":316,"href":"/video/preview/8314172982441028177?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=206&ask_summarization=1"},{"index":3,"title":"Live Server Kullanımı","list":{"type":"unordered","items":["\"Live Server\" eklentisi ile HTML dosyasını tarayıcıda otomatik olarak görüntüleyebilirsiniz.","\"npm run dev\" komutuyla sürekli olarak CSS dosyalarını otomatik olarak yenileyebilirsiniz.","\"package.json\" dosyasında \"dev\" komutunu tanımlayarak bu işlemi otomatikleştirebilirsiniz."]},"beginTime":316,"endTime":535,"href":"/video/preview/8314172982441028177?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=316&ask_summarization=1"},{"index":4,"title":"Tailwind CSS IntelliSense","list":{"type":"unordered","items":["Tailwind CSS IntelliSense eklentisi ile kod tamamlama özelliği kullanabilirsiniz.","\"tailwind.config.js\" dosyası oluşturarak IntelliSense'i etkinleştirebilirsiniz.","Bu eklenti sayesinde Tailwind CSS kodlarını yazarken otomatik öneriler alabilirsiniz."]},"beginTime":535,"endTime":632,"href":"/video/preview/8314172982441028177?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=535&ask_summarization=1"}],"linkTemplate":"/video/preview/8314172982441028177?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind&t=%%timestamp%%&ask_summarization=1"},"isAdultDoc":false,"relatedParams":{"text":"How to Set up Tailwind CSS V4 Project for Beginners from Scratch in 2025","related_orig_text":"Tailwind","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"Tailwind\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=Kh3xj-5nMqw\",\"src\":\"serp\",\"rvb\":\"EqsDChMyOTc5NzI0Njg5MzA1NDYyMDAzChQxNTM0MjEwNDI1OTIxNDMxNzE2MAoTOTM5MTkzOTc4MTIwMzAzNDkxNgoUMTY5NzA0MDMzMTIxNzgyMjg4NTkKEzg5NzcyMDEwNDA3OTYxODM3MTYKFDEzNTExNjYyMDQwODgyNTU1MDIzChE3NzkzNjE3OTk3Mjg0ODQ5NAoSNzg5NjU1Nzk5NjA2ODczMDY5ChM1NDcxNjExMzgzMTkyOTcwMzE0ChQxNjA3MjgxNjAwNTE1NTk4MTU3NwoUMTY1NjUyNTA3Mzc2MTIwNjEzMzUKEzc4NjA2MDUzNDU4NDY3NDU5MjkKEzQ0ODgyNDI0MDM4OTY4MzI4MzUKFDEwNDk4MDkzNTYyOTg5MjkxNjgyChMyOTkzNjk4MjUzMjgxNTY2NjU3ChQxMDA5OTYwOTM3MTM5NzE3MTgxMwoTODMxNDE3Mjk4MjQ0MTAyODE3NwoUMTQ2NDU5MjA3MzI2MDk1Nzg4MjkKFDEzNTAyNzUwODcxMDM1ODU3ODA3ChQxNjY2Nzg3NjQxMzAxNDY3MjkxMRoVChM4MzE0MTcyOTgyNDQxMDI4MTc3WhM4MzE0MTcyOTgyNDQxMDI4MTc3aq8NEgEwGAAiRRoxAAoqaGhlaGJydGJ0ZHZ1cWp3YmhoVUNSdWpIVHgtalNvNFNJUzAzUkE3RXVREgIAEioQwg8PGg8_E_sEggQkAYAEKyqLARABGniB-wr-CQL9APMUBgYIBP0B_wcJ__j-_gDjAPAJAP0CABkFBAAA_wAA_u4MBgIAAAAC_v328v0BAPAN9QcDAAAABO4OAPsAAAAKBvYJ_gEAAOzxBPQCAAAA9_oB__8AAAD6DPcD_QAAABsF-A0BAAAACPLvCgEAAAAgAC3gdcw7OBNACUhOUAIqcxAAGmAy9AAj9wgaAQUq_xPvzwP-7ATe4tML_wLbAAInuQLv0_jlERUAIPgCGbsAAAACQ_I9_gAaUvPeC-zzL-rNp_UIH3_5_sfxBv0f6Qg66CA_CA4MGzEAGOkDBxDU9Skn9QogAC31BEg7OBNACUhvUAIqrwYQDBqgBgAAsEEAADDBAAAQQgAA-MEAAADAAACIQQAAkEIAABDBAAAAwwAAwEEAAARCAAAgwgAArsIAANDBAACQQgAAyMEAAGDBAADgwQAAqMEAAATCAADowQAAkMEAAODBAAA8QgAAjEIAAABAAAAQwQAAWMIAAOhBAADQQQAAUMEAACBCAADYwQAAQEAAAILCAACwwQAAoMAAAPBCAACgQQAAgEEAAFBCAABsQgAAsEEAABxCAAAEQgAAgMEAAOBAAAAMwgAAzEIAAPjBAABAwgAAQEAAAAhCAACgQAAAIMEAAMjBAADwwgAAFEIAAPDBAABUQgAANEIAAOBAAABQwgAA2MEAAHDBAADowQAAQMEAAHTCAACQwQAAsMEAAARCAAAwQgAAKMIAAPJCAACqQgAAcMIAAETCAABAQgAASEIAAKhBAACQwgAAsMEAAMhBAABoQgAACEIAAHhCAAC4wQAAmEIAABhCAABUwgAAgMAAANhBAADwQQAAEMIAAEDAAAAowgAARMIAAAxCAACCQgAA2MEAACTCAADoQQAAoEEAABDCAABwwgAAgEEAAIhBAAA0QgAAwMAAADhCAAAQwQAAJEIAADTCAADYwQAAlkIAAJpCAACAQAAAoMAAAEBBAAAAwgAAOMIAAOjBAAAAwgAADMIAADxCAAAsQgAAQMAAADDCAADAwAAA4MEAAIjBAACAwAAAQEAAAMhBAAAYQgAAmMEAACjCAADgQAAAKMIAAFTCAADAQAAAwMEAAEBBAACgwQAAjEIAAEDAAAAMwgAAFEIAAEBAAAAAwAAAuEEAAHBBAACAwAAAuMEAAABBAABUwgAAAEAAABDCAACgQAAATEIAAAzCAAAQQQAAAMIAAMhBAAAwwQAADMIAACBBAACAwQAAyEEAAKDBAACgwQAATEIAAABBAABgwQAAREIAAExCAAAIQgAAYMIAAMhBAABAQgAAEMEAAHDBAAAowgAAQEAAAK5CAAD4wQAA0MEAAKpCAADgQAAAQMEAALjBAACQwQAA4MAAAAAAAADAwQAAgD8AAOjBAAAUQgAAZMIAAAjCIAA4E0AJSHVQASqPAhAAGoACAACAOwAAoDwAAIY-AAAsPgAAoDwAAOg9AABwPQAAGb8AAIK-AAA0PgAAML0AANg9AADgPAAALL4AAHy-AAD4vQAAvj4AADC9AACgPAAACz8AAH8_AAAUPgAAyD0AAEA8AAC6PgAAQDwAAAw-AADgPAAA6L0AACQ-AAD4PQAAcD0AAEw-AACmPgAAoj4AAKi9AACaPgAARL4AAJK-AABcvgAAcL0AADA9AADgPAAARL4AADC9AACePgAALD4AAEC8AAAEvgAAqr4AAFw-AAAwPQAAUL0AANg9AAAEPgAAuL0AABc_AAAMvgAAFD4AALI-AACYPQAAHL4AAIC7AAC2PiAAOBNACUh8UAEqjwIQARqAAgAAZL4AAGS-AAAkvgAAOb8AAKA8AAA0PgAAiD0AANg9AACavgAAND4AAAy-AAAQPQAAcL0AAMi9AADIPQAAiL0AABS-AAA7PwAAoDwAAMI-AACIvQAAQDwAAFA9AAAQvQAAoLwAAPi9AABAvAAAUD0AABC9AACAuwAAcD0AAIA7AACoPQAA6L0AAII-AACCvgAAdD4AAPg9AACGvgAAJD4AABQ-AAAEvgAAqL0AABA9AACgvAAANL4AAH-_AACovQAAgDsAAIg9AAAEPgAAyL0AAFA9AADIPQAAVD4AAFA9AACAOwAAuD0AAOg9AADgPAAAfD4AAMI-AABQvQAAJL4gADgTQAlIfFABMAk4AUoAYABoAA,,\"}","related_url":"http://www.youtube.com/watch?v=Kh3xj-5nMqw","parent-reqid":"1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1280,"cheight":720,"cratio":1.77777,"dups":["8314172982441028177"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":true,"contentTypeId":null,"censored":false,"censoredShock":false,"isShockDoc":false}},"dups":{"2979724689305462003":{"videoId":"2979724689305462003","title":"\u0007[Tailwind\u0007] CSS Full Course for Absolute Beginners - Everything Explained in Detail","cleanTitle":"Tailwind CSS Full Course for Absolute Beginners - Everything Explained in Detail","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=HOiER5NadIc","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/HOiER5NadIc?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","playerId":"youtube","providerName":"youtube.com","sourceHost":"www.youtube.com","name":"youtube.com","secondPart":{"type":"CHANNEL","id":"d3d3LnlvdXR1YmUuY29tO1VDMjdMVGtEWVdTcjdTa002TGR6bFZsZw==","name":"Future Fullstack","isVerified":false,"subscribersCount":0,"url":"/video/search?text=Future+Fullstack","origUrl":"http://www.youtube.com/@futurefullstack","a11yText":"Future Fullstack. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":4254,"text":"1:10:54","a11yText":"Süre 1 saat 10 dakika 54 saniye","shortText":"1 sa. 10 dk."},"views":{"text":"50,2bin","a11yText":"50,2 bin izleme"},"date":"3 mayıs 2025","modifyTime":1746304016000,"isExternal":false,"player":{"embedUrl":"https://www.youtube.com/embed/HOiER5NadIc?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=HOiER5NadIc","reqid":"1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL","duration":4254},"parentClipId":"2979724689305462003","href":"/preview/2979724689305462003?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind","rawHref":"/video/preview/2979724689305462003?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind","isEmbedOnly":false,"shouldPlayInstreamPreroll":false},"15342104259214317160":{"videoId":"15342104259214317160","title":"\u0007[Tailwind\u0007] CSS v4 Full Course 2025 | Master \u0007[Tailwind\u0007] in One Hour","cleanTitle":"Tailwind CSS v4 Full Course 2025 | Master Tailwind in One Hour","host":{"title":"YouTube","href":"http://www.youtube.com/live/6biMWgD6_JY","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/6biMWgD6_JY?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","playerId":"youtube","providerName":"youtube.com","sourceHost":"www.youtube.com","name":"youtube.com","secondPart":{"type":"CHANNEL","id":"d3d3LnlvdXR1YmUuY29tO1VDbVhtbEI0LUhKeXREN3dlazBVbzk3QQ==","name":"JavaScript Mastery","isVerified":true,"subscribersCount":0,"url":"/video/search?text=JavaScript+Mastery","origUrl":"http://www.youtube.com/@javascriptmastery","a11yText":"JavaScript Mastery. Kanal onaylı"},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":3261,"text":"54:21","a11yText":"Süre 54 dakika 21 saniye","shortText":"54 dk."},"views":{"text":"1,9milyon","a11yText":"1,9 milyon izleme"},"date":"21 şub 2025","modifyTime":1740147081000,"isExternal":false,"player":{"embedUrl":"https://www.youtube.com/embed/6biMWgD6_JY?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=6biMWgD6_JY","reqid":"1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL","duration":3261},"parentClipId":"15342104259214317160","href":"/preview/15342104259214317160?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind","rawHref":"/video/preview/15342104259214317160?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind","isEmbedOnly":false,"shouldPlayInstreamPreroll":false},"9391939781203034916":{"videoId":"9391939781203034916","title":"\u0007[Tailwind\u0007] CSS Tutorial | Learn TailwindCSS","cleanTitle":"Tailwind CSS Tutorial | Learn TailwindCSS","host":{"title":"YouTube","href":"http://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fwww.youtube.com%2Fembed%2FApPEK_6KM60%3Ffeature%3Doembed&display_name=YouTube&url=https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DApPEK_6KM60&image=https%3A%2F%2Fi.ytimg.com%2Fvi%2FApPEK_6KM60%2Fhqdefault.jpg&key=a19fcc184b9711e1b4764040d3dc5c07&type=text%2Fhtml&schema=youtube","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/ApPEK_6KM60?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","playerId":"youtube","providerName":"youtube.com","sourceHost":"www.youtube.com","name":"youtube.com","secondPart":{"type":"CHANNEL","id":"d3d3LnlvdXR1YmUuY29tO1VDdk01WVlXd2ZMd3BjUWdiUnI2OEpMUQ==","name":"Adrian Twarog","isVerified":true,"subscribersCount":0,"url":"/video/search?text=Adrian+Twarog","origUrl":"http://www.youtube.com/@AdrianTwarog","a11yText":"Adrian Twarog. Kanal onaylı"},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":669,"text":"11:09","a11yText":"Süre 11 dakika 9 saniye","shortText":"11 dk."},"date":"5 mayıs 2020","modifyTime":1588676594000,"isExternal":false,"player":{"embedUrl":"https://www.youtube.com/embed/ApPEK_6KM60?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=ApPEK_6KM60","reqid":"1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL","duration":669},"parentClipId":"9391939781203034916","href":"/preview/9391939781203034916?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind","rawHref":"/video/preview/9391939781203034916?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind","isEmbedOnly":false,"shouldPlayInstreamPreroll":false},"16970403312178228859":{"videoId":"16970403312178228859","title":"\u0007[Tailwind\u0007] Complete Course For Beginner to Advanced - [2024]","cleanTitle":"Tailwind Complete Course For Beginner to Advanced - [2024]","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=lZp4salRFFc","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/lZp4salRFFc?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","playerId":"youtube","providerName":"youtube.com","sourceHost":"www.youtube.com","name":"youtube.com","secondPart":{"type":"CHANNEL","id":"d3d3LnlvdXR1YmUuY29tO1VDckcyWjB1c09DQ2RVVEFyNEQxQThtdw==","name":"Daily Tuition","isVerified":true,"subscribersCount":0,"url":"/video/search?text=Daily+Tuition","origUrl":"http://www.youtube.com/@DailyTuition","a11yText":"Daily Tuition. Kanal onaylı"},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":9525,"text":"2:38:45","a11yText":"Süre 2 saat 38 dakika 45 saniye","shortText":"2 sa. 38 dk."},"views":{"text":"103,6bin","a11yText":"103,6 bin izleme"},"date":"23 tem 2021","modifyTime":1627056011000,"isExternal":false,"player":{"embedUrl":"https://www.youtube.com/embed/lZp4salRFFc?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=lZp4salRFFc","reqid":"1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL","duration":9525},"parentClipId":"16970403312178228859","href":"/preview/16970403312178228859?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind","rawHref":"/video/preview/16970403312178228859?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind","isEmbedOnly":false,"shouldPlayInstreamPreroll":false},"8977201040796183716":{"videoId":"8977201040796183716","title":"\u0007[Tailwind\u0007] CSS V4 Tutorial: Create a \u0007[Tailwind\u0007] Project Using \u0007[Tailwind\u0007] CLI","cleanTitle":"Tailwind CSS V4 Tutorial: Create a Tailwind Project Using Tailwind CLI","host":{"title":"YouTube","href":"http://www.youtube.com/live/n9widGM__Lg","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/n9widGM__Lg?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","playerId":"youtube","providerName":"youtube.com","sourceHost":"www.youtube.com","name":"youtube.com","secondPart":{"type":"CHANNEL","id":"d3d3LnlvdXR1YmUuY29tO1VDUnVqSFR4LWpTbzRTSVMwM1JBN0V1UQ==","name":"Devtamin","isVerified":false,"subscribersCount":0,"url":"/video/search?text=Devtamin","origUrl":"http://www.youtube.com/@Devtamin","a11yText":"Devtamin. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":678,"text":"11:18","a11yText":"Süre 11 dakika 18 saniye","shortText":"11 dk."},"views":{"text":"13,7bin","a11yText":"13,7 bin izleme"},"date":"29 oca 2025","modifyTime":1738176570000,"isExternal":false,"player":{"embedUrl":"https://www.youtube.com/embed/n9widGM__Lg?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=n9widGM__Lg","reqid":"1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL","duration":678},"parentClipId":"8977201040796183716","href":"/preview/8977201040796183716?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind","rawHref":"/video/preview/8977201040796183716?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind","isEmbedOnly":false,"shouldPlayInstreamPreroll":false},"13511662040882555023":{"videoId":"13511662040882555023","title":"How to Create Responsive Websites (TailwindCSS)","cleanTitle":"How to Create Responsive Websites (TailwindCSS)","host":{"title":"YouTube","href":"http://www.youtube.com/live/W5EXDOV4oZM","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/W5EXDOV4oZM?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","playerId":"youtube","providerName":"youtube.com","sourceHost":"www.youtube.com","name":"youtube.com","secondPart":{"type":"CHANNEL","id":"d3d3LnlvdXR1YmUuY29tO1VDcE5MX2RFZkQ1bEMzaTBINDdaZmVvQQ==","name":"Austin Davis","isVerified":false,"subscribersCount":0,"url":"/video/search?text=Austin+Davis","origUrl":"http://www.youtube.com/@AustinDavisTech","a11yText":"Austin Davis. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":1355,"text":"22:35","a11yText":"Süre 22 dakika 35 saniye","shortText":"22 dk."},"views":{"text":"31,2bin","a11yText":"31,2 bin izleme"},"date":"7 ağu 2024","modifyTime":1722988800000,"isExternal":false,"player":{"embedUrl":"https://www.youtube.com/embed/W5EXDOV4oZM?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=W5EXDOV4oZM","reqid":"1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL","duration":1355},"parentClipId":"13511662040882555023","href":"/preview/13511662040882555023?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind","rawHref":"/video/preview/13511662040882555023?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind","isEmbedOnly":false,"shouldPlayInstreamPreroll":false},"77936179972848494":{"videoId":"77936179972848494","title":"\u0007[Tailwind\u0007] CSS V4 Crash Course 2025 | Become a \u0007[Tailwind\u0007] Pro in 1.5 Hours","cleanTitle":"Tailwind CSS V4 Crash Course 2025 | Become a Tailwind Pro in 1.5 Hours","host":{"title":"YouTube","href":"http://www.youtube.com/live/H_kSd4kn0E8","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/H_kSd4kn0E8?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","playerId":"youtube","providerName":"youtube.com","sourceHost":"www.youtube.com","name":"youtube.com","secondPart":{"type":"CHANNEL","id":"d3d3LnlvdXR1YmUuY29tO1VDOFM0ckRSWm42Wl9TdEotaGg3cGg4Zw==","name":"PedroTech","isVerified":true,"subscribersCount":0,"url":"/video/search?text=PedroTech","origUrl":"http://www.youtube.com/@PedroTechnologies","a11yText":"PedroTech. Kanal onaylı"},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":4825,"text":"1:20:25","a11yText":"Süre 1 saat 20 dakika 25 saniye","shortText":"1 sa. 20 dk."},"views":{"text":"69,1bin","a11yText":"69,1 bin izleme"},"date":"5 ağu 2025","modifyTime":1754352000000,"isExternal":false,"player":{"embedUrl":"https://www.youtube.com/embed/H_kSd4kn0E8?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=H_kSd4kn0E8","reqid":"1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL","duration":4825},"parentClipId":"77936179972848494","href":"/preview/77936179972848494?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind","rawHref":"/video/preview/77936179972848494?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind","isEmbedOnly":false,"shouldPlayInstreamPreroll":false},"789655799606873069":{"videoId":"789655799606873069","title":"\u0007[Tailwind\u0007] CSS for Beginners: Build Websites Faster","cleanTitle":"Tailwind CSS for Beginners: Build Websites Faster","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=dcRenJApot0","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/dcRenJApot0?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","playerId":"youtube","providerName":"youtube.com","sourceHost":"www.youtube.com","name":"youtube.com","secondPart":{"type":"CHANNEL","id":"d3d3LnlvdXR1YmUuY29tO1VDQkJHTTg0Wk9zN3o1anBUUUFhWl9IZw==","name":"Tyler Potts","isVerified":false,"subscribersCount":0,"url":"/video/search?text=Tyler+Potts","origUrl":"http://www.youtube.com/@TylerPotts","a11yText":"Tyler Potts. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":1877,"text":"31:17","a11yText":"Süre 31 dakika 17 saniye","shortText":"31 dk."},"views":{"text":"14,1bin","a11yText":"14,1 bin izleme"},"date":"28 mar 2025","modifyTime":1743189320000,"isExternal":false,"player":{"embedUrl":"https://www.youtube.com/embed/dcRenJApot0?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=dcRenJApot0","reqid":"1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL","duration":1877},"parentClipId":"789655799606873069","href":"/preview/789655799606873069?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind","rawHref":"/video/preview/789655799606873069?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind","isEmbedOnly":false,"shouldPlayInstreamPreroll":false},"5471611383192970314":{"videoId":"5471611383192970314","title":"\u0007[Tailwind\u0007] Havayolları'nda bir ilk yaşandı!","cleanTitle":"Tailwind Havayolları'nda bir ilk yaşandı!","host":{"title":"YouTube","href":"http://www.youtube.com/shorts/U3soHrGshGM","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/U3soHrGshGM?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","playerId":"youtube","providerName":"youtube.com","sourceHost":"www.youtube.com","name":"youtube.com","secondPart":{"type":"CHANNEL","id":"d3d3LnlvdXR1YmUuY29tO1VDSmlhQ2lIZ0RMbUs5RE1CLWFDR2FuUQ==","name":"airporthaber","isVerified":false,"subscribersCount":0,"url":"/video/search?text=airporthaber","origUrl":"http://www.youtube.com/@airporthaber","a11yText":"airporthaber. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":102,"text":"1:42","a11yText":"Süre 1 dakika 42 saniye","shortText":"1 dk."},"date":"11 mar 2026","modifyTime":1773187200000,"freshBadge":"3 gün önce","isExternal":false,"player":{"embedUrl":"https://www.youtube.com/embed/U3soHrGshGM?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=U3soHrGshGM","reqid":"1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL","duration":102},"parentClipId":"5471611383192970314","href":"/preview/5471611383192970314?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind","rawHref":"/video/preview/5471611383192970314?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind","isEmbedOnly":false,"shouldPlayInstreamPreroll":false},"12730427678377934191":{"videoId":"12730427678377934191","title":"Tailwind CSS Tutorial #1 - Intro Setup — Видео от The Net Ninja","cleanTitle":"Tailwind CSS Tutorial #1 - Intro Setup — Видео от The Net Ninja","host":{"title":"VK Video","href":"http://vk.com/video-220568609_456239108","playerUri":"\u003ciframe src=\"//vk.com/video_ext.php?hash=de0bbe4550e3a2f4&id=456239108&loop=0&oid=-220568609\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","playerId":"vk","providerName":"vk.com","sourceHost":"vk.com","name":"vk.com","secondPart":{"type":"CHANNEL","isVerified":false,"subscribersCount":0,"a11yText":""},"faviconUrl":"//favicon.yandex.net/favicon/v2/https%3A%2F%2Fvk.com%2Fvideo?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":820,"text":"13:40","a11yText":"Süre 13 dakika 40 saniye","shortText":"13 dk."},"date":"14 mayıs 2023","modifyTime":1684052086000,"isExternal":false,"player":{"embedUrl":"https://vk.com/video_ext.php?autoplay=1&hash=de0bbe4550e3a2f4&id=456239108&loop=0&oid=-220568609","playerId":"vk","videoUrl":"http://vk.com/video-220568609_456239108","reqid":"1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL","duration":820},"parentClipId":"16072816005155981577","href":"/preview/12730427678377934191?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind","rawHref":"/video/preview/12730427678377934191?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind","isEmbedOnly":false,"shouldPlayInstreamPreroll":false},"16072816005155981577":{"videoId":"16072816005155981577","title":"\u0007[Tailwind\u0007] CSS Tutorial #1 - Intro & Setup","cleanTitle":"Tailwind CSS Tutorial #1 - Intro & Setup","host":{"title":"YouTube","href":"http://www.youtube.com/live/bxmDnn7lrnk","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/bxmDnn7lrnk?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","playerId":"youtube","providerName":"youtube.com","sourceHost":"www.youtube.com","name":"youtube.com","secondPart":{"type":"CHANNEL","id":"d3d3LnlvdXR1YmUuY29tO1VDVzVZZXVFUk1tbG5xbzRvcTh2d1VwZw==","name":"Net Ninja","isVerified":true,"subscribersCount":0,"url":"/video/search?text=Net+Ninja","origUrl":"http://www.youtube.com/@NetNinja","a11yText":"Net Ninja. Kanal onaylı"},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":819,"text":"13:39","a11yText":"Süre 13 dakika 39 saniye","shortText":"13 dk."},"views":{"text":"923,5bin","a11yText":"923,5 bin izleme"},"date":"6 tem 2020","modifyTime":1593993600000,"isExternal":false,"player":{"embedUrl":"https://www.youtube.com/embed/bxmDnn7lrnk?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=bxmDnn7lrnk","reqid":"1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL","duration":819},"parentClipId":"16072816005155981577","href":"/preview/16072816005155981577?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind","rawHref":"/video/preview/16072816005155981577?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind","isEmbedOnly":false,"shouldPlayInstreamPreroll":false},"16565250737612061335":{"videoId":"16565250737612061335","title":"\u0007[Tailwind\u0007] CSS Full Course for Beginners (3 Hours) | Learn \u0007[Tailwind\u0007] CSS with Project in 2025","cleanTitle":"Tailwind CSS Full Course for Beginners (3 Hours) | Learn Tailwind CSS with Project in 2025","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=BTyDQRil9s4","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/BTyDQRil9s4?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","playerId":"youtube","providerName":"youtube.com","sourceHost":"www.youtube.com","name":"youtube.com","secondPart":{"type":"CHANNEL","id":"d3d3LnlvdXR1YmUuY29tO1VDMFQ2TVZkM3dRREI1SUNBZTQ1T3hhUQ==","name":"WsCube Tech","isVerified":true,"subscribersCount":0,"url":"/video/search?text=WsCube+Tech","origUrl":"http://www.youtube.com/@wscubetech","a11yText":"WsCube Tech. Kanal onaylı"},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":12737,"text":"3:32:17","a11yText":"Süre 3 saat 32 dakika 17 saniye","shortText":"3 sa. 32 dk."},"views":{"text":"98,3bin","a11yText":"98,3 bin izleme"},"date":"17 tem 2024","modifyTime":1721174400000,"isExternal":false,"player":{"embedUrl":"https://www.youtube.com/embed/BTyDQRil9s4?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=BTyDQRil9s4","reqid":"1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL","duration":12737},"parentClipId":"16565250737612061335","href":"/preview/16565250737612061335?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind","rawHref":"/video/preview/16565250737612061335?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind","isEmbedOnly":false,"shouldPlayInstreamPreroll":false},"7860605345846745929":{"videoId":"7860605345846745929","title":"\u0007[Tailwind\u0007] CSS 4.0 Crash Course: Full Overview of New Features and Updates | \u0007[Tailwind\u0007] CSS v4.0...","cleanTitle":"Tailwind CSS 4.0 Crash Course: Full Overview of New Features and Updates | Tailwind CSS v4.0 Guide","host":{"title":"YouTube","href":"http://www.youtube.com/live/7IK9j9-H0vQ","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/7IK9j9-H0vQ?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","playerId":"youtube","providerName":"youtube.com","sourceHost":"www.youtube.com","name":"youtube.com","secondPart":{"type":"CHANNEL","id":"d3d3LnlvdXR1YmUuY29tO1VDdE9tbUMzWjhXU240NVZnVEFLQkhoQQ==","name":"Code And Create","isVerified":false,"subscribersCount":0,"url":"/video/search?text=Code+And+Create","origUrl":"http://www.youtube.com/@codeandcreate","a11yText":"Code And Create. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":3063,"text":"51:03","a11yText":"Süre 51 dakika 3 saniye","shortText":"51 dk."},"views":{"text":"25,7bin","a11yText":"25,7 bin izleme"},"date":"5 şub 2025","modifyTime":1738713600000,"isExternal":false,"player":{"embedUrl":"https://www.youtube.com/embed/7IK9j9-H0vQ?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=7IK9j9-H0vQ","reqid":"1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL","duration":3063},"parentClipId":"7860605345846745929","href":"/preview/7860605345846745929?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind","rawHref":"/video/preview/7860605345846745929?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind","isEmbedOnly":false,"shouldPlayInstreamPreroll":false},"4488242403896832835":{"videoId":"4488242403896832835","title":"Beginner \u0007[Tailwind\u0007] [FULL Course]","cleanTitle":"Beginner Tailwind [FULL Course]","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=wEM5NdJ-8HY","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/wEM5NdJ-8HY?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","playerId":"youtube","providerName":"youtube.com","sourceHost":"www.youtube.com","name":"youtube.com","secondPart":{"type":"CHANNEL","id":"d3d3LnlvdXR1YmUuY29tO1VDbVhWWGZpZExaUWtwcExQYUFUY0hhZw==","name":"Chris Sev","isVerified":false,"subscribersCount":0,"url":"/video/search?text=Chris+Sev","origUrl":"http://www.youtube.com/@ChrisSev_","a11yText":"Chris Sev. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":33540,"text":"9:19:00","a11yText":"Süre 9 saat 19 dakika","shortText":"9 sa. 19 dk."},"views":{"text":"42,7bin","a11yText":"42,7 bin izleme"},"date":"20 ağu 2024","modifyTime":1724170935000,"isExternal":false,"player":{"embedUrl":"https://www.youtube.com/embed/wEM5NdJ-8HY?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=wEM5NdJ-8HY","reqid":"1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL","duration":33540},"parentClipId":"4488242403896832835","href":"/preview/4488242403896832835?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind","rawHref":"/video/preview/4488242403896832835?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind","isEmbedOnly":false,"shouldPlayInstreamPreroll":false},"10498093562989291682":{"videoId":"10498093562989291682","title":"\u0007[Tailwind\u0007] CSS Tutorial #5 - \u0007[Tailwind\u0007] Config","cleanTitle":"Tailwind CSS Tutorial #5 - Tailwind Config","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=6UVQlB1eo5A","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/6UVQlB1eo5A?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","playerId":"youtube","providerName":"youtube.com","sourceHost":"www.youtube.com","name":"youtube.com","secondPart":{"type":"CHANNEL","id":"d3d3LnlvdXR1YmUuY29tO1VDVzVZZXVFUk1tbG5xbzRvcTh2d1VwZw==","name":"Net Ninja","isVerified":true,"subscribersCount":0,"url":"/video/search?text=Net+Ninja","origUrl":"http://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg","a11yText":"Net Ninja. Kanal onaylı"},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":675,"text":"11:15","a11yText":"Süre 11 dakika 15 saniye","shortText":"11 dk."},"views":{"text":"194,6bin","a11yText":"194,6 bin izleme"},"date":"8 tem 2020","modifyTime":1594166400000,"isExternal":false,"player":{"embedUrl":"https://www.youtube.com/embed/6UVQlB1eo5A?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=6UVQlB1eo5A","reqid":"1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL","duration":675},"parentClipId":"10498093562989291682","href":"/preview/10498093562989291682?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind","rawHref":"/video/preview/10498093562989291682?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind","isEmbedOnly":false,"shouldPlayInstreamPreroll":false},"2993698253281566657":{"videoId":"2993698253281566657","title":"\u0007[Tailwind\u0007] in 100 Seconds","cleanTitle":"Tailwind in 100 Seconds","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=mr15Xzb1Ook","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/mr15Xzb1Ook?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","playerId":"youtube","providerName":"youtube.com","sourceHost":"www.youtube.com","name":"youtube.com","secondPart":{"type":"CHANNEL","id":"d3d3LnlvdXR1YmUuY29tO1VDc0JqVVJyUG9lenlrTHM5RXFnYW1PQQ==","name":"Fireship","isVerified":true,"subscribersCount":0,"url":"/video/search?text=Fireship","origUrl":"http://www.youtube.com/@Fireship","a11yText":"Fireship. Kanal onaylı"},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":140,"text":"2:20","a11yText":"Süre 2 dakika 20 saniye","shortText":"2 dk."},"views":{"text":"1milyon","a11yText":"1 milyon izleme"},"date":"26 ağu 2021","modifyTime":1629994069000,"isExternal":false,"player":{"embedUrl":"https://www.youtube.com/embed/mr15Xzb1Ook?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=mr15Xzb1Ook","reqid":"1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL","duration":140},"parentClipId":"2993698253281566657","href":"/preview/2993698253281566657?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind","rawHref":"/video/preview/2993698253281566657?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind","isEmbedOnly":false,"shouldPlayInstreamPreroll":false},"10099609371397171813":{"videoId":"10099609371397171813","title":"Complete \u0007[Tailwind\u0007] CSS in One Shot|| \u0007[Tailwind\u0007] CSS in 50 Minutes|| \u0007[Tailwind\u0007] CSS Full Lectu...","cleanTitle":"Complete Tailwind CSS in One Shot|| Tailwind CSS in 50 Minutes|| Tailwind CSS Full Lecture","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=tvpGsBOUK-0","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/tvpGsBOUK-0?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","playerId":"youtube","providerName":"youtube.com","sourceHost":"www.youtube.com","name":"youtube.com","secondPart":{"type":"CHANNEL","id":"d3d3LnlvdXR1YmUuY29tO1VDRHJmMFY0ZmNCcjVGbEN0S3d2cGZ3QQ==","name":"College Wallah","isVerified":true,"subscribersCount":0,"url":"/video/search?text=College+Wallah","origUrl":"http://www.youtube.com/@CollegeWallahbyPW","a11yText":"College Wallah. Kanal onaylı"},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":2950,"text":"49:10","a11yText":"Süre 49 dakika 10 saniye","shortText":"49 dk."},"views":{"text":"60,1bin","a11yText":"60,1 bin izleme"},"date":"6 haz 2024","modifyTime":1717624070000,"isExternal":false,"player":{"embedUrl":"https://www.youtube.com/embed/tvpGsBOUK-0?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=tvpGsBOUK-0","reqid":"1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL","duration":2950},"parentClipId":"10099609371397171813","href":"/preview/10099609371397171813?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind","rawHref":"/video/preview/10099609371397171813?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind","isEmbedOnly":false,"shouldPlayInstreamPreroll":false},"8314172982441028177":{"videoId":"8314172982441028177","title":"How to Set up \u0007[Tailwind\u0007] CSS V4 Project for Beginners from Scratch in 2025","cleanTitle":"How to Set up Tailwind CSS V4 Project for Beginners from Scratch in 2025","host":{"title":"YouTube","href":"http://www.youtube.com/live/Kh3xj-5nMqw","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/Kh3xj-5nMqw?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","playerId":"youtube","providerName":"youtube.com","sourceHost":"www.youtube.com","name":"youtube.com","secondPart":{"type":"CHANNEL","id":"d3d3LnlvdXR1YmUuY29tO1VDUnVqSFR4LWpTbzRTSVMwM1JBN0V1UQ==","name":"Devtamin","isVerified":false,"subscribersCount":0,"url":"/video/search?text=Devtamin","origUrl":"http://www.youtube.com/@Devtamin","a11yText":"Devtamin. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":635,"text":"10:35","a11yText":"Süre 10 dakika 35 saniye","shortText":"10 dk."},"views":{"text":"99,8bin","a11yText":"99,8 bin izleme"},"date":"28 oca 2025","modifyTime":1738022400000,"isExternal":false,"player":{"embedUrl":"https://www.youtube.com/embed/Kh3xj-5nMqw?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=Kh3xj-5nMqw","reqid":"1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL","duration":635},"parentClipId":"8314172982441028177","href":"/preview/8314172982441028177?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind","rawHref":"/video/preview/8314172982441028177?parent-reqid=1773474576664522-1433585656824847990-balancer-l7leveler-kubr-yp-vla-56-BAL&text=Tailwind","isEmbedOnly":false,"shouldPlayInstreamPreroll":false}}},"viewer":{"_isInitial":false,"clips":{"items":{},"dups":{},"loadingStatus":"None"},"internal":{"videoId":"","sandboxEventPrefix":"sandbox:","sandboxVersion":"0x906f9600bf4","isEmbedded":false,"from":"yavideo","service":"ya-video","hbPeriod":30,"table":"video_tech","isInstreamDisabled":false,"nonce":"1433585656824847990756","errorList":[],"isAdultAdv":false,"isImportantCommonAdv":false,"shouldShowAdvId":false,"advConfig":{"under-player":{"regular":{"default":"R-I-48058-725","mail":"R-A-13411721-6"},"adult":{"default":"R-I-474674-114","mail":"R-A-13426421-6"}},"under-player-lite":{"regular":{"default":"R-I-48058-728"},"adult":{"default":"R-I-474674-103"}},"under-player-old":{"regular":{"default":"R-I-48058-725","mail":"R-A-13411721-6"},"adult":{"default":"R-I-474674-114","mail":"R-A-13426421-6"}},"video-list":{"regular":{"default":"R-I-48058-708","mail":"R-A-13411721-2"},"adult":{"default":"R-I-474674-101","mail":"R-A-13426421-2"}},"search-list":{"adult":{"default":"R-I-474674-135","mail":"R-A-13426421-23"},"regular":{"default":"R-I-48058-751","mail":"R-A-13411721-23"}},"search-grid-row":{"regular":{"default":"R-I-48058-718","mail":"R-A-13411721-4"},"adult":{"default":"R-I-474674-109","mail":"R-A-13426421-4"}},"search-grid-head":{"regular":{"default":"R-I-2120168-7"}},"search-list-right":{"regular":{"default":"R-I-8843654-1"}},"before-player-old":{"regular":{"default":"R-I-2120168-1"}},"before-player":{"regular":{"default":"R-I-2120168-1"}},"search-grid-inplace":{"adult":{"default":"R-I-474674-126","mail":"R-A-13426421-16"},"regular":{"default":"R-I-48058-742","mail":"R-A-13411721-16"}}},"shouldValidateSandbox":false,"sandboxInitTimeout":15000,"isSSROnlyMastheadEnabled":true,"query":"Tailwind","queryUriEscaped":"Tailwind","filterMode":1,"isUserChild":false,"advInstreamConfig":{"regular":{"default":{"category":"2","impId":"7","partnerId":"2216089","vmapScenarioId":"119"}},"adult":{"default":{"category":"3","impId":"4","partnerId":"1988486","vmapScenarioId":"119"}}}},"playbackQueue":{"currentIndex":0,"items":[]},"related":{"items":[],"pages":[],"loadingStatus":"None","nextPageNum":0,"ncrnd":0},"playlist":{"items":{}},"delayedViews":{"ids":[],"loadingStatus":"None"}}}