{"pages":{"search":{"query":"codingwithdidem","originalQuery":"codingwithdidem","serpid":"1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL","reqid":"1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL","parentReqid":"","serpItems":[{"id":"11141344981849864518-0-0","type":"videoSnippet","props":{"videoId":"11141344981849864518"},"curPage":0},{"id":"1323049367197607383-0-1","type":"videoSnippet","props":{"videoId":"1323049367197607383"},"curPage":0},{"id":"303435250476185618-0-2","type":"videoSnippet","props":{"videoId":"303435250476185618"},"curPage":0},{"id":"7811855144019673294-0-3","type":"videoSnippet","props":{"videoId":"7811855144019673294"},"curPage":0},{"id":"R-I-113683-5-0-4","type":"direct","props":{"advRsyaActivateParams":{"pcodeParams":{"blockId":"","renderTo":"","pageNumber":4,"grab":"dGNvZGluZ3dpdGhkaWRlbQo=","statId":4,"darkTheme":false,"lazyLoad":false,"extParams":{"reqid":"1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL","ui":"desktop","yuid":"2077786871769448722"}}},"isAdult":false,"position":4,"placement":"empty"},"curPage":0},{"id":"18382692440933807698-0-5","type":"videoSnippet","props":{"videoId":"18382692440933807698"},"curPage":0},{"id":"6510702428895664120-0-6","type":"videoSnippet","props":{"videoId":"6510702428895664120"},"curPage":0},{"id":"5785837791551570875-0-7","type":"videoSnippet","props":{"videoId":"5785837791551570875"},"curPage":0},{"id":"13109489476592010958-0-8","type":"videoSnippet","props":{"videoId":"13109489476592010958"},"curPage":0},{"id":"4819942662766977332-0-9","type":"videoSnippet","props":{"videoId":"4819942662766977332"},"curPage":0},{"id":"17868240947666768697-0-10","type":"videoSnippet","props":{"videoId":"17868240947666768697"},"curPage":0},{"id":"R-I-113683-5-0-11","type":"direct","props":{"advRsyaActivateParams":{"pcodeParams":{"blockId":"","renderTo":"","pageNumber":11,"grab":"dGNvZGluZ3dpdGhkaWRlbQo=","statId":11,"darkTheme":false,"lazyLoad":false,"extParams":{"reqid":"1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL","ui":"desktop","yuid":"2077786871769448722"}}},"isAdult":false,"position":11,"placement":"empty"},"curPage":0},{"id":"15855391740554061745-0-12","type":"videoSnippet","props":{"videoId":"15855391740554061745"},"curPage":0},{"id":"13804792669951564744-0-13","type":"videoSnippet","props":{"videoId":"13804792669951564744"},"curPage":0},{"id":"11379382216193566882-0-14","type":"videoSnippet","props":{"videoId":"11379382216193566882"},"curPage":0},{"id":"1957417113980326943-0-15","type":"videoSnippet","props":{"videoId":"1957417113980326943"},"curPage":0},{"id":"11343132954562489379-0-16","type":"videoSnippet","props":{"videoId":"11343132954562489379"},"curPage":0},{"id":"7573485292864837305-0-17","type":"videoSnippet","props":{"videoId":"7573485292864837305"},"curPage":0},{"id":"2682478429800709037-0-18","type":"videoSnippet","props":{"videoId":"2682478429800709037"},"curPage":0},{"id":"16387091376207444222-0-19","type":"videoSnippet","props":{"videoId":"16387091376207444222"},"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,"isFeedbackModalVisible":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":"dGNvZGluZ3dpdGhkaWRlbQo=","darkTheme":false,"lazyLoad":false,"extParams":{"reqid":"1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL","ui":"desktop","yuid":"2077786871769448722"}}},"isAdult":false,"position":0,"placement":"search-list-right"},"curPage":0}],"isAdultQuery":false,"errorList":[],"layout":"list","retpath":"https%3A%2F%2Fgs.yandex.com.tr%2Fvideo%2Fsearch%3Ftext%3Dcodingwithdidem"},"main":{"_isInitial":true,"snippets":[],"serpFooter":{"linksGroups":[]},"isLoggedIn":false,"tags":[]}},"internal":{"nonce":"8368980926938430601794","expFlags":{"video_settings_toolbar_redesign":1,"velocity_delay_drawer":1,"video_feedback_in_d2d":1,"video_viewer_heartbeat_disabled_in_no_js_api":1,"video_search_toggle_with_text":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_resource_loader":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"}}},"new_template_version":4,"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_no_islands":1,"video_viewer_channel_link_mode":2,"video_partner_label":1,"video_resource_loader_load_timeout":6000,"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_viewer_critical_error_codes":"101,102,103,100,151,152,153,154,155,156,150","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,"beauty_header_futuris_tab":9,"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,"video_viewer_doc2doc_instant_load":1,"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":1,"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":["1455698,0,23;1472323,0,21;1405820,0,18;1414494,0,24;1424968,0,54;1468855,0,58;1460710,0,93;1464561,0,56;1459297,0,95;1465968,0,47;1456929,0,79;1472031,0,72;1471624,0,1;1461642,0,87;1469893,0,70;1339938,0,8;1464523,0,78;1282205,0,6;1466296,0,94;1463528,0,64;1463531,0,89;1467160,0,82;1467149,0,60;1452016,0,64;1349038,0,13;1466618,0,69;1470515,0,93;1467619,0,85;1473864,0,55;88927,0,41;1404017,0,13;724556,0,54;724636,0,54;1467157,0,43;45962,0,4;1357005,0,79;1470414,0,50;45974,0,89;151171,0,72;128378,0,43;1281084,0,33;287509,0,83;1447467,0,97;1254304,0,35;1473595,0,59;1466396,0,60"],"isYandexNet":false,"platform":"desktop","isEnLogo":true,"retpath":"https%3A%2F%2Fgs.yandex.com.tr%2Fvideo%2Fsearch%3Ftext%3Dcodingwithdidem","mordaUrl":"//yandex.com.tr/","videoSearchUrl":"https://gs.yandex.com.tr/video/search?text=codingwithdidem","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":"1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL","backUrl":"//ya.ru","url":"https://gs.yandex.com.tr/video/search?text=codingwithdidem","isIntegrationTest":false,"isEndToEndTest":false,"shouldDropLogs":false,"seo":{"title":"codingwithdidem: Yandex'te 260 video bulundu","description":"Результаты поиска по запросу \"codingwithdidem\" в Яндексе","keywords":"яндекс видео, поиск видео, смотреть онлайн, сериалы, фильмы, клипы","shareTitle":"codingwithdidem — Яндекс — поиск по видео"},"isEmbedded":false,"isPumpkin":false,"sessionCsrfToken":"y6017be185df8c6298a37f4a2bd0e5522","reportFeedbackBaseProps":{"initEmail":"","metaFields":{"userAgent":"Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)","userTestids":"1455698,1472323,1405820,1414494,1424968,1468855,1460710,1464561,1459297,1465968,1456929,1472031,1471624,1461642,1469893,1339938,1464523,1282205,1466296,1463528,1463531,1467160,1467149,1452016,1349038,1466618,1470515,1467619,1473864,88927,1404017,724556,724636,1467157,45962,1357005,1470414,45974,151171,128378,1281084,287509,1447467,1254304,1473595,1466396","queryText":"codingwithdidem","reqid":"1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL","userRegionName":"","userRegionId":"id() {\n return this._region.id;\n }","yandexuid":"2077786871769448722","uid":"0","isChildAccount":false}},"userTestids":"191768,238743,246500,253288,265553,270072,277807,274239,294077,310194,278842,331010,338398,378416,359879,415420,571985,644350,652605,645301,679708,689693,690449,696466,696473,698168,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,1227266,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,1459277,1459585,1461130,1466451,1299604","regionId":20815,"isYaRu":false,"shouldUnmountSearchPageInViewer":false,"videoGlobalContext":{"platform":"desktop","isPumpkin":false,"language":"tr","user_time":{"epoch":"1769448842","tz":"America/Louisville","to_iso":"2026-01-26T12:34:02-0500","__is_plain":1},"isHermione":false,"shouldStubImages":true,"enableVideoPreviewInHermione":false,"reqid":"1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-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":"1455698,1472323,1405820,1414494,1424968,1468855,1460710,1464561,1459297,1465968,1456929,1472031,1471624,1461642,1469893,1339938,1464523,1282205,1466296,1463528,1463531,1467160,1467149,1452016,1349038,1466618,1470515,1467619,1473864,88927,1404017,724556,724636,1467157,45962,1357005,1470414,45974,151171,128378,1281084,287509,1447467,1254304,1473595,1466396","queryText":"codingwithdidem","reqid":"1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL","userRegionName":"","userRegionId":"id() {\n return this._region.id;\n }","yandexuid":"2077786871769448722","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":"8368980926938430601794","disableDoc2DocHostLink":false,"shouldHideChannelLink":false,"disableChannelLink":false,"userConnectionRtt":143,"animated":false,"isDoc2DocScrollFix":true,"smartDesktopLayout":true,"enableVIImprovements":false,"enableLazyPoster":false,"isAdvDisabled":false,"shouldShowVideoPlaylistPane":false,"isVideoTranslationSupported":false,"isSummaryDisabled":false,"isSummaryOnlineEnabled":true,"shouldRenderBroSummaryApiContainer":false,"shouldDropLogs":false,"shouldUseBeacon":false,"hasAdBlock":false,"rknWarnHosts":[""],"relatedAdvRootMargin":400,"postInstreamScreenDuration":2000,"minVideoDurationForInstream":120,"isInstreamEnabledInTesting":false,"isFinalHeartbeatDisabledInNoJsApi":true,"wildcard":false,"isAdvUnderPlayerRedesign":false,"disableEarlyEventsInD2d":false,"isDoc2DocInstantLoadEnabled":true,"disableEarlyEventsUnsubscribe":false,"showDebugRelatedURL":false,"shouldUseBetaErrorLogging":false,"shouldShowMetaUnderPlayer":false,"isVideoViewerMetaTitleHidden":false,"isStickyPlayerDisabled":false,"headerNoFavicon":false,"headerBranded":false,"shouldCensorSensitiveContent":false,"isAdvUnderPlayerTransparent":false,"isDoc2DocGridLayoutEnabled":false,"detailsRedesignEnabled":false,"detailsRedesignV2Enabled":false,"detailsRedesignV3Enabled":false,"isIslandsDisabled":true,"isD2DEmptyLoadFixDisabled":false,"isRoundedPlayerEnabled":false,"isSettingsToolbarRedesign":true,"isDoc2DocEmptyRetryEnabled":false,"isAdvUnderPlayerWithBackdrop":false,"isTouchAdvWithBackdrop":false,"isDoc2DocErrorScreenEnabled":true,"isDoc2DocFeedbackKebabEnabled":true,"isCommentsEnabled":false,"isCommentsCountOnSnippetsEnabled":false,"criticalErrorCodes":["101","102","103","100","151","152","153","154","155","156","150"],"isVideoMainButtonInitiallyCollapsed":false,"isAdvUnderPlayerWithInnerPadding":false,"isKebabAdvancedActionsEnabled":false,"isKebabOnTouchVideoSearchEnabled":false,"isAdvVideoListLikeUnderPlayer":false,"isSummaryInMetaButtons":false,"isSummaryInMetaButtonsDesktop":false,"isMetaCommentsButtonEnabled":false,"preventAdvHideOnEmpty":false},"shouldShowAdvId":false,"isAdultQuery":false,"isSensitivePage":false,"showSensitive":false,"shouldReplaceHref":false},"user":{"tld":"com.tr","isEuDomain":false,"login":"","passportId":"","isLoggedIn":false,"locationName":"Columbus","isFamily":false,"yandexuid":"2077786871769448722","ugcCsrfToken":"","family":1,"isChild":false},"config":{"skinMode":"system","skin":"light","version":"releases-frontend-video-v1.1754.0__7d090cb2d4d9823803190509a95d03c049893005","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":"gs.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","snippet":"254","icon":"1167","abuse":"1436","submit":"297","wizard":"358","incut":"1073","extralinks":"3557","show":"487","feedback":"296","out":"3218","popup":"1544","scroll":"768","retry":"3545","region":"287","help":"177","settings":"1137","recommendations":"2671","home":"1319","soo":"65","youtube":"624","google":"66","bing":"568"}},"clips":{"items":{"11141344981849864518":{"videoId":"11141344981849864518","docid":"34-11-0-Z375DF72C3325A1BF","description":"Ayrıcalıklardan yararlanmak için bu kanala katılın: / @codingwithdidem 1:1 Call https://superpeer.com/codingwithdidem Ücretsiz İçeriklerime Destek Vermek İçin: Patreon : / codingwithdidem Kanalın...","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/2301951/0a03f9d01e64210f50c6e4acffe2b95b/564x318_1","videoSrc":"https://video-preview.s3.yandex.net/LTK9zgEAAAA.mp4","videoType":"video/mp4"},"target":"_self","position":"0","reqid":"1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL","summary":{"fullTextUrl":"/int_search_summary?data=http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3Dc38nWfOLO3I","linkTemplate":"/video/preview/11141344981849864518?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=%%timestamp%%&ask_summarization=1"},"isAdultDoc":false,"relatedParams":{"text":"My favorite vscode themes","related_orig_text":"codingwithdidem","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"codingwithdidem\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=c38nWfOLO3I\",\"src\":\"serp\",\"rvb\":\"Eq0DChQxMTE0MTM0NDk4MTg0OTg2NDUxOAoTMTMyMzA0OTM2NzE5NzYwNzM4MwoSMzAzNDM1MjUwNDc2MTg1NjE4ChM3ODExODU1MTQ0MDE5NjczMjk0ChQxODM4MjY5MjQ0MDkzMzgwNzY5OAoTNjUxMDcwMjQyODg5NTY2NDEyMAoTNTc4NTgzNzc5MTU1MTU3MDg3NQoUMTMxMDk0ODk0NzY1OTIwMTA5NTgKEzQ4MTk5NDI2NjI3NjY5NzczMzIKFDE3ODY4MjQwOTQ3NjY2NzY4Njk3ChQxNTg1NTM5MTc0MDU1NDA2MTc0NQoUMTM4MDQ3OTI2Njk5NTE1NjQ3NDQKFDExMzc5MzgyMjE2MTkzNTY2ODgyChMxOTU3NDE3MTEzOTgwMzI2OTQzChQxMTM0MzEzMjk1NDU2MjQ4OTM3OQoTNzU3MzQ4NTI5Mjg2NDgzNzMwNQoTMjY4MjQ3ODQyOTgwMDcwOTAzNwoUMTYzODcwOTEzNzYyMDc0NDQyMjIKFDE3MTIxNjU1MDg4MDc4MzIyMTc2ChM2ODM4NTI0MDUxMjIxNzMwNDYzGhYKFDExMTQxMzQ0OTgxODQ5ODY0NTE4WhQxMTE0MTM0NDk4MTg0OTg2NDUxOGqIFxIBMBgAIkUaMQAKKmhob29ocGl2c2hqY2R6bmRoaFVDZkdYRW8ydUNrVnFjSXFrSWFGTkdjQRICABIqEMIPDxoPPxOPBYIEJAGABCsqiwEQARp4gf8E-wH-AgDlAP0DCf8AAPUD_Pj5_f0A5QLw9wP8AgAFAwcEAgEAAOsH-vYDAAAA9gf4EP7_AAD__P8D-gAAABkHCPoBAP8A_wjx_f8BAAD5-P4GA_8AAAYACQAAAAAA__379_z_AAAFBgH2AQAAAPb9_gAAAAAAIAAtE_PZOzgTQAlITlACKoQCEAAa8AFZA9j-_dgHAtEC6wG6_uX_gQAC_zXuzAHX--kB4-PvAccD4gH5ChgAyeXwAML0AQCiLt4AGxgrAA0GIQD08_4BDfnkAQ7eJQE6DPAA6RP1_-ALCv5F9icANfEBAgT-9AAo-QEAAP_tAODj8QTwJzICHO4iAgMJCQLdIRwG8wUiA9oT6P_qDgX8vg8N_AoJBv78H9wERgT0AP3-MP8fD_oK9_oMBtwO-fztFhcF8_cM9-YD_wQCGPwH6QIRBQghIfr79w4B9OQB8QspEvo9BPT1_TIG_BQM_BAB3vX_8wYO9wkECe_VAAH87fwR-uMH9u4gAC2_TyQ7OBNACUhhUAIqzwcQABrAB9hF-b4orD-7gpzmPIKVILw8yKG6R462O-bEortOE5G8ObStvFTXmz3PkpE8r7j2O5fHqr4Tx-w7vhGdvFG_iz4dbBY9m-hzPZf04jtvKAE9wW_DvK4OgL18RAy9hkcPPDgvzjzObcK8MW-fPLVrAj7Ek107oFiju4f76L2pWye93S-Xu51SOT117Lu8PKtgPJT2Bj6qAKk8EzLUuTo6k70WoNI8vJMPPCtXjr0xcya8gHwuvMqUBT2NogI9u7ObvB9nGj2GZug7szyTuhMJi70KN1S9sraOvAEwrj2HeaS70Q8ZPT7EcL2V5TU8Bo8lPIQ0vrw24QG8y9b6Or7fQ7267vc8KioRvfX1_D2cogg96ytZvLkpr7wdBpC7g-8nPWFJwzwdFzw7sBIePJfmJj4l_Dc90ssDOzRT9bwPtCc8RTQTPLIQ3T04CyC94uO4utpZFL2mLvS8sIO1O7LLgTxqBIE9yQyKvDZDw7sD7z898Bv8uhPr-TzqC3y8BK2fuzVSlT3UwXC96UZYvDntST1cnAc9Rccju9XkjrwuUm09VvaXuymMkjyAY5E79Ve8u1CPzT2ZULc8k63LurPN7b0Zuii9tAHYu3AcAj3M5jY9JB_kOhmBQr0jsQ69MVIYvLbkJz2Y_iA9uV0gvIeL_L0Vz7-9UP6BOpibOb3R5yM9KRDNu6CRBDwTLr-8u8A8u7EwxD31Ree8wPZTundeFD19ofY8WBHBuqnUgT09cF-8CDUmuzGXhL2oiSO948SmODy98j1KyFG9V8GOOeRE4LwAWow7dnaQuEyzLzxv9uK89mjHOHW2Njyr6BG8uwKXOMui8LxbQh6-NwXjOa9rJb2TfUa8f6U2uqHnRb3Y5u-7qxxeOumcHzyIyWU82kj9OV_TY7277Ye9RBwrOLvs17zluoQ9YDzmuIyC4Dyc0bC9q1JNuJTJP70Xpfo8qHbXOPQjtDzsXCe9MuhKN-U_ab2MMvY8Qy2JuXklN7hUZB49nqiSOOuhojwWs2-8bTD9uKJEa70kuXy8_XYmuDYh7b2ufky9gVhmuGXRir3kH0w9p0tfOGvx6b151iS87i9gNlrqur2ZmhS-6VtSuGpKF739d069GSleuCmSH7609KK9h0GoOKborzucTJG9hmUUOMzRAz7rzUG7DKDfN1x3jj1kHXM9Nedmt-P_jj1_3zo9rfHTt7f2GT0OVUe9bKlYuERnXj3HZ7I83-sAOYAWtr3j2B89p7vBuOdkczyoqtA9EjhhtyYeaz1aLdC9HwiOtyAAOBNACUhtUAEqcxAAGmBACQA7CR63Cuoy3A_cvzIT_u_mEOAY__rxAPMl7gsg8CGtBgj_PPb2JK4AAAA1-eYtowAlZuPk3hzT_wzlwQ1MD3_w-C-z7gr17sIx_w771AgCGBgA9A7V__Ye0ydb-w8gAC3j2ik7OBNACUhvUAIqrwYQDBqgBgAAGEIAABRCAAAwQQAAmEEAAABBAAAUQgAAgEAAAGBBAABUwgAANMIAAKDAAAAEwgAAiMIAACBBAACgQgAARMIAAMBBAAAQwQAAAEEAAOjBAAAcQgAAUMIAACBBAAAAwQAA4EEAAIBBAAAgwQAA4MAAAOpCAADIQQAADMIAAOBAAACwwgAA0EEAANDBAADcwgAAqEEAAJJCAACwQQAAYEEAAIBAAABQQgAAqEEAADRCAAA4wgAA4MEAAADBAABwwQAAIEIAAADBAAD0wgAAqEEAAIDBAADoQQAAwEEAAGRCAABEwgAANMIAABTCAACIQQAAoMAAAKrCAAAIwgAAgMIAAMhBAAAwwgAACEIAACDBAAAIwgAACMIAABRCAAC0QgAAgMIAAGxCAACAPwAAAAAAAI7CAAAcQgAAGEIAAADCAADQwgAAYEIAADDBAABEQgAA-MEAAHDBAADwwQAAgEAAACRCAABAQAAAUMEAAFBBAADAQQAALMIAAEBAAABgwgAAMMEAALhBAACgQAAAGMIAAEDCAABEQgAAPEIAAPjBAABEwgAAMEEAAI5CAACoQQAAQEIAAARCAABwwQAAAEIAAPjBAADAwQAAAEIAAKhBAACwwQAAmEEAAKjBAAAQQQAACEIAACTCAAAwQQAAUMEAAMDAAADgQQAAAAAAABBBAACgwQAAgMEAAODAAAA0wgAAMEEAABzCAACAPwAA4EEAAADAAABwwQAA8MEAADjCAACAQgAAWEIAAFBCAAAgQQAAEEEAAMhBAAAgwgAAQEEAAFjCAAAwwgAA6EEAAJDBAADAwAAAVMIAAOjBAACowgAAmMEAAMjBAACqQgAAHEIAAOBAAADAQAAAZMIAACxCAABcwgAA-MEAAIDBAAD4QQAAWEIAAEDBAACIwgAAGEIAANhBAADAQAAAAMEAACBBAAAAQgAAcMEAAEBAAACaQgAAoMEAABDBAADgQQAAnsIAAMBAAAAwQQAAlMIAAKpCAABkQgAAgD8AAJhBAADwwQAA0MEAAKBAAABAwgAAyEEAALTCAABAQgAAgL8AAKBAIAA4E0AJSHVQASqPAhAAGoACAAAMvgAA6D0AAOg9AAC-PgAA6L0AAMo-AACoPQAADb8AAPi9AAA0vgAAMD0AAII-AAB0vgAAHD4AAFS-AAAQvQAApj4AAEC8AAAwvQAAOz8AAH8_AABkvgAAcL0AACQ-AACIPQAA6L0AAIi9AACuvgAAHD4AAIi9AACoPQAAXD4AAIY-AAA0PgAAXD4AAAy-AADoPQAAxr4AACW_AAD4vQAAqr4AAPi9AAB8PgAAML0AAJI-AAAkPgAAbD4AAIg9AABQPQAAiL0AAOA8AAAMvgAAUD0AAKY-AACqvgAAcD0AAF0_AAAsPgAALD4AAHA9AAAQPQAAJD4AAEC8AAAkPiAAOBNACUh8UAEqjwIQARqAAgAAFL4AAMK-AAABvwAAXb8AAFy-AADWPgAAJD4AAHA9AABMvgAAgr4AAB-_AABwvQAAEL0AADS-AAC4PQAAcD0AAOC8AAA7PwAAkr4AAPo-AACYvQAAUD0AAJi9AADGPgAAyr4AAGS-AACCPgAAML0AAEC8AABEvgAAhj4AAPi9AAB8PgAAmr4AALi9AABcPgAAML0AABC9AABEvgAAHD4AAIC7AAAcPgAAJD4AAEA8AACIvQAAEL0AAH-_AADSvgAAVL4AAIA7AAD4PQAA2D0AAM4-AAAcPgAAiD0AABQ-AACIvQAAPz8AAHA9AAAsvgAAij4AAFM_AADgPAAA1r4gADgTQAlIfFABMAk4AUoAYABoAA,,\"}","related_url":"http://www.youtube.com/watch?v=c38nWfOLO3I","parent-reqid":"1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1920,"cheight":1080,"cratio":1.77777,"dups":["11141344981849864518"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":false,"contentTypeId":null,"censored":false,"videoContentId":"4236853048"},"1323049367197607383":{"videoId":"1323049367197607383","docid":"34-11-1-Z120179B9F7BFDCA4","description":"Ayrıcalıklardan yararlanmak için bu kanala katılın: / @codingwithdidem 1:1 Call Ayırmak İçin https://superpeer.com/codingwithdidem Ücretsiz İçeriklerime Destek Vermek İçin: Patreon : ttps...","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/2757750/f101f95a6643d72a52a530c5927df82e/564x318_1","videoSrc":"https://video-preview.s3.yandex.net/gE5_JgIAAAA.mp4","videoType":"video/mp4"},"target":"_self","position":"1","reqid":"1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL","summary":{"isFull":true,"fullTextUrl":"/video/result?ask_summarization=1&numdoc=1&noreask=1&nomisspell=1&parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=videoid:1323049367197607383","teaser":[{"list":{"type":"unordered","items":["Bu video, bir eğitim içeriği olup, anlatıcı Visual Studio Code üzerinde ViM plugininin nasıl kullanılacağını adım adım göstermektedir.","Video, ViM plugininin Visual Studio Code'a yükleme süreciyle başlayıp, temel komutları detaylı şekilde anlatmaktadır. İlk bölümde sayfa içinde hızlı hareket etme, satır sonuna ve başına gitme, kelime kelime ilerleme, satır silme ve değiştirme komutları gösterilirken, ikinci bölümde kopyalama-yapıştırma işlemleri, satır ve kelime seçimi, silme, büyük-küçük harf dönüşümü ve blok düzenleme gibi temel komutlar uygulamalı olarak anlatılmaktadır.","Bu eğitim sayesinde kod yazma süreci daha hızlı ve verimli hale getirilebilir, özellikle HJKL, Shift+A, Shift+0, W, B, dd, ccc, cc, cc, Z, y, p, j, k, tilda ve o gibi tuşların pratik kullanımı gösterilmektedir."]},"endTime":1049,"title":"Visual Studio Code'da ViM Plugin Kullanımı Eğitimi","beginTime":0}],"fullResult":[{"index":0,"title":"Visual Studio Code'da Kodlama Hızlandırma","list":{"type":"unordered","items":["Bu videoda Visual Studio Code üzerinde kodlama becerilerini hızlandırmak için çeşitli araçlar ve komutlar gösterilecek.","Günlük hayatta kod yazarken bu araçları kullanarak işi daha hızlı bitirip, daha fazla boş zaman kazanabilirsiniz.","Vim, Unix ve Linux sistemlerinde kullanılan bir text editör olarak Visual Studio Code üzerinden plugin olarak kullanılabilir."]},"beginTime":1,"endTime":75,"href":"/video/preview/1323049367197607383?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=1&ask_summarization=1"},{"index":1,"title":"Vim Plugin'ini Kurma ve Temel Hareket Komutları","list":{"type":"unordered","items":["Vim pluginini yüklemek için Ctrl+Shift+X tuşlarına basıp \"vim\" araması yaparak indirebilirsiniz.","Sayfa içerisinde hızlıca hareket etmek için Shift+C (büyük C) ile sayfanın en altına, gg ile sayfanın en üstüne geçebilirsiniz.","Sayfa içerisinde ilerlemek için hjkl harflerini kullanabilirsiniz: j ile aşağı, k ile yukarı, l ile sağa, h ile sola hareket edebilirsiniz."]},"beginTime":75,"endTime":254,"href":"/video/preview/1323049367197607383?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=75&ask_summarization=1"},{"index":2,"title":"Daha Fazla Hareket ve Düzenleme Komutları","list":{"type":"unordered","items":["Alt+0 (0) ile bloklar halinde aşağı inebilir, Alt+8 (8) ile bloklar halinde yukarı çıkabilirsiniz.","Shift+A ile satır sonuna gidebilir ve insert moduna geçebilirsiniz, escape tuşu ile command moduna geri dönebilirsiniz.","0 tuşu ile satırın başına, w tuşu ile kelime kelime ilerleyebilir, b tuşu ile kelime kelime geri dönebilirsiniz."]},"beginTime":254,"endTime":372,"href":"/video/preview/1323049367197607383?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=254&ask_summarization=1"},{"index":3,"title":"Düzenleme ve Silme İşlemleri","list":{"type":"unordered","items":["Insert modunda yazı yazabilirsiniz, escape tuşu ile command moduna dönebilirsiniz.","U tuşu ile yapılan değişikliği geri alabilir, Ctrl+R ile geri alınan değişikliği tekrar geri getirebilirsiniz.","D tuşu ile kelime silme, dd ile satırı komple silme, Shift+D ile kelime sonrası satırı silme, c ile kelime değiştirme işlemleri yapılabilir."]},"beginTime":372,"endTime":606,"href":"/video/preview/1323049367197607383?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=372&ask_summarization=1"},{"index":4,"title":"İleri Seviye Komutlar","list":{"type":"unordered","items":["Sayılarla birlikte kullanıldığında (örneğin 5j) belirli sayıda satır aşağı veya yukarı hareket edebilirsiniz.","Z tuşu ile sayfanın ortasına gitme işlemi yapılabilir.","Shift+V ile satır seçimi yapabilir, seçilen satırları j ile aşağı, k ile yukarı hareket ettirebilir ve d ile silebilirsiniz."]},"beginTime":606,"endTime":696,"href":"/video/preview/1323049367197607383?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=606&ask_summarization=1"},{"index":5,"title":"Kopyalama ve Yapıştırma İşlemleri","list":{"type":"unordered","items":["Satırı kopyalamak için yy tuşlarına basılır ve yapıştırmak için p tuşuna basılır.","Bir şeyi sildiğinizde, aynı zamanda da clipboard'a kopyalanır ve p tuşuna basarak tekrar yapıştırabilirsiniz.","Alt tuşuyla birlikte 0'a basarak en alt satıra, 8'e basarak en üst satıra gidilebilir."]},"beginTime":699,"endTime":806,"href":"/video/preview/1323049367197607383?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=699&ask_summarization=1"},{"index":6,"title":"Kelime Seçimi ve Değiştirme","list":{"type":"unordered","items":["Kelime kelime seçmek için w tuşu ile kelimenin başına gidip, v tuşu ile seçim yapabilirsiniz.","Seçilen kelimeyi değiştirmek için c tuşuna basıp yeni kelime yazabilirsiniz.","Nokta tuşu ile son yapılan işlem tekrar tekrar gerçekleştirilebilir."]},"beginTime":806,"endTime":877,"href":"/video/preview/1323049367197607383?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=806&ask_summarization=1"},{"index":7,"title":"Büyük Küçük Harf Dönüşümleri ve Diğer İşlemler","list":{"type":"unordered","items":["Tilda (~) tuşu ile harf harf büyük harfe dönüştürme yapılabilir.","Beş satırı birden silmek için 5 deyip de tuşuna basabilirsiniz.","Shift a tuşu ile satırın sonuna, % tuşu ile aynı karaktere sahip başka bir yere gidilebilir."]},"beginTime":877,"endTime":980,"href":"/video/preview/1323049367197607383?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=877&ask_summarization=1"},{"index":8,"title":"Eklemeler ve Silme İşlemleri","list":{"type":"unordered","items":["O tuşu ile insert moduna geçip bir alt satıra ekleme yapılabilir.","Shift o tuşu ile insert moduna geçip üzerine ekleme yapılabilir.","Alt ve blok tuşları ile bloklar halinde aşağı veya yukarı gidilebilir, d tuşu ile seçilen bloklar silinebilir."]},"beginTime":980,"endTime":1047,"href":"/video/preview/1323049367197607383?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=980&ask_summarization=1"}],"linkTemplate":"/video/preview/1323049367197607383?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=%%timestamp%%&ask_summarization=1"},"isAdultDoc":false,"relatedParams":{"text":"10 Kat Daha Hızlı Kod Yaz | VSCode için Vim Plugin","related_orig_text":"codingwithdidem","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"codingwithdidem\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=APMVSOAfpBw\",\"src\":\"serp\",\"rvb\":\"Eq0DChQxMTE0MTM0NDk4MTg0OTg2NDUxOAoTMTMyMzA0OTM2NzE5NzYwNzM4MwoSMzAzNDM1MjUwNDc2MTg1NjE4ChM3ODExODU1MTQ0MDE5NjczMjk0ChQxODM4MjY5MjQ0MDkzMzgwNzY5OAoTNjUxMDcwMjQyODg5NTY2NDEyMAoTNTc4NTgzNzc5MTU1MTU3MDg3NQoUMTMxMDk0ODk0NzY1OTIwMTA5NTgKEzQ4MTk5NDI2NjI3NjY5NzczMzIKFDE3ODY4MjQwOTQ3NjY2NzY4Njk3ChQxNTg1NTM5MTc0MDU1NDA2MTc0NQoUMTM4MDQ3OTI2Njk5NTE1NjQ3NDQKFDExMzc5MzgyMjE2MTkzNTY2ODgyChMxOTU3NDE3MTEzOTgwMzI2OTQzChQxMTM0MzEzMjk1NDU2MjQ4OTM3OQoTNzU3MzQ4NTI5Mjg2NDgzNzMwNQoTMjY4MjQ3ODQyOTgwMDcwOTAzNwoUMTYzODcwOTEzNzYyMDc0NDQyMjIKFDE3MTIxNjU1MDg4MDc4MzIyMTc2ChM2ODM4NTI0MDUxMjIxNzMwNDYzGhUKEzEzMjMwNDkzNjcxOTc2MDczODNaEzEzMjMwNDkzNjcxOTc2MDczODNqiBcSATAYACJFGjEACipoaG9vaHBpdnNoamNkem5kaGhVQ2ZHWEVvMnVDa1ZxY0lxa0lhRk5HY0ESAgASKhDCDw8aDz8TmQiCBCQBgAQrKosBEAEaeIH7Cv4JAv0A4wD9Awn_AQAk-AX8BgIDANgB9v_6-AQA_wIG-P8BAADsCQf4BQAAAAn19_72_gAADgb0AwQAAAAD_QD_C_wCAAEG7gz_AQAA9QQCCvYCAAEJ7QX__wAAAAYG-_b-_wAABQj-_gAAAAD-7gP4AAAAACAALeB1zDs4E0AJSE5QAiqEAhAAGvABW_34_gHf-QO1G9H_0xQEAIEAAv8o9usA1PHIAPDy7QHX-OkA_e8T_9bw3QC0ANMBzP3c_xv3FgAMABH__fMlAAAJ4wAyzw8BJ_zsAdci2QAFHwb_Ie4Y_j3hCv4YDOj-F-_5_tMFw__C5f7_CRwvAhkABf8BECP94TkcAM8SGgHj5Rb94x4S_6r8B_4ZDAH8CR3r_jYJ3AAMEhX9IP3oAg36FwHe9Bn39ggOCtr07_jd-P8G9hH0BusfGv7jFyIB8REIBvTkAfEGHQfxIf0E_gUlAwP--QEQAd71_-ELBf3x9Pv96xoBAPALBfToFuLzIAAtv08kOzgTQAlIYVACKs8HEAAawAfqsOq-2tI8u_iXEz3kBUK92_uUPfdCnDxNOJq90KRiu0jBE72JXSs-013DPX2GBTycTZe-6j1cuWSPFrw9KXM-lMDmu_VyDj3J7l294n72PBjWSL39B7K9v63HO3sOE7y22sO8Ab_GvJA8Bj1_S0A-p0rKO4G4hryH--i9qVsnvd0vl7u8weE8yTC4uy4tFzwoEPY99t-UPBzWr7xdVVE99O2uPKD3azzeQHy9nL-qO5d7t7zIv8W8DkA0OhKOsLt1Ziw9povDPP90qDwoQm-9QtGnvaF_p7tJLKk8aF4OPTa9Gj1Y8y28dRE1PXrhTrzFLjs9x_dAvdBY4Dyt-QG-VKWSPCHR3zt7h0s-2G_cvKBoAbtDVey9iL47PEWQuTz9Utw7pra3u-QRnDwu5yI-waq6Paq-QLo8PSU8Iz17vOqjvroTRbg9k0b7vHXMubzJu4m9URaOvUNrSTsJu9E7HLbNPe96RLyVYke86ZsUPbHojLw0R9Y99DY2vKFnPbrVKUo9urMAvUxap7xo0mE9ykIFPQbEmjyueXq9wDwJvfm-ODu1kSY9f6swPbsdzLt0Iww-XFNFOzz8c7oxdke9Or6MvbB9N7xsJl896-DFPDHaDzrlL8i8xV_uOv0TP7uz_iI8c3VRvVcHgLzgTde9PisEve018zqKlIG80UHyPH9vkbus2v88EtjBvB1iNDvMn2s7KvFKvDqOgrsNP549eeyCPMsnjjoYI9I8tbBhO3mfWzs7sQK9y_OgvLNxTLuhndM9UYGYvZedUTm3qUs9LVoFPbniYjnRShC9bDBDvP9rsDkbI8M9hlOLPTT7WrjpD008qDg-vnKfXTn076M7j_2svKAKZTmrez-9CHw5PZ1idjp544k8AOHoPIZeE7r0Xgo8TzbKvELJgrjIg-M8dQzjPL4c2beT2N47A0xPvUZfBbhk2Je9uT9NvYW-ezl4mBc8NEYQvB8CQ7hv80a8U8GyvBurkbjtgyw83mSqPV7pvbgHlsQ7Wq_xurZLsbc_yqO8nfiFvMhukLhXBvW9cEPsvcwMi7gRy4G8SJNBPMor47dcADq-ARONvWDzMbkW30u9UYL-vURYLLi3xFu9iFLWvM8y4bi0yNa9dEa_vd63vTjrhGE9KxjVvDyT8bhDAgY-la2_vDY8GLhzCCE9HO3ZO80BqDefxXc9b49vPW2whjfe6F49eOWEvUFStLijubQ9yH2LPYDxgzisBEa9ESUwPQ9ys7jjGbQ8gPmPPWekTLiguE099x-pvStNvrcgADgTQAlIbVABKnMQABpgW_kAThogyv7WIfEs7xVS4wCv9wK9Q___DP_lLNw5EywFpvUD_yze-AOYAAAAMBDkaQMAC3_57d0m4z4drKjeH_x95fpOkvUE-t-9SgHw_v_3J0QLACjZwPQDDtMkfg70IAAtiK0LOzgTQAlIb1ACKq8GEAwaoAYAAGDBAADoQQAADEIAAFDBAABAQQAA8EEAADBBAAC4wQAAisIAACDCAABAQAAAOMIAAEjCAAAQQQAAcEIAAMDBAACYwQAAyMEAAIDAAABowgAAoEAAAEjCAAD4wQAAEMEAAKBBAAAAwQAAyMEAAEBCAAC6QgAA2MEAAMjBAAAgQQAAsMIAAEhCAABQQgAA0MIAACBBAAAMQgAAwEEAAJ5CAAAAwAAA4MAAAPBBAABAwAAAgL8AABzCAAAQQgAAuEEAAABCAACAPwAAxMIAAMDBAAAgwQAA0MEAAARCAADAQQAAlsIAADDCAACowQAA0EEAAJhBAABswgAAwMAAALbCAADAQQAAlMIAALhBAAAIwgAAQMAAADzCAAAEQgAAQEEAANjBAABoQgAAYEEAAJhBAABkwgAADEIAABBBAADAQAAAeMIAAARCAADgwAAAmEEAAJDBAAAwwQAAgEAAANBBAAB4QgAAUEEAAIC_AAAMQgAAAMEAAGzCAAAcQgAA2MEAADjCAAAAwAAAMEEAALDBAABAwgAApkIAAJZCAAAYQgAAUMIAAFRCAABwQQAA8EEAAOhBAADIQQAAUEEAAMBAAAAgwQAAyEEAAAhCAAAMQgAAQEAAAEBAAABQQQAAQMAAAMBBAABUwgAA2EEAADjCAADAQAAAMMEAAKBBAABIQgAANMIAAAxCAAAswgAAksIAAKBBAACAPwAA0MEAAAhCAABgQQAAbMIAADDCAABUwgAALEIAAOBBAAA8QgAAEEEAAFBCAACYQQAAjMIAAIJCAACQwQAA-MEAAFBBAAD4QQAAwEAAAAzCAACAwQAAiMIAACBBAABQwQAAPEIAAFRCAAAIQgAAmEEAAFTCAACoQQAAmMEAAHDCAADAQAAAkEEAAFhCAADIwQAA4MEAADBCAABQQQAAgMEAADDBAADgQQAAqEIAAIBAAADwwQAA_kIAAIbCAAAAwgAAgD8AAJDCAABIQgAA0EEAAITCAAC8QgAAmEEAAHDBAAA4QgAASMIAAADCAAAwQQAAWMIAAEBAAAA4wgAAYEIAAIhBAAAAwSAAOBNACUh1UAEqjwIQABqAAgAAJL4AANI-AACoPQAAzj4AAPi9AAB8PgAAoLwAAA-_AAAcPgAAlr4AAGS-AADgvAAAUL0AAIg9AABQPQAAQDwAAGw-AAAwPQAAuD0AABs_AAB_PwAAhr4AAAw-AAB0PgAA2L0AAOA8AACIvQAA6L0AAEA8AAAkvgAA6D0AAFA9AAB8PgAAQDwAABQ-AADIPQAAyL0AABe_AAD2vgAAmL0AAJq-AACCvgAAJD4AACw-AACYPQAAqD0AADw-AABAPAAAdL4AAOg9AAC4vQAAmL0AABS-AAC6PgAAHL4AAPg9AABLPwAA2D0AAIA7AADoPQAAFD4AALg9AACgPAAAbD4gADgTQAlIfFABKo8CEAEagAIAAIK-AAD4vQAA8r4AAHm_AACYPQAAuD0AAIC7AABcPgAAQLwAAIa-AACSvgAAij4AAFS-AACovQAA2D0AAEA8AADevgAAKT8AAFS-AADyPgAALL4AABC9AABQPQAA4LwAAMa-AACYvQAATD4AAIC7AABQvQAA2D0AAEw-AABwvQAAXL4AAAS-AAAEvgAAcL0AAAy-AAC4vQAAor4AADQ-AAAEvgAAHL4AAEC8AAC-PgAAmL0AAKi9AAB_vwAAwr4AAIA7AADIPQAAjr4AADQ-AAAMPgAAFD4AALo-AADoPQAAmL0AANg9AACGPgAAbL4AADQ-AAAVPwAAyD0AABe_IAA4E0AJSHxQATAJOAFKAGAAaAA,\"}","related_url":"http://www.youtube.com/watch?v=APMVSOAfpBw","parent-reqid":"1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1920,"cheight":1080,"cratio":1.77777,"dups":["1323049367197607383"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":true,"contentTypeId":null,"censored":false,"videoContentId":"979119396"},"303435250476185618":{"videoId":"303435250476185618","docid":"34-1-8-ZE974DDF726B72C92","description":"Ayrıcalıklardan yararlanmak için bu kanala katılın: / @codingwithdidem 1:1 Call Ayırmak İçin https://superpeer.com/codingwithdidem Ücretsiz İçeriklerime Destek Vermek İçin: Patreon : ttps...","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/3119257/a573b9c4f2675321cb56f8f1a4c426b3/564x318_1","videoSrc":"https://video-preview.s3.yandex.net/mq-zegEAAAA.mp4","videoType":"video/mp4"},"target":"_self","position":"2","reqid":"1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL","summary":{"isFull":true,"fullTextUrl":"/video/result?ask_summarization=1&numdoc=1&noreask=1&nomisspell=1&parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=videoid:303435250476185618","teaser":[{"list":{"type":"unordered","items":["Bu video, Kubilay adlı bir eğitmenin sunduğu web tasarım eğitim içeriğidir. Eğitmen, Figma'da yapılan bir tasarımı HTML ve CSS kullanarak web sayfasına aktarma sürecini adım adım göstermektedir.","Video, temiz ve şematik kodlama prensipleriyle başlayıp, Figma'daki tasarımın header, içerik ve footer bölümlerinin HTML ve CSS ile nasıl oluşturulacağını anlatmaktadır. Eğitim boyunca flexbox kullanımı, responsive tasarım teknikleri, CSS class isimlendirme mantığı, ikon kullanımı, media queries ve SEO uyumlu kodlama gibi konular ele alınmaktadır.","Eğitmen, web geliştirme sürecinde sürdürülebilirlik ve dinamik tasarım prensiplerini vurgulayarak, CSS kodlarının spesifik olmaması ve her yerde kullanılabilir hale getirilmesi gerektiğini açıklamaktadır. Ayrıca, web standartlarına aşina olmak için çok fazla site gezmenin ve pratik yapmanın önemi de belirtilmektedir."]},"endTime":11273,"title":"Figma'dan HTML ve CSS'e Tasarım Aktarma Eğitimi","beginTime":0}],"fullResult":[{"index":0,"title":"Figma'dan HTML ve CSS'e Tasarım Aktarımı","list":{"type":"unordered","items":["Kubilay, Figma'da yapılan bir tasarımı HTML ve CSS koduna çevirmesi için ricada bulunmuştur.","Tasarımın bir grid standardı, renk standardı veya düzeni olmadığı belirtilmiştir.","Sektördeki standartlara uygun şekilde tasarıma bir standart getirerek aktarım yapılacak."]},"beginTime":1,"endTime":66,"href":"/video/preview/303435250476185618?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=1&ask_summarization=1"},{"index":1,"title":"Şematik ve Temiz Kodlama Önemi","list":{"type":"unordered","items":["Şematik kodlama (Türkçede anlamlı kodlama olarak nitelendirilir) okunabilir ve sade kodlama yapmayı amaçlar.","Doğru bir HTML yapısı doğru bir CSS yapısını, bu da JavaScript ve backend yapılarını beraberinde getirir.","Web geliştirme sürecinde HTML, CSS, JavaScript ve backend birbiriyle ilişkili programlar ve çalışma algoritmalarıdır."]},"beginTime":66,"endTime":204,"href":"/video/preview/303435250476185618?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=66&ask_summarization=1"},{"index":2,"title":"Tasarımın Analizi ve Yapısı","list":{"type":"unordered","items":["Tasarım üç ana parçaya bölünmüştür: üst kısım header, içerik alanı ve alt kısım footer.","Tasarımın HTML yapısını düzgün kurmak çok önemlidir.","Eski CSS standartları (float, table) kullanılmayacak, temiz ve düzenli kodlama öncelikli olacaktır."]},"beginTime":204,"endTime":255,"href":"/video/preview/303435250476185618?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=204&ask_summarization=1"},{"index":3,"title":"Dosya Yapısı ve Reboot Ayarları","list":{"type":"unordered","items":["Proje için HTML, JavaScript, CSS, ikonlar ve imajlar için ayrı dosyalar oluşturulmuştur.","Her tasarım alanı için ayrı bir CSS dosyası oluşturulması önerilmektedir.","Reboot CSS dosyası ile tarayıcının varsayılan özellikleri sıfırlanmaktadır."]},"beginTime":255,"endTime":465,"href":"/video/preview/303435250476185618?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=255&ask_summarization=1"},{"index":4,"title":"Header Bölümünün HTML Yapısı","list":{"type":"unordered","items":["Header etiketi sadece \"header\" class'ı ile kullanılmıştır.","Konteyner, row ve column yapıları kullanılarak header bölümü üç parçaya bölünmüştür.","Logo, menü ve buton için uygun HTML etiketleri ve class'lar oluşturulmuştur."]},"beginTime":465,"endTime":740,"href":"/video/preview/303435250476185618?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=465&ask_summarization=1"},{"index":5,"title":"Buton Tasarımı ve Class İsimlendirme","list":{"type":"unordered","items":["\"Request demo\" butonu için tasarım inceleniyor ve mevcut buton düzeni değerlendiriliyor.","Class isimlendirirken, \"header buton\" veya \"request button\" gibi içerik odaklı isimler yerine, \"white button\" gibi genel geçerli ve her yerde kullanılabilir isimler tercih edilmeli.","Class isimlendirmesi, React, Vue, Angular gibi framework'lerdeki komponent isimleri veya JavaScript fonksiyon isimleri gibi düşünülmeli."]},"beginTime":760,"endTime":871,"href":"/video/preview/303435250476185618?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=760&ask_summarization=1"},{"index":6,"title":"İkon ve Yazı Kullanımı","list":{"type":"unordered","items":["Butonlarda ikon ve yazı kullanırken, ikonları tek başına bırakmak yerine HTML etiketleri içinde çağırmak öneriliyor.","İkonlar için \"i\" etiketi ve yazı için \"span\" etiketi kullanılabilir, böylece ikon ve yazı arasına boşluk eklenebilir.","İkonlar için alt etiketlerin gereksiz olduğu belirtiliyor."]},"beginTime":871,"endTime":962,"href":"/video/preview/303435250476185618?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=871&ask_summarization=1"},{"index":7,"title":"SVG Formatı ve Header Oluşturma","list":{"type":"unordered","items":["Logo ve ikonlar SVG formatında export ediliyor çünkü bu format responsive görüntülerde piksel kaybı yaşanmaz.","SVG formatında kaydedilen logo ve ikonlar HTML dosyasına eklendiğinde sayfada görüntüleniyor.","Header için grid düzeni oluşturuluyor ve CSS dosyaları import ediliyor."]},"beginTime":962,"endTime":1050,"href":"/video/preview/303435250476185618?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=962&ask_summarization=1"},{"index":8,"title":"Ekran Ölçüleri ve Web Tasarım Standartları","list":{"type":"unordered","items":["Telefon ekranları 320 piksel (iPhone 5, 5S) ile başlayıp, 375 piksel (iPhone 6), 425 piksel (iPhone SE) ve daha büyük boyutlara kadar uzanmaktadır.","Global olarak kabul edilen mobil ekran standartı 768 piksel'e kadar olup, 768 piksel'den sonraki ekranlar tablet ekranı olarak kabul edilmektedir.","Web siteleri genellikle 1920x1080 (Full HD) ölçülerine göre tasarlanmaktadır ve bu ölçüler Türkiye'de yaygın kullanılmaktadır."]},"beginTime":1052,"endTime":1185,"href":"/video/preview/303435250476185618?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=1052&ask_summarization=1"},{"index":9,"title":"CSS Konteyner ve Flexbox Kullanımı","list":{"type":"unordered","items":["Web tasarımlarında konteyner olarak 1200 piksel genişliğinde bir div kullanılır ve bu div \"margin: auto\" özelliğiyle sayfanın ortasında yerleştirilir.","Konteyner sınıfına sadece ortama yönelik özellikler verilmeli, padding veya pozisyon gibi özellikler verilmemelidir.","Flexbox kullanırken, bir div'e \"display: flex\" özelliği verildiğinde, içindeki nesneler otomatik olarak yan yana yerleştirilir."]},"beginTime":1185,"endTime":1319,"href":"/video/preview/303435250476185618?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=1185&ask_summarization=1"},{"index":10,"title":"Flexbox Kullanımında Dikkat Edilmesi Gerekenler","list":{"type":"unordered","items":["İç içe flex yapısı kullanırken, üst div'e \"display: flex\" verildiğinde, alt div'e tekrar \"display: flex\" verilmemelidir.","Flexbox kullanıldığında, birden fazla nesneyi hizalama ve yan yana getirme amacıyla kullanılır, tek bir nesne için kullanılmamalıdır.","Flexbox içindeki elemanlar arasında boşluk bırakılacaksa, marjin yerine padding kullanılmalı ve üst div'e eksi marjin verilmelidir."]},"beginTime":1319,"endTime":1747,"href":"/video/preview/303435250476185618?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=1319&ask_summarization=1"},{"index":11,"title":"CSS Padding ve REM Kullanımı","list":{"type":"unordered","items":["Padding değerlerini piksel yerine REM kullanmak daha mantıklıdır çünkü REM ölçüsü değişebilir, böylece genel font düzeni değiştiğinde kolayca ayarlanabilir.","Kolum yapıları sadece padding ve genişlik özellikleri içerecek, display flex özelliği olmayacak.","Padding olarak verilen değer eksi marjin değerine eşit olmalıdır, örneğin padding 2 REM ise marjin -2 REM olmalıdır."]},"beginTime":1755,"endTime":1909,"href":"/video/preview/303435250476185618?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=1755&ask_summarization=1"},{"index":12,"title":"Flexbox Kullanımı ve Tasarım Düzeni","list":{"type":"unordered","items":["Tasarımın düzeni için iki farklı kolum kullanmak daha mantıklıdır: biri logo ve menüyü, diğeri butonu içermelidir.","Justify-content: space-between özelliği ile sol taraftaki öğeleri birbirine, sağ taraftaki öğeyi ise sağa yerleştirebiliriz.","Standart konteyner genişliği 1200 piksel olarak ayarlanabilir, bu büyük boy tablet boyutuna göre tasarlanmıştır."]},"beginTime":1909,"endTime":2054,"href":"/video/preview/303435250476185618?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=1909&ask_summarization=1"},{"index":13,"title":"Font Ayarları ve Responsive Tasarım","list":{"type":"unordered","items":["Tasarım için Google Fonts'tan Montserrat fontunu kullanabiliriz, tüm stilleri tek seferde import ederek gelecekteki ihtiyaçlar için hazır olabiliriz.","Header ve navigation için ayrı CSS dosyaları oluşturulabilir, navigation dosyası header'a dahil edilebilir.","Logo ve menü arasındaki boşluk için media query kullanarak responsive tasarım yapılabilir, örneğin 1200 pikselden büyük ekranlarda margin-left: 121px değerini verebiliriz."]},"beginTime":2054,"endTime":2290,"href":"/video/preview/303435250476185618?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=2054&ask_summarization=1"},{"index":14,"title":"Navigation Menüsü Stilleri","list":{"type":"unordered","items":["Navigation list için display: flex, align-items: center ve flex-wrap: wrap özellikleri kullanılabilir, böylece taşan öğeler alt satıra geçer.","Navigation item'lar için padding ve marjin değerleri ayarlanabilir.","Navigation link'ler için display: block özelliği verilir, font özellikleri (1.6 piksel, line-height: 16 piksel, font-weight: 800) ayarlanır ve hover durumunda renk değişimi ve transition özelliği eklenir."]},"beginTime":2290,"endTime":2557,"href":"/video/preview/303435250476185618?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=2290&ask_summarization=1"},{"index":15,"title":"Header Bölümü ve Buton Tasarımı","list":{"type":"unordered","items":["Header için yukarıdan ve aşağıdan padding değerleri verilerek tasarım oluşturuluyor.","Buton için arka plan rengi ve border radius özellikleri ekleniyor, butonların genel görünümü için spesifik değerler kullanılıyor.","İkonlu butonlar için \"ikon buton\" sınıfı oluşturuluyor ve display flex, align items center özellikleri eklenerek butonların içeriği merkeze hizalanıyor."]},"beginTime":2586,"endTime":2911,"href":"/video/preview/303435250476185618?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=2586&ask_summarization=1"},{"index":16,"title":"İçerik Bölümü ve Hero Section","list":{"type":"unordered","items":["İçerik bölümü için \"section\" dosyası oluşturuluyor ve ana alan \"hero section\" olarak adlandırılıyor.","Hero section için iki farklı tasarım yaklaşımı var: arka plan resmi kullanmak veya img elementi kullanmak.","Arka plan resmi kullanıldığında yükseklik değeri CSS'te belirtilmesi gerekiyor, aksi halde mobil görünümde resim sorunlara yol açabilir."]},"beginTime":2911,"endTime":3040,"href":"/video/preview/303435250476185618?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=2911&ask_summarization=1"},{"index":17,"title":"Hero Image Ekleme ve Düzenleme","list":{"type":"unordered","items":["Hero image SVG formatında export ediliyor ve HTML dosyasına ekleniyor.","Image elementi konteyner içinde yerleştiriliyor ve düzenlemeler yapılıyor.","Hero section için iki farklı konteyner kullanılabileceği ve farklı düzenlemeler yapılabilineceği belirtiliyor."]},"beginTime":3040,"endTime":3210,"href":"/video/preview/303435250476185618?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=3040&ask_summarization=1"},{"index":18,"title":"CSS ve HTML Kodlaması","list":{"type":"unordered","items":["Konteyner için max-width 1280 piksel ve auto değerleri kullanılarak tasarım oluşturuluyor.","SEO gereği her sayfada en fazla birer tane H1 etiketi kullanılmalı, ikinci H1 etiketi Google tarafından sevilmemektedir.","H1 etiketi ana başlık, H2, H3 gibi alt başlıklar için kullanılır."]},"beginTime":3215,"endTime":3314,"href":"/video/preview/303435250476185618?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=3215&ask_summarization=1"},{"index":19,"title":"Buton ve Link Kullanımı","list":{"type":"unordered","items":["Butonlar linke gidecekse \"a\" etiketi, işlem yapılacaksa \"button\" etiketi kullanılabilir.","Tasarımda buton link kullanılırken, işlem yapılacaksa buton kullanılması önerilir.","Kodlama yaparken, HTML ve CSS programlamaya yeni başlayanlar için algoritmayı kurmada fayda sağlar."]},"beginTime":3314,"endTime":3411,"href":"/video/preview/303435250476185618?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=3314&ask_summarization=1"},{"index":20,"title":"CSS Kodlama İpuçları","list":{"type":"unordered","items":["CSS kodları yazarken, olabildiğince anlamlı ve sürdürülebilir kodlar yazılmalıdır.","Çok spesifik kodlar yazıldığında, HTML yapıları değiştiğinde kodların çalışmayabilir.","Menüler, logolar ve butonlar gibi öğeler farklı yerlerde kullanılabilir, bu nedenle spesifik kodlamalar yapılmamalıdır."]},"beginTime":3411,"endTime":3595,"href":"/video/preview/303435250476185618?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=3411&ask_summarization=1"},{"index":21,"title":"Tasarım Özellikleri ve Hata Yönetimi","list":{"type":"unordered","items":["Hero content için maksimum genişlik (max-width) 645 piksel verilerek tasarıma uygunluk sağlanmıştır.","Dinamik sitelerde kullanıcıların gireceği içerikler için hata yönetimi yapılması önemlidir.","Position relative ve absolute gibi özellikler için yardımcı CSS dosyaları kullanılabilir."]},"beginTime":3595,"endTime":3960,"href":"/video/preview/303435250476185618?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=3595&ask_summarization=1"},{"index":22,"title":"CSS Düzenlemeleri ve Kodlama Stratejisi","list":{"type":"unordered","items":["Hero image için text-align right özelliği kullanılarak hizalama yapıldı.","Kodlama sırasında, header gibi üst kısımları sitede en yukarıda, CSS'te de en yukarıda kodlamak takıntısıyla çalışılıyor.","Bu yöntem, kodları kolayca bulmayı sağlıyor ve düzenlemeleri hızlandırıyor."]},"beginTime":3981,"endTime":4088,"href":"/video/preview/303435250476185618?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=3981&ask_summarization=1"},{"index":23,"title":"Font Boyutları ve Boşluk Ayarları","list":{"type":"unordered","items":["Mobil cihazlarda 80 piksellik font kullanılmayacağı için, font boyutu 18 piksele düşürülecek.","Hero section için padding top 80 piksel ve padding bottom 4 piksel değerleri verildi.","Alt kısımda standart boşluklar incelendi ve sectionlar için margin bottom 100 piksel ve padding top 150 piksel değerleri belirlendi."]},"beginTime":4088,"endTime":4325,"href":"/video/preview/303435250476185618?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=4088&ask_summarization=1"},{"index":24,"title":"İkili Alan ve Resim Düzenlemeleri","list":{"type":"unordered","items":["İkili alan için \"row\" ve \"column\" sınıfları kullanılarak düzenlemeler yapıldı.","Resimlere \"display block\" özelliği verildi ve \"max-width\" %100 olarak ayarlandı, ancak \"width\" özelliği kullanılmadı.","Küçük resimlerin büyürken piksel bozulması yaşanırken, büyük resimler küçülürken daha net görüntü verir."]},"beginTime":4325,"endTime":4514,"href":"/video/preview/303435250476185618?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=4325&ask_summarization=1"},{"index":25,"title":"Flexbox ve Grid Kullanımı","list":{"type":"unordered","items":["Kullanılan \"flex-fill\" özelliği, resmin kalan alanları doldurmasını sağlıyor.","Section için background image kullanılarak tasarım tamamlanmaya çalışıldı.","Resimlerin etrafındaki radius değerleri düzeltmek için ara katmanlar kullanıldı."]},"beginTime":4514,"endTime":4975,"href":"/video/preview/303435250476185618?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=4514&ask_summarization=1"},{"index":26,"title":"Features Bölümü","list":{"type":"unordered","items":["Features bölümünde dört alan bulunuyor ve her biri için arka plan olarak resim kullanılacak.","Her bir alana \"f2\" ve \"paragraph\" sınıfları eklendi.","Bölümün tamamlanması için gerekli düzenlemeler yapıldı."]},"beginTime":4975,"endTime":5116,"href":"/video/preview/303435250476185618?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=4975&ask_summarization=1"}],"linkTemplate":"/video/preview/303435250476185618?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=%%timestamp%%&ask_summarization=1"},"isAdultDoc":false,"relatedParams":{"text":"Figma Tasarımını HTML, CSS, JS Koduna Dönüştürelim!","related_orig_text":"codingwithdidem","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"codingwithdidem\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=15t_tPDKFV4\",\"src\":\"serp\",\"rvb\":\"Eq0DChQxMTE0MTM0NDk4MTg0OTg2NDUxOAoTMTMyMzA0OTM2NzE5NzYwNzM4MwoSMzAzNDM1MjUwNDc2MTg1NjE4ChM3ODExODU1MTQ0MDE5NjczMjk0ChQxODM4MjY5MjQ0MDkzMzgwNzY5OAoTNjUxMDcwMjQyODg5NTY2NDEyMAoTNTc4NTgzNzc5MTU1MTU3MDg3NQoUMTMxMDk0ODk0NzY1OTIwMTA5NTgKEzQ4MTk5NDI2NjI3NjY5NzczMzIKFDE3ODY4MjQwOTQ3NjY2NzY4Njk3ChQxNTg1NTM5MTc0MDU1NDA2MTc0NQoUMTM4MDQ3OTI2Njk5NTE1NjQ3NDQKFDExMzc5MzgyMjE2MTkzNTY2ODgyChMxOTU3NDE3MTEzOTgwMzI2OTQzChQxMTM0MzEzMjk1NDU2MjQ4OTM3OQoTNzU3MzQ4NTI5Mjg2NDgzNzMwNQoTMjY4MjQ3ODQyOTgwMDcwOTAzNwoUMTYzODcwOTEzNzYyMDc0NDQyMjIKFDE3MTIxNjU1MDg4MDc4MzIyMTc2ChM2ODM4NTI0MDUxMjIxNzMwNDYzGhQKEjMwMzQzNTI1MDQ3NjE4NTYxOFoSMzAzNDM1MjUwNDc2MTg1NjE4asEPEgEwGAAiRRoxAAoqaGhvb2hwaXZzaGpjZHpuZGhoVUNmR1hFbzJ1Q2tWcWNJcWtJYUZOR2NBEgIAEioQwg8PGg8_E4lYggQkAYAEKyqLARABGniB-wr-CQL9APAJ_QoRBPwBFPYB9_YBAADjAPAJAP0CAPYBFAEBAAAAAvP78_8AAAD7AwQF9f4BAAEA_ggEAAAADf74-wcAAAAK-QMD_wEAAPAF-v0DAAAADPX7__8AAAAJDv0FAQEAAAv_9g8AAAAA-fPxCAAAAAAgAC3gdcw7OBNACUhOUAIqhAIQABrwAVpM3_wg5wQFut73_5szEv-4BSD_XP3rAIHxDwHs7-kBtRDxAAQQAwAD_dkAtBsJAPtLCgBNOfQADwcnAP8S-QAg_tUAPMURARbl5wL7-_7_5ekK_icm8P5D5ev-JBr0_UI7_v7U9eEAwvwRAvkbHgL_GesEDvIRCeYGAwACHRACwwIA_PIyKQPkFxP-IvH3_x3-4ftUBfIACd0Z-wbL5wYzAQcE_ALy-_z2Bvsg7wT3AeDmBwwiCQXi8_X4EjwZAhEaCQUJ4f8AAD4A-if8Bf0K-t8LFQYDAS8L9_jIAgkA8gUT-fDUEv8Y-Ab5ICP5CCAALW8-CTs4E0AJSGFQAipzEAAaYD4GAGHl7dDT-UbzC9L0I8nip-AorUX_GfP_ww7_QQEg_LQECgAPOxw6lwAAAEAD6S4BANd_vs7nL9wGNtPjzzPDXPTzP9f7GCzlxDlC3Erf2yEuCQAMus7rLQ_NKmBN9yAALTDHDTs4E0AJSG9QAiqvBhAMGqAGAAAQQgAA2MEAAERCAACAwQAAQEIAAKBBAADAwQAA4MAAAAxCAAA4wgAAeEIAACTCAACCwgAAEMIAAOBBAADAQAAAMEEAADTCAAB0wgAA4MAAAODAAADIQQAA2EEAAGhCAAAIwgAAYEIAAFTCAAC4wQAApEIAAGBCAACAPwAAvEIAAIjCAABgwgAAcMIAAGDCAADAQAAA3EIAANhBAABgQQAA6MEAALhBAAAQQgAAkEEAALhBAADowQAAwEEAACRCAABcQgAAyEEAAMrCAAAgQgAAsMEAALjBAABUQgAAQMEAACDBAABYwgAAcMIAAIBBAAAgwgAAmMEAAFjCAABQwgAA6EEAAMDAAACYQQAAQMEAADzCAACQwQAAoEIAAJhCAADwwQAAwEEAACxCAABMwgAAeMIAAKhBAABwQQAAoMAAADDCAAAIQgAAPEIAAIhBAACGwgAAHEIAABBCAAAAQgAAIEIAAGDBAAD4wQAANEIAAKBAAADqwgAAAAAAABDBAACiwgAAyEEAAHxCAAC4wQAANMIAAGhCAACAvwAA-MEAAFjCAAAsQgAALEIAACxCAAAAwQAAcEIAAEhCAAAMwgAAsMEAAEDAAABAQQAAoMEAAIC_AADgQQAAcMEAAPDBAAAEQgAA2MEAAI7CAADwQQAAAEIAAJhBAAAcwgAAwEAAACTCAAAYwgAAiEEAANDBAAAIwgAAsEEAAJ5CAAAYQgAAoEEAAIBAAACAvwAAhMIAACDCAAAMQgAAKMIAAADCAACAwAAAqEEAADzCAACOQgAAEEEAAEBBAADgwQAABMIAADzCAABQwQAAIMIAAGTCAAC4wQAAoEEAAADAAAAMQgAAOMIAAIBBAABAQAAAIEEAAODBAABwwQAAGEIAAMBBAABkQgAAQMAAABTCAABAQQAAgMAAABDCAADIQQAAoMEAAHBBAAAcwgAAAMAAAHDBAABwwgAAGMIAAODBAADAwQAAwMAAAJjBAADgwAAAgEIAAJLCAACowQAAgsIAAETCAABwQgAA6EEAACDBAAA0QgAA0MEAAJjBAACIwgAA-MEgADgTQAlIdVABKo8CEAAagAIAANq-AACIPQAAHD4AAOA8AAAwPQAATD4AAOI-AADqvgAAmr4AACQ-AABAvAAABD4AAEQ-AAD4vQAAyL0AAGy-AAAkPgAAmD0AAM4-AAArPwAAfz8AAEQ-AAAcPgAAJD4AACQ-AAAQPQAAuD0AAIK-AACGPgAAij4AAFA9AABQvQAAzj4AAEA8AAC4PQAAFD4AAFC9AADYvQAA0r4AAIa-AABkvgAA2L0AAAQ-AACSvgAAnj4AADw-AAA0vgAAor4AAES-AAA8vgAAED0AABA9AABsPgAAuD0AAGy-AAAQvQAAJz8AACw-AAAkvgAAsj4AAIA7AAAQvQAA4LwAABC9IAA4E0AJSHxQASqPAhABGoACAAA0vgAAED0AAKi9AAAbvwAAiD0AABS-AABEPgAATL4AAEy-AAD4PQAA-L0AAIi9AACgPAAAmr4AADw-AAAQvQAATL4AAFE_AACIPQAAwj4AAKg9AADIvQAAmL0AAOC8AACAOwAAXL4AADC9AAC4PQAAuL0AANi9AABAvAAAED0AALg9AAAkvgAADD4AABy-AABQPQAAED0AAHy-AAAQPQAAJD4AAKC8AACIvQAAyL0AAKC8AADYvQAAf78AANq-AABQvQAAVL4AABw-AACAOwAAoLwAAAy-AAD4PQAAMD0AAJi9AABEPgAAED0AAPg9AACoPQAAlj4AAOC8AABcviAAOBNACUh8UAEwCTgBSgBSCQgPEJICGAAwAWAAaAA,\"}","related_url":"http://www.youtube.com/watch?v=15t_tPDKFV4","parent-reqid":"1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1920,"cheight":1080,"cratio":1.77777,"dups":["303435250476185618"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":false,"contentTypeId":null,"censored":false,"videoContentId":"1324449500"},"7811855144019673294":{"videoId":"7811855144019673294","docid":"34-1-4-Z0A39E08128D33733","description":"Contentrain: https://contentrain.io/ Ayrıcalıklardan yararlanmak için bu kanala katılın: / @codingwithdidem 1:1 Call https://superpeer.com/codingwithdidem Ücretsiz İçeriklerime Destek Vermek İçin...","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/4096233/6d894a23a8191d56954864245f05243b/564x318_1","videoSrc":"https://video-preview.s3.yandex.net/sxcoAwIAAAA.mp4","videoType":"video/mp4"},"target":"_self","position":"3","reqid":"1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL","summary":{"fullTextUrl":"/int_search_summary?data=http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3D16h_kXiwGcA","linkTemplate":"/video/preview/7811855144019673294?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=%%timestamp%%&ask_summarization=1"},"isAdultDoc":false,"relatedParams":{"text":"Contentrain ile Portfolyo Uygulaması | Git-Based Headless CMS","related_orig_text":"codingwithdidem","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"codingwithdidem\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=16h_kXiwGcA\",\"src\":\"serp\",\"rvb\":\"Eq0DChQxMTE0MTM0NDk4MTg0OTg2NDUxOAoTMTMyMzA0OTM2NzE5NzYwNzM4MwoSMzAzNDM1MjUwNDc2MTg1NjE4ChM3ODExODU1MTQ0MDE5NjczMjk0ChQxODM4MjY5MjQ0MDkzMzgwNzY5OAoTNjUxMDcwMjQyODg5NTY2NDEyMAoTNTc4NTgzNzc5MTU1MTU3MDg3NQoUMTMxMDk0ODk0NzY1OTIwMTA5NTgKEzQ4MTk5NDI2NjI3NjY5NzczMzIKFDE3ODY4MjQwOTQ3NjY2NzY4Njk3ChQxNTg1NTM5MTc0MDU1NDA2MTc0NQoUMTM4MDQ3OTI2Njk5NTE1NjQ3NDQKFDExMzc5MzgyMjE2MTkzNTY2ODgyChMxOTU3NDE3MTEzOTgwMzI2OTQzChQxMTM0MzEzMjk1NDU2MjQ4OTM3OQoTNzU3MzQ4NTI5Mjg2NDgzNzMwNQoTMjY4MjQ3ODQyOTgwMDcwOTAzNwoUMTYzODcwOTEzNzYyMDc0NDQyMjIKFDE3MTIxNjU1MDg4MDc4MzIyMTc2ChM2ODM4NTI0MDUxMjIxNzMwNDYzGhUKEzc4MTE4NTUxNDQwMTk2NzMyOTRaEzc4MTE4NTUxNDQwMTk2NzMyOTRqiBcSATAYACJFGjEACipoaG9vaHBpdnNoamNkem5kaGhVQ2ZHWEVvMnVDa1ZxY0lxa0lhRk5HY0ESAgASKhDCDw8aDz8T1giCBCQBgAQrKosBEAEaeIH8FBECFuP_-fr_FwIN-QMd7woJ8wEAANjp-P8N_AIA2ej5DQP-AAAD8woGEAAAAOny6Av4AAAAN_vy_AEAAAAt_O33-gD_APQJ9gD-AQD_BPL09QT_AAAd8hb7_wAAAAsT_wD2_gABBw_mDgAAAAD_5woC_wAAACAALQwNkDs4E0AJSE5QAiqEAhAAGvABdOrVAPLgFwHrQQ4A-xP8AYEAAv8lE-YAtBISAbANB__HBhkABRf3AfAE8gDwCRgA1ybn_ycVFv8L-QAA7N_7AB3z8gAyzw8BEP8IAC_7A__v9-X_IjvwAAUR7_70CvMDHh3xAa_l9gDz9A4G-ygH_uoOLgHzGB8CyRUAAMcU5wDb4gUAFwj6_coP8AIW9uL_I_gEBBzo7QIcHQIB_-IVBBHj4_nWuPYC8vzz_vP3DPfy7h349x8Z_v7u9AUdHAP39gb1_-8WC_b6JgP7Cw7m-B34AQvr2wACJ_z6AfjkD_wJBAnv0PYX_xrn9AsQFwYLIAAtv08kOzgTQAlIYVACKs8HEAAawAcJUtm-RQSQuoyg8TyqC529y4G_O8D-kLx1GSO7N8ZOvAWTUb2mDvI9lfQwvGTJZ7q9jpC-fOdcvdimKTs7GWw-rgzqPIKMJTxYx9G9DLyJPGwDfL1WnLq9o7V9vKzk4zwHmg8-Vt6EvEV4xTzX33I-B18YvfxpKD0zMf29Na4kvMKQ8LzOD-k7C1i8vIJEiTwecP09d4Cru9HvGLs1nRm8pjiovVcbCryt9Wq9O1ESPSXJmLy7vkq95ZBevdUJg7yzgvo8QN-GveJaijvu97q8Ot4uvWEZG72oMxy9ND9Ive9QGLv3t7q8haaZO8tnubx-mMO9DqEKPSJI7zyllQw9n8izPU8fojvwf2w9ZqnAPeVlCTwiyhK9ZMYAO_tZLDxmZR48CQKeu1YWgbtw3bM9-BHkPD01aruZ4mA8Nek7PTmfEzzW_i4--K-HO-gkJTwIeO87-i01vZGTLjy6h389Jc53um_TYTvAgmo9uxNaOssYm7s0R9Y99DY2vKFnPbo1UpU91MFwvelGWLxHoaY95UvDvJFDRDyF3lE9xnzpO9RdazlEsUs9eV0cvP_WCLt8txk9xuDhPT_2xDrZhaW9GtNdvQvnPzyzBs896_6BPe9qAzybyIw8FHGfPKuGWTpTWr89VfnevAeyv7uTA7G9R5ObvYN0qTr3cVm9YYnnPfjrM7o9MjE7SVsmPZOTwzu6np0903vTO3k1ijqrWWw9RZWbPcxxuLhmVqU89tFpvbVsTjuIpke9V2CDvXT_ZzgqVAc-nLvCPCsnKDhYBFq9jfS9PB8R4TkGO9E7yTwSPdKXXTiGOPY9V0olPWpiNLndKqO8Vz3AvZEGHjn92OS8rMIJvM8lYjsdrSo93OFlPDDGXjjWI6i8B7BtvUNsnLkiIou9RUnovRPKpziAzNg8f-ppvSxUeDh0IRw8lKmNvfPAJzc3HHG8jzikvKOYpLiNUY28x5YMvEJxKDiFBw2-zijnvPhlrrgFoSG8DojQvT_cRjj2M8s96MqWvLxuBTgXH7A8S6CHPTgzx7jj8X693TRsvZLEvrexiwG89MXJPSX5HTk8Xz29HKwkPZIT5jjT4xK98SuGvdd_DrkMQOO95cdpPW9XhbiwsjE9Nvm1uzXA8zZbt3y9HjYBvuvEDzmXrIo8zQx2PZ_I1TdJ_8E9ZWKEPISgB7ib0o-74uSOPWDeRzcWF8O7bkqePfsTPLgzx429osEcvfld_Ljv8rO92gICPlDxYLkfn9A9ZRa2PZMOo7fkOaG9UtkjOkQd37cgADgTQAlIbVABKnMQABpgSfkAXwr415rxN9YU-BEauvDa3wDJJf8X_v8XB_Hl9B0VquEC_zjgCRSZAAAAKBKzSB8AH3_-r-Yh8kAjx8_HR_FW6hc3xQwxBrGGHP4E6d7aHw02APTozRYY4NFCPhnuIAAt1BcTOzgTQAlIb1ACKq8GEAwaoAYAABxCAAAAQAAAaEIAAMDAAAA8QgAAyEEAAGBBAABEQgAA0MIAABTCAABwQgAA8MEAAJzCAACAPwAAXEIAALhBAACgQQAAqsIAADDBAACAvwAAlkIAAAAAAACWQgAADEIAAGBBAAAQwgAAAMIAAHjCAAAUQgAAwMAAACTCAAD-QgAAeMIAAIjBAAA8wgAAoEAAALBBAADaQgAAEEEAAOBAAABQQgAA4EAAAJjBAACqQgAAAMAAALDBAAAkwgAAgD8AACxCAAAgQQAAhsIAALhBAAA0wgAATMIAAGhCAAAoQgAA4MEAAKBBAAAMQgAAuEEAAKBAAAAgwQAABMIAANjBAAAMQgAAZMIAABDCAAD4wQAAgL8AAMjBAABgQgAA8kIAAAAAAAAQwQAAAMIAALDBAACYwQAAQMAAAFxCAABAwgAAgsIAAABCAACAvwAAREIAACjCAADgQQAAUEEAAMhBAABUQgAAgL8AAABAAABQQgAAsMEAAMDBAACAQQAAVMIAAFDBAAAwQQAAAEAAABzCAAB0wgAAFEIAANhBAADgwQAAcMEAABBBAABAQgAAcEIAAADCAACGQgAAmEEAAMDBAABwwQAAQEAAALhBAACAQQAAJEIAAFBCAACgwAAAIEEAAHBBAACgwgAAgD8AACjCAAAAAAAA8EEAAATCAABAQAAA4EEAABDCAAAEwgAA4MAAAODBAAAQwgAAfEIAAFBCAABwQQAAKEIAABxCAAAgwQAAAEEAAEBAAADYwQAAkMEAAARCAACgQAAANMIAAExCAAAQwgAA6MEAAHBBAADgQAAAgL8AADBBAADowQAA-sIAALDBAADowQAAuEEAAIDAAABswgAASEIAAJjBAAAQwQAAwMEAADxCAAAwwQAArkIAACDBAADQwQAA8MEAACBCAADwwQAAQMEAAAhCAADgQQAAaEIAAODBAAAAQQAA-EEAAPjBAACmwgAAEMIAADBBAAAcQgAAHEIAAKDCAAC4QQAA4EAAAKBAAAAkwgAAEMIAAAxCAAC4QQAAIEEAAPjBAAAowgAAkEEAAABBAAB4wiAAOBNACUh1UAEqjwIQABqAAgAAkr4AAJi9AAAMPgAAND4AAOC8AADCPgAATD4AAOK-AAADvwAApj4AAEA8AAAEPgAA2L0AAIg9AACgPAAABL4AAKY-AACAOwAAjj4AABM_AAB_PwAAHD4AAEw-AACgvAAA6D0AAOg9AAB0vgAAgLsAABy-AACCPgAAmD0AAFA9AABsPgAAbD4AAPi9AACIvQAAQDwAAIq-AAAPvwAAmD0AAES-AACovQAAgDsAAKi9AAD4PQAAhj4AAIi9AADIvQAAoLwAAFy-AADoPQAABL4AANY-AACSPgAAwr4AAEA8AABJPwAAmD0AADA9AABUPgAAmL0AAFA9AABAPAAA2L0gADgTQAlIfFABKo8CEAEagAIAAGS-AACYPQAAHL4AACW_AABUvgAABD4AADw-AACAOwAA-D0AADA9AABUvgAALL4AAEA8AABMvgAAHD4AAOA8AABAPAAAJz8AABS-AADqPgAAUL0AADC9AABwPQAAcL0AADC9AABwPQAAHL4AAPg9AAAsvgAAdL4AABA9AAC4PQAAuD0AAGS-AABcPgAAEL0AAOg9AAB0PgAAPL4AAKA8AAAsPgAAqD0AAOC8AABkvgAAiL0AACS-AAB_vwAAEL0AAJi9AACovQAA6D0AAFC9AAAkvgAAnj4AAKY-AADoPQAAmL0AAJg9AAAMvgAAqD0AAIg9AACAOwAAbD4AAJg9IAA4E0AJSHxQATAJOAFKAGAAaAA,\"}","related_url":"http://www.youtube.com/watch?v=16h_kXiwGcA","parent-reqid":"1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1920,"cheight":1080,"cratio":1.77777,"dups":["7811855144019673294"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":true,"contentTypeId":null,"censored":false,"videoContentId":"1811137775"},"18382692440933807698":{"videoId":"18382692440933807698","docid":"34-4-10-ZC192EB793EF2F9F6","description":"My Gitbook: https://didem-kuecuekkaraaslan.gitboo... Ayrıcalıklardan yararlanmak için bu kanala katılın: / @codingwithdidem 1:1 Call https://superpeer.com/codingwithdidem Ücretsiz İçeriklerime...","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/468275/bec96e444ca7349660e0c9ea90aaa02b/564x318_1","videoSrc":"https://video-preview.s3.yandex.net/XnmWAAIAAAA.mp4","videoType":"video/mp4"},"target":"_self","position":"5","reqid":"1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL","summary":{"fullTextUrl":"/int_search_summary?data=http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DEz6kkDmKFIw","linkTemplate":"/video/preview/18382692440933807698?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=%%timestamp%%&ask_summarization=1"},"isAdultDoc":false,"relatedParams":{"text":"Muhteşem Dokümantasyonlar Hazırlayın | Gitbook","related_orig_text":"codingwithdidem","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"codingwithdidem\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=Ez6kkDmKFIw\",\"src\":\"serp\",\"rvb\":\"Eq0DChQxMTE0MTM0NDk4MTg0OTg2NDUxOAoTMTMyMzA0OTM2NzE5NzYwNzM4MwoSMzAzNDM1MjUwNDc2MTg1NjE4ChM3ODExODU1MTQ0MDE5NjczMjk0ChQxODM4MjY5MjQ0MDkzMzgwNzY5OAoTNjUxMDcwMjQyODg5NTY2NDEyMAoTNTc4NTgzNzc5MTU1MTU3MDg3NQoUMTMxMDk0ODk0NzY1OTIwMTA5NTgKEzQ4MTk5NDI2NjI3NjY5NzczMzIKFDE3ODY4MjQwOTQ3NjY2NzY4Njk3ChQxNTg1NTM5MTc0MDU1NDA2MTc0NQoUMTM4MDQ3OTI2Njk5NTE1NjQ3NDQKFDExMzc5MzgyMjE2MTkzNTY2ODgyChMxOTU3NDE3MTEzOTgwMzI2OTQzChQxMTM0MzEzMjk1NDU2MjQ4OTM3OQoTNzU3MzQ4NTI5Mjg2NDgzNzMwNQoTMjY4MjQ3ODQyOTgwMDcwOTAzNwoUMTYzODcwOTEzNzYyMDc0NDQyMjIKFDE3MTIxNjU1MDg4MDc4MzIyMTc2ChM2ODM4NTI0MDUxMjIxNzMwNDYzGhYKFDE4MzgyNjkyNDQwOTMzODA3Njk4WhQxODM4MjY5MjQ0MDkzMzgwNzY5OGqIFxIBMBgAIkUaMQAKKmhob29ocGl2c2hqY2R6bmRoaFVDZkdYRW8ydUNrVnFjSXFrSWFGTkdjQRICABIqEMIPDxoPPxPrBIIEJAGABCsqiwEQARp4ge0E-_cD_ADr_vACEAH_APcABQr5_f0A6_wBBQoAAAAB_vL-BAEAAOsGCPz4AAAABQrzD_39AQAPD_3-9wAAAAr2AQfxAQAA8QLvBAABAAANDAUGA_8AAA4XCwEAAAAABfX6BQIAAAEFBO_8AAAAAALn9QMBAAAAIAAtnNXGOzgTQAlITlACKoQCEAAa8AF1GQn_9ur2A60MAADzBOUBgfoR_08L3ADvCvwAswz-Ac0Q4QD86xj_ygIC_7McCQDXDO3-QR7y_yIgLgAl3RAAASLMAC-z9AExC_YA_gXm_-4OGf9MEwn-Ks70ARwN-f8f2wT94vvVBOnD_AESMB4EQfoRAwv0J_zpBDQB2CIY_83d8__j-BT7yf4c_xsMHPzlDe4ERhny__wzD_8VAvMIBfHsAQz0EvtLPAsF8PH39rrx2wAQCv8KDt8NCvjxJfXjBBgA8PL9_AckCe5T--8S7Uv29wrZ5wEP6gEJ1zL19yHlDvLaSwkCGxEU9QUP9QIgAC3G_QY7OBNACUhhUAIqzwcQABrABzW1zL6hdFg8vU0EPVNgHL0kQuO8b5EFvUvTtr2Wyys9rO4HvRR6DT6NDqM8OgLdPBtkor74GiK9lVdYvT0pcz6UwOa79XIOPRzh3TupxuQ7lXIovcly8r3BahG9AhWruztFXT2Zuiu8Xd-HPH0FGT7ulI69FfivPEc-mr0DGvQ7tOQUPNiofT3XMJO9vBk0Oif3Oz5dJAM9JyurPKr0Lj1HUve81B5APCtXjr0xcya8gHwuvOr2KL3fWty80-OtvELS5zwxw5A8yCWOvChCb71C0ae9oX-nu59MbbxC85Q8uVnXPBYCD700zvC7U4N-u4iHTbt-TBC9_6ZBPALrXTv2f447iHqmvGYwZj0Lypk984GTvOCgPb31keU8uG-aPBV1BbyfxIy8MZQ4vDBjqj2hkZk8JmmjPDw9JTwjPXu86qO-uqxwOz5wTya9E7GxOvfwW70aur68t5ICPdwjIzxR0xM9HLvfvLJSGDwCCQ892by_O6C-uj09WXu8mqGnPNUpSj26swC9TFqnvDntST1cnAc9Rccju8QFQL1uo8G85L-8u7WRJj1_qzA9ux3Mu2HYhryg6n-5ysW1u2oxiL32H169aXQDufi5Sz04D0w8mTnuO00FRr1hqtk8R1dpu2k3qj2qgxc92BsKvKG3fb2its29XnAtOmPTCry4qxw9NtNWO5xpYj0c6pe9hPJMuofLgD1pjiw8AddgurbwsT328Ss9QqgcO5YVeT1f0e28yn9UOu7oD74tdbW96bCGOG0D1z21o9i9DJ-vOXdOTr1nfD89kdwNOrodkLwmPpI8RbY5Okf6_jyEkD09GhNNN6s9kb0aUhW-MFEKOka5L73cxQq9eEWzubh4-LyDisc7TAkdOg7sArzT5SO9f5v4ueHD-DvCU6O9y0xhuBYjIT1wW8A8P2ASOTbVSTzIt9e9x87euCY3zDqR_qi8iQjeOQ6Ew7vd3J69l_35tlWj170AyQS-l1eIOdbNkL2fCSg7n1yGOO5QPr0pn3S9iVJJuPAnlL1pUxU9wUDnuNS6SL1qpZC9DrU2uMFumL3YDds6jBmqOLjkKL7Rf4W8nfgaubv4wb3pfIi9JkFOOPTBEr7w69G8-N4JuD_WnbxYa229jvzMN18OFj3e7lu92bXvt17yATyBpBk8NM32Nq71pT3VnSK9bAFxOOP_jj1_3zo9rfHTt7V1Kz2kEoM8Q3A_uPP_S7v8GT074RXDN6IoAL5WsFc9baXkuC1nJbye4sI9sHwruCO1lT3QCye-c6evtiAAOBNACUhtUAEqcxAAGmAw7AA68hKtsPf4_i3MNTC6EvPTJNUU__Dx_9wr6x8NEgu2CwIANv8TD58AAAA4Jcv9_QAMetvo6Pi5MjaZ1wIW_H9dETLLJwD7_P4g98gk5Nz1Iz8ADO3BygsUzy9hZBIgAC055RQ7OBNACUhvUAIqrwYQDBqgBgAACEIAAAhCAAAgwQAAAMIAAIpCAACoQgAAjEIAABBBAABIwgAA0EEAAMBAAACiwgAAWMIAAJDBAABwQgAAgMAAAFBBAAAQQQAAmMEAADzCAACAQgAABMIAAEBBAACAvwAAEEIAAJDBAADAQQAAAEEAAIhCAABgQQAA4MEAAMZCAACOwgAAgL8AABDBAABEwgAAEEEAAKhCAACAPwAAiEIAALBBAABgQQAAuEEAAFBCAACgwQAALMIAAKBBAAAIQgAALEIAAAhCAACOwgAA4MEAAOhBAAAcwgAAqEEAABxCAAC6wgAAMMIAAMjBAAAAQQAA6MEAACzCAAAkwgAAdMIAAGBBAABswgAAiEEAAIA_AACAQQAAsMEAAEBCAAB4QgAAOMIAADxCAAAowgAAREIAAETCAAAsQgAALEIAAIjBAACUwgAABEIAADBBAACQQQAAQEEAAMjBAACIwQAA-EEAADxCAACwQQAA4MAAAFxCAAAgwQAAksIAANBBAAAAQQAAGMIAAGTCAACIQQAAFMIAAFzCAAA4QgAAIEEAAIBAAADQwQAA2EEAAKJCAACwQQAALEIAABxCAACYwQAAoMEAALhBAAC4QQAAAEEAAKjBAACgwQAAgMEAAABAAADQQQAAGEIAAJbCAAAEwgAAJMIAAADAAABsQgAAJMIAAIBBAAAIwgAAFMIAAJjBAACgwQAAUEEAAFjCAABswgAAlEIAAEBCAACgQQAAbMIAAFDCAAA4QgAAIEEAAHBBAACwQQAAEEEAAABBAACgwgAALEIAAMDBAACAQAAAGEIAAEBAAAAMQgAAisIAAFBCAAC4wgAA4EAAACTCAAAgQQAAdEIAAIBBAABwQQAADMIAANBBAABQwgAAOMIAAABBAAAYQgAAdEIAAPBBAAAwwQAADEIAANjBAABwwQAAoMEAABDBAADwQQAA0MEAAEBAAACKQgAAuMEAABTCAADQQQAAgMIAAKBAAAAwwQAAgsIAAKJCAACAQQAA6MEAALjBAABswgAAAMEAAIJCAADgwQAAoEAAAIzCAAAQQQAAsMEAAPDBIAA4E0AJSHVQASqPAhAAGoACAACovQAAVL4AAKg9AADgvAAAvr4AAM4-AABcPgAAF78AAHS-AABsPgAA6L0AAFC9AACAuwAAJD4AALq-AACOvgAA-D0AAKC8AAADPwAAHT8AAH8_AADgvAAADD4AAIC7AACCPgAAdL4AAIC7AABwvQAAuL0AACQ-AABAvAAAZL4AADw-AAAUPgAAEL0AAKq-AAC4PQAAur4AAOa-AACaPgAApr4AAIi9AAD4PQAAgLsAAFy-AACIvQAAPL4AAEA8AACSvgAAcL0AAOC8AABwvQAAXD4AAMg9AADYvQAAmD0AAEM_AAC4PQAA4LwAAAw-AABkPgAAUD0AAEA8AABAPCAAOBNACUh8UAEqjwIQARqAAgAAQDwAAJY-AACWvgAAN78AAMi9AABAPAAAcD0AADC9AADgvAAAqD0AAFC9AABUvgAA4DwAAKq-AAAcPgAAcL0AAGy-AAALPwAAir4AADw-AACovQAAJL4AACw-AADYvQAAUL0AANg9AACKvgAAgDsAANi9AACGvgAAmD0AAEC8AACYvQAAUL0AACS-AADYvQAAyL0AAPg9AADovQAANL4AADA9AAA8PgAAQLwAABC9AAD4vQAA6L0AAH-_AADgvAAAyD0AAIg9AACIPQAAqL0AAIg9AABkPgAA4DwAAIA7AACIvQAAcD0AAGy-AACYvQAAqL0AAAQ-AAAsPgAANL4gADgTQAlIfFABMAk4AUoAYABoAA,,\"}","related_url":"http://www.youtube.com/watch?v=Ez6kkDmKFIw","parent-reqid":"1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1920,"cheight":1080,"cratio":1.77777,"dups":["18382692440933807698"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":true,"contentTypeId":null,"censored":false,"videoContentId":"2191201441"},"6510702428895664120":{"videoId":"6510702428895664120","docid":"34-6-4-Z4D30D621E3748E75","description":"Ayrıcalıklardan yararlanmak için bu kanala katılın: / @codingwithdidem 1:1 Call Ayırmak İçin https://superpeer.com/codingwithdidem Ücretsiz İçeriklerime Destek Vermek İçin: Patreon : ttps...","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/917073/c8eaea85d986ce777b7ff44d0328fac5/564x318_1","videoSrc":"https://video-preview.s3.yandex.net/WSkVeAEAAAA.mp4","videoType":"video/mp4"},"target":"_self","position":"6","reqid":"1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL","summary":{"fullTextUrl":"/int_search_summary?data=http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3Dd1HjHuRsENw","linkTemplate":"/video/preview/6510702428895664120?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=%%timestamp%%&ask_summarization=1"},"isAdultDoc":false,"relatedParams":{"text":"Figma tasarımını React koduna dönüştürelim | Overlay Plugin","related_orig_text":"codingwithdidem","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"codingwithdidem\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=d1HjHuRsENw\",\"src\":\"serp\",\"rvb\":\"Eq0DChQxMTE0MTM0NDk4MTg0OTg2NDUxOAoTMTMyMzA0OTM2NzE5NzYwNzM4MwoSMzAzNDM1MjUwNDc2MTg1NjE4ChM3ODExODU1MTQ0MDE5NjczMjk0ChQxODM4MjY5MjQ0MDkzMzgwNzY5OAoTNjUxMDcwMjQyODg5NTY2NDEyMAoTNTc4NTgzNzc5MTU1MTU3MDg3NQoUMTMxMDk0ODk0NzY1OTIwMTA5NTgKEzQ4MTk5NDI2NjI3NjY5NzczMzIKFDE3ODY4MjQwOTQ3NjY2NzY4Njk3ChQxNTg1NTM5MTc0MDU1NDA2MTc0NQoUMTM4MDQ3OTI2Njk5NTE1NjQ3NDQKFDExMzc5MzgyMjE2MTkzNTY2ODgyChMxOTU3NDE3MTEzOTgwMzI2OTQzChQxMTM0MzEzMjk1NDU2MjQ4OTM3OQoTNzU3MzQ4NTI5Mjg2NDgzNzMwNQoTMjY4MjQ3ODQyOTgwMDcwOTAzNwoUMTYzODcwOTEzNzYyMDc0NDQyMjIKFDE3MTIxNjU1MDg4MDc4MzIyMTc2ChM2ODM4NTI0MDUxMjIxNzMwNDYzGhUKEzY1MTA3MDI0Mjg4OTU2NjQxMjBaEzY1MTA3MDI0Mjg4OTU2NjQxMjBqwQ8SATAYACJFGjEACipoaG9vaHBpdnNoamNkem5kaGhVQ2ZHWEVvMnVDa1ZxY0lxa0lhRk5HY0ESAgASKhDCDw8aDz8T9AeCBCQBgAQrKosBEAEaeIH7EggKAv4A7QT8AgkC_wAG9QD5-P79ANj7AwcL-QMA-fIUAgUAAAD6AvrvAQAAAOwHBAXwAQEAE__vCAIAAAAYBPz9AwAAAPr2AQMLAQEB9QQCCvYCAAEZ-wP0_wAAAPUQAQMBAAAA_AINDwAAAAAA7_oOAAAAACAALWiEzDs4E0AJSE5QAiqEAhAAGvABTuPR-wDHLgHZ8QUAzxYEAKcK_wBB897_gdYIA9UOuwHQN_sADh8sAO4RDwDOIhMA0yrl_ysw8gAK3S___xH6AAor6QE3yhABHfLyAQwb_P7SCOb_ECHpAhTFEP4qOfT-KA_YAAD_6wDH_RABBfABAhwABf__4iMDDycCA977_ALjJPgFDPgGA80w_QAm7vAIMhDu-D0XDgDi9Rj8_PUD-i4A9f759tcCAQTmAwfl-v8B7fkFHQEXC-7Y-AQlFCQC9hAfA_nEBP_rCOb5FQv0BkQgAAQyEAv-3_f--M0wAAn_9BT38egM_0D4BQju-PwOIAAtGOEVOzgTQAlIYVACKnMQABpgO_4AWdHuudX2PeQUxeot29TQ-SSvKv8X5_-8Ef8hG0Pfvh4L_xk9AjmXAAAAJcnRMQAA7n_mxwYm4Skl08LfJNla2vNCvvMcPs6gLw8QH-3cCkYbAOPPyAM_IOAtbzbtIAAtnDoPOzgTQAlIb1ACKq8GEAwaoAYAABhCAACgwAAAmkIAAGjCAABAQgAA2EEAAHDBAAAIQgAAlsIAAFTCAAA8QgAAqMEAAAAAAADYwQAAgkIAAFRCAAB0QgAAqMIAAHDCAADYQQAAUEIAAMDBAAAAQAAAkkIAAABCAACAwQAA2MEAABDCAACUQgAAAEIAANjBAADOQgAArsIAAAjCAACWwgAAGMIAABBBAADUQgAA4EEAAIDAAABAQAAA6EEAACBCAAAwQgAALMIAAFBBAADQQQAAAEIAACxCAACoQQAAaMIAAKBAAABgwgAAUMIAAFxCAAAcQgAAUMIAAABBAACwwQAAwMAAACDBAAAcwgAAuEEAAIrCAACCQgAAQMAAAJDBAADgwQAA4EAAAMjBAAAoQgAA4EIAABxCAACQQQAABMIAAABBAAAEwgAAIEIAAADAAACYQQAAmsIAAARCAAAwwQAA8EEAAETCAADYQQAAQEAAAOBBAAAAwAAA4MAAAIA_AADAQQAADMIAAKLCAADQQQAAGMIAABTCAABkQgAAiEEAAIDBAAAIwgAA2EEAALBBAACAQAAASMIAABxCAAB0QgAADEIAAABAAABQQgAA4EEAACjCAABQwQAAwMAAAHBBAABwwQAAqEEAAIjBAADQQQAAUEEAADxCAADIwQAAAMEAABDBAACIwQAAcEEAAMDAAAAwQQAAgEAAACDCAADAwAAAXMIAAIjCAAAUwgAAMEIAAIBCAAAQQQAAaEIAALBBAABYwgAAAMAAACBCAACAwQAAqEEAAIDBAAA4QgAAEMIAAFBCAACgwQAAiEEAAKDAAAAAAAAAEMEAAHTCAAAkwgAAHMIAAADAAAAgwQAA4MAAAGhCAAA8wgAAIEEAABzCAADAQAAA0sIAAIC_AAAMQgAAaEIAAHBBAACIQQAA4MAAAIhBAAAswgAANMIAAKhBAABAwAAAuEEAADjCAACwwQAA4EAAABjCAABIwgAAVMIAAODBAAAAwQAAcEIAADDCAACsQgAAcMEAAMjBAADCwgAAIMIAAIBAAACoQQAA4MAAAPBBAABQQQAAiEIAAMDBAACwwSAAOBNACUh1UAEqjwIQABqAAgAAmL0AAJI-AAAUPgAAyD0AAAQ-AABUPgAAPL4AAAW_AAD4vQAAPD4AACQ-AAAkPgAAoj4AAIA7AAAQvQAAcL0AAFQ-AACIPQAAuD0AAAs_AAB_PwAAMD0AABC9AABcPgAAyD0AADQ-AACAOwAAUL0AAFA9AAAkPgAAMD0AAOC8AABUPgAA2D0AAGQ-AADYPQAAmr4AABS-AAB8vgAAgr4AAJq-AADgPAAARD4AAHS-AAB0PgAA6D0AADC9AAA0vgAAVL4AAAy-AAB0PgAA4LwAALo-AAD4PQAAlr4AAMi9AAAZPwAA2D0AADA9AAAMPgAALD4AAOi9AACgvAAAND4gADgTQAlIfFABKo8CEAEagAIAABS-AACmPgAAML0AABu_AADYvQAAML0AAL4-AACYvQAAED0AAIg9AABkvgAAgLsAACQ-AAB8vgAAgLsAAIC7AACivgAAST8AAFA9AADKPgAARL4AALq-AABwvQAAiL0AAHS-AACWvgAAuD0AABA9AABwvQAAFL4AAKA8AACIPQAAbL4AAKi9AACYvQAAyL0AAIo-AAB8PgAAhr4AAKA8AABAvAAAmL0AAKA8AAAQPQAAHD4AAIg9AAB_vwAAzr4AAKi9AACoPQAAyj4AALg9AABsPgAABL4AACw-AABQPQAAFL4AAIA7AACAOwAAJD4AAIY-AACWPgAAJL4AALq-IAA4E0AJSHxQATAJOAFKAFIJCA8QkgIYADABYABoAA,,\"}","related_url":"http://www.youtube.com/watch?v=d1HjHuRsENw","parent-reqid":"1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1920,"cheight":1080,"cratio":1.77777,"dups":["6510702428895664120"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":true,"contentTypeId":null,"censored":false,"videoContentId":"2487319872"},"5785837791551570875":{"videoId":"5785837791551570875","docid":"34-3-13-ZB47A45406D3F4704","description":"Ayrıcalıklardan yararlanmak için bu kanala katılın: / @codingwithdidem 1:1 Call Ayırmak İçin https://superpeer.com/codingwithdidem Ücretsiz İçeriklerime Destek Vermek İçin: Patreon : ttps...","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/878101/07d7030ce2d244061736ff2beea50207/564x318_1","videoSrc":"https://video-preview.s3.yandex.net/ggjCpAEAAAA.mp4","videoType":"video/mp4"},"target":"_self","position":"7","reqid":"1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL","summary":{"fullTextUrl":"/int_search_summary?data=http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DAQ2VlIAnVz0","linkTemplate":"/video/preview/5785837791551570875?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=%%timestamp%%&ask_summarization=1"},"isAdultDoc":false,"relatedParams":{"text":"Visual Studio Code Eklentilerim | Font | Tema","related_orig_text":"codingwithdidem","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"codingwithdidem\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=AQ2VlIAnVz0\",\"src\":\"serp\",\"rvb\":\"Eq0DChQxMTE0MTM0NDk4MTg0OTg2NDUxOAoTMTMyMzA0OTM2NzE5NzYwNzM4MwoSMzAzNDM1MjUwNDc2MTg1NjE4ChM3ODExODU1MTQ0MDE5NjczMjk0ChQxODM4MjY5MjQ0MDkzMzgwNzY5OAoTNjUxMDcwMjQyODg5NTY2NDEyMAoTNTc4NTgzNzc5MTU1MTU3MDg3NQoUMTMxMDk0ODk0NzY1OTIwMTA5NTgKEzQ4MTk5NDI2NjI3NjY5NzczMzIKFDE3ODY4MjQwOTQ3NjY2NzY4Njk3ChQxNTg1NTM5MTc0MDU1NDA2MTc0NQoUMTM4MDQ3OTI2Njk5NTE1NjQ3NDQKFDExMzc5MzgyMjE2MTkzNTY2ODgyChMxOTU3NDE3MTEzOTgwMzI2OTQzChQxMTM0MzEzMjk1NDU2MjQ4OTM3OQoTNzU3MzQ4NTI5Mjg2NDgzNzMwNQoTMjY4MjQ3ODQyOTgwMDcwOTAzNwoUMTYzODcwOTEzNzYyMDc0NDQyMjIKFDE3MTIxNjU1MDg4MDc4MzIyMTc2ChM2ODM4NTI0MDUxMjIxNzMwNDYzGhUKEzU3ODU4Mzc3OTE1NTE1NzA4NzVaEzU3ODU4Mzc3OTE1NTE1NzA4NzVqtg8SATAYACJFGjEACipoaG9vaHBpdnNoamNkem5kaGhVQ2ZHWEVvMnVDa1ZxY0lxa0lhRk5HY0ESAgASKhDCDw8aDz8T5wuCBCQBgAQrKosBEAEaeIH_BwcFAAAA7PILAQoB_wAD-A0B-f7-AOT2BgII_QIAAfkA9_kBAADiDP__BgAAAP4FBgj-_gEA-_4HCfcAAAAa9vUJ_QAAAAEG7gz_AQAA-AH8AgP_AAATCAPz_wAAAPHzBfsCAAAA_wX2AwAAAAAA9fP-AAAAACAALWQm0js4E0AJSE5QAiqEAhAAGvABYhsA_PnlCwO6HAgAzw_lAYH6Ef9iQNwAAPoRAazy9ADNIyUA6AAlAL4Q-f-zHAkA4QbB_yweBQAiIC4ACAAYAB0U9QE9xBIBYTEFAOAI5P_pCyoATPkVASbiNQYK1g799f37_NLgxwHL5-YAJDQfAhQgHP__9xH91RIzA-jiIgCg7fz-7QIOAtIK7gIM6uwI_BDfBUEK1ADx9xcDJiMGAfX5Dgf4-R8ACwMs_szX5gPPF-cECQvy-Qz1DQMUDB8CI_j_DPnRBgLiMP3xSwwSB-1L9vcvAhAQ-_H299sNB_wg8vwC2ksJAvEXHwgQF_TvIAAtxv0GOzgTQAlIYVACKnMQABpgSfgAJ-_hwtr_YewR6_tFzdLXyB_GFv8P9P_vL-4YA0zRviTk_0IJ-gKfAAAARwbySOwABHnH2OUVzDoV1fPcHuhQ4OY9vSIdE_25f_jvC-Iy9yAAABXN1RI68s0uOdIPIAAt_wAYOzgTQAlIb1ACKq8GEAwaoAYAAFRCAACeQgAAiEEAAILCAACYQQAAlkIAALhBAACAvwAAcMIAAIjCAACYQQAAAEAAAKBAAAC4wQAASEIAAFDBAADoQQAAAMEAACjCAAAAQQAAgD8AABjCAADYwQAAVEIAAMBAAABAwAAAgEEAABDBAABIQgAADEIAACDCAABQQQAATMIAAJJCAACAwQAA4EAAAPhBAAA0QgAA6EEAAKDAAABcQgAAQEEAACxCAAAAQQAAiMIAAFjCAACcQgAAIMEAAABAAABwQQAAlsIAAPDBAABowgAAyMEAACDBAAAwQgAAAMIAADTCAADYwQAAoEAAABDBAABAwgAAHEIAADDCAAAcQgAAMMIAAABCAAAcQgAAqMEAABDBAACQQgAAVEIAAOBAAADQQQAAbMIAACBBAACgwQAAikIAAKhBAADwQQAApsIAAAxCAACYwQAAAMAAABBBAACSQgAAEEIAABjCAABwwQAAiEEAAADAAADoQQAABMIAAKzCAACowQAAyMEAAAzCAACgwQAAiMEAAExCAADAwQAAwEEAAAhCAABwwQAAosIAAEBCAADgQAAAwEEAAMBAAAA4QgAAQMEAANDBAACAQgAA-EEAAEBCAACAwQAAkMEAAJzCAACGQgAAgD8AALBBAAC4wQAAAEAAAIbCAACgwgAAgMEAAMDAAAD4wQAAwMEAAKjBAAAQwQAApsIAANBBAAAwQgAAAAAAAMhCAAAwwQAAoEEAAFDBAABQwgAANEIAAIBCAABQwQAACEIAAMBBAACAQgAAMMIAALBBAACAwAAA2EEAACTCAABQQQAAZMIAAKDCAAAgwQAATMIAABjCAAAswgAAkMEAAFhCAAC4QQAABEIAACzCAACCQgAAMMIAABjCAADYQQAAhkIAAPhBAABQQQAAIMEAAHxCAAAQwQAAksIAABBBAACgQAAAAMAAALjBAACQQQAAuEIAAFDCAAC4wQAAHMIAAMjBAACAvwAAAEIAAGTCAABIQgAAYMEAABjCAAAgQQAAiMEAAMDBAABgQQAAXMIAAHBCAABAwQAA8EEAAKDBAADYQSAAOBNACUh1UAEqjwIQABqAAgAAQb8AAMa-AAAMvgAAoj4AAM6-AAC6PgAARL4AAAu_AAAQvQAAir4AAIK-AAAwvQAAQDwAAMg9AABMvgAA2L0AAGQ-AACIvQAAij4AADs_AAB_PwAAND4AAOg9AAD4PQAAFD4AAHy-AADIPQAAgr4AAOC8AAAUvgAATD4AAIK-AAD2PgAAxj4AAEw-AAAQvQAADD4AADS-AADuvgAAdD4AADO_AAAMPgAAoj4AAGy-AAAwPQAAEL0AAIC7AACyvgAA2D0AAFy-AADgvAAAcL0AAFw-AAD4PQAAoLwAAAy-AAB5PwAAwj4AACQ-AAAHPwAA2D0AAOA8AACYvQAAsj4gADgTQAlIfFABKo8CEAEagAIAABy-AACIPQAAsr4AAEu_AAAcvgAAij4AAKY-AABAPAAAoDwAADA9AADIvQAAiD0AAEC8AADIvQAAXD4AAOC8AAAMvgAA_j4AAJa-AADmPgAAML0AAKA8AACIPQAAMD0AAIK-AACAuwAAFD4AAKA8AACCvgAAML0AAEQ-AACIvQAAHL4AABy-AAC4vQAAuD0AAMa-AAAUPgAALL4AAAQ-AABQPQAAPD4AAII-AAAsPgAA4LwAABS-AAB_vwAAQLwAAPg9AACAOwAAcL0AACw-AAB8PgAAZD4AAI4-AAAEPgAAEL0AACw-AAAUvgAAvr4AAKC8AAD6PgAAjj4AAIa-IAA4E0AJSHxQATAJOAFKAGAAaAA,\"}","related_url":"http://www.youtube.com/watch?v=AQ2VlIAnVz0","parent-reqid":"1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1920,"cheight":1080,"cratio":1.77777,"dups":["5785837791551570875"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":true,"contentTypeId":null,"censored":false,"videoContentId":"2725576568"},"13109489476592010958":{"videoId":"13109489476592010958","docid":"34-10-10-Z84E595DAC794D9BC","description":"Kanalın büyümesi ve daha büyük bir kitleye ulaşması için videoları beğenip kanalıma abone olmayı unutmayın! :) / @codingwithdidem Eğer daha fazlasını öğrenmek isterseniz ; Full ReactJS Eğitimi...","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/2885983/47ad45bcfc2bb2bf6e3f7f8836ecb3b2/564x318_1","videoSrc":"https://video-preview.s3.yandex.net/f5sBvgEAAAA.mp4","videoType":"video/mp4"},"target":"_self","position":"8","reqid":"1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL","summary":{"isFull":true,"fullTextUrl":"/video/result?ask_summarization=1&numdoc=1&noreask=1&nomisspell=1&parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=videoid:13109489476592010958","teaser":[{"list":{"type":"unordered","items":["Bu video, Didem adlı bir eğitmen tarafından sunulan teknik bir eğitim içeriğidir. Eğitmen, Cloudflare Workers ve Discord API kullanarak serverless bir uygulama oluşturma sürecini adım adım göstermektedir.","Video, iki ana bölümden oluşmaktadır. İlk bölümde Cloudflare Workers'ın ne olduğu açıklanarak, Cloudflare CLI kullanarak yeni bir proje oluşturma, API filtreleme ve Discord webhook ile isteklere tepki verme konuları ele alınmaktadır. İkinci bölümde ise Discord API erişimi sağlama, fetch API kullanarak Discord'a mesaj gönderme ve asenkron fonksiyonlar kullanma gibi konular işlenmektedir.","Eğitim, array'den rastgele bir mesaj seçerek Discord'a gönderme, avatar ekleme, izin ayarları ve uygulamanın deploy edilmesi gibi pratik uygulamaları da içermektedir. Bu video, serverless programlama ve Discord entegrasyonu konusunda temel bilgi edinmek isteyenler için faydalı bir kaynak niteliğindedir."]},"endTime":1264,"title":"Cloudflare Workers ve Discord API ile Sunucu Oluşturma Eğitimi","beginTime":0}],"fullResult":[{"index":0,"title":"Cloudflare Workers Tanıtımı","list":{"type":"unordered","items":["Cloudflare Workers, Cloudflare'in sunduğu serverless kodları Cloudflare'in serverlarına deploy etmenizi sağlayan bir yapıdır.","Kullanıcılar kodu yazıp, Cloudflare'in serverlarında otomatik olarak çalıştırılmasını sağlayabilirler.","Cloudflare Workers hem browser üzerinden hem de terminal üzerinden (cli) oluşturulabilir."]},"beginTime":0,"endTime":67,"href":"/video/preview/13109489476592010958?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=0&ask_summarization=1"},{"index":1,"title":"API Örneği","list":{"type":"unordered","items":["Oluşturulan API, \"hello didem works.dev\" adresinde çalışıyor ve JSON arrayi döndürüyor.","API'de \"odor\", \"content\" ve \"kategori\" alanları bulunuyor ve içerikler \"love\", \"freedom\" ve \"later\" kategorilerine ayrılmış.","API, kategori ve limit parametrelerine göre filtreleme yapabiliyor."]},"beginTime":67,"endTime":143,"href":"/video/preview/13109489476592010958?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=67&ask_summarization=1"},{"index":2,"title":"Discord Entegrasyonu","list":{"type":"unordered","items":["Her istekte Discord'a mesaj gönderme özelliği ekleniyor.","Discord'a rastgele bir söz gönderiliyor ve bu işlem \"colding with didem\" hashtag'i kullanılarak gerçekleştiriliyor."]},"beginTime":143,"endTime":189,"href":"/video/preview/13109489476592010958?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=143&ask_summarization=1"},{"index":3,"title":"Cloudflare Workers Projesi Oluşturma","list":{"type":"unordered","items":["Terminalde \"npm install dash g\" komutu ile Cloudflare'in regular cli'si global olarak yükleniyor.","\"cli generate serverless api\" komutu ile yeni bir proje oluşturuluyor.","Visual Studio Code editöründe proje açılıyor ve Cloudflare hesabının account id'si kopyalanıp projeye ekleniyor."]},"beginTime":189,"endTime":320,"href":"/video/preview/13109489476592010958?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=189&ask_summarization=1"},{"index":4,"title":"API Kodlama","list":{"type":"unordered","items":["Index.js dosyasında fetch request alınıp, handle request fonksiyonu çağrılıyor.","İlk olarak \"hello worker\" metni döndürülüyor, sonra JSON array döndürülüyor.","Kullanıcı parametresine göre kategori filtreleme yapılıyor."]},"beginTime":320,"endTime":542,"href":"/video/preview/13109489476592010958?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=320&ask_summarization=1"},{"index":5,"title":"Filtreleme ve Limit Ekleme","list":{"type":"unordered","items":["Kullanıcının girdiği kategoriye göre JSON array filtreleniyor.","Limit parametresi alınarak, belirtilen sayıda içerik döndürülüyor.","Discord entegrasyonu için webhook oluşturuluyor ve API ile entegre ediliyor."]},"beginTime":542,"endTime":755,"href":"/video/preview/13109489476592010958?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=542&ask_summarization=1"},{"index":6,"title":"Discord API ile Mesaj Gönderme","list":{"type":"unordered","items":["Discord API erişimi için URL kopyalanıp, bir post requesti ile içerik mesajı gönderilecek.","\"send discord message\" adında asenkron çalışan bir fonksiyon oluşturulacak ve bu fonksiyonun dönmesini bekleyecek.","Fetch API kullanılarak Discord'a mesaj gönderilecek ve bu işlem için options tanımlanacak."]},"beginTime":763,"endTime":886,"href":"/video/preview/13109489476592010958?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=763&ask_summarization=1"},{"index":7,"title":"Discord API İstekleri","list":{"type":"unordered","items":["Content options içinde metod post request olarak ayarlanacak, headers alanında content type application/json kullanılacak.","Body alanında mesaj gönderilecek ve bu mesaj JSON string içerisinde gönderilecek.","Allow mansions alanı Discord'un kendi API'siyle ilgili olup, kullanıcıların rollerine göre mesaj gönderme izni veriyor."]},"beginTime":886,"endTime":1083,"href":"/video/preview/13109489476592010958?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=886&ask_summarization=1"},{"index":8,"title":"Random Mesaj Gönderme","list":{"type":"unordered","items":["Sadece \"api çalışıyor\" mesajı yerine, words array'den rastgele bir mesaj göndermek için \"get random\" adında bir fonksiyon oluşturulacak.","Random fonksiyonunda Math.floor kullanılarak words uzunluğu ile çarpılarak 0'dan words uzunluğu arasında bir rastgele sayı oluşturulacak.","Oluşturulan random indeks, words array'den rastgele bir mesajı döndürerek Discord'a gönderilecek."]},"beginTime":1083,"endTime":1196,"href":"/video/preview/13109489476592010958?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=1083&ask_summarization=1"},{"index":9,"title":"Uygulamanın Deploy Edilmesi","list":{"type":"unordered","items":["Oluşturulan uygulama \"publish\" diyerek deploy edilebilir.","Deploy edilen uygulama serverless API olarak çalışır ve ilk istekle Discord'a mesaj gönderir.","Uygulama kategori filtreleme ve limit gibi özelliklerle de çalışabilir."]},"beginTime":1196,"endTime":1259,"href":"/video/preview/13109489476592010958?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=1196&ask_summarization=1"}],"linkTemplate":"/video/preview/13109489476592010958?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=%%timestamp%%&ask_summarization=1"},"isAdultDoc":false,"relatedParams":{"text":"Serverless API Oluşturuyoruz | Cloudflare Workers & Discord Entegrasyonu","related_orig_text":"codingwithdidem","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"codingwithdidem\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=g9bckseSLmo\",\"src\":\"serp\",\"rvb\":\"Eq0DChQxMTE0MTM0NDk4MTg0OTg2NDUxOAoTMTMyMzA0OTM2NzE5NzYwNzM4MwoSMzAzNDM1MjUwNDc2MTg1NjE4ChM3ODExODU1MTQ0MDE5NjczMjk0ChQxODM4MjY5MjQ0MDkzMzgwNzY5OAoTNjUxMDcwMjQyODg5NTY2NDEyMAoTNTc4NTgzNzc5MTU1MTU3MDg3NQoUMTMxMDk0ODk0NzY1OTIwMTA5NTgKEzQ4MTk5NDI2NjI3NjY5NzczMzIKFDE3ODY4MjQwOTQ3NjY2NzY4Njk3ChQxNTg1NTM5MTc0MDU1NDA2MTc0NQoUMTM4MDQ3OTI2Njk5NTE1NjQ3NDQKFDExMzc5MzgyMjE2MTkzNTY2ODgyChMxOTU3NDE3MTEzOTgwMzI2OTQzChQxMTM0MzEzMjk1NDU2MjQ4OTM3OQoTNzU3MzQ4NTI5Mjg2NDgzNzMwNQoTMjY4MjQ3ODQyOTgwMDcwOTAzNwoUMTYzODcwOTEzNzYyMDc0NDQyMjIKFDE3MTIxNjU1MDg4MDc4MzIyMTc2ChM2ODM4NTI0MDUxMjIxNzMwNDYzGhYKFDEzMTA5NDg5NDc2NTkyMDEwOTU4WhQxMzEwOTQ4OTQ3NjU5MjAxMDk1OGqTFxIBMBgAIkUaMQAKKmhob29ocGl2c2hqY2R6bmRoaFVDZkdYRW8ydUNrVnFjSXFrSWFGTkdjQRICABIqEMIPDxoPPxPwCYIEJAGABCsqiwEQARp4gQsJAgAH-AAA-wYK9wn8AgT4DgH4_v0A4AUD9P77AgD09gP_9gAAAOoL9ggHAAAA9PsKDfP_AQAUBgUFBQAAAA_8-wf6AAAA_wnw_f8BAAD7-_HxAgAAAA3_D_H_AAAA8hIOCP4AAAAIEf33AQAAAPDoBAEAAAAAIAAtWhjBOzgTQAlITlACKoQCEAAa8AFWDvL-I_koA7wa6QDuFusAgf7lAC3q_ADzCP0Ayef2ANcN5wDsCQwA2AgVAL8Q7__O_d3_OiwPAAAe_QAa9iT_BwLRAEH-BwAW9xIB_gTr_9kVAf4s9yQBI-YGABcL-v8u1ef-ygDeANXqEwP4MxcAGQsZASYmAfziNxsA4BsTAOr0DwTrNPoAtQ32_hb24_8K_dwAM_vvANn6DAAXAQUE9_oLBhLu_PsG8BoE-en0--cC8AYCF_0HAwYn__YuFAPuAAUHFvb89xEMA_UpFPr99hgBC-rhBA8N_v784goF_QUGFPriPAcC8_kGBhgA8fAgAC0Jlyk7OBNACUhhUAIqzwcQABrABwcH2755A4w8ymcxOlPkVb1R3oc8i-IwvOCg_b0uDKY7BZEevKZIPj6dvEg9-JKhO5sdob5GoZu8yGeoPD0pcz6UwOa79XIOPStgnL27Hta8Tl5EvfxUJb4x2S68B3PmN1ADQb2Yp1O9rINNPf-VZT6WTe883xiCPEc-mr0DGvQ7tOQUPC-bSj23Siu91mgivCgLDz5iBCM9eDySPFsxoj2xkVq9T2xPPNC35b1otmY9TarwOrjpzzyspLq8ruVfPPepjz2AzV68ajf2O1j-vL3F2Z69KktfO6_vHj1298I7wzEGPX4uJL1KUfg83nGvPEXHRDyfz5u9E2a1PCcWmL2LA4O8LKrVu920GT49FtE8A2D6uyYMdL1dRrs9TCy6PIqVLLzln3Q8N-M0vGST3D1u_U88ZzHMPMOrdjwHAgm9IKEcPLowAj5mvZi8zD60vOzpib0xByE96QVEPPzgHD2540g9arvsu4MU_jvnGIA9alxuvCJlpT0xNj69aOc0PIaNIj4jiua7gXhmusBZLz3Y2AU-CzFRO7YINr3rGs09Kyrmu3fc8DxG-y499g2nvMHuCj0e3II8oBptO-E7xr2qneG9cpKcu8pYmD1mOT88GnUGPJvIjDwUcZ88q4ZZOvfjez0VUA29EFYKvJSal73z2OQ7au7wO-oDCb07DsO5dR7XO6SDGj0cWzS9HPwOPMb8XDzGjRa9IbWiOShxBz0GVM06nzFduxV4Aj1_LYS93S5qu91rF71KqgC9Hkw9uRWzdD1AYK-9jWJ-OMCQmzo8FIU9N-a0OBjt8TxvAKy8St0JuiMFYD2sXAG8t5kZOIsGXzzTvKO9P3xBONQblL3d2tu7wYFwOEuxfrzdes08xal3ub-iNjz6Uom8CYIkueiDpbwlEju9HnJ2uQZTg7zdq5s94AIoufo_LD0V65-9jNs-Ny1zPz0A-HG9nIObuGuX27wgm6Q8Su5xtwq1qrszse-8Ek68uKe9Fz1oTmg9hmA6OWtpybw6d7s8isLDt4Xj3rwMRlu9ja34NjYh7b2ufky9gVhmuLw6y7u4XJg8vtCSNu6Jj71rn6m9cmQvN70ylL1U65O9_NO6tnf21b1745q8Vkj0uL0doby5VQC-u-YtuPGglzsDzOG8_lzmNUMCBj6Vrb-8NjwYuH6K4z3x8MM8aDQhuJBCozwjd6I8kzTkt5BKET13C4u7Dh8buFkPBLymHYg99Pk9OG1su71qoUe7JGNAuKNit7zoWNQ8xNXztr7tMz0AxP29qM7_tyAAOBNACUhtUAEqcxAAGmA8-gArAuDJyuxg6x27DBML_eQL_7o0__bj_-Eg8QcWEdmxAxT_ULbz-p0AAAAtLeVU-gAFf7_Fs__PSQLAw90fA2PI-UKG9-sOB8Y4_-b82vAvGRYAJ--3yjoF7zY1J_kgAC3lNxI7OBNACUhvUAIqrwYQDBqgBgAADEIAABBBAAD4QQAA2MEAAIRCAACYQQAAfEIAADxCAACQwgAAQEEAAJhCAACMwgAAiMIAANjBAABMQgAAIMEAAMDBAABkwgAA4MEAAAAAAACAPwAAQMIAAAAAAAA0QgAAoEAAAABAAADgwQAAYMIAAAhCAAAwQQAANMIAAJJCAACOwgAAEMEAACzCAABEwgAA6EEAAOhCAACAvwAA-EEAABhCAADwQQAAhEIAADhCAABAwQAAtMIAAFRCAACAQAAAoEIAABxCAABEwgAAoMAAAAxCAAC4wQAAtkIAAOBBAAB8wgAAwEEAAFjCAAAAwQAAZEIAABTCAAAAQQAAGMIAAGRCAACAQAAANMIAANDBAADAQAAAaMIAAHxCAADgQgAAwMAAABBBAABwQQAAmMEAAEDCAABMQgAAAEEAANjBAADSwgAAcEEAAIhBAAAkQgAAmMEAAABBAAAcQgAAiEEAAIZCAADgwQAAQMAAABRCAAAAQgAAOMIAAIDBAACAQAAAgD8AAABBAAAgQgAAMEEAAOjBAACwQgAAUEEAAMDAAAAEwgAAwEEAAABAAAAoQgAAqMEAAHhCAACYQQAACMIAAOBAAAAQQQAAQEAAAFDBAADYwQAAkMEAACDBAAAQQQAAgEAAAJ7CAACwwgAAQMAAAJhBAAAgQgAARMIAAPjBAAB4wgAA4MEAAODBAAAwwgAAEEEAAIBBAADYwQAAsEEAAIBAAADYQQAAoMEAAGDCAACIQQAAoEAAAIDAAAAwwQAAhEIAAGDBAADGwgAAeEIAADDBAACgwAAAUMEAAJDBAAAAAAAAEMEAAMDBAACywgAAkMEAAFDCAACIwQAAnkIAALjBAAAAQAAAQEAAADDBAABQwQAAgMAAAMDAAACeQgAAIEIAAHBBAADwwQAAXEIAAHDBAABQwgAAsMEAAAAAAAA0QgAA8MEAACxCAACoQQAA2MEAAOjBAACAwQAAMMEAAKhBAABwQQAANMIAAAhCAABQwQAAgEAAAILCAAAAwgAANEIAAARCAABQwQAAcMEAADTCAAAgQQAAEMIAADTCIAA4E0AJSHVQASqPAhAAGoACAAAQvQAA6L0AALi9AABAPAAADL4AALI-AAAwPQAAL78AAKq-AACIPQAAxr4AABQ-AADgvAAAJD4AALa-AAB8vgAA4j4AABA9AAAwPQAAIz8AAH8_AACYvQAAcD0AAFA9AACgPAAATD4AABQ-AACOvgAAkr4AAHC9AAA0PgAAVL4AAJo-AAAQPQAAHD4AAI6-AAAEvgAABL4AAES-AACovQAAqL0AAIa-AABwPQAAgr4AAOC8AAAwvQAAcD0AAFS-AAC2vgAAEL0AAHw-AAC2vgAARD4AAFC9AACovQAAyL0AAHM_AAD4PQAAlr4AAPg9AABsPgAAcL0AAKC8AACgvCAAOBNACUh8UAEqjwIQARqAAgAAqL0AADw-AACCvgAAI78AAFS-AAAkvgAAgDsAAKA8AACoPQAAgDsAAIa-AAAUvgAAyD0AALK-AAAcPgAAEL0AALi9AAAjPwAAEL0AAKY-AABMvgAAgr4AAOg9AABwvQAAiL0AACQ-AABcvgAAgDsAABS-AAB0vgAAgLsAAKA8AAAkPgAALD4AAHA9AAAQvQAA6D0AAHQ-AACgvAAAML0AAI4-AADoPQAAFL4AAJi9AAAUvgAAJL4AAH-_AAB0vgAAsr4AAFC9AAAsPgAAEL0AAHQ-AABcPgAAFL4AAHA9AAAEvgAAMD0AAGy-AAAEvgAAoLwAAEw-AABEvgAAHL4gADgTQAlIfFABMAk4AUoAUgkIDxCSAhgAMAFgAGgA\"}","related_url":"http://www.youtube.com/watch?v=g9bckseSLmo","parent-reqid":"1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1920,"cheight":1080,"cratio":1.77777,"dups":["13109489476592010958"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":true,"contentTypeId":null,"censored":false,"videoContentId":"1681803932"},"4819942662766977332":{"videoId":"4819942662766977332","docid":"34-1-2-ZD2064A3F15C958FC","description":"Source Code: https://github.com/codingwithdidem/co... Ayrıcalıklardan yararlanmak için bu kanala katılın: / @codingwithdidem 1:1 Call https://superpeer.com/codingwithdidem Ücretsiz İçeriklerime...","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/3905112/45d7977439b3ed5fb8214c0fad4cb82c/564x318_1","videoSrc":"https://video-preview.s3.yandex.net/l0svygEAAAA.mp4","videoType":"video/mp4"},"target":"_self","position":"9","reqid":"1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL","summary":{"fullTextUrl":"/int_search_summary?data=http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DMQ5NWQ_m37M","linkTemplate":"/video/preview/4819942662766977332?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=%%timestamp%%&ask_summarization=1"},"isAdultDoc":false,"relatedParams":{"text":"Create a Custom React Hook | useCopyToClipboard","related_orig_text":"codingwithdidem","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"codingwithdidem\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=MQ5NWQ_m37M\",\"src\":\"serp\",\"rvb\":\"Eq0DChQxMTE0MTM0NDk4MTg0OTg2NDUxOAoTMTMyMzA0OTM2NzE5NzYwNzM4MwoSMzAzNDM1MjUwNDc2MTg1NjE4ChM3ODExODU1MTQ0MDE5NjczMjk0ChQxODM4MjY5MjQ0MDkzMzgwNzY5OAoTNjUxMDcwMjQyODg5NTY2NDEyMAoTNTc4NTgzNzc5MTU1MTU3MDg3NQoUMTMxMDk0ODk0NzY1OTIwMTA5NTgKEzQ4MTk5NDI2NjI3NjY5NzczMzIKFDE3ODY4MjQwOTQ3NjY2NzY4Njk3ChQxNTg1NTM5MTc0MDU1NDA2MTc0NQoUMTM4MDQ3OTI2Njk5NTE1NjQ3NDQKFDExMzc5MzgyMjE2MTkzNTY2ODgyChMxOTU3NDE3MTEzOTgwMzI2OTQzChQxMTM0MzEzMjk1NDU2MjQ4OTM3OQoTNzU3MzQ4NTI5Mjg2NDgzNzMwNQoTMjY4MjQ3ODQyOTgwMDcwOTAzNwoUMTYzODcwOTEzNzYyMDc0NDQyMjIKFDE3MTIxNjU1MDg4MDc4MzIyMTc2ChM2ODM4NTI0MDUxMjIxNzMwNDYzGhUKEzQ4MTk5NDI2NjI3NjY5NzczMzJaEzQ4MTk5NDI2NjI3NjY5NzczMzJqiBcSATAYACJFGjEACipoaG9vaHBpdnNoamNkem5kaGhVQ2ZHWEVvMnVDa1ZxY0lxa0lhRk5HY0ESAgASKhDCDw8aDz8T2QqCBCQBgAQrKosBEAEaeIH8EfgI_wIA-_4OBPoH_QIQ9_T39gAAAOMB9_8K_AIAD_8BA_kAAAD_BgH_BQAAAPgF-v70_wEACgUACQQAAAANCAcD_AAAAAUB-xL_AQAA9f4DBAMAAADx9fEJ_wAAAPMBAwoBAAAABAkEBAAAAAAX9PYCAQAAACAALbWT1js4E0AJSE5QAiqEAhAAGvABXhDL_CnHFwSh9sYAtQkPAYEYD_8r8w0AsA_GAefj1QHe2OgAIe0L_-nv1wCgAMYBvv3S_zIaHP8P_xb_CAAZAAkDwgE_5BcAQ_rWAtQY3f_hGgf-FPck_0fk6f05_BD_S_cC_6Ln2v7R1wQC_gU0ABTvAv8WExH_1CkkB9sl_wP5zgQA7UAXArIGK_sbHfIGCyXl_kQL0gD8_j3_IRDMAwntG_TkBefx8woSDe_1D_XrAQoB_wf3DOMCFgcLKir44gQZAATV7vgONRf5LwvvCeQ4CQcL7PMJD-H18dP5C_fYDwHv4hIECRAbBvnbCfPpIAAtAbAAOzgTQAlIYVACKs8HEAAawAcrhO2-NwvFO7NsubsDFUS9AIlLPVSnKLvg4te8eLQQPNiTBrvS_9I9aSp1PVSUBbyXx6q-E8fsO74RnbxnYpo-TjqbvBrvWDzJ7l294n72PBjWSL1FvPW9Z-jEPKy4J7zGjRY9wvC2O-Qb5Ty1awI-xJNdO6BYo7uH--i9qVsnvd0vl7umGgw9m5BWvZqWuzsn9zs-XSQDPScrqzwUFTu7H6UNvQI3gTwvb-m8IanoO2FmhLxwDhU8vm8XvWUxFrzRV5A9vSB9vAUEqbwoQm-9QtGnvaF_p7tZ8Ky8XbWAu3KL-TzPa2e9GHw1PToOcryIh027fkwQvf-mQTyGd4S9R1QtPd-Zu7vdYDg-KaZcPeMbPjqy5J47DKTVPIVN0zxUI2w7pL6RPJL-gzyX5iY-Jfw3PdLLAzsseoy8dmVhPMkvLLtINtc9SN8kvKJpAbtCoZS8RfiyvEKp5ju-W-o8ls6XPY82jrkpFNi8oW8BPR2JQLo7dMU9BwEeva4UG7xbKLk9f_YjvbyQM7wnJQ49fuE2u4nrmDv6VB-92WHnPFimhLwLEnY93aF2O1uJbbtVGUE92v9APWZZpLuFHna90LMZvchpPrxCpsY9HTCZPIOc3joILwu9qyArvLlB5TqRCw49IdO1PM6cAbxi2AG-EHoxvVnIt7o7Hs684eN9PSZF-Tukgxo9HFs0vRz8Djwal-A8CnKGvMvHh7tJDn09RcD8vCsy17uOJx09FG6DvLNyFjwfTVC9BlkAvTiLEzqhndM9UYGYvZedUTkcegs94sYSPE0vKLoJcSC9X1cYPQfsNjlblDk9xs81PP9BFjnLovC8W0IevjcF4zl2PAG9oHOSvKoVkLg0B9K8C7gCPedeSjr5wOm7-aRuvA4vkLi8-Tc9WlAzvTu1nTiKgk-8mit-PURlsTj6Pyw9FeufvYzbPjdk2Je9uT9NvYW-ezkepiC8VzL0u1rfFjgdgrS8Vez5vEddI7jig0i9YDyDPdLxQbh06Bm7ybAlPaTDETjj49M8xoUDPc3hMriwD7G9twy4vf5YOLj06Lw8Q6MlPYwX27dlU869wuioPP4y6DcW30u9UYL-vURYLLhTTkW8x5RZvULkOLgt0dm9vKCEvevJlDel078976x9vaAsDrnvPmI93iEAvQk4ILctd2s9ccEePbOIhrfj_449f986Pa3x07cU9E09tL2nvZeXjbdVGKY9bQvFPYPH5zjFv5m9czhJPV1O47igCaC64756PARr9LeOiBM97B3EvTHOBbggADgTQAlIbVABKnMQABpgPf0AL93szNMDf-cF0d1HCgzv3w76Jf_08P_rOO8VDSPbvhQC_-vzFf-nAAAAIvbWSeAAFnH2v_Ek0hsPtq7lDQ5v3_0u2w8MMeG1RuPZFO8L5zsBABrjzxEVNNc7VNQFIAAthOIeOzgTQAlIb1ACKq8GEAwaoAYAAJZCAACIQgAA4EEAAOjBAACOQgAAlkIAAKZCAAA8QgAA0sIAANDBAABkQgAAPMIAACjCAADgwAAAoEIAACDBAAC4QQAALMIAANDBAADAwQAAAAAAADzCAAA4wgAAMEIAAKBAAAAAwQAAgMEAAKDBAACKQgAAgEEAADjCAAA0QgAA2sIAAABCAAAswgAA4MAAANhBAACmQgAAMEEAAMhBAAAkQgAAgL8AAAhCAACAQQAAHMIAADjCAACYQQAAYEEAADhCAAAEQgAAtsIAAIjBAACgQAAAgMEAAAhCAAAYQgAAmsIAAIDBAAAAwgAAoMAAAMhBAABEwgAAmMEAAHzCAABEQgAAoMAAAMDAAAAAwQAAsMEAACjCAACyQgAAskIAAAjCAACAQQAA4MEAAEDAAABAwAAADEIAACxCAACAwAAAhsIAAFRCAAAQwQAAUEIAABTCAAD4QQAAAEAAABBBAACAQQAAAMEAAFDBAABoQgAAgMEAAEjCAACQwQAAwEAAAJjBAACAwAAAQEEAAATCAABswgAAdEIAAIBBAABAQAAAAMIAACBBAAD4QQAAIEIAAMDAAABMQgAAoEAAACDBAABIQgAA4EAAABDBAAAAQAAAGMIAAJDBAACYQQAAUEEAAABCAABAwgAAZMIAAATCAACowQAANEIAADDCAABgwQAARMIAAEBAAAAwwQAAOMIAAChCAAAQQQAAGMIAAIRCAABEQgAAkEEAAJjBAABgwgAACEIAAIhCAAAwwQAAoEAAAJBBAAAAAAAAfMIAALBBAAAMwgAAQEAAACBBAAAAwAAAgD8AAHTCAACAwAAAosIAAADCAABMwgAALMIAAHxCAABwQQAAkEEAANDBAADIQQAAOMIAANjBAAAAwQAAaEIAAOBBAADoQQAAeMIAAAhCAAAQwgAAqMEAABDBAACYwQAANEIAABjCAAAIQgAAlkIAAJ7CAACWwgAAYMEAALjBAAAAQQAA4EAAAHDCAABoQgAAMMEAAGDBAAAowgAAeMIAAAhCAAAIQgAAQMEAAFxCAAAgwgAAQEIAAADCAACYwSAAOBNACUh1UAEqjwIQABqAAgAAkj4AAEA8AACgPAAABT8AAGw-AADoPQAA-L0AAB2_AABUvgAARD4AAM4-AAAkPgAAFD4AABQ-AACavgAAoDwAAHw-AACYPQAAED0AAN4-AAB_PwAAUL0AADy-AABAPAAAcL0AABC9AABwPQAADL4AABS-AACIPQAAbD4AAIC7AADYPQAAFD4AAFQ-AAC4PQAA6L0AAMK-AADWvgAAdD4AAKK-AADoPQAAkj4AAIi9AADWPgAARD4AAFw-AAB8vgAAmD0AAOK-AABEPgAAFD4AACw-AACovQAAoLwAAPi9AAD2PgAAqD0AAEQ-AAB0vgAAgLsAAPi9AACovQAAmD0gADgTQAlIfFABKo8CEAEagAIAAOC8AAB8PgAADL4AABW_AAAkPgAAZD4AABC9AAAcPgAAND4AAKi9AACevgAA6L0AADA9AACKvgAAyD0AABC9AACovQAATT8AAGy-AADGPgAAkr4AAIK-AACePgAAJL4AADC9AABwPQAAQLwAAKg9AACYvQAAFL4AAOg9AAAQPQAABL4AAIo-AAAEPgAAdL4AAPg9AAAkPgAAhr4AALi9AABMPgAADD4AAOA8AAAQvQAAvr4AAMi9AAB_vwAAUL0AANi9AACOPgAAuL0AAHA9AADYvQAAtj4AANY-AACgPAAA4LwAADC9AABMvgAAuD0AAEC8AAAUPgAALD4AAIK-IAA4E0AJSHxQATAJOAFKAGAAaAA,\"}","related_url":"http://www.youtube.com/watch?v=MQ5NWQ_m37M","parent-reqid":"1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1920,"cheight":1080,"cratio":1.77777,"dups":["4819942662766977332"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":true,"contentTypeId":null,"censored":false,"videoContentId":"3323462865"},"17868240947666768697":{"videoId":"17868240947666768697","docid":"34-8-9-Z24FCD36CBB479243","description":"Ayrıcalıklardan yararlanmak için bu kanala katılın: / @codingwithdidem 1:1 Call Ayırmak İçin https://superpeer.com/codingwithdidem Ücretsiz İçeriklerime Destek Vermek İçin: Patreon : ttps...","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/873522/bccb24542e7f0b0daf1bd30783436d39/564x318_1","videoSrc":"https://video-preview.s3.yandex.net/k-d3-QEAAAA.mp4","videoType":"video/mp4"},"target":"_self","position":"10","reqid":"1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL","summary":{"fullTextUrl":"/int_search_summary?data=http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DEhOycWiUeYY","linkTemplate":"/video/preview/17868240947666768697?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=%%timestamp%%&ask_summarization=1"},"isAdultDoc":false,"relatedParams":{"text":"Tailwindcss ile Dark Tema Oluşturalım","related_orig_text":"codingwithdidem","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"codingwithdidem\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=EhOycWiUeYY\",\"src\":\"serp\",\"rvb\":\"Eq0DChQxMTE0MTM0NDk4MTg0OTg2NDUxOAoTMTMyMzA0OTM2NzE5NzYwNzM4MwoSMzAzNDM1MjUwNDc2MTg1NjE4ChM3ODExODU1MTQ0MDE5NjczMjk0ChQxODM4MjY5MjQ0MDkzMzgwNzY5OAoTNjUxMDcwMjQyODg5NTY2NDEyMAoTNTc4NTgzNzc5MTU1MTU3MDg3NQoUMTMxMDk0ODk0NzY1OTIwMTA5NTgKEzQ4MTk5NDI2NjI3NjY5NzczMzIKFDE3ODY4MjQwOTQ3NjY2NzY4Njk3ChQxNTg1NTM5MTc0MDU1NDA2MTc0NQoUMTM4MDQ3OTI2Njk5NTE1NjQ3NDQKFDExMzc5MzgyMjE2MTkzNTY2ODgyChMxOTU3NDE3MTEzOTgwMzI2OTQzChQxMTM0MzEzMjk1NDU2MjQ4OTM3OQoTNzU3MzQ4NTI5Mjg2NDgzNzMwNQoTMjY4MjQ3ODQyOTgwMDcwOTAzNwoUMTYzODcwOTEzNzYyMDc0NDQyMjIKFDE3MTIxNjU1MDg4MDc4MzIyMTc2ChM2ODM4NTI0MDUxMjIxNzMwNDYzGhYKFDE3ODY4MjQwOTQ3NjY2NzY4Njk3WhQxNzg2ODI0MDk0NzY2Njc2ODY5N2qIFxIBMBgAIkUaMQAKKmhob29ocGl2c2hqY2R6bmRoaFVDZkdYRW8ydUNrVnFjSXFrSWFGTkdjQRICABIqEMIPDxoPPxPEC4IEJAGABCsqiwEQARp4gfgDCBAE-wDp_P__FQD_APkJEwT5_f0A1_sDBwv4AwAC8gQP_QAAAAD7AQ8GAAAAEPv-DPb_AAAGBP0BBQAAAAkABAT8AAAAAfj1__8BAAAB-vwQBP8A_wX6_vb_AAAAAhATBf8AAAD6AvIOAAAAAPnkAQoAAAAAIAAt8xzHOzgTQAlITlACKoQCEAAa8AFHDNj99gYpA9UnAQD--toAgcgP_EkA_QEO4hQBx_IEANsq5f_SIij_ugX9AeYy8wDLA8H_LhwoASQWEwABBiUAOxD8ABfs9wEg-wYBBwcFAOkUBf49-hEADgQVAAwW9P4n3_P-6-X4_dEJ9gEIEPD_CwcmA_8DGgTVEQwC4wYf_-Xz8v7rK-b8vPAT_QTZ5P4RKuMBJdfo_wsbBf37AA8GAPIMAt7w_vvz-AsIBuj6_9oD_fsBChMJzR8Y_ysxCf79AwEE7-bz-Q4R9fYEIwPyHwULA_75AQ__5QH15MUFBCz-DPPQEAMB-vT9DRUD_QAgAC33cik7OBNACUhhUAIqzwcQABrAB-zZ874TIb88itRKPUKk8LxxRC09CebDvDyLOb1yGwg9x4EeOqZIPj6dvEg9-JKhO7Pwdb7H0Ja8RWRAOT0pcz6UwOa79XIOPTW8FTwxMMQ7prGivWLerr1hGZu8vjcfPBgVZ72gvLg6IOQGPRwMRT5VzLW6EO8UPbzLBb5cjyG8_D0DOvBVBj3NhHW95jXAvIXqBj5fuLM9xhEQvJSUBT3nON25GbsQPAA6rL3LFPM8bmO9vBCrZLxD-ae8Nc3gutAgKjx3dgU7VDvDOmQqs71BPjK8OsY6PIbbqzyQTp28T1ktPe7WDb2bgkY8B93zO72gqry8H3y97esGOqF7AL3qHRO9C9AVu_fWtj2q8NQ5aFcEO-Ol271FBRg9r7cIPVKHDzxQE6K8oGyKvPQ04D04k8A9dwJQPKV0H7sjnpG8hcFGPNNOXT7sZ7G6qTaTOg0di728R5G9anHhPFZHbj1_6Hg9qxPGvNjlRT3fbok9xh2KvD_jAj4FGQG886FVPDVSlT3UwXC96UZYvGXNvjz2oKs9qyQyPNXkjrwuUm09VvaXu0t4Qj0g5jc831jpO1NTXD3boQY9-pUQvOE7xr2qneG9cpKcuzxPfD26mgE9eZjRu57-vTwZDOS8CKABvDCTUj3quUC9n-yDuwV7wr1zLkW9p2v1ujq9Ib29sdY8B7tjOJ-9hLy-5Bq9B-8KO63O-zwPl9y8HDyXOndeFD19ofY8WBHBuuqcGj2e2B48obMSO8cRS70gTpa81-gLu6Gd0z1RgZi9l51ROcbgYbwJTuA6miMvu0yzLzxv9uK89mjHODSdYj0Mc4c9LjseuekPTTyoOD6-cp9dOUR1Cb1lrNG8XYQjuTaZbL0S81E9z0duOUmnybwYesS7huT2twyMITy44ie9fdXDuLHc0rzvgLy8y8xmuaDF0rz2IGm9GN-juewJPL1yJfG81mKAOcFdbL05-7m8L1ZJOHAKK71xOZ68yz6FuE8fQb1TKyM8aEEmOKnyojyhSBy9OHsZuMnd07moZqA8lmQoONdsBb40Z328cIj0t6_NRr3auFQ9Mu2sOMrhA74Q1x48l_1ONz8pqb0b1tS9uH5Bt_TBEr7w69G8-N4JuJqPgL1nCv29aSypOEfun71UaJq9bPL5OGMpAj4YwwY90YjhN1x3jj1kHXM9Nedmt2YQPz2rtAU9YD-AuJt5TTzr1hw92MD9uKYOUr0PM0o9EojXNucgQ70LdHI9BXWVuBiomLvT1i09o0xOuAKYNz0-hn298wypNyAAOBNACUhtUAEqcxAAGmAY8gA34fzJ7fow9iPr_Sft9efy9NMHABS7AMsRAP8B_vnVCvf_K-AZBbYAAABI8fMa2wAAWQjg8hbsJxDR6fYLCU0U_RfXGCT7DoEg5NMZ_O32FPUACtTtABUIwR01CgAgAC2W1ko7OBNACUhvUAIqrwYQDBqgBgAAIEEAABDBAABoQgAA4MAAAKhCAAD4QQAAmEEAAIhCAAC2wgAAiEIAAIRCAAB0wgAAnMIAAFDCAABYQgAAkEEAAPBBAACYwQAAMMIAAODBAACQQQAAAMIAACxCAAAAwQAAcEEAAMDBAABgwQAAMMIAAHxCAADwQQAAgsIAADhCAADAwgAA-EEAAAjCAAAcwgAAsMEAALxCAAAgQQAAYEIAABxCAABgwQAAMEEAAJBBAABwQQAAjMIAAEBBAACAQQAAFEIAAABCAADEwgAAAEEAADDBAADAwQAAYEIAAJZCAAC2wgAAYMIAAIDBAACgQAAA2EEAAAjCAAAgwQAA4MEAAPhBAABQwQAA2MEAACjCAADQQQAAoEAAABRCAACkQgAAgL8AAKDAAAAEwgAAFMIAAIDBAABAQgAALEIAAHjCAACswgAAjEIAAPBBAABgQQAATMIAABDBAABAQAAAAEIAABBCAACYwQAAFEIAAIA_AAAcwgAAPMIAAMDAAACgwQAAiMEAAEBBAAAYwgAAJMIAAODBAABoQgAAwEEAAMDBAACMwgAAGEIAAABCAAAQQQAAoMAAAOhBAAAAQAAAUMIAAAAAAACAQAAADEIAAADAAADAQAAAkMEAAKDAAACgwAAAIEIAAGjCAACKwgAAMMIAACDBAABkQgAAlMIAAIDAAABQwgAAIEEAANDBAABgQQAAEMIAABDBAACAQQAAOEIAAJhBAAAAQQAAGEIAAGzCAAAAQgAAYEEAAGDBAABgQQAATEIAAMhBAACcwgAAEEEAAADCAACQQQAAVEIAANDBAADQwQAAOMIAALDBAAC0wgAAoMEAAJDBAACgQQAAFEIAAIBAAAAAQQAABMIAAABCAACQwQAAwEAAAKDBAABsQgAAmEIAAABAAAAMwgAAUEIAALjBAAAgwgAAQMEAAMDBAAAYQgAAQMIAAADAAAB8QgAAsMEAAGDBAAAYwgAAKMIAAIC_AAC4QQAAqMIAAIpCAAAAwQAAIMEAAHTCAACKwgAAQEAAAJDBAAAwwgAAqMEAAEDCAAAQwQAAgMEAAMjBIAA4E0AJSHVQASqPAhAAGoACAACivgAAdL4AAIY-AABQPQAADD4AADs_AACYvQAAS78AABW_AACSPgAAGz8AAAQ-AAC4PQAAoLwAAIg9AABcvgAAcD0AADC9AACqPgAA_j4AAH8_AAD4PQAAFD4AAEC8AABMPgAALL4AABC9AACevgAABL4AAGQ-AACCPgAAFD4AABQ-AACKPgAAxj4AAFS-AABcvgAAnr4AABu_AAB0PgAA1r4AAJa-AACCPgAAur4AAPg9AAAsvgAAVL4AAKC8AACoPQAA-r4AANi9AACavgAAbD4AACw-AABwPQAAML0AAF8_AADgPAAAZD4AAOg9AAC-PgAATL4AAIA7AADqPiAAOBNACUh8UAEqjwIQARqAAgAAMD0AABQ-AACAOwAAN78AAMi9AACAuwAA4DwAAOC8AACIvQAALD4AAOi9AAB8vgAATD4AAIq-AACgPAAA-L0AAKC8AABJPwAAUD0AAKI-AAD4vQAAJL4AAJI-AACovQAAmL0AAAS-AAAcvgAAmD0AADA9AACgPAAAiD0AAIg9AADIvQAAiL0AAKA8AAAEvgAATD4AAHw-AAAUvgAA6D0AADQ-AADgPAAAXL4AAKA8AAC4vQAA-D0AAH-_AAA0vgAAPL4AAGw-AABEPgAAgDsAAFw-AAA0PgAAQDwAAOA8AAC4vQAAqD0AADy-AAAMvgAAZD4AAMI-AABwPQAAsr4gADgTQAlIfFABMAk4AUoAYABoAA,,\"}","related_url":"http://www.youtube.com/watch?v=EhOycWiUeYY","parent-reqid":"1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1920,"cheight":1080,"cratio":1.77777,"dups":["17868240947666768697"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":true,"contentTypeId":null,"censored":false,"videoContentId":"2355539027"},"15855391740554061745":{"videoId":"15855391740554061745","docid":"34-6-13-Z42E44AA2EF68F113","description":"Ayrıcalıklardan yararlanmak için bu kanala katılın: / @codingwithdidem 1:1 Call Ayırmak İçin https://superpeer.com/codingwithdidem Ücretsiz İçeriklerime Destek Vermek İçin: Patreon : ttps...","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/3380475/75cf1d1e59c913ac8056b5914e0e7804/564x318_1","videoSrc":"https://video-preview.s3.yandex.net/2qhbhgEAAAA.mp4","videoType":"video/mp4"},"target":"_self","position":"12","reqid":"1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL","summary":{"fullTextUrl":"/int_search_summary?data=http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3Ds8gdM-mzma8","linkTemplate":"/video/preview/15855391740554061745?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=%%timestamp%%&ask_summarization=1"},"isAdultDoc":false,"relatedParams":{"text":"React Uygulamalarını Test Etme - Screen, Debug, Container (2)","related_orig_text":"codingwithdidem","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"codingwithdidem\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=s8gdM-mzma8\",\"src\":\"serp\",\"rvb\":\"Eq0DChQxMTE0MTM0NDk4MTg0OTg2NDUxOAoTMTMyMzA0OTM2NzE5NzYwNzM4MwoSMzAzNDM1MjUwNDc2MTg1NjE4ChM3ODExODU1MTQ0MDE5NjczMjk0ChQxODM4MjY5MjQ0MDkzMzgwNzY5OAoTNjUxMDcwMjQyODg5NTY2NDEyMAoTNTc4NTgzNzc5MTU1MTU3MDg3NQoUMTMxMDk0ODk0NzY1OTIwMTA5NTgKEzQ4MTk5NDI2NjI3NjY5NzczMzIKFDE3ODY4MjQwOTQ3NjY2NzY4Njk3ChQxNTg1NTM5MTc0MDU1NDA2MTc0NQoUMTM4MDQ3OTI2Njk5NTE1NjQ3NDQKFDExMzc5MzgyMjE2MTkzNTY2ODgyChMxOTU3NDE3MTEzOTgwMzI2OTQzChQxMTM0MzEzMjk1NDU2MjQ4OTM3OQoTNzU3MzQ4NTI5Mjg2NDgzNzMwNQoTMjY4MjQ3ODQyOTgwMDcwOTAzNwoUMTYzODcwOTEzNzYyMDc0NDQyMjIKFDE3MTIxNjU1MDg4MDc4MzIyMTc2ChM2ODM4NTI0MDUxMjIxNzMwNDYzGhYKFDE1ODU1MzkxNzQwNTU0MDYxNzQ1WhQxNTg1NTM5MTc0MDU1NDA2MTc0NWq2DxIBMBgAIkUaMQAKKmhob29ocGl2c2hqY2R6bmRoaFVDZkdYRW8ydUNrVnFjSXFrSWFGTkdjQRICABIqEMIPDxoPPxPxB4IEJAGABCsqiwEQARp4gfsHBgIK9ADx7PsKAAb-ARj8_AD0AQEA0_H8Df73BADwAAr7-gAAAOn9_vIJAAAA7AD2_u0AAQAV_uwJAwAAAAfmBff-AQAAAwD2_fX7_QPtFAb0AwAAABf1Evz_AAAA-BkJ_P3_AAAF8QMJAAAAAAHtCREAAAAAIAAtKIyzOzgTQAlITlACKoQCEAAa8AFtCwD9DeAABLUe9ADPD-UBgfoR_zwVwADY8_T_xwT7Ad0PAgDc6B__qAb9AbMcCQDPE9b_OhEIASIgLgDy-R4AGCDeAS-z9AEv--cCziL5__ElC_849S0BLN8H__wE4_8B7wb--QHC_63g5APsMD0CIfkW_Q8iFgHVEjMD2CIY_-PoAfnUKvT9m8sV_hsMHPwPE9f_QQrUAAAfDwUZF-sE-tkDC_D5D_nfEAr74fwC-dcR-AP0FfEIxg4kAwooKPj69RIB5ND09gEJBfJMFe0F5h8KAhDqAxQB1_L-1fkL9xj1Cfe3MfgF_hYB7DYD6QsgAC3G_QY7OBNACUhhUAIqcxAAGmAkAwBE5ALDyAdd5DPFA1na8s_jEuky_wLR__EY7QwZLNytAg__LOsPCZ4AAAAyC8055gA2f_bs8BnSGxzAwttH9Fn5B1qqDx348KxH9e7r-vME-AQA7s3EISHrsEBQ_wkgAC3dXRc7OBNACUhvUAIqrwYQDBqgBgAALEIAACxCAACiQgAAuMEAAGRCAAAAAAAA2EEAADTCAABEwgAAYMEAACBCAABUwgAA0MEAAFDCAADYQQAAoEAAAOBBAADAQAAAVMIAAExCAACIwQAAAEEAAABAAABsQgAADEIAABRCAACgwAAAUMIAAKBAAAC4wQAAoEEAAHBBAACiwgAAmMIAADzCAAAgwQAAQMAAAP5CAABQwQAAgL8AAMjBAADwQQAAikIAAGhCAACCwgAAyMEAAEBBAAAAwQAAcEIAAAAAAACowQAAYMEAAEjCAACYwgAAoMEAANjBAAAcwgAAPMIAAFDCAACQwQAAAEAAAIDBAADoQQAAIMIAACxCAACawgAA4MAAAMBAAADQQQAA4EAAADRCAADIQgAAhsIAAJhCAACIwQAAoMEAANDBAACoQQAAiEEAAKJCAAC2wgAAEMIAAKBAAAAoQgAAoEEAAJZCAAAwwQAAREIAAExCAAD4wQAAIEEAAEBCAABQQQAAgsIAACDCAAAAAAAAwEAAAPhBAAD4wQAA4MEAAIbCAADAwAAAwEAAANjBAACYwQAAAEAAADBBAAAgQgAAwMAAADRCAAC4QQAAuEEAADBBAADAQAAAgEEAAOBAAACAvwAAoMEAAFxCAAAAwgAA8MEAAITCAAAkwgAAEMEAADjCAABMQgAAuMEAAIBAAAC2wgAAAMEAAODAAAAkwgAAAAAAAIDBAADYQQAAeEIAAIhCAABgwQAAHMIAAEzCAACIQQAAHEIAAEjCAAAAwAAA4EEAACDBAACGwgAAMEIAAFBBAADwQQAAgMAAAMDAAAAAQQAAGMIAAKDAAAAIwgAA4EAAAHTCAADIwQAAGEIAAJBBAADYwQAARMIAAEDBAACMwgAAIEEAACRCAABwQgAAAMAAAEBCAAAgQgAAFMIAAJjBAAAowgAAHMIAAABAAACQQgAAGMIAAEBAAABUQgAAQMAAABDCAAA4wgAA4EAAABxCAACAwQAA4MEAAJhCAAD4wQAALMIAANjCAABMwgAAhkIAAFBBAADwwQAAGEIAAEDBAADAQAAAgEAAAGDBIAA4E0AJSHVQASqPAhAAGoACAAC4PQAAJD4AACy-AAAwPQAANL4AAAw-AAAUvgAAe78AAKi9AACuPgAA2D0AAFA9AADgvAAAwj4AANi9AABEPgAAij4AADQ-AAA8PgAAQT8AAH8_AADYPQAAHL4AAEy-AAANvwAA4LwAALi9AAABvwAABL4AADC9AABcPgAA8r4AAJo-AABQvQAAhj4AABy-AAA8vgAADD4AANK-AABUvgAAUL0AALo-AACgvAAABL4AAOg9AABkPgAAgj4AAIa-AADyPgAAG78AAL4-AAAQvQAAdD4AALo-AACYPQAAgDsAAHE_AAA0PgAAgDsAAKI-AABEPgAAgr4AAHA9AADgvCAAOBNACUh8UAEqjwIQARqAAgAAgr4AAHQ-AADavgAARb8AABC9AAAEPgAAjj4AAOC8AABwPQAAyD0AAEA8AACIvQAAZL4AAPi9AACKPgAA2L0AABC9AADiPgAAsr4AAPI-AAAsvgAAfL4AAHA9AAC4PQAAgDsAAOC8AABUvgAAgLsAABA9AAAsvgAAQDwAAEC8AAD4vQAA4DwAAHA9AACYvQAA4DwAAJg9AAAQvQAAoDwAAJi9AADIvQAAgDsAADA9AACAuwAAuD0AAH-_AABwPQAALL4AAPg9AACgvAAAgLsAADQ-AABsPgAAor4AAMg9AAAwvQAAgDsAAFQ-AADgvAAAoDwAABw-AAA0PgAAyD0gADgTQAlIfFABMAk4AUoAYABoAA,,\"}","related_url":"http://www.youtube.com/watch?v=s8gdM-mzma8","parent-reqid":"1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1920,"cheight":1080,"cratio":1.77777,"dups":["15855391740554061745"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":true,"contentTypeId":null,"censored":false,"videoContentId":"4194636182"},"13804792669951564744":{"videoId":"13804792669951564744","docid":"34-7-10-Z2E3B90FD4749FE3E","description":"Ayrıcalıklardan yararlanmak için bu kanala katılın: / @codingwithdidem 1:1 Call Ayırmak İçin https://superpeer.com/codingwithdidem Ücretsiz İçeriklerime Destek Vermek İçin: Patreon : ttps...","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/4079106/9c21ccda566c3d9455f3971fcd24385a/564x318_1","videoSrc":"https://video-preview.s3.yandex.net/grdwXQEAAAA.mp4","videoType":"video/mp4"},"target":"_self","position":"13","reqid":"1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL","summary":{"isFull":true,"fullTextUrl":"/video/result?ask_summarization=1&numdoc=1&noreask=1&nomisspell=1&parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=videoid:13804792669951564744","teaser":[{"list":{"type":"unordered","items":["Bu video, bir eğitmen tarafından sunulan, Figma'da tasarlanan bir web sayfasının HTML ve CSS kodlarına nasıl çevrileceğini adım adım gösteren kapsamlı bir eğitim içeriğidir.","Video, proje dosyasının oluşturulmasıyla başlayıp, Figma'dan SVG formatında logo ve element dosyalarının indirilmesi, Google Fonts'tan font ekleme, HTML iskeletinin oluşturulması, CSS değişkenleri oluşturma ve renk kodları tanımlama aşamalarını kapsamaktadır. Eğitmen, header, navigasyon, hero konteyner ve butonlar gibi web sayfasının temel bileşenlerinin stillendirilmesini, flexbox kullanarak konteynerlerin düzenlenmesini ve animasyon ekleme tekniklerini detaylı şekilde anlatmaktadır.","Eğitim boyunca Figma'nın inspect özelliğini kullanarak tasarım elemanlarının stil değerlerini kopyalama, CSS ile stillendirme ve animasyon oluşturma teknikleri gösterilmektedir. Ayrıca Live Server eklentisi kullanılarak sayfanın çalıştırılması da videoda yer almaktadır."]},"endTime":2330,"title":"Figma'dan HTML ve CSS'e Tasarım Dökümü Eğitimi","beginTime":0}],"fullResult":[{"index":0,"title":"Proje Hazırlığı","list":{"type":"unordered","items":["Figma tasarımını HTML ve CSS koduna çevirmek için terminal açılarak \"traf algar\" adında bir klasör oluşturuluyor.","Proje için index.html, style.css ve images klasörü oluşturuluyor.","Index.html dosyasına style.css dosyasının linki ekleniyor."]},"beginTime":1,"endTime":84,"href":"/video/preview/13804792669951564744?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=1&ask_summarization=1"},{"index":1,"title":"Figma Dosyalarını Hazırlama","list":{"type":"unordered","items":["Figma'dan logo, element ve illustration dosyaları SVG formatında indiriliyor çünkü SVG formatı büyütme veya küçültme durumlarında kaliteyi kaybetmiyor.","İndirilen SVG dosyaları containing folder'a kopyalanıyor.","Figma'da \"Inspect\" özelliği kullanılarak kullanılan font tipleri (Mulish fontu 300, 400 ve 700) öğreniliyor."]},"beginTime":84,"endTime":186,"href":"/video/preview/13804792669951564744?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=84&ask_summarization=1"},{"index":2,"title":"Fontları Dahil Etme","list":{"type":"unordered","items":["Google Fonts'tan Mulish fontunun 300, 400 ve 700 fontları import ediliyor.","Fontlar CSS dosyasına link olarak ekleniyor.","Font family için \"Mulish\" kullanılıyor."]},"beginTime":186,"endTime":259,"href":"/video/preview/13804792669951564744?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=186&ask_summarization=1"},{"index":3,"title":"HTML İskeleti Oluşturma","list":{"type":"unordered","items":["Sayfanın HTML iskeleti oluşturuluyor: bir div içinde \"rapper\" (konteyner) oluşturuluyor.","Header class'ı içinde logo ve a tag'lar ekleniyor.","Navigation class'ı içinde ul ve li ile sıralı liste oluşturuluyor, her li içinde a tag'lar ekleniyor."]},"beginTime":259,"endTime":474,"href":"/video/preview/13804792669951564744?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=259&ask_summarization=1"},{"index":4,"title":"Header ve Hero Konteyner","list":{"type":"unordered","items":["Header tamamlanıyor ve navigation kısmının altına element class'ı içinde SVG dosyası ekleniyor.","Hero konteyner için flexbox kullanılarak sol ve sağ div'ler oluşturuluyor.","Left div'e text ve buton ekleniyor, right div'e illustration SVG dosyası ekleniyor."]},"beginTime":474,"endTime":692,"href":"/video/preview/13804792669951564744?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=474&ask_summarization=1"},{"index":5,"title":"Live Server Kurulumu","list":{"type":"unordered","items":["Live Server eklentisi kuruluyor.","Index.html sayfası \"Open with Live Server\" seçeneği ile açılıyor.","İlk görüntüde illustration, element ve logo doğru şekilde görüntüleniyor."]},"beginTime":692,"endTime":751,"href":"/video/preview/13804792669951564744?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=692&ask_summarization=1"},{"index":6,"title":"CSS Değişkenleri Oluşturma","list":{"type":"unordered","items":["Renk kodları not alınarak (dark gray: #f1534, normal grey: #7787, black: #00000, white: #4560, blue: #4584) CSS değişkenleri oluşturuldu.","Black ve white değişkenleri oluşturmak best practice'e giriyor çünkü uygulama içerisinde siyah yerine koyu gri veya beyaz kullanmak istendiğinde tek bir yerde değişiklik yapmak yeterli oluyor."]},"beginTime":756,"endTime":869,"href":"/video/preview/13804792669951564744?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=756&ask_summarization=1"},{"index":7,"title":"CSS Reset ve Temel Ayarlar","list":{"type":"unordered","items":["CSS reset işlemleri yapıldıktan sonra body için font family, yükseklik ve padding değerleri ayarlandı.","Body'nin yüksekliği viewport'un tamamına (100%) verildi.","Body'nin padding değeri 180 piksel olarak ayarlanarak içeriğin tam ortasına yerleştirildi."]},"beginTime":869,"endTime":1072,"href":"/video/preview/13804792669951564744?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=869&ask_summarization=1"},{"index":8,"title":"Header ve Navigasyon Stilleri","list":{"type":"unordered","items":["Header için display flex özelliği kullanılarak logo ve navigasyon elemanları yan yana getirildi.","Header'ın justify content space between ve align items center özellikleri ile elemanlar ortalandı.","Logo için width 160 piksel ve height 40 piksel değerleri verildi."]},"beginTime":1072,"endTime":1211,"href":"/video/preview/13804792669951564744?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=1072&ask_summarization=1"},{"index":9,"title":"Navigasyon Item'ları ve Aktif Durum","list":{"type":"unordered","items":["Navigasyon item'ları için display flex özelliği kullanılarak her bir li elemanı yan yana getirildi.","Nav items içerisindeki her bir a elemanına font weight bold, font size 18 piksel, line height 23 piksel ve darkgray renk değerleri verildi.","Nav items içerisindeki li elemanlarının arasında 40 piksel marjin değeri eklendi."]},"beginTime":1211,"endTime":1414,"href":"/video/preview/13804792669951564744?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=1211&ask_summarization=1"},{"index":10,"title":"Aktif Durum ve Element Elemanı","list":{"type":"unordered","items":["Home link'ine aktif class verildi ve font weight bold, opacity 1 değerleri eklendi.","Element class'ına absolute position özelliği verildi.","Element elemanına top 160 piksel, left 0, width 132 piksel ve height 115 piksel değerleri verildi."]},"beginTime":1414,"endTime":1539,"href":"/video/preview/13804792669951564744?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=1414&ask_summarization=1"},{"index":11,"title":"Hero Konteyner Stilizasyonu","list":{"type":"unordered","items":["Hero konteyner, flexbox ile yan yana olacak şekilde stillendirilecek.","Hero konteyner, left ve right konteynerlerin tepesinde yer alıyor ve display flex değeri verilerek yan yana getiriliyor.","Hero konteyner'e margin top değeri verilerek diğer elemanlardan ayrılıyor ve justify content ile align items kullanılarak ortalanıyor."]},"beginTime":1540,"endTime":1710,"href":"/video/preview/13804792669951564744?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=1540&ask_summarization=1"},{"index":12,"title":"H1 ve P Elemanlarının Stilizasyonu","list":{"type":"unordered","items":["H1 elemanına black color, font weight bold, font size 48, line height 56 piksel ve margin bottom 25 piksel değerleri veriliyor.","P elemanına gri renk, font weight 300, font size 20 piksel, line height 32 piksel ve margin bottom 45 piksel değerleri atanıyor.","Her iki elemana da 420 piksel genişlik değeri veriliyor."]},"beginTime":1710,"endTime":1871,"href":"/video/preview/13804792669951564744?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=1710&ask_summarization=1"},{"index":13,"title":"Buton Stilizasyonu","list":{"type":"unordered","items":["Buton için padding değeri 15 piksel yukarıdan aşağıya ve 40 piksel sağdan sola veriliyor.","Butonun rengi white, border radius 55 piksel olarak ayarlanıyor.","Btn primary sınıfı oluşturuluyor ve bu sınıfa özel renk değerleri atanıyor."]},"beginTime":1871,"endTime":2106,"href":"/video/preview/13804792669951564744?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=1871&ask_summarization=1"},{"index":14,"title":"Animasyon Ekleme","list":{"type":"unordered","items":["Figma'da keyframe oluşturuluyor ve \"fade in to right\" ismi veriliyor.","Animasyonda opacity değeri 0'dan 1'e, transform translate x değeri -100 pikselden 0'a geliyor.","Hero konteyner left kısmına bu animasyon uygulanıyor ve timing function olarak kübik bezi kullanılıyor."]},"beginTime":2106,"endTime":2253,"href":"/video/preview/13804792669951564744?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=2106&ask_summarization=1"},{"index":15,"title":"İkinci Animasyon","list":{"type":"unordered","items":["Image container içinde \"fade in to left\" adında yeni bir animasyon oluşturuluyor.","Bu animasyonda translate x değeri 0'dan 100 piksele geliyor.","Hero konteyner right kısmına da benzer bir animasyon uygulanıyor."]},"beginTime":2253,"endTime":2329,"href":"/video/preview/13804792669951564744?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=2253&ask_summarization=1"}],"linkTemplate":"/video/preview/13804792669951564744?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=%%timestamp%%&ask_summarization=1"},"isAdultDoc":false,"relatedParams":{"text":"Convert Figma Landing Page to HTML CSS Code","related_orig_text":"codingwithdidem","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"codingwithdidem\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=V_6mlJ1mZaE\",\"src\":\"serp\",\"rvb\":\"Eq0DChQxMTE0MTM0NDk4MTg0OTg2NDUxOAoTMTMyMzA0OTM2NzE5NzYwNzM4MwoSMzAzNDM1MjUwNDc2MTg1NjE4ChM3ODExODU1MTQ0MDE5NjczMjk0ChQxODM4MjY5MjQ0MDkzMzgwNzY5OAoTNjUxMDcwMjQyODg5NTY2NDEyMAoTNTc4NTgzNzc5MTU1MTU3MDg3NQoUMTMxMDk0ODk0NzY1OTIwMTA5NTgKEzQ4MTk5NDI2NjI3NjY5NzczMzIKFDE3ODY4MjQwOTQ3NjY2NzY4Njk3ChQxNTg1NTM5MTc0MDU1NDA2MTc0NQoUMTM4MDQ3OTI2Njk5NTE1NjQ3NDQKFDExMzc5MzgyMjE2MTkzNTY2ODgyChMxOTU3NDE3MTEzOTgwMzI2OTQzChQxMTM0MzEzMjk1NDU2MjQ4OTM3OQoTNzU3MzQ4NTI5Mjg2NDgzNzMwNQoTMjY4MjQ3ODQyOTgwMDcwOTAzNwoUMTYzODcwOTEzNzYyMDc0NDQyMjIKFDE3MTIxNjU1MDg4MDc4MzIyMTc2ChM2ODM4NTI0MDUxMjIxNzMwNDYzGhYKFDEzODA0NzkyNjY5OTUxNTY0NzQ0WhQxMzgwNDc5MjY2OTk1MTU2NDc0NGqvDRIBMBgAIkUaMQAKKmhob29ocGl2c2hqY2R6bmRoaFVDZkdYRW8ydUNrVnFjSXFrSWFGTkdjQRICABIqEMIPDxoPPxOaEoIEJAGABCsqiwEQARp4gf0ECQ3_AgDwBQwFEAP9ABP1Bwb3AAAA5QDxCQD9AQAFAwcEAgEAAPryAvv8AAAA_AIEBPb-AQACCAEQAwAAAB798_r8AAAA_P39Cv8BAADx-_wDAwAAAAoF_fwAAAAADgj5AP__AAAKAAABAAAAAAD19P4AAAAAIAAtOO7XOzgTQAlITlACKnMQABpgEgsAHfoM7uboNvkC8fcc_frc9APMDgAI5wDqEvAFKBb6yh_uACAFBQTGAAAAHg3_Fg0AEEHs68wSCv4W5trvPfh_5g4O-wQE8MfuDwAXCvP6CCsbABD0BgMc8sogKDgNIAAtsOxrOzgTQAlIb1ACKq8GEAwaoAYAAMBBAADowQAAnkIAAKjBAABAQQAACEIAAFDBAABAQAAAuMEAAGzCAACEQgAAaMIAAIbCAADIwQAAhkIAACBBAABYQgAAjMIAAMDBAACYQQAAMEEAAHzCAACIQQAAPEIAAMDAAACQwQAARMIAAEDAAACiQgAAAMAAAAjCAACsQgAA0MIAAGDCAAD4wQAAdMIAAEBBAAD-QgAAGEIAAKBBAADAwAAAcEEAAEBBAACcQgAAkMEAAIC_AADYQQAAwEEAAEhCAABgQQAAvMIAACDBAAAAwgAAuEEAAPBBAAC4QQAAlMIAAEBBAABAQQAAMMEAABDBAAA4wgAA0MEAAJjCAAAAQgAA-MEAACjCAAAgwgAAgL8AAFzCAAAsQgAA3kIAAGDBAACgQAAAIMEAAMDAAACYwQAAAEIAABhCAAAowgAAlsIAADBCAAAEQgAAMEIAABjCAADgwAAAMMEAADBBAAAQQQAAMEEAAEBAAACgQQAAAMEAAHzCAADQQQAAKMIAAFzCAAAwQQAAiEEAABzCAABkwgAAAEEAAIjBAAAowgAABMIAAKhBAABUQgAA8EEAAFRCAAAsQgAAQEIAAEDAAACwwQAAQMEAAIhBAACAwAAAFEIAAEBBAADoQQAA4EAAAIhCAACowQAAYMEAAIhBAAAkwgAAoEEAAJhBAABwQQAAIMEAAKBAAACAvwAAyMEAADjCAAAswgAAkEIAACBBAAAAwAAADEIAAIDAAACWwgAAIEEAALBBAABMwgAAcMEAALjBAAAkQgAATMIAABBCAAAUwgAAEMEAANBBAACAvwAAAMEAANjBAABgwgAAeMIAAODAAAAQQQAAmMEAAAhCAADowQAAEEIAADDCAADAQQAAuMIAAADBAACwQQAAnkIAALhBAAAYwgAAKMIAANBBAADAwAAAoEAAAJhCAACAwAAA0EEAAKDBAACAvwAAAEIAAGTCAAAcwgAAwEAAAAzCAAAAQAAAAEIAAMbCAACqQgAAIMEAAABAAACKwgAA0MEAACDBAAAMQgAA0MEAABBBAAAMwgAAJEIAACzCAAAAQCAAOBNACUh1UAEqjwIQABqAAgAA5r4AALK-AAAcvgAAqD0AAIg9AADePgAAoDwAABe_AABEvgAA4r4AABQ-AABsPgAAoLwAADS-AAC4PQAABL4AAAs_AADYPQAAJL4AAFc_AAB_PwAA8j4AAKI-AACaPgAAoLwAADA9AADYPQAArr4AACQ-AAAkvgAA5j4AALI-AADuPgAAqD0AACk_AADqPgAAZD4AAMi9AAAhvwAAzr4AAK6-AADivgAAcD0AAOA8AACoPQAAqj4AAJ6-AACyvgAAEL0AADC9AAC4vQAAnr4AAOA8AAArPwAAbL4AAEC8AAB3PwAApj4AADC9AAD2PgAA2D0AAFA9AACoPQAATD4gADgTQAlIfFABKo8CEAEagAIAAI6-AADgvAAALL4AABO_AADIPQAA-L0AAKI-AADIvQAAUL0AAOC8AACWvgAAUD0AAIi9AADCvgAADD4AAIA7AADuvgAAaT8AAKg9AADGPgAAPD4AABS-AAAUvgAAPD4AADS-AACWvgAAmD0AADw-AACIvQAAXL4AABA9AACgPAAAiD0AACy-AAD4PQAAPL4AAKI-AACYvQAAwr4AAHw-AABEPgAAUL0AAFA9AAAQvQAAZD4AAAy-AAB_vwAAG78AAIC7AACOvgAAcL0AAPg9AACoPQAAlr4AAOY-AADYPQAADL4AABw-AACoPQAAVD4AABw-AAALPwAATL4AAK6-IAA4E0AJSHxQATAJOAFKAGAAaAA,\"}","related_url":"http://www.youtube.com/watch?v=V_6mlJ1mZaE","parent-reqid":"1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1920,"cheight":1080,"cratio":1.77777,"dups":["13804792669951564744"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":false,"contentTypeId":null,"censored":false,"videoContentId":"317523513"},"11379382216193566882":{"videoId":"11379382216193566882","docid":"34-0-10-Z11FE69D2639FA437","description":"Ayrıcalıklardan yararlanmak için bu kanala katılın: / @codingwithdidem 1:1 Call Ayırmak İçin https://superpeer.com/codingwithdidem Ücretsiz İçeriklerime Destek Vermek İçin: Patreon : ttps...","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/4052553/d18d6282c8acca7e6e0d700938eb0198/564x318_1","videoSrc":"https://video-preview.s3.yandex.net/o7IvJAIAAAA.mp4","videoType":"video/mp4"},"target":"_self","position":"14","reqid":"1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL","summary":{"isFull":true,"fullTextUrl":"/video/result?ask_summarization=1&numdoc=1&noreask=1&nomisspell=1&parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=videoid:11379382216193566882","teaser":[{"list":{"type":"unordered","items":["Bu video, bir yazılım eğitmeni tarafından sunulan kapsamlı bir kodlama eğitim içeriğidir. Eğitmen, izleyicilere adım adım bir uygulama geliştirme sürecini göstermektedir.","Eğitim, \"Have a Wish\" adlı bir proje üzerinden Next.js, TypeScript, Firebase ve GitHub oturum açma entegrasyonu konularını kapsamaktadır. Video, proje yapısının tanıtımıyla başlayıp, Next.js projesinin oluşturulması, TypeScript entegrasyonu, Tailwind CSS kullanımı, Firebase Authentication ile GitHub entegrasyonu, form oluşturma, veritabanı işlemleri ve son olarak Vercel platformuna deploy etme adımlarını içermektedir.","Eğitimde ayrıca React component'lerinin oluşturulması, TypeScript ile prop tiplerinin tanımlanması, CSS-in-JS ile stil uygulamaları, responsive tasarım özellikleri ve Firebase fonksiyonlarının nasıl kullanılacağı gibi konular da ele alınmaktadır. Uygulama, kullanıcıların GitHub hesaplarıyla sisteme giriş yapabilmesi ve bir dilek hakkı kullanabilmesi amacıyla tasarlanmıştır."]},"endTime":4766,"title":"Next.js, Firebase ve GitHub ile Kullanıcı Doğrulama Uygulaması Eğitimi","beginTime":0}],"fullResult":[{"index":0,"title":"Proje Tanıtımı","list":{"type":"unordered","items":["Proje \"Have a Wish User Authentication\" olarak adlandırılacak ve kullanıcıların GitHub hesaplarıyla sisteme giriş yapabilmesini sağlayacak.","Her kullanıcı temelde bir dilek hakkı olacak ve diğer kullanıcılar bu dileği görüntüleyebilecek.","Proje için Next.js (React uygulaması), TypeScript, Firebase Firestore veri tabanı ve Firebase fonksiyonları kullanılacak."]},"beginTime":0,"endTime":30,"href":"/video/preview/11379382216193566882?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=0&ask_summarization=1"},{"index":1,"title":"Projenin Amacı","list":{"type":"unordered","items":["Kullanıcılar GitHub hesabıyla kayıt olduktan sonra, Firebase Firestore veri tabanına kullanıcı belgesi yazdırmak için uzaktaki bir Firebase fonksiyonu tetiklenecek.","Her kullanıcı kayıt olduğunda, e-posta, görüntüleme adı gibi bilgileri Firebase Firestore veri tabanına kaydeden bir fonksiyon çalışacak.","Proje, Firebase yerine doğrudan Vercel'e dağıtılacak ve ortam değişkenlerinin nasıl kullanılacağı gösterilecek."]},"beginTime":30,"endTime":101,"href":"/video/preview/11379382216193566882?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=30&ask_summarization=1"},{"index":2,"title":"Projenin Son Hali","list":{"type":"unordered","items":["Projenin son hali, başlangıçta bir yükleme ekranı ve \"GitHub ile giriş yap\" butonu ile başlıyor.","Kullanıcılar GitHub profil bilgileriyle giriş yapabiliyor ve dileklerini yazabiliyorlar.","Her kullanıcı sadece bir dilek hakkı var ve çıkış yaparak farklı bir GitHub hesabıyla giriş yapabilirler."]},"beginTime":101,"endTime":167,"href":"/video/preview/11379382216193566882?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=101&ask_summarization=1"},{"index":3,"title":"Proje Oluşturma","list":{"type":"unordered","items":["Proje \"npx create next-app\" komutuyla \"hv-wish\" adıyla oluşturuluyor.","TypeScript kullanmak için \"touch tsconfig.json\" komutuyla bir dosya oluşturuluyor ve projeyi başlatırken TypeScript ve React türleri yükleniyor.","TypeScript ile çalışmak için dosyalar \".js\" uzantısından \".tsx\" uzantısına dönüştürülüyor."]},"beginTime":167,"endTime":320,"href":"/video/preview/11379382216193566882?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=167&ask_summarization=1"},{"index":4,"title":"Path Import Yapılandırması","list":{"type":"unordered","items":["\"tailwind.config.json\" dosyasında \"baseUrl\" olarak nokta ve \"paths\" olarak belirtilerek path import yapılandırması yapılıyor.","Bu yapılandırma, relative path kullanmadan direkt olarak component'leri import etmeyi sağlıyor.","Bu yapılandırma TypeScript kullanmayanlar için \"jsconfig.json\" dosyasında da yapılandırılabilir."]},"beginTime":320,"endTime":395,"href":"/video/preview/11379382216193566882?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=320&ask_summarization=1"},{"index":5,"title":"Tailwind CSS Entegrasyonu","list":{"type":"unordered","items":["Proje için Tailwind CSS framework'i kullanılıyor ve \"npm install -D tailwindcss\" komutuyla paketler yükleniyor.","\"tailwind.config.js\" dosyasında \"purge\" alanı doldurularak gereksiz kullanılmayan stillerin deployment sırasında yüklenmesi engelleniyor.","Global CSS dosyası kaldırılıp Tailwind CSS class'ları projeye dahil ediliyor ve \"h1\" etiketine \"text-purple-800\" sınıfı eklenerek Tailwind CSS'in çalıştığı test ediliyor."]},"beginTime":395,"endTime":586,"href":"/video/preview/11379382216193566882?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=395&ask_summarization=1"},{"index":6,"title":"Firebase Entegrasyonu","list":{"type":"unordered","items":["Firebase'e yeni bir \"Have a Wish\" projesi oluşturuluyor.","Proje için \"react-firebase-hooks\", \"firebaseui\" ve \"firebase\" paketleri kullanılacak.","\"react-firebase-hooks\" ile \"useAuthState\" gibi hukmlar kullanılarak mevcut kullanıcıya erişilebilecek ve \"firebaseui\" ile GitHub hesabıyla kayıt olunabilecek."]},"beginTime":586,"endTime":718,"href":"/video/preview/11379382216193566882?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=586&ask_summarization=1"},{"index":7,"title":"Firebase Bağlantısı Kurma","list":{"type":"unordered","items":["Firebase API key'i ve diğer gerekli alanları .env.local dosyasında tanımlama yapılıyor.","Firebase ve react-firebase-hooks paketleri projeye eklendiği zaman, firebase klasörü ve client dosyası oluşturuluyor.","Firebase modülleri (auth ve firestore) import edilerek, environment değişkenlerinden API key'leri alınarak credential dosyaları oluşturuluyor."]},"beginTime":722,"endTime":931,"href":"/video/preview/11379382216193566882?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=722&ask_summarization=1"},{"index":8,"title":"Firebase Uygulamasını Başlatma","list":{"type":"unordered","items":["Firebase uygulaması daha önce başlatılmamışsa, firebase.initializeApp() fonksiyonu kullanılarak başlatılıyor.","Firebase client modülü default export edilerek diğer uygulamalarda kullanılabilir hale getiriliyor.","Firebase bağlantısı kurulduktan sonra, component klasörü oluşturulup auth-trex componenti tanımlanıyor."]},"beginTime":931,"endTime":1027,"href":"/video/preview/11379382216193566882?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=931&ask_summarization=1"},{"index":9,"title":"Firebase Auth Componenti Oluşturma","list":{"type":"unordered","items":["React-Firebase-UI paketi kullanılarak hazır bir firebase auth componenti oluşturuluyor.","Firebase client ve firebase/auth modülleri import edilerek, auth componenti başlatılıyor.","Auth componenti için yapılandırma dosyası oluşturulup, sign-in seçenekleri ve yönlendirme URL'leri ayarlanıyor."]},"beginTime":1027,"endTime":1115,"href":"/video/preview/11379382216193566882?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=1027&ask_summarization=1"},{"index":10,"title":"GitHub Auth Provider Ayarları","list":{"type":"unordered","items":["Firebase client'tan githubAuthProvider kullanılarak GitHub auth provider'ı tanımlanıyor.","Auth formu oluşturulup, firebase client ve firebase/auth modülleri kullanılarak yapılandırılıyor.","Index.tsx dosyasında auth componenti import edilerek sayfaya ekleniyor."]},"beginTime":1115,"endTime":1235,"href":"/video/preview/11379382216193566882?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=1115&ask_summarization=1"},{"index":11,"title":"Firebase ve GitHub Bağlantısı","list":{"type":"unordered","items":["Firebase console'da authentication kısmına girilerek GitHub provider'ı için client ID ve secret oluşturuluyor.","GitHub hesabında uygulama oluşturularak, Firebase'den alınan client ID ve secret bilgileri kullanılarak bağlantı kuruluyor.","GitHub ile giriş yapma işlemi test edildiğinde, kullanıcı başarıyla oturum açabiliyor ve Firebase'da kullanıcı bilgisi görünüyor."]},"beginTime":1235,"endTime":1388,"href":"/video/preview/11379382216193566882?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=1235&ask_summarization=1"},{"index":12,"title":"Kullanıcı Bilgisine Erişim","list":{"type":"unordered","items":["useAuthState hook'u kullanılarak giriş yapmış kullanıcı bilgisine erişim sağlanıyor.","useAuthState hook'u firebase client'tan auth modülüne erişerek bir user ve loading state'i döndürüyor.","Layout componenti oluşturulup, kullanıcı bilgisi ve loading durumu layout'a aktarılıyor."]},"beginTime":1388,"endTime":1564,"href":"/video/preview/11379382216193566882?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=1388&ask_summarization=1"},{"index":13,"title":"React Component Oluşturma ve Firebase Entegrasyonu","list":{"type":"unordered","items":["Bir React arrow function component oluşturuluyor ve bu component bir current user ve loading state parametreleri alıyor.","Firebase client'ı import edilerek current user tipi belirleniyor ve loading state boolean değişkeni olarak tanımlanıyor.","Layout props adı verilen bir TypeScript tipi oluşturuluyor ve bu tipte current user ve loading prop'ları bulunuyor."]},"beginTime":1571,"endTime":1695,"href":"/video/preview/11379382216193566882?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=1571&ask_summarization=1"},{"index":14,"title":"Layout Component'i Tasarımı","list":{"type":"unordered","items":["Layout component'i içinde bir div oluşturuluyor ve bu div'e \"layout high screen\" ve \"bg purple\" class name'leri veriliyor.","Loading durumunda \"Loading\" yazısı gösteriliyor, yüklenme tamamlandığında ise main component döndürülüyor.","Tema renkleri configs içerisinde yeniden tanımlanıyor ve \"brand dark\" adında yeni bir renk oluşturuluyor."]},"beginTime":1695,"endTime":1839,"href":"/video/preview/11379382216193566882?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=1695&ask_summarization=1"},{"index":15,"title":"Header Component'i Oluşturma","list":{"type":"unordered","items":["Header component'i için bir TypeScript tipi oluşturuluyor ve bu component'e class name, margin top, flex justify end ve full width özellikleri veriliyor.","Header component'inde bir logout butonu oluşturuluyor ve bu butona class name, vg transparent, text white, font semi bold özellikleri veriliyor.","Logout butonuna hover durumunda text purple 500 ve border purple 500 özellikleri veriliyor, ayrıca rounded özelliği ekleniyor."]},"beginTime":1839,"endTime":1985,"href":"/video/preview/11379382216193566882?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=1839&ask_summarization=1"},{"index":16,"title":"Logout Fonksiyonu ve React Spinners Kullanımı","list":{"type":"unordered","items":["Logout fonksiyonu oluşturuluyor ve bu fonksiyon Firebase client'ın sign out metodunu çağırıyor.","Loading ifadesi için React Spinners paketi kullanılıyor ve bu paket yükleniyor.","Emotion React paketi de yükleniyor çünkü React Spinners'ın bu paketi kullanıyor."]},"beginTime":1985,"endTime":2105,"href":"/video/preview/11379382216193566882?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=1985&ask_summarization=1"},{"index":17,"title":"Loader Component'i Oluşturma","list":{"type":"unordered","items":["Loader component'i oluşturuluyor ve bu component iki parametre alıyor: color (string) ve size (number).","Loader component'i içinde BeatLoader kullanılıyor ve loading durumu için CSS override yapılıyor.","Loader component'i layout component'ine import ediliyor ve kullanılıyor."]},"beginTime":2105,"endTime":2340,"href":"/video/preview/11379382216193566882?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=2105&ask_summarization=1"},{"index":18,"title":"Loader Stilini Düzenleme ve Kullanıcı Durumuna Göre İçerik Değiştirme","list":{"type":"unordered","items":["Loader'ı ekranda ortalamak için position fixed, top yüzde elli, left yüzde elli ve transform: translate(-50%, -50%) özellikleri kullanılıyor.","Loading kısmına max-width, mx-auto, flex, flex-column ve items-center class'ları eklenerek ortalama yapılıyor.","Kullanıcı varsa sign github ifadesi saklanıyor ve current user yoksa auth component'i gösteriliyor."]},"beginTime":2340,"endTime":2591,"href":"/video/preview/11379382216193566882?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=2340&ask_summarization=1"},{"index":19,"title":"CSS Stil Uygulamaları","list":{"type":"unordered","items":["\"Mercin bottom\" altı için \"text white\", \"font semi bold\", \"text 3x large\" ve \"uppercase\" stil özellikleri uygulanıyor.","\"Span\" için \"bg gradient color\" özelliği kullanılarak \"purple 600\" ile \"blue 600\" arasında bir gradyan oluşturuluyor.","\"Bg clip text\" ve \"text transparent\" özellikleriyle metin için gradyan efekti uygulanıyor."]},"beginTime":2593,"endTime":2698,"href":"/video/preview/11379382216193566882?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=2593&ask_summarization=1"},{"index":20,"title":"Form Alanı Oluşturma","list":{"type":"unordered","items":["\"H1\" altına yeni bir form alanı oluşturuluyor ve form için bir class name atanıyor.","Form içinde \"input type text\" ile \"my wish is\" placeholder'ı ve \"wish\" değeri olan bir input alanı oluşturuluyor.","React state'i \"wish\" olarak oluşturularak inputun değeri takip ediliyor."]},"beginTime":2698,"endTime":2823,"href":"/video/preview/11379382216193566882?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=2698&ask_summarization=1"},{"index":21,"title":"Input Alanının Stilizasyonu","list":{"type":"unordered","items":["Input alanına \"x-3\" class name'i verilerek daha güzel bir görünüm sağlanıyor.","Input için \"placeholder\" rengi, \"bg white\", \"rounded\", \"border zero\", \"shadow\" ve \"outline none\" özellikleri uygulanıyor.","Inputun altına \"full width\" özelliğiyle bir buton ekleniyor."]},"beginTime":2823,"endTime":2913,"href":"/video/preview/11379382216193566882?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=2823&ask_summarization=1"},{"index":22,"title":"Buton ve Form Düzenlemeleri","list":{"type":"unordered","items":["Butonun \"logout\" yerine \"send\" yazısı veriliyor ve \"purple\" renkleri \"blue\" renklerine değiştirilerek farklı bir stilde buton oluşturuluyor.","Form elemanları \"flex\" özelliğiyle yan yana yerleştiriliyor ve \"space-x-4\" ile araları açılıyor.","Formun altına \"margin-bottom-6\" eklenerek altındaki elemanlar aşağı doğru kaydırılıyor."]},"beginTime":2913,"endTime":2964,"href":"/video/preview/11379382216193566882?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=2913&ask_summarization=1"},{"index":23,"title":"Dilek Kaydetme Fonksiyonu","list":{"type":"unordered","items":["\"Send\" butonuna \"on click\" özelliği eklenerek \"addWish\" fonksiyonu çağrılıyor.","\"addWish\" fonksiyonu asenkron olarak tanımlanıyor ve Firebase Firestore veritabanına veri yazma işlemi gerçekleştiriliyor.","Her kullanıcının UID'si ile eşleşen dokümana \"wish\" değeri kaydediliyor."]},"beginTime":2964,"endTime":3066,"href":"/video/preview/11379382216193566882?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=2964&ask_summarization=1"},{"index":24,"title":"Firebase Veritabanı Ayarları","list":{"type":"unordered","items":["Firebase'e giriş yapılarak Firestore veritabanı oluşturuluyor ve test modunda başlatılıyor.","İlk dilek \"keşke bir kedim olsa\" şeklinde kaydedildiğinde, \"wishes\" koleksiyonu oluşturuluyor ve kullanıcının UID'si ile eşleşen dokümana dilek kaydediliyor.","Dilek kaydedildikten sonra \"setWish\" ile input değeri boşaltılıyor."]},"beginTime":3066,"endTime":3150,"href":"/video/preview/11379382216193566882?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=3066&ask_summarization=1"},{"index":25,"title":"Kaydedilen Dilekleri Gösterme","list":{"type":"unordered","items":["\"useCollection\" hook'u kullanılarak Firestore'dan \"wishes\" koleksiyonundaki veriler çekiliyor.","\"wishes\" verileri map ile dolaşarak her bir doküman için \"wish\" component'i oluşturuluyor.","\"wish\" component'i için \"gradient-card\" stil sınıfı uygulanarak gradyan efekli kartlar oluşturuluyor."]},"beginTime":3150,"endTime":3338,"href":"/video/preview/11379382216193566882?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=3150&ask_summarization=1"},{"index":26,"title":"Dilek Componenti Oluşturma","list":{"type":"unordered","items":["\"Wish\" adında yeni bir component oluşturuluyor ve TypeScript ile tip tanımlanıyor.","\"Wish\" component'i içinde \"wish\" parametresi alınıyor ve gösteriliyor.","\"Wish\" component'i içinde kullanıcı adı ve dilek metni gösteriliyor, dilek metni için \"text-xl\" ve \"text-4\" class name'leri uygulanıyor."]},"beginTime":3338,"endTime":3517,"href":"/video/preview/11379382216193566882?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=3338&ask_summarization=1"},{"index":27,"title":"Firebase Fonksiyonları Kurulumu","list":{"type":"unordered","items":["CSS sınıfları oluşturuluyor: flex items center, bg brand dark, border non, margin bottom dört, rounded md, text white.","Firebase'e bakıldığında, kullanıcı bilgilerinin sadece e-mail bilgisine sahip olduğu görülüyor.","Firebase fonksiyonları kullanarak her kullanıcı oluşturulduğunda, kullanıcının GitHub profilindeki bilgilerin Firestore'a kaydedilmesi isteniyor."]},"beginTime":3524,"endTime":3630,"href":"/video/preview/11379382216193566882?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=3524&ask_summarization=1"},{"index":28,"title":"Firebase Fonksiyonları Kurulum Adımları","list":{"type":"unordered","items":["Firebase fonksiyonlarını kullanmak için projeyi yükseltmek gerekiyor ve pay as you go planı seçiliyor.","npm ile firebase tools ve firebase functions paketleri yükleniyor.","Firebase login ve firebase init komutları ile fonksiyonlar için gerekli yapılandırma yapılıyor."]},"beginTime":3630,"endTime":3794,"href":"/video/preview/11379382216193566882?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=3630&ask_summarization=1"},{"index":29,"title":"Firebase Fonksiyonu Yazımı","list":{"type":"unordered","items":["Firebase fonksiyonları için importlar yapılıyor: functions ve admin (Firebase Admin SDK).","create user fonksiyonu, yeni kullanıcı oluşturulduğunda (on create) tetiklenecek şekilde yazılıyor.","Fonksiyon, Firestore'da users collection'ına yeni bir doküman ekleyerek kullanıcı bilgilerini kaydediyor."]},"beginTime":3794,"endTime":3954,"href":"/video/preview/11379382216193566882?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=3794&ask_summarization=1"},{"index":30,"title":"Firebase Fonksiyonlarının Test Edilmesi","list":{"type":"unordered","items":["Authentication kısmında mevcut kullanıcı siliniyor ve Firestore'daki veriler temizleniyor.","Firebase deploy --only functions komutu ile fonksiyonlar cloud'a deploy ediliyor.","Yeni bir GitHub hesabıyla giriş yapıldığında, Firestore'da kullanıcı bilgilerinin kaydedildiği görülüyor."]},"beginTime":3954,"endTime":4092,"href":"/video/preview/11379382216193566882?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=3954&ask_summarization=1"},{"index":31,"title":"Kullanıcı Bilgilerini Görüntüleme","list":{"type":"unordered","items":["Wish component'ına user id gönderiliyor ve bu id ile user component oluşturuluyor.","User component'ında Firestore'dan kullanıcı bilgileri çekiliyor ve görüntüleniyor.","Kullanıcının fotoğrafı ve display name'i görüntüleniyor ve stil uygulanıyor."]},"beginTime":4092,"endTime":4440,"href":"/video/preview/11379382216193566882?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=4092&ask_summarization=1"},{"index":32,"title":"Projenin GitHub'a Yükleme İşlemi","list":{"type":"unordered","items":["Proje Verse'a deploy edilecek ve bunun için GitHub'da \"have wish\" adında yeni bir public repo oluşturuluyor.","Projeyi GitHub'a yüklemek için \"git add\", \"git commit\" ve \"git push upstream origin main\" komutları kullanılıyor.","Projenin son hali GitHub'da görüntüleniyor ve .nvidia dosyası içindeki değerler güvenlik sebebiyle GitHub'a yüklenmiyor."]},"beginTime":4444,"endTime":4518,"href":"/video/preview/11379382216193566882?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=4444&ask_summarization=1"},{"index":33,"title":"Verse'a Deploy İşlemi","list":{"type":"unordered","items":["Verse'e deploy ederken \"new project\" seçeneği ile \"have wish\" repo'su import ediliyor.","Verse içerisinde environment ve rivals kısmına .nvidia dosyasındaki değerler tek tek environment variable olarak ekleniyor.","Next.js projesinde kullanılan \"next public\" kısımları da environment variable olarak ekleniyor."]},"beginTime":4518,"endTime":4623,"href":"/video/preview/11379382216193566882?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=4518&ask_summarization=1"},{"index":34,"title":"Deploy Sonrası Ayarlar","list":{"type":"unordered","items":["Projeyi deploy ettikten sonra \"open dashboard\" seçeneği ile uygulamaya erişiliyor.","Firebase console'a girerek uygulamanın domaini authorize domains kısmına ekleniyor.","Projede Next Image kullanılıyor ve width, height değerleri veriliyor, ayrıca placeholder blur özelliği ekleniyor.","Farklı domain kullanıldığı için next configs içerisinde avatars ve github user container domaini ekleniyor."]},"beginTime":4623,"endTime":4756,"href":"/video/preview/11379382216193566882?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=4623&ask_summarization=1"}],"linkTemplate":"/video/preview/11379382216193566882?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=%%timestamp%%&ask_summarization=1"},"isAdultDoc":false,"relatedParams":{"text":"NextJS Typescript Firebase FullStack Uygulaması - Authentication & Firestore & Firebase Functions","related_orig_text":"codingwithdidem","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"codingwithdidem\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=6maL-ev6mMU\",\"src\":\"serp\",\"rvb\":\"Eq0DChQxMTE0MTM0NDk4MTg0OTg2NDUxOAoTMTMyMzA0OTM2NzE5NzYwNzM4MwoSMzAzNDM1MjUwNDc2MTg1NjE4ChM3ODExODU1MTQ0MDE5NjczMjk0ChQxODM4MjY5MjQ0MDkzMzgwNzY5OAoTNjUxMDcwMjQyODg5NTY2NDEyMAoTNTc4NTgzNzc5MTU1MTU3MDg3NQoUMTMxMDk0ODk0NzY1OTIwMTA5NTgKEzQ4MTk5NDI2NjI3NjY5NzczMzIKFDE3ODY4MjQwOTQ3NjY2NzY4Njk3ChQxNTg1NTM5MTc0MDU1NDA2MTc0NQoUMTM4MDQ3OTI2Njk5NTE1NjQ3NDQKFDExMzc5MzgyMjE2MTkzNTY2ODgyChMxOTU3NDE3MTEzOTgwMzI2OTQzChQxMTM0MzEzMjk1NDU2MjQ4OTM3OQoTNzU3MzQ4NTI5Mjg2NDgzNzMwNQoTMjY4MjQ3ODQyOTgwMDcwOTAzNwoUMTYzODcwOTEzNzYyMDc0NDQyMjIKFDE3MTIxNjU1MDg4MDc4MzIyMTc2ChM2ODM4NTI0MDUxMjIxNzMwNDYzGhYKFDExMzc5MzgyMjE2MTkzNTY2ODgyWhQxMTM3OTM4MjIxNjE5MzU2Njg4MmqIFxIBMBgAIkUaMQAKKmhob29ocGl2c2hqY2R6bmRoaFVDZkdYRW8ydUNrVnFjSXFrSWFGTkdjQRICABIqEMIPDxoPPxOeJYIEJAGABCsqiwEQARp4gfsPAgb9BAD4_Qj--wP_AQsA8AH2__8A6QcBDf3_AQD7_Qbv_QAAAPz4_fwJAAAA7vn_9PYAAAAEAfb-AwAAAAn3AAbzAQAA9w_vAf8BAAAGCP8AA_8AAP7-CgH_AAAA-An_CPwAAAAGDAb8AAAAAA73BvwAAQAAIAAtMsjcOzgTQAlITlACKoQCEAAa8AFODdT9JvkrBL8a9QDVDegBgeH9_zUTyADW7gv_zgP7AdIK-QDu7SUAyfwi_9AhEgDsI8D-JxoEAB0cKAAHABUAJQ_oATXpEwAs_BcB1R36_-0X-QBN4gwAJ_b9AA3_5AAjCuv98e3W_r_k_v__BCsALwAmARYbA__DECQC_yskAOPy8P7FLv8CpfsI_Rv4CP4L_dgAGPvf__kUEvwhEPoK6ucABgAQ7vjzAPAL4-n69twP-QP3FQz_zgwfAwIoCvT9AwIE6On-AvIq8PZBBPP1AxUDBwIT-BEG-e_92voJ-BT9F_jMEgQC7eIFABYTAP8gAC0UBRs7OBNACUhhUAIqzwcQABrAB7qj974xg6c8InxePKKY3L0hg0s7fZDIu87cCL1VZYQ6Xw4WvdL_0j1pKnU9VJQFvJfHqr4Tx-w7vhGdvD0pcz6UwOa79XIOPRzh3TupxuQ7lXIovf0Hsr2_rcc7ew4TvM2mSDzzjpM8zA1BPb5LWT6RHN07oHyLOsTu270HgyU7ZhUVPKYaDD2bkFa9mpa7Oyf3Oz5dJAM9JyurPHw0Cz1mdYK7g6blPK31ar07URI9JcmYvHAOFTy-bxe9ZTEWvHdFVT32yfa7k67Xu50u672vT2-8X5rDuzmxCTyMO5S9bluKPDITVr3QQgI9hjrNOs5hiDz5BYW8l2NDPF2Rs72MQhg8PjWHu920GT49FtE8A2D6u6tOvbyRFKw8THDmO_mE7Dz2lQc9sZuAu9OG4z3Mdmo91nS9PH3rgzwsq4s32jbSO6PNMT5sszG8yHi5vFQXdb3oRCy9mjE7PJwlcj1UEYg9W-uLOtyLHr0D0n48icAJvKC-uj09WXu8mqGnPP3Fpz1zLZq8FF5-u7jpzz2Y8bs9-AxyPNYfYb0Rlkc9w2AfvKHGgz1chsm8x9slvISjvz3V7oI9XuBNvBk3Bb7PVK69dDYRO_i5Sz04D0w8mTnuO4Us4roCzMI7KMrvug42ED0AqIK9IjM8vAV7wr1zLkW9p2v1uk0Kvbw49SE99dBjO3_dCryIoXC9Nupfu_91Lj0q16W8HT0fO0io2TwvdYi7D5QAO0EIbT1CZh29BiSGuwt4Pr0cWDM8s2O7uaGd0z1RgZi9l51ROTqQtbwFKs67-uVjN-zTG73ZO0g81sLsNvy-BD1_adE8cUJuuFxUC72cFfG93J51OXopZr1zew69UcPiOCzkAL1RLeI87OSzuYA2CD1BbrW8HQNiuRlYBz0oyQS9knjFOHuzuDtf9kY9NKPduFJmXjz-rqm9dehdOFGfZL1miam8mfFXOcrPGzwqG5a8u_Rxt3Anz7pSfae8sCuSt-OncTyfeXQ98GkGucvhDTyZE4-8ezVnuP-AHb1dhI6828OBtxCZrb14QF69K52zuHJsPbyznWo9KIK2t2vx6b151iS87i9gNj8pqb0b1tS9uH5Bt4SJhb2VPwS9a-ITuIchqL0G4Jq9ynQuOIBHcbtmyn29N9xoOEeT6z0uwwS9j-2dNtvBCD3FUkk9dTGptsXGnD2H8QQ9KLWmt5yGyTtwMgC9wx0ZN1mScjxGNkE9mJ6_OFNTfL3w82Q9JnHDt4-vmLxWA149ndmLuL7tMz0AxP29qM7_tyAAOBNACUhtUAEqcxAAGmAkBQBHGAO9wPtc8T7l_zPi1unnBugJ_-_I_wUc-B0IJfyoCjn_L84K_qEAAAA8Fs5g5QAae_bMtRTZMdnDv81L-H_X_E2wFAL5ztNFGeQcxuHnCPIAKuG3HD0E_DBa_g0gAC054xA7OBNACUhvUAIqrwYQDBqgBgAAXEIAAPjBAADsQgAAmEEAALhBAAAsQgAAQEIAAAzCAAB8wgAAIMIAAGhCAAD4wQAAAMEAAJDCAACQwQAAAAAAACxCAADwwQAAgEAAAHRCAACeQgAAiMEAAHDCAABkQgAAQMIAAPBBAAAYwgAAcEEAADhCAABAQQAAjkIAAGxCAAAEwgAAYMIAAFDCAACwwQAA-EEAAKJCAAAAQAAANEIAAFzCAAAAAAAAoEIAABRCAADAwQAAoMEAAGDBAADoQQAAaEIAAFBCAADwwQAAsMEAALBBAABQQQAAXEIAAGRCAAAMwgAA8MEAAMjBAABAwAAAGMIAAADBAABAwAAAkMEAAEBBAADwQQAASMIAACDBAADowQAAcMEAAKBAAACcQgAAQEAAAIBBAAAAQgAANMIAACzCAADgwAAAAMEAABDCAADAwgAAgkIAAAAAAACQQgAAqEEAAADAAABAQQAALEIAANhBAAAAwQAAAEEAAIhCAAA4QgAApMIAAKhBAABYwgAAcEEAAAxCAAAsQgAAgMAAACBBAABYQgAALEIAAAzCAACSwgAAwMAAACRCAACIQgAAiEEAAOBBAACaQgAA4MEAAITCAAD4QQAAgEIAALBBAADgQQAACMIAADzCAACgwQAAIEEAAIDCAACiwgAAiMEAAMBAAADAQQAAkMEAAMDAAAAowgAAgMAAAKBAAABcwgAA6MIAADDBAADQwQAAoEAAAGBCAAAYQgAAUMIAAKjCAAAcwgAAsEEAACTCAACgQAAAkEEAAKDAAAAMwgAAfEIAAKDAAACIwQAAgD8AAPBBAADAwQAA0MEAAOjBAACAvwAAdMIAAPhBAACgQQAAPEIAACDBAABQwQAAEMIAADBBAAA0wgAAgD8AAAhCAAB4QgAAJEIAAKjBAABswgAAMMEAAEBBAACAQAAAEMIAANhBAACAwAAAZMIAAMDBAAA4QgAAmMEAAIDBAADgwQAAwMAAALhBAADYwQAAMMEAANhBAAAcwgAAiMEAAGBBAAA0wgAAcEIAAGBBAACAvwAAMMEAAJBBAAC4wQAAoMEAAHhCIAA4E0AJSHVQASqPAhAAGoACAABAvAAAFL4AAEA8AACOPgAAiL0AANY-AAAQPQAAC78AAMi9AAA0PgAAir4AAMi9AACWPgAAgDsAALa-AADYPQAAND4AAFC9AACYPQAAtj4AAH8_AABQPQAAED0AAEQ-AAC4vQAAcD0AAEw-AACYPQAAdL4AAGS-AADYPQAAJD4AAJi9AAAwPQAAVD4AAFy-AABUPgAAuL0AACy-AAC4PQAAnr4AAMg9AAA8PgAAoLwAAJg9AACSPgAAED0AAAS-AACYvQAAPL4AAMY-AACYvQAAuD0AALg9AAAUPgAAFL4AACU_AAAMPgAAmL0AAEQ-AABQPQAAiL0AAAy-AADoPSAAOBNACUh8UAEqjwIQARqAAgAAED0AAKA8AAB8vgAAD78AABC9AABwPQAAuD0AAIA7AACSvgAAij4AAJi9AABQvQAANL4AALi9AACoPQAAcL0AAIC7AAA3PwAA-L0AAOI-AACAOwAAFL4AAIC7AADYvQAAgLsAAOi9AAAkvgAAgDsAAFA9AADoPQAAcD0AAEA8AAD4vQAAMD0AACw-AADgvAAA2D0AAEC8AAAcvgAABL4AAI4-AAD4PQAAFL4AAKC8AAAcvgAARD4AAH-_AAA0vgAAED0AAPi9AAAQvQAAqD0AAPi9AABcPgAA4DwAALg9AADgvAAAmD0AAFA9AAAUPgAA4LwAAFQ-AACoPQAAXL4gADgTQAlIfFABMAk4AUoAYABoAA,,\"}","related_url":"http://www.youtube.com/watch?v=6maL-ev6mMU","parent-reqid":"1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1920,"cheight":1080,"cratio":1.77777,"dups":["11379382216193566882"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":true,"contentTypeId":null,"censored":false,"videoContentId":"1814200173"},"1957417113980326943":{"videoId":"1957417113980326943","docid":"34-6-11-ZF57097BE4F366C16","description":"Ayrıcalıklardan yararlanmak için bu kanala katılın: / @codingwithdidem 1:1 Call Ayırmak İçin https://superpeer.com/codingwithdidem Ücretsiz İçeriklerime Destek Vermek İçin: Patreon : ttps...","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/400250/543292e018e5433c6b74ef9651e2a7b8/564x318_1","videoSrc":"https://video-preview.s3.yandex.net/wwXG7wEAAAA.mp4","videoType":"video/mp4"},"target":"_self","position":"15","reqid":"1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL","summary":{"isFull":true,"fullTextUrl":"/video/result?ask_summarization=1&numdoc=1&noreask=1&nomisspell=1&parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=videoid:1957417113980326943","teaser":[{"list":{"type":"unordered","items":["Bu video, Didem ve Edat tarafından sunulan bir eğitim içeriğidir ve React componentleri için farklı stillendirme yöntemlerini detaylı olarak anlatmaktadır.","Video, dört farklı stillendirme yöntemini kapsamlı şekilde ele almaktadır: inline styling, CSS style sheet kullanımı, CSS modülleri ve Styled Components kütüphanesi. Her yöntem için avantaj ve dezavantajları, kullanım şekilleri ve teknik detaylar gösterilmektedir. Styled Components bölümünde özellikle dinamik stil oluşturma, tema yönetimi ve animasyonlar gibi ileri seviye konulara da değinilmektedir.","Eğitim, temel CSS özellikleri, prop'lara göre dinamik stil uygulama, medya sorguları ve keyframe animasyonları gibi pratik örneklerle desteklenmektedir. Ayrıca Theme Provider ve Context API kullanarak uygulamalara tema eklemesi de gösterilmektedir."]},"endTime":3502,"title":"React Componentları İçin Stillendirme Yöntemleri Eğitimi","beginTime":0}],"fullResult":[{"index":0,"title":"React Componentları Stillendirme Yöntemleri","list":{"type":"unordered","items":["Bu videoda React componentları stillendirme yöntemleri incelenecek, böylece bir sonraki projede uygun yöntemi seçip uygulamaya koyabilirsiniz.","React componentları stillendirmenin birçok yolu var, bu videoda inline styling, CSS style sheet kullanımı, CSS kullanımı ve styled component kullanımı gösterilecek."]},"beginTime":0,"endTime":39,"href":"/video/preview/1957417113980326943?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=0&ask_summarization=1"},{"index":1,"title":"Inline Styling","list":{"type":"unordered","items":["Inline styling, HTML elemanlarına olduğu gibi React componentlerine de uygulanabilir, ancak React'te CSS özelliklerini camelCase formatında ve JavaScript objesi şeklinde kullanmanız gerekir.","Inline styling, komponente özel stil sağlar ve bu stil başka komponentlere kopyalanmadıkça sadece o komponente uygulanır.","JavaScript objesi olarak tanımlanan stil, değişkenlere atanabilir ve obje dağıtma yöntemi ile diğer stil özelliklerine de eklenebilir."]},"beginTime":39,"endTime":460,"href":"/video/preview/1957417113980326943?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=39&ask_summarization=1"},{"index":2,"title":"Inline Styling'in Avantajları ve Dezavantajları","list":{"type":"unordered","items":["Inline styling'in üç temel özelliği: camelCase kullanımı, CSS özelliklerinin JavaScript objesi içinde eklenmesi ve yüksek öncelik sırası.","Inline styling, CSS style sheet'teki özelliklerin üzerine biner ve daha öncelikli uygulanır.","Inline styling'in dezavantajları: süre classları (hover, visited, focus vb.) ve medya sorguları (responsive tasarımlar) kullanılamaz."]},"beginTime":460,"endTime":670,"href":"/video/preview/1957417113980326943?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=460&ask_summarization=1"},{"index":3,"title":"CSS Style Sheet Kullanımı","list":{"type":"unordered","items":["Create React App kullanıyorsanız, webpack ile CSS dosyaları oluşturulabilir ve JavaScript dosyalarından ayrı tutulabilir.","CSS style sheet kullanarak gerçek CSS özellikleri kullanılabilir, yani süre classları ve medya sorguları gibi inline styling'de bulunmayan özellikler kullanılabilir."]},"beginTime":670,"endTime":744,"href":"/video/preview/1957417113980326943?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=670&ask_summarization=1"},{"index":4,"title":"CSS Style Sheet Kullanımı","list":{"type":"unordered","items":["CSS style sheet'ı component'e import ederek, class name propertisi ile istenen klasları elemanlara uygulayabiliriz.","App.css dosyasında konteyner ve header gibi klaslar tanımlanabilir ve font size, padding, background color gibi özellikler verilebilir.","CSS style sheet'lerde media queryler gibi CSS'in tüm özelliklerini kullanabiliriz, ekran boyutuna göre stil değişiklikleri yapabiliriz."]},"beginTime":745,"endTime":966,"href":"/video/preview/1957417113980326943?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=745&ask_summarization=1"},{"index":5,"title":"Global Scope Sorunu","list":{"type":"unordered","items":["CSS selektörleri global scope sahip oldukları için, aynı isimdeki klaslar uygulamanın farklı component'lerini etkileyebilir.","Farklı component'lere aynı isimde klas tanımlandığında, beklenmedik sonuçlar oluşabilir ve stil çakışmaları yaşanabilir.","Global scope sorunu, CSS modüllerini kullanarak çözülebilir."]},"beginTime":966,"endTime":1182,"href":"/video/preview/1957417113980326943?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=966&ask_summarization=1"},{"index":6,"title":"CSS Modülleri","list":{"type":"unordered","items":["CSS modülleri, style sheet'in aksine CSS selektörlerini global olarak değil, component'e özel tanımlar.","CSS modüllerini kullanmak için dosya ismi .module.css uzantısıyla tanımlanmalıdır.","CSS modüllerinde import edilen stil dosyası bir obje olarak yüklenir ve component'e özel kullanılabilir."]},"beginTime":1182,"endTime":1442,"href":"/video/preview/1957417113980326943?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=1182&ask_summarization=1"},{"index":7,"title":"CSS Modüllerinin Avantajları","list":{"type":"unordered","items":["CSS modüllerinde her component'e özel random class isimleri atanır, bu sayede stil çakışmaları önlenir.","CSS modüllerinde compose özelliği kullanılarak farklı stil özellikleri birleştirilebilir.","Bu yöntem sayesinde component'lere özel stil dosyaları oluşturulabilir ve uygulama genelinde tutarlılık sağlanabilir."]},"beginTime":1442,"endTime":1560,"href":"/video/preview/1957417113980326943?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=1442&ask_summarization=1"},{"index":8,"title":"Styled Components Kütüphanesi","list":{"type":"unordered","items":["Styled Components, React ve React Native için yazılmış bir kütüphane olup, component'leri stillendirme amacıyla kullanılır.","Bu kütüphane otomatik critical CSS oluşturur; render edilen component'lerin sadece onların stilini yükler, kullanılmayan component'lerin stilini kaldırır.","Kullanıcılar sadece gereken kodu yüklemiş olurlar, ekstra CSS yüklenmez."]},"beginTime":1573,"endTime":1646,"href":"/video/preview/1957417113980326943?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=1573&ask_summarization=1"},{"index":9,"title":"Styled Components'in Avantajları","list":{"type":"unordered","items":["Styled Components, her stil için benzersiz class name'ler oluşturur, bu da büyük uygulamalarda aynı class name'lerin tekrarlanmasını önler.","Kullanılmayan component'lerin stilini otomatik olarak kaldırır, bu sayede manuel CSS temizlemesi gerekmez.","Dinamik styling özelliğine sahiptir; component'ler prop'lar alabilir ve bu prop'lara göre stilini değiştirebilir."]},"beginTime":1646,"endTime":1808,"href":"/video/preview/1957417113980326943?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=1646&ask_summarization=1"},{"index":10,"title":"Styled Components Kullanımı","list":{"type":"unordered","items":["Styled Components, CSS mantığını JavaScript'te kullanmayı sağlar; component'ler özel stiller oluşturur ve kaldırılır.","Kütüphane sıkıştırılmamış hali 33.30 KB iken, sıkıştırılmış hali 12.90 KB'a kadar düşer.","Styled Components ile HTML elemanları (div, button, link, p vb.) stillendirilmiş component'ler olarak tanımlanabilir."]},"beginTime":1808,"endTime":1943,"href":"/video/preview/1957417113980326943?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=1808&ask_summarization=1"},{"index":11,"title":"Styled Components Örneği","list":{"type":"unordered","items":["Styled Components ile stillendirilmiş component'ler tanımlanırken, HTML elemanı seçilebilir ve backtickler arasına normal CSS kodu yazılabilir.","Styled Components ile oluşturulan component'ler hem HTML elemanı hem de stil bilgilerini içerir, bu da component'leri yeniden kullanılabilir hale getirir.","Styled Components ile dinamik stil verilebilir, component'ler prop'lar alabilir ve bu prop'lara göre stilini değiştirebilir."]},"beginTime":1943,"endTime":2399,"href":"/video/preview/1957417113980326943?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=1943&ask_summarization=1"},{"index":12,"title":"Style Component'lerde Prop Kullanımı","list":{"type":"unordered","items":["Style Component'lerde prop geçerek dinamik stil oluşturabilirsiniz.","Style Component'ler aslında sınırlı bir React component oluşturur ve herhangi bir prop alabilir.","Prop değerine göre butonun rengi ve arka planı dinamik olarak değiştirilebilir."]},"beginTime":2403,"endTime":2602,"href":"/video/preview/1957417113980326943?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=2403&ask_summarization=1"},{"index":13,"title":"Style Component'leri Genişletme","list":{"type":"unordered","items":["Style Component'leri genişleterek (extend) mevcut stil üzerine ekstra özellikler ekleyebilirsiniz.","\"extend\" özelliği sayesinde yeni bir buton oluşturmak yerine mevcut butonun stilini alıp üzerine ek özellikler ekleyebilirsiniz.","Bu yöntem sayesinde kod tekrarını azaltabilir ve daha modüler bir stil yapısı oluşturabilirsiniz."]},"beginTime":2602,"endTime":2730,"href":"/video/preview/1957417113980326943?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=2602&ask_summarization=1"},{"index":14,"title":"Style Component'lerin Fonksiyonel Özellikleri","list":{"type":"unordered","items":["Style Component'ler sadece stil değil, prop olarak onClick gibi fonksiyonel özellikler de alabilir.","Style Component'lerin fonksiyonel özelliklerini kaybetmeden stil tanımlayabilirsiniz.","Hover efektleri ve medya sorguları da Style Component'lerin içinde tanımlanabilir."]},"beginTime":2730,"endTime":2914,"href":"/video/preview/1957417113980326943?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=2730&ask_summarization=1"},{"index":15,"title":"Animasyon ve CSS Blokları","list":{"type":"unordered","items":["Style Component'lerde keyframes kullanarak animasyon tanımlayabilirsiniz.","Prop değerine göre dinamik olarak CSS bloğu döndürebilirsiniz.","Bu sayede programıza göre dinamik olarak istenilen CSS özellikleri eklenebilir."]},"beginTime":2914,"endTime":3212,"href":"/video/preview/1957417113980326943?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=2914&ask_summarization=1"},{"index":16,"title":"Tema Oluşturma","list":{"type":"unordered","items":["Style Component'lerle uygulamaya özel temalar oluşturabilirsiniz.","Tema, JavaScript objesi şeklinde tanımlanabilir ve primaryColor, secondaryColor gibi özellikler içerir.","Tema provider kullanarak uygulamanın tamamına tema uygulayabilirsiniz."]},"beginTime":3212,"endTime":3272,"href":"/video/preview/1957417113980326943?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=3212&ask_summarization=1"},{"index":17,"title":"Context API ve Tema Yönetimi","list":{"type":"unordered","items":["Context API kullanılarak tema bilgisi alttaki komponentlere prop olarak aktarılıyor.","Style components ile tema değişkenleri (primary, secondary) kullanılarak renkler ayarlanabiliyor.","Farklı temalar tanımlanarak uygulamanın farklı yerlerinde farklı temalar kullanılabilir."]},"beginTime":3295,"endTime":3416,"href":"/video/preview/1957417113980326943?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=3295&ask_summarization=1"},{"index":18,"title":"Context API'nin Avantajları","list":{"type":"unordered","items":["Team Provider, Context API kullandığı için tema bilgisi alttaki tüm komponentlere geçiyor.","Tema bilgisi, komponentin ne kadar derin bir seviyede olursa olsun, alttaki componentler tarafından kullanılabilir.","Bu sayede uygulamanın farklı bölümlerinde farklı temalar kullanılabilir."]},"beginTime":3416,"endTime":3482,"href":"/video/preview/1957417113980326943?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=3416&ask_summarization=1"},{"index":19,"title":"Kapanış","list":{"type":"unordered","items":["İzleyicilerden Style Components ile ilgili uygulama geliştirme talepleri için yorumlarda belirtmeleri isteniyor.","Video beğenilenlerin like atması ve abone olmaları isteniyor."]},"beginTime":3482,"endTime":3500,"href":"/video/preview/1957417113980326943?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=3482&ask_summarization=1"}],"linkTemplate":"/video/preview/1957417113980326943?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=%%timestamp%%&ask_summarization=1"},"isAdultDoc":false,"relatedParams":{"text":"React Tutorial - Inline Style | Css Stylesheets | Css Modules | Styled Components","related_orig_text":"codingwithdidem","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"codingwithdidem\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=bs0imLHWk70\",\"src\":\"serp\",\"rvb\":\"Eq0DChQxMTE0MTM0NDk4MTg0OTg2NDUxOAoTMTMyMzA0OTM2NzE5NzYwNzM4MwoSMzAzNDM1MjUwNDc2MTg1NjE4ChM3ODExODU1MTQ0MDE5NjczMjk0ChQxODM4MjY5MjQ0MDkzMzgwNzY5OAoTNjUxMDcwMjQyODg5NTY2NDEyMAoTNTc4NTgzNzc5MTU1MTU3MDg3NQoUMTMxMDk0ODk0NzY1OTIwMTA5NTgKEzQ4MTk5NDI2NjI3NjY5NzczMzIKFDE3ODY4MjQwOTQ3NjY2NzY4Njk3ChQxNTg1NTM5MTc0MDU1NDA2MTc0NQoUMTM4MDQ3OTI2Njk5NTE1NjQ3NDQKFDExMzc5MzgyMjE2MTkzNTY2ODgyChMxOTU3NDE3MTEzOTgwMzI2OTQzChQxMTM0MzEzMjk1NDU2MjQ4OTM3OQoTNzU3MzQ4NTI5Mjg2NDgzNzMwNQoTMjY4MjQ3ODQyOTgwMDcwOTAzNwoUMTYzODcwOTEzNzYyMDc0NDQyMjIKFDE3MTIxNjU1MDg4MDc4MzIyMTc2ChM2ODM4NTI0MDUxMjIxNzMwNDYzGhUKEzE5NTc0MTcxMTM5ODAzMjY5NDNaEzE5NTc0MTcxMTM5ODAzMjY5NDNqiBcSATAYACJFGjEACipoaG9vaHBpdnNoamNkem5kaGhVQ2ZHWEVvMnVDa1ZxY0lxa0lhRk5HY0ESAgASKhDCDw8aDz8TrhuCBCQBgAQrKosBEAEaeIH0CPsH_QMA_AAPBQcH_AED-Q0B-f7-AOkHAQ39_wEADwcKAfsAAAAA-wENBQAAAO75__T2AAAACPoACwMAAAAJ9Qj_BQAAAAACAfz-AQAA_Pv99wIAAAD4-wH__wAAAP4I_gACAQAAEgD-_AEAAAAW8_8MAAAAACAALSM_3Ds4E0AJSE5QAiqEAhAAGvABZjEF_OfV9wGoBtUA3vjfAIEYD_9JJNwAy_rjAen-1ADd9fAA0tg-_aX0yACUFQ4Bvv3S_xwRAgEzAgP_FuwWACwS5AE_5BcAZfv7AfgT8v8DQBwBCf5FAE3d-gMN8PcA_uMZ__gBv__L0L0H-R0gAi0U9_8kHh4B1wkfBO4dJQHay_z42_gKBq74BAMJGxL_CyXl_jss5v8AIA8FPxjvDgvk_gf3-SAACS37AuLe4AC_4v4GFB3uDOUOKgQLKir4FPchC9_w-vIHJgntRODr_REa4gQoCAAEAdXx_tP5C_fs8fn8u0EM99n6IOIMA-v4IAAtAbAAOzgTQAlIYVACKs8HEAAawAdtyN--c_fUPP4BoDzD_Eu89dvXPf2_arxNOJq90KRiu0jBE70Fikg-EPy5PRcs1byhSHe-c1a6PKQ2Mb0KL2E-F3GwvEHTxjnJ7l294n72PBjWSL1usCa8GGkYPRl8s7p_E-q9u2MxvAvKOT0KnRc-k5sVvBGKrbyFYHW9GxZevYF-OrwypRo9VbSDu0yZCr3iA9s9i4f3usFTyLydhXg9vD6Qu4oFPrwDxRe8VEJmPVzAU7u_tYO9eYqBPFppDLtaN_c6zOtru9rdqDzr-4W9PmhMvYc7ETzDJlc8j_t2PeeibDnSxaY8eDsnPbZqNru8Wm49t4u8OnblrzuoyCG-AnwcPejpbTznHr09q6cAvYrW3Trjpdu9RQUYPa-3CD31Ugw9oA9gvPxPxDvThuM9zHZqPdZ0vTx6AKY8YuBUvcQfSTu6MAI-Zr2YvMw-tLzd2EK9n85wvOfam7pWR249f-h4PasTxrySKsC8oKdhPaV9UbnxfGs9w-7gvDXAO7zU4gI9W422vJiQB7wuAuM9kDX-PFAecTx7yZW9GBzvvNtkebzB5MY8Uv60Pc3ZjLz2Bak9wbzRvG988bvxbpu9ycuavV5tAbwDvSY9NL_1vJRQuDvOKwi9oAaEO9RCrDtL2K28qxW3vcWaArz47G-9dvUvvZf6XLvy5B-9uDa3u1HIZ7ukgxo9HFs0vRz8DjyrL7G9d_vHvKUtqbjjxQI-2Z0JPbDlxbmMv8i8d9kvOwq-hrtjxC89ljcRPeuNnLvurw4-nxKRvX7QlDkK9wo9zwYqPfatvTkZxXK9NLKFvQZvN7lpl6U9Dw8RPrzeijjLovC8W0IevjcF4zlniu88Wh41vee21bibqRW9kNcjPf2WPLqIGYA93uFbPewlC7k_-ps91UGePFv1kbgMhLM9jy8GPUh15rgezOC71vFOvT_mJblk2Je9uT9NvYW-ezmVmmw5ZqQ5vPUe2zgytds8eBIsvTheBDlFnO87PdHVPeIJR7m1EG49TnO8vNze6zZTJaU7AnLTO20kVrhXBvW9cEPsvcwMi7gLtSY8lX8tPGCZKjjK4QO-ENcePJf9TjdZeiO9VWiwvQzoMbjIA7a8FOWXve-J7zgpkh--tPSivYdBqDjb1VU970GJOb4mHbhHk-s9LsMEvY_tnTaqTmI8yuG0u76QNzhIaXs987fzPCyV5rf2dHo94A_fvT-Zm7ci_-w9NSkFPvN-W7iBXvi8Je8XPTzZprgj8dc8EdN0PCujlriqbXm8GySuvX0NVLggADgTQAlIbVABKnMQABpgMgUAMvkb2dn_R_o2xeM6sSf5wBnTPf8P9f_gHLgt9D39tQIT__DVBQuXAAAAPj_LIc8ANH_d1dIvxeU3s73XTgZ7_Ps4qf_zISnoTuHVKdU84QMrACbkwfQT2vstTwIVIAAtS8kOOzgTQAlIb1ACKq8GEAwaoAYAAGDBAABAQQAAXMIAAODBAAAYQgAAiMEAANBBAABwwQAAmsIAAMDAAAAQwgAAnMIAADzCAACIQQAApEIAAPDBAAAkQgAAAMAAAGDCAAAwwQAAMEEAAFDBAACAPwAAgEEAABxCAAAAwQAAlMIAACDCAADgwAAAQEIAAADCAABQwQAATMIAAAjCAACgwQAALEIAAJBCAAAMQgAAqEEAAADAAAAMwgAA4EAAAKDAAADAwQAABEIAAIA_AACQQQAAUEEAAGxCAADAQAAAQMIAAATCAABgwQAAgkIAADBCAACAwQAAcMIAALjBAAAswgAAgL8AAJjBAAAswgAANMIAALTCAADYQQAAAEAAADTCAAAAwgAAmEEAABjCAABcQgAAhEIAAODAAAAIQgAAiMIAAIbCAABowgAAJMIAAFBBAACIQQAAXMIAAGBBAAAcQgAARMIAAFDCAAAwwQAAcEEAABRCAAC4QQAAgMIAAIjBAAAkQgAAGEIAADTCAAAAAAAAAMIAAIC_AABsQgAAsEEAAADCAACawgAAPEIAAPhBAACCwgAA-MEAABDBAAAEwgAAFMIAAFDBAACKQgAAUEEAABTCAACSwgAAgL8AAIA_AACCwgAAyEEAAKjBAABcwgAADMIAAETCAABwwQAA4MAAADhCAACgQAAAgD8AABzCAADQQQAAhMIAAITCAADIwQAADEIAAPDBAACKQgAAwEAAABzCAAAMQgAARMIAABTCAADAwgAAgD8AAODBAADowQAAsMEAAEBBAABwQgAAbMIAAADAAACKQgAAMEIAAILCAAAUwgAAIEIAAJBBAAAAwQAAhEIAABjCAACUwgAAYMEAAKJCAADgQAAAAEIAADTCAAAoQgAAYMIAAOhBAADwQQAAgEIAADBCAAA4wgAASEIAALBBAABcwgAAgEAAADhCAACAPwAAAMIAAPjBAAAUQgAAAEEAACBBAADYwQAAAAAAAGRCAACCQgAAwEAAAMDBAAAUQgAAsMEAALjBAACAPwAAUMIAAExCAABgwQAAkMEAAChCAACgQAAAcEIAAOjBAAD4wSAAOBNACUh1UAEqjwIQABqAAgAAkr4AAIg9AADYvQAAmj4AABQ-AACyPgAAqL0AADu_AADIvQAARL4AADQ-AAA0PgAAgLsAAMi9AAAcvgAAyL0AABQ-AAC4PQAAED0AAFs_AAB1PwAA6D0AAFy-AACIPQAAtj4AANg9AACIPQAAyr4AAAw-AABcPgAAij4AANg9AABcPgAAqL0AAFQ-AAAwPQAAnr4AAIq-AADCvgAAiL0AAMa-AABMvgAAXD4AALK-AACOPgAAyj4AALI-AACYvQAAmL0AAES-AADoPQAAgDsAABQ-AAAQvQAA4DwAANi9AAB_PwAABD4AAOI-AABQPQAAij4AAHC9AABcvgAArj4gADgTQAlIfFABKo8CEAEagAIAAGS-AAC4vQAAVL4AACW_AACGPgAABD4AACQ-AACgPAAATL4AAPi9AAAEvgAAQLwAAGS-AAC6vgAAyD0AABA9AAAMvgAAOz8AAKa-AAAkPgAAqD0AAIC7AACYPQAAoLwAAMi9AADYPQAAfL4AAMg9AABwvQAAyL0AACw-AAAwPQAAFL4AAGS-AABwPQAAcD0AAFA9AADgPAAAbL4AAJi9AACqPgAAZL4AAFA9AADgPAAAQLwAAKC8AAB_vwAArr4AAIA7AACgvAAA-D0AAKA8AADoPQAA6L0AAHQ-AACAOwAAcL0AANg9AADgPAAAQDwAAFC9AACGPgAAgLsAAAS-IAA4E0AJSHxQATAJOAFKAGAAaAA,\"}","related_url":"http://www.youtube.com/watch?v=bs0imLHWk70","parent-reqid":"1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1262,"cheight":720,"cratio":1.75277,"dups":["1957417113980326943"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":true,"contentTypeId":null,"censored":false,"videoContentId":"3106967418"},"11343132954562489379":{"videoId":"11343132954562489379","docid":"34-1-17-Z823C0D81428F988D","description":"Ayrıcalıklardan yararlanmak için bu kanala katılın: / @codingwithdidem 1:1 Call Ayırmak İçin https://superpeer.com/codingwithdidem Ücretsiz İçeriklerime Destek Vermek İçin: Patreon : ttps...","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/2417392/22642cf5323b7153852452b456ede0ad/564x318_1","videoSrc":"https://video-preview.s3.yandex.net/7c6SbwEAAAA.mp4","videoType":"video/mp4"},"target":"_self","position":"16","reqid":"1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL","summary":{"isFull":true,"fullTextUrl":"/video/result?ask_summarization=1&numdoc=1&noreask=1&nomisspell=1&parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=videoid:11343132954562489379","teaser":[{"list":{"type":"unordered","items":["Bu video, bir içerik üreticisinin Visual Studio Code editöründe kullanılabilecek en iyi 15 temayı tanıttığı bir eğitim içeriğidir.","Videoda, Visual Studio Code'da temaların nasıl yükleneceği gösterilmekte ve Tokyo Night, Horizon, Hawkyon, A Turan, GitHub Team, City Lights, Dracula, Cobalt, Knight, Synth, Material Team, August, Mirage ve Panda gibi trend temalar detaylı olarak incelenmektedir. Her tema için renk seçenekleri, arka plan özellikleri ve kullanım önerileri sunulmaktadır.","Video ayrıca içerik üreticisinin kendi tercih ettiği font family olan Kese Kodu'nun nasıl yükleneceğini göstermekte ve \"hayatımda gördüğüm en kötü tema\" olarak tanımladığı bir tema örneğiyle devam etmektedir. Bu temanın neden kullanılmaması gerektiği de videoda gösterilmektedir."]},"endTime":974,"title":"Visual Studio Code En İyi 15 Tema Rehberi","beginTime":0}],"fullResult":[{"index":0,"title":"Visual Studio Code Temaları Tanıtımı","list":{"type":"unordered","items":["Bu videoda Visual Studio Code editöründe kullanılabilecek en iyi onbeş tema tanıtılacak.","Temaların çoğu trend olmakla birlikte, trendlere giremese dahi oldukça iyi olanlar da var.","Visual Studio Code'un kendi default dark teması Ctrl+K ve T kısayolu ile görüntülenebilir."]},"beginTime":0,"endTime":33,"href":"/video/preview/11343132954562489379?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=0&ask_summarization=1"},{"index":1,"title":"Font Family Ayarları","list":{"type":"unordered","items":["Visual Studio Code'da font family ayarları Ctrl+Virgül kısayolu veya Preferences menüsünden yapılabilir.","Keseye Kodu kullanmak isteyenler için font family kısmına \"keseye kod\" yazıp indirmeleri gerekiyor.","Keseye Kodu indirmek için \"keseye kod download\" yazıp ilk linki tıklayarak zip dosyasını indirip yükleyebilirsiniz."]},"beginTime":33,"endTime":112,"href":"/video/preview/11343132954562489379?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=33&ask_summarization=1"},{"index":2,"title":"Tokyo Night Teması","list":{"type":"unordered","items":["Tokyo Night teması Ctrl+Shift+X kısayolu ile uzantılar ekranından yüklenebilir.","Tokyo Night teması parlak, beyaz ve dark versiyonları bulunuyor.","Tokyo Storm, Tokyo Knight Light ve Tokyo Knight Dark gibi alt temalar da mevcut."]},"beginTime":112,"endTime":191,"href":"/video/preview/11343132954562489379?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=112&ask_summarization=1"},{"index":3,"title":"Horizon Teması","list":{"type":"unordered","items":["Horizon teması Ctrl+Shift+X kısayolu ile uzantılar ekranından yüklenebilir.","Horizon teması turunculu, sarılı ve hafif kırmızı renkleri içeriyor.","Horizon teması italik, bold ve bright versiyonları bulunuyor."]},"beginTime":191,"endTime":243,"href":"/video/preview/11343132954562489379?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=191&ask_summarization=1"},{"index":4,"title":"Hawkyon ve A Turan Temaları","list":{"type":"unordered","items":["Hawkyon teması koyu mavi ve parlak renkleri içeren, canlı renkli bir tema.","A Turan teması kendine has yazı tiplerini beyaz yapmış, mor ve pembe renkleri içeren bir tema.","A Turan temasının elektrik versiyonu da mevcut."]},"beginTime":243,"endTime":338,"href":"/video/preview/11343132954562489379?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=243&ask_summarization=1"},{"index":5,"title":"GitHub ve City Light Temaları","list":{"type":"unordered","items":["GitHub teması sade bir görünüm sunuyor ve dark hali mükemmel.","City Light teması yeşil ve mavi renklerinden oluşmuş, gözü yormayacak şekilde tasarlanmış.","City Light teması arkada koyu bir background veriyor."]},"beginTime":338,"endTime":430,"href":"/video/preview/11343132954562489379?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=338&ask_summarization=1"},{"index":6,"title":"Dracula ve Kobalt Temaları","list":{"type":"unordered","items":["Dracula teması renk açısından zengin ve soft versiyonu da mevcut.","Kobalt teması koyu mavi arka plan ve sarı, kırmızı renklerle yoğun bir görünüm sunuyor.","Kobalt teması arka planı mavi sevenler için bulunmaz bir tema."]},"beginTime":430,"endTime":526,"href":"/video/preview/11343132954562489379?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=430&ask_summarization=1"},{"index":7,"title":"Knight ve Synt Temaları","list":{"type":"unordered","items":["Knight teması keskin bir görünüm sunuyor ve koyu mavi arka plan içeriyor.","Knight teması italik ve italik olmayan versiyonları bulunuyor.","Synt teması koyu mor ve canlı renklerden oluşuyor."]},"beginTime":526,"endTime":629,"href":"/video/preview/11343132954562489379?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=526&ask_summarization=1"},{"index":8,"title":"Material Team ve August Temaları","list":{"type":"unordered","items":["Material Team teması light, dark, high contrast ve material team ocean gibi çeşitli seçenekleri sunuyor.","August teması gözü yormayan, hoş bir görünüm sunuyor.","August temasının sty-light ve sty-light darker versiyonları da mevcut."]},"beginTime":629,"endTime":765,"href":"/video/preview/11343132954562489379?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=629&ask_summarization=1"},{"index":9,"title":"I Mirage Power Up ve Panda Temaları","list":{"type":"unordered","items":["I Mirage Power Up teması koyu arka plan ve renkli öndeki renklerle tasarlanmış.","Panda teması koyu arka plan ve canlı mavili, turunculu, yeşil renklerle hoş bir görünüm sunuyor.","Panda temasında fonksiyon isimleri genellikle mavi, countlar turuncu ile yazılmış."]},"beginTime":765,"endTime":848,"href":"/video/preview/11343132954562489379?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=765&ask_summarization=1"},{"index":10,"title":"15. Tema: Coolest Dark","list":{"type":"unordered","items":["Son tema olarak Coolest Dark teması gösteriliyor ve preview olarak mor ve turuncu renkler kullanılıyor.","Coolest Dark, edit: postform appcs dosyalarında çok kullanılan temalardan biri olarak belirtiliyor.","Bu 15 tema çoğu trendlere girmiş ve izleyicilere paylaşılmış."]},"beginTime":856,"endTime":907,"href":"/video/preview/11343132954562489379?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=856&ask_summarization=1"},{"index":11,"title":"Kötü Bir Tema Örneği","list":{"type":"unordered","items":["İyi temaların ne kadar güzel olduğunu göstermek için en kötü tema örneği paylaşılıyor.","\"Hot dock stand burnd your ibos onbeş saniyede gözlerinizi yakın teması\" olarak tanımlanan kötü bir tema gösteriliyor.","Bu temanın çok kötü olduğu ve çalışabilecek bir canlı olup olmadığı sorgulanıyor."]},"beginTime":907,"endTime":960,"href":"/video/preview/11343132954562489379?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=907&ask_summarization=1"},{"index":12,"title":"Video Kapanışı","list":{"type":"unordered","items":["Video içeriğinden memnun kalan izleyicilerden like atmayı ve kanala abone olmayı isteniyor.","Öneriler ve istek videolarının yorumlarda belirtilmesi öneriliyor."]},"beginTime":960,"endTime":972,"href":"/video/preview/11343132954562489379?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=960&ask_summarization=1"}],"linkTemplate":"/video/preview/11343132954562489379?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=%%timestamp%%&ask_summarization=1"},"isAdultDoc":false,"relatedParams":{"text":"TOP 15 VS Code Themes 2021","related_orig_text":"codingwithdidem","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"codingwithdidem\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=HrqCXkf-5gU\",\"src\":\"serp\",\"rvb\":\"Eq0DChQxMTE0MTM0NDk4MTg0OTg2NDUxOAoTMTMyMzA0OTM2NzE5NzYwNzM4MwoSMzAzNDM1MjUwNDc2MTg1NjE4ChM3ODExODU1MTQ0MDE5NjczMjk0ChQxODM4MjY5MjQ0MDkzMzgwNzY5OAoTNjUxMDcwMjQyODg5NTY2NDEyMAoTNTc4NTgzNzc5MTU1MTU3MDg3NQoUMTMxMDk0ODk0NzY1OTIwMTA5NTgKEzQ4MTk5NDI2NjI3NjY5NzczMzIKFDE3ODY4MjQwOTQ3NjY2NzY4Njk3ChQxNTg1NTM5MTc0MDU1NDA2MTc0NQoUMTM4MDQ3OTI2Njk5NTE1NjQ3NDQKFDExMzc5MzgyMjE2MTkzNTY2ODgyChMxOTU3NDE3MTEzOTgwMzI2OTQzChQxMTM0MzEzMjk1NDU2MjQ4OTM3OQoTNzU3MzQ4NTI5Mjg2NDgzNzMwNQoTMjY4MjQ3ODQyOTgwMDcwOTAzNwoUMTYzODcwOTEzNzYyMDc0NDQyMjIKFDE3MTIxNjU1MDg4MDc4MzIyMTc2ChM2ODM4NTI0MDUxMjIxNzMwNDYzGhYKFDExMzQzMTMyOTU0NTYyNDg5Mzc5WhQxMTM0MzEzMjk1NDU2MjQ4OTM3OWq2DxIBMBgAIkUaMQAKKmhob29ocGl2c2hqY2R6bmRoaFVDZkdYRW8ydUNrVnFjSXFrSWFGTkdjQRICABIqEMIPDxoPPxPOB4IEJAGABCsqiwEQARp4gfARAggI9wDf_Qv_Cv4B_wfzAPn3_v0AyPj__wPzBgD1ARYBAQAAAPQF9wL3AAAA_gP_E_b9AQD_-_MFAwAAAAX3AggH_wEA_P3pAAABAAD_BOgEA_8AAAcUAQD_AAAABQb-__7_AAAXCwQNAAAAAAwQBvD_AAAAIAAtV-i5OzgTQAlITlACKoQCEAAa8AFRFgD9Ad_5A7ob6ADTFAQAgQAC_0397gDk5O0Bu_X2ANQJ-QDsAB4Awfz0AJ0P8AHnBcz_JQ32ABkJEgD98yUAEgvnATLPDwFP_PwByCLt_vILFP8z3xf9HdkWAQPy7AEICfD_6PzdA9j6_gAJHC8CGgwaAQcYBALdIRwG4gcg_9viBQDpDB39xv_1-gb7AwD1AvL8NgncAOYGEv4fD_oKAfEMAvvtF_7uCSgExfXn_dn-7__8C_396x8a_gghIfoPAQz_D-zv-PcT-PQyAwD9_TIG_A3uAhD95Or22gMW9gbnCfXbHQ37BfoU_Q0T9vIgAC2_TyQ7OBNACUhhUAIqcxAAGmA3BAAT_RPw-vE29wzi9jLw9f8PFPgTAAwKAPYH5P8LFxS6JfgAJdsX98IAAAAiNQ0r2QD4T_j82AzbIyICxgYYD3_69ijH6fnz9fYx_d4EB-TaG-4AFuzKBQwQwxlJGw4gAC2AW1I7OBNACUhvUAIqrwYQDBqgBgAAAEIAAGhCAACKQgAA-EEAAMjBAAAsQgAAsMEAADjCAAA0wgAArMIAAOhBAAAcQgAAcMIAAADAAACaQgAAKMIAABxCAADYwQAAAEEAABxCAABwwQAAuMEAAOBAAACYQQAAAEEAABxCAACAQAAAisIAAERCAADwQQAAcMEAAKJCAADgQAAAGMIAAMjBAACYQQAA-MEAAPRCAACAQAAAiMEAACDBAABYQgAAoEEAAERCAACAQAAAgEAAANDBAAAgwQAAREIAACTCAACowgAAXEIAABTCAACIwQAAAAAAADRCAAC4QQAAIMIAAOBAAADgQQAA0EEAAATCAAC4wQAAYMEAANBBAAAAQgAABEIAAEDBAACUwgAAIEEAAERCAACkQgAASMIAAKZCAACAQAAApMIAACzCAACQQQAA6EEAAJTCAACMwgAAEEEAAIhBAACKQgAAYMEAAOBBAADAwAAAwEAAAJhBAACAwQAAcMIAAPBBAABMwgAAEEEAABBBAACowQAAQMAAAFxCAAAoQgAAiMEAAJjBAAAwQQAANEIAAJzCAACuwgAAnkIAAPBBAABMQgAAAEEAADxCAACgQAAAQMEAAADCAAA4wgAAoMEAAKDBAADIQQAADMIAACBBAABUwgAAQMAAAODBAABwwQAAwEEAAABBAABQwQAAAEEAAGzCAADowQAAuMIAAIA_AACgQAAAoMAAAFBBAAB4QgAATEIAADRCAABAQQAA8MEAAKrCAABAQgAAREIAAAAAAACIQQAAgL8AAExCAACAwQAA4EEAABjCAADgwQAAAEAAAOjBAACgQQAAIMIAAFTCAACYwQAAQEAAAAzCAACKQgAAIEIAAIjBAADQwQAAPMIAADRCAACEwgAA8MEAAJhBAAC4QQAAoMAAACDBAAA0wgAAiMEAAPBBAADAQAAAMMEAAARCAADIwQAAAMIAAOBAAAAEQgAATMIAAADBAAAQQQAAzsIAAOBAAABQQQAApsIAAJhBAADoQQAAgL8AAEzCAABgwgAAQEAAAHBBAAAQwgAA6EEAAETCAADIQQAAqkIAACTCIAA4E0AJSHVQASqPAhAAGoACAACOvgAA4DwAAEw-AABJPwAAlr4AAJI-AAA8vgAAHb8AAGS-AACavgAAJL4AAOA8AAAMvgAAMD0AAEQ-AABsvgAAZD4AAKA8AACIvQAAfz8AAHs_AABkvgAAqL0AAIi9AABwPQAAur4AAOi9AACgPAAAJL4AAOq-AACuPgAApj4AABk_AABcPgAA8j4AAAw-AAA0PgAALL4AABG_AADWPgAAmD0AAMa-AAD4PQAAFD4AALo-AAD4PQAAFD4AAIa-AADIPQAABL4AAKa-AACuvgAAND4AAJI-AAAcvgAAjj4AADU_AAARPwAATL4AAEy-AAAwvQAAuj4AAIg9AAD6PiAAOBNACUh8UAEqjwIQARqAAgAA0r4AADy-AADovQAAQb8AAFC9AAC4PQAA2D0AAKi9AACIvQAAmD0AABG_AAB8PgAA6D0AADC9AAAwvQAAUD0AAIq-AABZPwAA2L0AALo-AAD4PQAAEL0AAJi9AADCPgAAxr4AAKK-AACOPgAAqD0AAIi9AACIPQAAPD4AALi9AAA0PgAAdL4AAIA7AAB8PgAAcL0AAAS-AACCvgAAmj4AAKA8AACYPQAALD4AAEA8AACSPgAAnr4AAH-_AABwvQAA4DwAAIK-AAAkPgAABD4AANo-AAAMPgAAJD4AAFw-AACIvQAAzj4AAJi9AABkvgAAND4AABc_AABAvAAA6r4gADgTQAlIfFABMAk4AUoAYABoAA,,\"}","related_url":"http://www.youtube.com/watch?v=HrqCXkf-5gU","parent-reqid":"1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1920,"cheight":1080,"cratio":1.77777,"dups":["11343132954562489379"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":true,"contentTypeId":null,"censored":false,"videoContentId":"968750372"},"7573485292864837305":{"videoId":"7573485292864837305","docid":"34-9-15-Z3AD16A32961F599D","description":"Demo: https://play.tailwindcss.com/MgK0lgxV1C Ayrıcalıklardan yararlanmak için bu kanala katılın: / @codingwithdidem 1:1 Call https://superpeer.com/codingwithdidem Ücretsiz İçeriklerime Destek...","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/1567313/cc19f89dc619d200ca0e47d1e84cd441/564x318_1","videoSrc":"https://video-preview.s3.yandex.net/BP7-ygEAAAA.mp4","videoType":"video/mp4"},"target":"_self","position":"17","reqid":"1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL","summary":{"fullTextUrl":"/int_search_summary?data=http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DwCbmYzU2qkw","linkTemplate":"/video/preview/7573485292864837305?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=%%timestamp%%&ask_summarization=1"},"isAdultDoc":false,"relatedParams":{"text":"Background Glow Effect | Tailwindcss","related_orig_text":"codingwithdidem","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"codingwithdidem\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=wCbmYzU2qkw\",\"src\":\"serp\",\"rvb\":\"Eq0DChQxMTE0MTM0NDk4MTg0OTg2NDUxOAoTMTMyMzA0OTM2NzE5NzYwNzM4MwoSMzAzNDM1MjUwNDc2MTg1NjE4ChM3ODExODU1MTQ0MDE5NjczMjk0ChQxODM4MjY5MjQ0MDkzMzgwNzY5OAoTNjUxMDcwMjQyODg5NTY2NDEyMAoTNTc4NTgzNzc5MTU1MTU3MDg3NQoUMTMxMDk0ODk0NzY1OTIwMTA5NTgKEzQ4MTk5NDI2NjI3NjY5NzczMzIKFDE3ODY4MjQwOTQ3NjY2NzY4Njk3ChQxNTg1NTM5MTc0MDU1NDA2MTc0NQoUMTM4MDQ3OTI2Njk5NTE1NjQ3NDQKFDExMzc5MzgyMjE2MTkzNTY2ODgyChMxOTU3NDE3MTEzOTgwMzI2OTQzChQxMTM0MzEzMjk1NDU2MjQ4OTM3OQoTNzU3MzQ4NTI5Mjg2NDgzNzMwNQoTMjY4MjQ3ODQyOTgwMDcwOTAzNwoUMTYzODcwOTEzNzYyMDc0NDQyMjIKFDE3MTIxNjU1MDg4MDc4MzIyMTc2ChM2ODM4NTI0MDUxMjIxNzMwNDYzGhUKEzc1NzM0ODUyOTI4NjQ4MzczMDVaEzc1NzM0ODUyOTI4NjQ4MzczMDVqiBcSATAYACJFGjEACipoaG9vaHBpdnNoamNkem5kaGhVQ2ZHWEVvMnVDa1ZxY0lxa0lhRk5HY0ESAgASKhDCDw8aDz8TlweCBCQBgAQrKosBEAEaeIH9_P0O_gIA6wj-AgEBAAAWBgUC9gICAOkHAQ39_wEABQYF_QgBAADy-_gBCAAAAPkH-vP2_gEADQb1AwQAAAAV-QAM-QAAAAr9BAv_AQAA-Ar-_AMAAAAHAgX4_wAAAPf4DPMAAAAA__wDCgAAAAAB_AISAAAAACAALdOk2js4E0AJSE5QAiqEAhAAGvABf_HX_ucIHgK_BwAA6B7kAJL2DQBVDNoA6h7dAcME-gHn5NH_69Ij_4_YEAGgBS0ByxTT_1YTFAAbJBD_8fggABD33AFJ6foBVPAGAN8v5_4DQh0BOCEIADX-DwHXDO4ADPkmAfvW2QK27igCEzQhBVX7IAESDvwAwNYXAvsPFvzO7QL9_AgCBcXjIv8-2B8GIP7e-y8A4QP8-vkJKBP4DOfUEgEI4-kFSf4VAwjg-P_Y6OwGBhgH_gQINP4A_yEE5-oLAN7v-vEBCgXxQQT__PIvGv8n0uQCAdTx_tL5C_fQxgPzuUMM9-TuBv0RGfPuIAAtiMz7OjgTQAlIYVACKs8HEAAawAfvHNK-b-i3PFrHZz1xjvq9cMFoPQW5sLw5ZOO9stILO4kDLb2Qoh4-ShLfPLdDATy3DZO-G1QTPBu0HL07GWw-rgzqPIKMJTyYY968JqG6u3bTV71i3q69YRmbvL43HzyMqAS9ZNStu4uQlTz_IT0-zon9PE4QUDy8ywW-XI8hvPw9AzrhXhk9d_GjvJG-JLyOBBo-BMU0PBXZuTuYrbs92RshPNm84DxBHMW9QCj5PH9dejuVZg69KZ2jvETbMTzs9Ci8kVRwvPKM5Lt_FeC9bjsjvfGdmDyv7x49dvfCO8MxBj0HJGE8MdC1PACmMbxMxYY8MjoAPb-JVzx39Qq-oJ8uPVz5UbyfIPE9EA4svY4RJznCspi9len8PGgwvDxa1wk8MWCJvO6ayjv0NOA9OJPAPXcCUDw8PSU8Iz17vOqjvroJTm0-RbiJvVmcd7uMjQ-9pR4YvQXSzzxngjw9eg27Pd1sYryqPh2816ypvJ1OFjpS7aM9xeDGvCZ8hDs1UpU91MFwvelGWLzYKFA9NNvFPardZTw7GBG-0J3gvFXclzvQoPw8UInQPIpxALyoMjE9_3fEPO5Exbvxbpu9ycuavV5tAbzaZN48_Oo-OkTEKDzlL8i8xV_uOv0TP7sONhA9AKiCvSIzPLyTA7G9R5ObvYN0qTo6vSG9vbHWPAe7YzifvYS8vuQavQfvCjuhkik9QKAUPONqiTvTRJQ9eeIcvFFpozsJ6xK8EYF0vXVh_7qS5g-9bEYBPU98b7rHZxI-rqDpvZAJtLm0WCu7WWAZPc15UDmubuu8pvAgPQuWnrneO5o9bvMrPePNL7m-xeA7rFMVvqaMyTmi13q8qBFkvd0ES7m4zrq9avsSPZhwTDm0-xo9ryIDvRdmMLmH4mk9ljW7vGLTwbgMhLM9jy8GPUh15rjvpgA9KEnXvfy_FLlRn2S9ZompvJnxVzlBlHk8IsKeuso_TDf_3he9a7ddvZceEjg3Q_270MoCPQvkQDkgyOo7UGGrvakcj7gGvfe8xdHLvDT-ZTiwD7G9twy4vf5YOLhybD28s51qPSiCtre45Ci-0X-FvJ34GrnGv2-9BMYavVtpm7j0wRK-8OvRvPjeCbgRw6O9nVWVvGHdmDciC6I9vq61vdrsArkoFp49NheJPKD4PzhB8m49hQ-AvBLIWzfNzl095OoxPS7yHzh2fjs97ZICvLRNWbhG5JA9gcYxPeWQjzgZp8a883t2PFwiv7jOhmG90Oz6PcASljjIQQm9rq3JvW1JuLcgADgTQAlIbVABKnMQABpgKvUASsr3wtYSaOY_v-1B4vLp2NPpFv8Ktf_c_b8K5jnqzjIM_yf2_QqeAAAANjn2NcsAEn_DqtTu3AEK3bnFFwF4CflEzBkXG7nGVdzQGq4XCjUUAADQwRYE5-AHcwLpIAAtJ_ANOzgTQAlIb1ACKq8GEAwaoAYAAOjBAAAIQgAA0EEAALjBAACOQgAAfEIAAKRCAABQQQAArMIAAAxCAACwQQAAosIAACzCAAAwwQAA1EIAAADBAABAwQAAAMIAAEDCAAB0wgAA-EEAAFDCAADQwQAAQEEAAHBBAAAIwgAAQEAAABBBAACqQgAAUMEAAGzCAABYQgAAvsIAAIJCAABwQQAAeMIAAJhBAACIQgAAAMAAAMRCAABUQgAAoEEAAChCAAC4QQAAAEEAABzCAAAAQgAAsEEAAEBCAACgQAAAlMIAALDBAAAMQgAAOMIAAIRCAADYQQAA6sIAANDBAABAwQAAsEEAAPhBAADYwQAAGMIAAJLCAAAEQgAAhsIAACBBAACwwQAAFEIAAJjBAAAAAAAAREIAACDBAAAYQgAAAMEAACBBAADwwQAAJEIAAHhCAAAAwgAAmMIAAHRCAADoQQAAoEEAABBBAACwwQAA8MEAAHBCAABIQgAAUMEAAJBBAAAMQgAAMMEAAI7CAACYQQAAIEEAAFDCAAAgwgAAqEEAAFzCAAAowgAAgkIAAPhBAADAQQAABMIAAMBBAADwQQAAoMAAAIBAAACgQQAAwMEAACBBAADQwQAAMMEAAIDAAADQQQAAQMAAAODAAAAwQQAA8EEAAOBAAAB8wgAAoMAAAEjCAAAQQQAAlkIAABDCAADQQQAA4MEAAMjBAAAswgAAAMEAAABAAACQwQAAqMEAAEBAAACAwAAAUEEAAADAAABcwgAAGEIAAMBAAAA0QgAAEMEAAIRCAACAwAAAPMIAAGBBAAAAwQAAoMAAAOBBAAAAAAAAgL8AAIDCAACQQQAAbMIAAIhBAACAwQAAwMAAAJhBAADQQQAAQEAAAEjCAADQQQAA0MEAAGzCAAAAwAAA0EEAAGxCAABAQQAA4EAAAPBBAACAwQAAoMEAAABAAAAwQQAAaEIAALDBAADAwQAAyEIAAHDCAAA4wgAAgMAAAMDAAAAUQgAAAEIAAHDCAAC-QgAAqEEAAJjBAABQQQAAMMIAAODAAACIQQAAUMIAAAxCAACSwgAAAEIAANDBAADAwSAAOBNACUh1UAEqjwIQABqAAgAABL4AAKA8AAD4vQAA6D0AACQ-AAA7PwAAir4AAD-_AAArvwAADD4AAIg9AACaPgAAcD0AAIg9AAAMvgAAor4AAJI-AADYPQAAFD4AAGc_AAA1PwAAmL0AAEC8AAAMvgAAiD0AANa-AAAUPgAAN78AADw-AADyPgAAbD4AACy-AADoPQAAdD4AAEC8AAAsvgAAMD0AAGS-AAC6vgAAhr4AAFy-AACavgAAoj4AAPg9AACePgAAMD0AANi9AADqvgAAED0AAAS-AACYPQAAxr4AADC9AAA8vgAAQLwAAFA9AAB_PwAAMD0AAI4-AABwPQAA4LwAAIA7AABQvQAA4DwgADgTQAlIfFABKo8CEAEagAIAAEC8AABAvAAATL4AAAe_AABAvAAAVL4AAIA7AACgPAAADL4AAFA9AAB8vgAAiL0AACQ-AAA8vgAAUL0AAKi9AAD4vQAAEz8AAKg9AACiPgAAJD4AAEA8AACIPQAAUL0AAKi9AAAkvgAAML0AAKC8AAAEPgAADD4AAHA9AADIPQAAuL0AAEA8AAA8vgAAJL4AAJ4-AACoPQAAPL4AAJg9AAA8PgAAgDsAAIC7AADIPQAAJD4AAAw-AAB_vwAAFL4AALi9AAAwPQAAJD4AAIC7AAAkPgAAUD0AAEA8AADIPQAAcL0AAMi9AAAwvQAAyD0AAEA8AABMPgAAdL4AAMK-IAA4E0AJSHxQATAJOAFKAGAAaAA,\"}","related_url":"http://www.youtube.com/watch?v=wCbmYzU2qkw","parent-reqid":"1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1920,"cheight":1080,"cratio":1.77777,"dups":["7573485292864837305"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":true,"contentTypeId":null,"censored":false,"videoContentId":"3263195646"},"2682478429800709037":{"videoId":"2682478429800709037","docid":"34-0-5-ZC10526A009107035","description":"Ayrıcalıklardan yararlanmak için bu kanala katılın: / @codingwithdidem 1:1 Call Ayırmak İçin https://superpeer.com/codingwithdidem Ücretsiz İçeriklerime Destek Vermek İçin: Patreon : ttps...","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/2712957/898ca352c4c41b02b6cca6c53464c397/564x318_1","videoSrc":"https://video-preview.s3.yandex.net/SSx12wEAAAA.mp4","videoType":"video/mp4"},"target":"_self","position":"18","reqid":"1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL","summary":{"fullTextUrl":"/int_search_summary?data=http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3Dsmf9sxgu69Y","linkTemplate":"/video/preview/2682478429800709037?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=%%timestamp%%&ask_summarization=1"},"isAdultDoc":false,"relatedParams":{"text":"Chatify - Figma İle Arkaplan Tasarlayalım","related_orig_text":"codingwithdidem","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"codingwithdidem\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=smf9sxgu69Y\",\"src\":\"serp\",\"rvb\":\"Eq0DChQxMTE0MTM0NDk4MTg0OTg2NDUxOAoTMTMyMzA0OTM2NzE5NzYwNzM4MwoSMzAzNDM1MjUwNDc2MTg1NjE4ChM3ODExODU1MTQ0MDE5NjczMjk0ChQxODM4MjY5MjQ0MDkzMzgwNzY5OAoTNjUxMDcwMjQyODg5NTY2NDEyMAoTNTc4NTgzNzc5MTU1MTU3MDg3NQoUMTMxMDk0ODk0NzY1OTIwMTA5NTgKEzQ4MTk5NDI2NjI3NjY5NzczMzIKFDE3ODY4MjQwOTQ3NjY2NzY4Njk3ChQxNTg1NTM5MTc0MDU1NDA2MTc0NQoUMTM4MDQ3OTI2Njk5NTE1NjQ3NDQKFDExMzc5MzgyMjE2MTkzNTY2ODgyChMxOTU3NDE3MTEzOTgwMzI2OTQzChQxMTM0MzEzMjk1NDU2MjQ4OTM3OQoTNzU3MzQ4NTI5Mjg2NDgzNzMwNQoTMjY4MjQ3ODQyOTgwMDcwOTAzNwoUMTYzODcwOTEzNzYyMDc0NDQyMjIKFDE3MTIxNjU1MDg4MDc4MzIyMTc2ChM2ODM4NTI0MDUxMjIxNzMwNDYzGhUKEzI2ODI0Nzg0Mjk4MDA3MDkwMzdaEzI2ODI0Nzg0Mjk4MDA3MDkwMzdqiBcSATAYACJFGjEACipoaG9vaHBpdnNoamNkem5kaGhVQ2ZHWEVvMnVDa1ZxY0lxa0lhRk5HY0ESAgASKhDCDw8aDz8ThgWCBCQBgAQrKosBEAEaeIH4AAIGAf8A6xT5BQYC_wD6-gTy-f38AOTw-wAJ_QEAAf0PCf8BAAD6AvrwAQAAAAMB-QXy_gEAFQP7BgQAAAAd7wIB-gAAAO7zBwsAAQAAABAIBAMAAAAN_v0BAAAAAPkB-gr_AAAABAT8BwAAAAD44fv8AQAAACAALfQJ0Ds4E0AJSE5QAiqEAhAAGvABdxDZ_fYM4AOu2PX_0ugBAMELFf9--dT_gRb2AToHtwGt8fIB9DFJBNn-_gCxJVP-uSzv_-U0Cf8h5FH9_QrkAOUOzAEi5yoCQiTw_wAILf_GCt_-Lg8Q_07h5_3lJxH9CS7j_Ozmyf2q2_7_AAghAyrj_gIg4gn_-SLe_trzJP_1NRP9Bh4SBdcz8wkLwfIAJFEN-DgT6wXv9hsDIu_x-U_v_-746gwKAQ_6_ii3BAkYCRAO8ywj_cP39AkVRh4CBw8YD-OlFAT7E_sBMBwHBvME-wM-EO_8GhH1AMUKGwzPKQ7xAcwb8BLUBwfsEAH-IAAtmm3rOjgTQAlIYVACKs8HEAAawAfjGLG-X5BePRFgRzz6DdO9kHjDPGxwB73x2Rq-snX8OzmPhL0YmAU-gDPrO3-zvbu9jpC-fOdcvdimKTv-1Ys-IMSfPIapMTtYx9G9DLyJPGwDfL0UpZ49T3M3vTQlYz3874I98W_GPIWg2TwgtC4-Ey8qvb2oXTxg_WS9ebltunh8ubvYqH091zCTvbwZNDrqIzA-w94avekeQLvidTu7OfykPGSTmbuY7ZK72Ig7vPB2c7zxD3u9vhobPXTYt7o4wEw97U5SvS1hSDzu0DC9WHqIvIsqz7tLLI89W4p1vHMXm7udon48l0F5OumnbryuRME6Cp1XPFwNPzwW89i8Qfm2Pa2nsbqo_As-pYOVPSSOhrw6kza-BJVMPF-Ii7wQp4g94MhRumRU37pDjVI-62RaPenGibvEEDQ9BF7eO2f_TTwLDg8-XGsWPKrvALzeqnC9MdQ8PCj1o7sjNN08FbgrPbdvfzxaqOs8o6YCvSw_lTtb5U494ypNuQ-4LjwY64s9BVklvd5UZju2e149B8knPMtWrDv6VB-92WHnPFimhLxDSIy8B4dNPWIbAbmyW3U93Gd1PXgGsrtrt929Ss8UPY1bMzu4nay8tBwNvZdTJzyPrBe9R3FuPapQFbw_yw49T0tCPc4gajqHi_y9Fc-_vVD-gTqycYO9LOaBPQYHcLlzIFW9ZqKIPDLt9rtNCp29AqwCPNiGxDoYsgo-ZZ7DuxjRgjgBZXg8PDQHvVOCObq0IqW9bS09vWq4hDmUQLQ94M1kveKHajkA8tS8hoEdPe0nnbgzxZy843-cPb_uWjfsFp6749ARPTVf2bkUnYu9iXrhvcYncDklJZg99iWbPNv0gzkRaku9mMNJPLFlmTk89Si9KWR9vfgXn7nhw_g7wlOjvctMYbi3JKw8H7kVvdMaDTlkJ5c943ERvXPRSTjL_307jup0vVPqwDefKL-8OcV0vCGePjdDuUO9ck1BvXMQfDc5O1-7o25svQDIZDg1Kza8rjB4vS6dArjclBw9TqKUPbrAhze48Y29aWeiPato07fQgBU9gEq1PZY0kLgi-wC-xl8kPReYZTjrI2u9jb64vES307eUYSY95kFVPHmSljaEG1-82hU_PSRUDjj7UXm84evrvXvtADmlXKs8sk-LvUUYR7iBvXg8p7R5PcjolzeWuAg8868FPqnJPbOGECE9XHfTvd7zm7c66ii9UNCcPBHwjbdSpLG8hCJnPZ3pE7hIey29jUIyPpyxqThbb2W9iQoVvs5P8bcgADgTQAlIbVABKnMQABpgJQYASfjyy8sTSvQD3gUm2t-n4Q3jO__p0f-u7dsXHxD8vPPyAAswDe-mAAAAGgcWTgAACWvaBAcoygQ6t_ILJ9F_7uk1_0T9KdTLGwnUPwLwJwQ2AAja1BgkEfUOXDEZIAAtPJcgOzgTQAlIb1ACKq8GEAwaoAYAAGBBAACGQgAAREIAAPDBAAA4QgAAeEIAAABCAADgQQAA4sIAAADCAAC4QQAAgMIAAGjCAAD4wQAAgEIAALDBAAAAQQAAmMIAAAzCAABAwAAAgEEAAKDCAABAwQAAEEEAAChCAADYQQAAyMEAAMhBAAAkQgAAEMEAAKrCAADgwAAAtMIAAGxCAAC4wQAAAMIAABBCAABUQgAAYEEAAIZCAACYQQAAoEAAAMBBAACgQQAAHMIAAKjBAADoQQAAcMEAALBBAAAAQQAA3sIAAMjBAACAQAAAEMIAAKJCAAAQQgAAIMIAAGDBAAAgwQAA8EEAAARCAABMwgAAoEAAAADDAAA8QgAAkMEAAOBAAACAQQAAYEEAAAzCAABUQgAAdEIAAHBBAAAQQgAAYMEAAMBAAADYwQAAQEIAAChCAACAwAAAaMIAACxCAAAwwQAAREIAALjBAABQQQAA4EEAALBBAADQwQAAwMEAAIC_AABkQgAAIMEAAKjCAAAAAAAAwMAAADTCAAAkwgAAoEEAAJjBAACIwgAAJEIAADhCAADAwAAAhsIAAMhBAABwQQAA4EAAAIBBAAAgQgAAoEAAAABBAACgQAAA0EEAAPBBAABgQQAAkMEAAPDBAADAQQAAgL8AAAhCAAAEwgAAgMAAAIjCAACwwQAAYEEAAKDAAACAQAAAPMIAADDBAAAIwgAAqMEAAAhCAABAwAAAiEEAAIRCAACAvwAAwEAAADDBAABEwgAAMEIAABBCAABQQQAAAEEAACBCAACwQQAAWMIAAOhBAABwQQAAuEEAABBBAACgwQAAQMAAAGjCAADgwQAAQMIAAEDCAACQwgAAgD8AAHxCAAAYQgAADEIAAITCAADYQQAADMIAAFTCAABAQQAAUEIAABBCAABwQQAAHMIAAFhCAADQwQAAEMIAAIBBAABAQQAAyEEAADzCAABgQQAA4kIAALzCAAAkwgAA4MEAABDBAAAEQgAAAEEAAJDCAAAYQgAAKEIAAAzCAACQQQAAoMEAAAAAAADYQQAAIMIAAEhCAACOwgAAQEIAAJDBAACQQSAAOBNACUh1UAEqjwIQABqAAgAAqr4AAJi9AAA8vgAARD4AABA9AAB0PgAAED0AAD-_AAA8vgAApj4AAM4-AADgPAAAyj4AAOA8AABcvgAATL4AAJo-AADoPQAAXD4AABU_AAB_PwAAJD4AAJg9AAAEPgAA2D0AADQ-AADgPAAAbL4AABQ-AABwvQAAND4AABQ-AADIPQAARD4AAI4-AAC4PQAAJL4AABy-AABcvgAA-r4AAJq-AADYPQAA6D0AAOa-AAC2PgAABL4AANa-AACGvgAAbL4AAMa-AAB0PgAA2L0AAIo-AADoPQAAXL4AADS-AABZPwAA4DwAALg9AAAsPgAAiL0AADy-AADIvQAAFD4gADgTQAlIfFABKo8CEAEagAIAAPg9AABsPgAAqD0AACO_AAD4vQAAcL0AAKo-AACIvQAAuL0AADQ-AAAwvQAAjr4AAKg9AADmvgAAEL0AAIi9AAAcvgAAMz8AAEC8AACGPgAALL4AAOi9AAAwvQAAmL0AAKi9AACOvgAALL4AAKg9AAC4vQAAFL4AADA9AAA0PgAAbL4AAIi9AABQvQAADL4AAMI-AACOPgAApr4AAKg9AAAMPgAAiL0AAJq-AABAPAAAML0AAPg9AAB_vwAAfL4AAKi9AACIPQAAgj4AAHA9AABEPgAA6L0AAOg9AADgPAAAyL0AANg9AAAcvgAAiD0AABw-AACKPgAAqL0AADS-IAA4E0AJSHxQATAJOAFKAGAAaAA,\"}","related_url":"http://www.youtube.com/watch?v=smf9sxgu69Y","parent-reqid":"1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1276,"cheight":720,"cratio":1.77222,"dups":["2682478429800709037"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":true,"contentTypeId":null,"censored":false,"videoContentId":"1081840985"},"16387091376207444222":{"videoId":"16387091376207444222","docid":"34-8-6-Z958A6C9BAAD8D2E3","description":"Ayrıcalıklardan yararlanmak için bu kanala katılın: / @codingwithdidem 1:1 Call Ayırmak İçin https://superpeer.com/codingwithdidem Ücretsiz İçeriklerime Destek Vermek İçin: Patreon : ttps...","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/2712957/898ca352c4c41b02b6cca6c53464c397/564x318_1","videoSrc":"https://video-preview.s3.yandex.net/yt0VWgEAAAA.mp4","videoType":"video/mp4"},"target":"_self","position":"19","reqid":"1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL","summary":{"fullTextUrl":"/int_search_summary?data=http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DGWXxZw8VNjE","linkTemplate":"/video/preview/16387091376207444222?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem&t=%%timestamp%%&ask_summarization=1"},"isAdultDoc":false,"relatedParams":{"text":"Chatify - Deployyyyyyyyyyyyyy :)","related_orig_text":"codingwithdidem","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"codingwithdidem\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=GWXxZw8VNjE\",\"src\":\"serp\",\"rvb\":\"Eq0DChQxMTE0MTM0NDk4MTg0OTg2NDUxOAoTMTMyMzA0OTM2NzE5NzYwNzM4MwoSMzAzNDM1MjUwNDc2MTg1NjE4ChM3ODExODU1MTQ0MDE5NjczMjk0ChQxODM4MjY5MjQ0MDkzMzgwNzY5OAoTNjUxMDcwMjQyODg5NTY2NDEyMAoTNTc4NTgzNzc5MTU1MTU3MDg3NQoUMTMxMDk0ODk0NzY1OTIwMTA5NTgKEzQ4MTk5NDI2NjI3NjY5NzczMzIKFDE3ODY4MjQwOTQ3NjY2NzY4Njk3ChQxNTg1NTM5MTc0MDU1NDA2MTc0NQoUMTM4MDQ3OTI2Njk5NTE1NjQ3NDQKFDExMzc5MzgyMjE2MTkzNTY2ODgyChMxOTU3NDE3MTEzOTgwMzI2OTQzChQxMTM0MzEzMjk1NDU2MjQ4OTM3OQoTNzU3MzQ4NTI5Mjg2NDgzNzMwNQoTMjY4MjQ3ODQyOTgwMDcwOTAzNwoUMTYzODcwOTEzNzYyMDc0NDQyMjIKFDE3MTIxNjU1MDg4MDc4MzIyMTc2ChM2ODM4NTI0MDUxMjIxNzMwNDYzGhYKFDE2Mzg3MDkxMzc2MjA3NDQ0MjIyWhQxNjM4NzA5MTM3NjIwNzQ0NDIyMmq2DxIBMBgAIkUaMQAKKmhob29ocGl2c2hqY2R6bmRoaFVDZkdYRW8ydUNrVnFjSXFrSWFGTkdjQRICABIqEMIPDxoPPxORAoIEJAGABCsqiwEQARp4gf7_-P_7BgD7CgD8_QIAAfb5-_z6_v4A7Pj89AL_AQD9AQkACQEAAP8NAAj7AAAA-vv4-gL-AAAQBwEL9gAAAP3wAgICAAAA_f39Cf8BAAADE_r2AQAAAA3-__j_AAAA9gD_-gMAAAAFDPoCAAAAAPb4-wcAAAAAIAAt2W3kOzgTQAlITlACKoQCEAAa8AFbDOL-Fv8GA7IJ7f_U_9cAgeH9_0UK4QDgDegA7f7cANMO5QDcAiABvfzzAL0YCADoF9z_ICcMAPnyOALrAQ0BAAnhAQ_cJwEyHPT_4wn8_uYWBv5D-hIBOPABAgcM7v4q-QEA8e3W_r_k_v_vKjUCGwAF_yEFDgjnFRoADxkd-MbuBPzEGvX_yvEF-BsNAvwTLuABWSPr_f8mIAI0FPILDfoYAQoA-_nxBAQAAAf1-uAGC_XrDgsC1vUO_RA1FgH4Bg8B8-IB8PooA_pFIQv7_TUG_Bn19Qz15fcG2AMX9hQGAvrMEgQC7PwS-hUQ7gkgAC0UBRs7OBNACUhhUAIqcxAAGmA5CgA0HvrVvu9M7yS19xbk-ab46twV_wsE__7qyib2LgK2Mu7_Kuge-qYAAAAmJhtS7AABcOb67R_VGAbB7tM3DH8n2Sr1S0wb_sI7Ecv73evoB1cAGf_PHO0M9Rlf_jQgAC1XOhw7OBNACUhvUAIqrwYQDBqgBgAAYEEAAIZCAABEQgAA8MEAADhCAAB4QgAAAEIAAOBBAADiwgAAAMIAALhBAACAwgAAaMIAAPjBAACAQgAAsMEAAABBAACYwgAADMIAAEDAAACAQQAAoMIAAEDBAAAQQQAAKEIAANhBAADIwQAAyEEAACRCAAAQwQAAqsIAAODAAAC0wgAAbEIAALjBAAAAwgAAEEIAAFRCAABgQQAAhkIAAJhBAACgQAAAwEEAAKBBAAAcwgAAqMEAAOhBAABwwQAAsEEAAABBAADewgAAyMEAAIBAAAAQwgAAokIAABBCAAAgwgAAYMEAACDBAADwQQAABEIAAEzCAACgQAAAAMMAADxCAACQwQAA4EAAAIBBAABgQQAADMIAAFRCAAB0QgAAcEEAABBCAABgwQAAwEAAANjBAABAQgAAKEIAAIDAAABowgAALEIAADDBAABEQgAAuMEAAFBBAADgQQAAsEEAANDBAADAwQAAgL8AAGRCAAAgwQAAqMIAAAAAAADAwAAANMIAACTCAACgQQAAmMEAAIjCAAAkQgAAOEIAAMDAAACGwgAAyEEAAHBBAADgQAAAgEEAACBCAACgQAAAAEEAAKBAAADQQQAA8EEAAGBBAACQwQAA8MEAAMBBAACAvwAACEIAAATCAACAwAAAiMIAALDBAABgQQAAoMAAAIBAAAA8wgAAMMEAAAjCAACowQAACEIAAEDAAACIQQAAhEIAAIC_AADAQAAAMMEAAETCAAAwQgAAEEIAAFBBAAAAQQAAIEIAALBBAABYwgAA6EEAAHBBAAC4QQAAEEEAAKDBAABAwAAAaMIAAODBAABAwgAAQMIAAJDCAACAPwAAfEIAABhCAAAMQgAAhMIAANhBAAAMwgAAVMIAAEBBAABQQgAAEEIAAHBBAAAcwgAAWEIAANDBAAAQwgAAgEEAAEBBAADIQQAAPMIAAGBBAADiQgAAvMIAACTCAADgwQAAEMEAAARCAAAAQQAAkMIAABhCAAAoQgAADMIAAJBBAACgwQAAAAAAANhBAAAgwgAASEIAAI7CAABAQgAAkMEAAJBBIAA4E0AJSHVQASqPAhAAGoACAADgvAAAHL4AAOg9AABEPgAAjr4AAAk_AACoPQAA7r4AAPi9AACGPgAAgLsAALg9AAAQvQAAHD4AAHy-AACovQAAnj4AANi9AAAUPgAAuj4AAH8_AAAcvgAA6D0AABA9AAAMvgAAJD4AAJi9AADYvQAAQLwAALg9AADgPAAAND4AAHA9AAC2PgAAuD0AANq-AAAEvgAAVL4AAJa-AAAcPgAAgr4AAIi9AACmPgAAJL4AAOC8AACoPQAAXL4AAOi9AABMvgAAcD0AAHw-AAAwPQAAgj4AAAS-AAD4vQAAUL0AADk_AAC4vQAAJD4AAAw-AABAvAAAFL4AAKA8AAAEPiAAOBNACUh8UAEqjwIQARqAAgAAoDwAADA9AAA8vgAAS78AAAS-AAA8PgAAkj4AAFC9AACgvAAAqj4AAKA8AABwvQAAdD4AAEC8AABAvAAAcL0AAEC8AAAlPwAAlr4AAMI-AAA0vgAAEL0AACw-AACovQAAoLwAANg9AACIvQAADD4AAIC7AAAwvQAAyD0AALi9AACoPQAAPL4AAIA7AACovQAA4DwAALg9AACAOwAAEL0AAK4-AADgvAAAqL0AABC9AACSvgAA-L0AAH-_AACYPQAAFL4AAKo-AADoPQAAXD4AAPg9AACePgAAML0AAJg9AAAEvgAA6D0AAIC7AACGvgAALD4AAHQ-AAA0PgAAyL0gADgTQAlIfFABMAk4AUoAYABoAA,,\"}","related_url":"http://www.youtube.com/watch?v=GWXxZw8VNjE","parent-reqid":"1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1260,"cheight":720,"cratio":1.75,"dups":["16387091376207444222"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":false,"contentTypeId":null,"censored":false,"videoContentId":"2699116598"}},"dups":{"11141344981849864518":{"videoId":"11141344981849864518","title":"My favorite vscode themes","cleanTitle":"My favorite vscode themes","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=c38nWfOLO3I","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/c38nWfOLO3I?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":"d3d3LnlvdXR1YmUuY29tO1VDZkdYRW8ydUNrVnFjSXFrSWFGTkdjQQ==","name":"codingwithdidem","isVerified":false,"subscribersCount":0,"url":"/video/search?text=codingwithdidem","origUrl":"http://www.youtube.com/@codingwithdidem","a11yText":"codingwithdidem. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":655,"text":"10:55","a11yText":"Süre 10 dakika 55 saniye","shortText":"10 dk."},"views":{"text":"3,9bin","a11yText":"3,9 bin izleme"},"date":"9 eki 2021","modifyTime":1633731159000,"isExternal":false,"player":{"embedUrl":"https://www.youtube.com/embed/c38nWfOLO3I?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=c38nWfOLO3I","reqid":"1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL","duration":655},"parentClipId":"11141344981849864518","href":"/preview/11141344981849864518?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem","rawHref":"/video/preview/11141344981849864518?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem","isEmbedOnly":false,"shouldPlayInstreamPreroll":false},"1323049367197607383":{"videoId":"1323049367197607383","title":"10 Kat Daha Hızlı Kod Yaz | VSCode için Vim Plugin","cleanTitle":"10 Kat Daha Hızlı Kod Yaz | VSCode için Vim Plugin","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=APMVSOAfpBw","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/APMVSOAfpBw?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":"d3d3LnlvdXR1YmUuY29tO1VDZkdYRW8ydUNrVnFjSXFrSWFGTkdjQQ==","name":"codingwithdidem","isVerified":false,"subscribersCount":0,"url":"/video/search?text=codingwithdidem","origUrl":"http://www.youtube.com/@codingwithdidem","a11yText":"codingwithdidem. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":1049,"text":"17:29","a11yText":"Süre 17 dakika 29 saniye","shortText":"17 dk."},"views":{"text":"16,6bin","a11yText":"16,6 bin izleme"},"date":"20 ağu 2021","modifyTime":1629408125000,"isExternal":false,"player":{"embedUrl":"https://www.youtube.com/embed/APMVSOAfpBw?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=APMVSOAfpBw","reqid":"1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL","duration":1049},"parentClipId":"1323049367197607383","href":"/preview/1323049367197607383?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem","rawHref":"/video/preview/1323049367197607383?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem","isEmbedOnly":false,"shouldPlayInstreamPreroll":false},"303435250476185618":{"videoId":"303435250476185618","title":"Figma Tasarımını HTML, CSS, JS Koduna Dönüştürelim!","cleanTitle":"Figma Tasarımını HTML, CSS, JS Koduna Dönüştürelim!","host":{"title":"YouTube","href":"http://www.youtube.com/live/15t_tPDKFV4","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/15t_tPDKFV4?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":"d3d3LnlvdXR1YmUuY29tO1VDZkdYRW8ydUNrVnFjSXFrSWFGTkdjQQ==","name":"codingwithdidem","isVerified":false,"subscribersCount":0,"url":"/video/search?text=codingwithdidem","origUrl":"http://www.youtube.com/@codingwithdidem","a11yText":"codingwithdidem. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":11273,"text":"3:07:53","a11yText":"Süre 3 saat 7 dakika 53 saniye","shortText":"3 sa. 7 dk."},"views":{"text":"36,5bin","a11yText":"36,5 bin izleme"},"date":"19 mar 2021","modifyTime":1616146844000,"isExternal":false,"player":{"embedUrl":"https://www.youtube.com/embed/15t_tPDKFV4?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=15t_tPDKFV4","reqid":"1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL","duration":11273},"parentClipId":"303435250476185618","href":"/preview/303435250476185618?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem","rawHref":"/video/preview/303435250476185618?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem","isEmbedOnly":false,"shouldPlayInstreamPreroll":false},"7811855144019673294":{"videoId":"7811855144019673294","title":"Contentrain ile Portfolyo Uygulaması | Git-Based Headless CMS","cleanTitle":"Contentrain ile Portfolyo Uygulaması | Git-Based Headless CMS","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=16h_kXiwGcA","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/16h_kXiwGcA?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":"d3d3LnlvdXR1YmUuY29tO1VDZkdYRW8ydUNrVnFjSXFrSWFGTkdjQQ==","name":"codingwithdidem","isVerified":false,"subscribersCount":0,"url":"/video/search?text=codingwithdidem","origUrl":"http://www.youtube.com/@codingwithdidem","a11yText":"codingwithdidem. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":1110,"text":"18:30","a11yText":"Süre 18 dakika 30 saniye","shortText":"18 dk."},"views":{"text":"2,7bin","a11yText":"2,7 bin izleme"},"date":"3 mayıs 2022","modifyTime":1651588360000,"isExternal":false,"player":{"embedUrl":"https://www.youtube.com/embed/16h_kXiwGcA?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=16h_kXiwGcA","reqid":"1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL","duration":1110},"parentClipId":"7811855144019673294","href":"/preview/7811855144019673294?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem","rawHref":"/video/preview/7811855144019673294?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem","isEmbedOnly":false,"shouldPlayInstreamPreroll":false},"18382692440933807698":{"videoId":"18382692440933807698","title":"Muhteşem Dokümantasyonlar Hazırlayın | Gitbook","cleanTitle":"Muhteşem Dokümantasyonlar Hazırlayın | Gitbook","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=Ez6kkDmKFIw","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/Ez6kkDmKFIw?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":"d3d3LnlvdXR1YmUuY29tO1VDZkdYRW8ydUNrVnFjSXFrSWFGTkdjQQ==","name":"codingwithdidem","isVerified":false,"subscribersCount":0,"url":"/video/search?text=codingwithdidem","origUrl":"http://www.youtube.com/@codingwithdidem","a11yText":"codingwithdidem. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":619,"text":"10:19","a11yText":"Süre 10 dakika 19 saniye","shortText":"10 dk."},"views":{"text":"5,7bin","a11yText":"5,7 bin izleme"},"date":"15 nis 2022","modifyTime":1649980800000,"isExternal":false,"player":{"embedUrl":"https://www.youtube.com/embed/Ez6kkDmKFIw?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=Ez6kkDmKFIw","reqid":"1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL","duration":619},"parentClipId":"18382692440933807698","href":"/preview/18382692440933807698?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem","rawHref":"/video/preview/18382692440933807698?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem","isEmbedOnly":false,"shouldPlayInstreamPreroll":false},"6510702428895664120":{"videoId":"6510702428895664120","title":"Figma tasarımını React koduna dönüştürelim | Overlay Plugin","cleanTitle":"Figma tasarımını React koduna dönüştürelim | Overlay Plugin","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=d1HjHuRsENw","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/d1HjHuRsENw?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":"d3d3LnlvdXR1YmUuY29tO1VDZkdYRW8ydUNrVnFjSXFrSWFGTkdjQQ==","name":"codingwithdidem","isVerified":false,"subscribersCount":0,"url":"/video/search?text=codingwithdidem","origUrl":"http://www.youtube.com/@codingwithdidem","a11yText":"codingwithdidem. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":1012,"text":"16:52","a11yText":"Süre 16 dakika 52 saniye","shortText":"16 dk."},"views":{"text":"15,8bin","a11yText":"15,8 bin izleme"},"date":"13 mar 2021","modifyTime":1615593600000,"isExternal":false,"player":{"embedUrl":"https://www.youtube.com/embed/d1HjHuRsENw?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=d1HjHuRsENw","reqid":"1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL","duration":1012},"parentClipId":"6510702428895664120","href":"/preview/6510702428895664120?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem","rawHref":"/video/preview/6510702428895664120?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem","isEmbedOnly":false,"shouldPlayInstreamPreroll":false},"5785837791551570875":{"videoId":"5785837791551570875","title":"Visual Studio Code Eklentilerim | Font | Tema","cleanTitle":"Visual Studio Code Eklentilerim | Font | Tema","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=AQ2VlIAnVz0","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/AQ2VlIAnVz0?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":"d3d3LnlvdXR1YmUuY29tO1VDZkdYRW8ydUNrVnFjSXFrSWFGTkdjQQ==","name":"codingwithdidem","isVerified":false,"subscribersCount":0,"url":"/video/search?text=codingwithdidem","origUrl":"http://www.youtube.com/@codingwithdidem","a11yText":"codingwithdidem. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":1511,"text":"25:11","a11yText":"Süre 25 dakika 11 saniye","shortText":"25 dk."},"views":{"text":"6,5bin","a11yText":"6,5 bin izleme"},"date":"12 haz 2021","modifyTime":1623456000000,"isExternal":false,"player":{"embedUrl":"https://www.youtube.com/embed/AQ2VlIAnVz0?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=AQ2VlIAnVz0","reqid":"1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL","duration":1511},"parentClipId":"5785837791551570875","href":"/preview/5785837791551570875?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem","rawHref":"/video/preview/5785837791551570875?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem","isEmbedOnly":false,"shouldPlayInstreamPreroll":false},"13109489476592010958":{"videoId":"13109489476592010958","title":"Serverless API Oluşturuyoruz | Cloudflare Workers & Discord Entegrasyonu","cleanTitle":"Serverless API Oluşturuyoruz | Cloudflare Workers & Discord Entegrasyonu","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=g9bckseSLmo","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/g9bckseSLmo?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":"d3d3LnlvdXR1YmUuY29tO1VDZkdYRW8ydUNrVnFjSXFrSWFGTkdjQQ==","name":"codingwithdidem","isVerified":false,"subscribersCount":0,"url":"/video/search?text=codingwithdidem","origUrl":"http://www.youtube.com/@codingwithdidem","a11yText":"codingwithdidem. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":1264,"text":"21:04","a11yText":"Süre 21 dakika 4 saniye","shortText":"21 dk."},"views":{"text":"3,3bin","a11yText":"3,3 bin izleme"},"date":"14 ağu 2021","modifyTime":1628899200000,"isExternal":false,"player":{"embedUrl":"https://www.youtube.com/embed/g9bckseSLmo?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=g9bckseSLmo","reqid":"1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL","duration":1264},"parentClipId":"13109489476592010958","href":"/preview/13109489476592010958?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem","rawHref":"/video/preview/13109489476592010958?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem","isEmbedOnly":false,"shouldPlayInstreamPreroll":false},"4819942662766977332":{"videoId":"4819942662766977332","title":"Create a Custom React Hook | useCopyToClipboard","cleanTitle":"Create a Custom React Hook | useCopyToClipboard","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=MQ5NWQ_m37M","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/MQ5NWQ_m37M?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":"d3d3LnlvdXR1YmUuY29tO1VDZkdYRW8ydUNrVnFjSXFrSWFGTkdjQQ==","name":"codingwithdidem","isVerified":false,"subscribersCount":0,"url":"/video/search?text=codingwithdidem","origUrl":"http://www.youtube.com/@codingwithdidem","a11yText":"codingwithdidem. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":1369,"text":"22:49","a11yText":"Süre 22 dakika 49 saniye","shortText":"22 dk."},"views":{"text":"1,6bin","a11yText":"1,6 bin izleme"},"date":"20 eyl 2021","modifyTime":1632096000000,"isExternal":false,"player":{"embedUrl":"https://www.youtube.com/embed/MQ5NWQ_m37M?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=MQ5NWQ_m37M","reqid":"1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL","duration":1369},"parentClipId":"4819942662766977332","href":"/preview/4819942662766977332?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem","rawHref":"/video/preview/4819942662766977332?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem","isEmbedOnly":false,"shouldPlayInstreamPreroll":false},"17868240947666768697":{"videoId":"17868240947666768697","title":"Tailwindcss ile Dark Tema Oluşturalım","cleanTitle":"Tailwindcss ile Dark Tema Oluşturalım","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=EhOycWiUeYY","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/EhOycWiUeYY?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":"d3d3LnlvdXR1YmUuY29tO1VDZkdYRW8ydUNrVnFjSXFrSWFGTkdjQQ==","name":"codingwithdidem","isVerified":false,"subscribersCount":0,"url":"/video/search?text=codingwithdidem","origUrl":"http://www.youtube.com/@codingwithdidem","a11yText":"codingwithdidem. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":1476,"text":"24:36","a11yText":"Süre 24 dakika 36 saniye","shortText":"24 dk."},"views":{"text":"3bin","a11yText":"3 bin izleme"},"date":"9 nis 2021","modifyTime":1618000214000,"isExternal":false,"player":{"embedUrl":"https://www.youtube.com/embed/EhOycWiUeYY?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=EhOycWiUeYY","reqid":"1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL","duration":1476},"parentClipId":"17868240947666768697","href":"/preview/17868240947666768697?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem","rawHref":"/video/preview/17868240947666768697?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem","isEmbedOnly":false,"shouldPlayInstreamPreroll":false},"15855391740554061745":{"videoId":"15855391740554061745","title":"React Uygulamalarını Test Etme - Screen, Debug, Container (2)","cleanTitle":"React Uygulamalarını Test Etme - Screen, Debug, Container (2)","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=s8gdM-mzma8","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/s8gdM-mzma8?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":"d3d3LnlvdXR1YmUuY29tO1VDZkdYRW8ydUNrVnFjSXFrSWFGTkdjQQ==","name":"codingwithdidem","isVerified":false,"subscribersCount":0,"url":"/video/search?text=codingwithdidem","origUrl":"http://www.youtube.com/@codingwithdidem","a11yText":"codingwithdidem. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":1009,"text":"16:49","a11yText":"Süre 16 dakika 49 saniye","shortText":"16 dk."},"views":{"text":"4,7bin","a11yText":"4,7 bin izleme"},"date":"5 nis 2021","modifyTime":1617580800000,"isExternal":false,"player":{"embedUrl":"https://www.youtube.com/embed/s8gdM-mzma8?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=s8gdM-mzma8","reqid":"1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL","duration":1009},"parentClipId":"15855391740554061745","href":"/preview/15855391740554061745?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem","rawHref":"/video/preview/15855391740554061745?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem","isEmbedOnly":false,"shouldPlayInstreamPreroll":false},"13804792669951564744":{"videoId":"13804792669951564744","title":"Convert Figma Landing Page to HTML CSS Code","cleanTitle":"Convert Figma Landing Page to HTML CSS Code","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=V_6mlJ1mZaE","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/V_6mlJ1mZaE?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":"d3d3LnlvdXR1YmUuY29tO1VDZkdYRW8ydUNrVnFjSXFrSWFGTkdjQQ==","name":"codingwithdidem","isVerified":false,"subscribersCount":0,"url":"/video/search?text=codingwithdidem","origUrl":"http://www.youtube.com/@codingwithdidem","a11yText":"codingwithdidem. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":2330,"text":"38:50","a11yText":"Süre 38 dakika 50 saniye","shortText":"38 dk."},"views":{"text":"16,9bin","a11yText":"16,9 bin izleme"},"date":"22 oca 2021","modifyTime":1611273600000,"isExternal":false,"player":{"embedUrl":"https://www.youtube.com/embed/V_6mlJ1mZaE?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=V_6mlJ1mZaE","reqid":"1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL","duration":2330},"parentClipId":"13804792669951564744","href":"/preview/13804792669951564744?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem","rawHref":"/video/preview/13804792669951564744?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem","isEmbedOnly":false,"shouldPlayInstreamPreroll":false},"11379382216193566882":{"videoId":"11379382216193566882","title":"NextJS Typescript Firebase FullStack Uygulaması - Authentication & Firestore & Firebase Functions","cleanTitle":"NextJS Typescript Firebase FullStack Uygulaması - Authentication & Firestore & Firebase Functions","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=6maL-ev6mMU","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/6maL-ev6mMU?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":"d3d3LnlvdXR1YmUuY29tO1VDZkdYRW8ydUNrVnFjSXFrSWFGTkdjQQ==","name":"codingwithdidem","isVerified":false,"subscribersCount":0,"url":"/video/search?text=codingwithdidem","origUrl":"http://www.youtube.com/@codingwithdidem","a11yText":"codingwithdidem. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":4766,"text":"1:19:26","a11yText":"Süre 1 saat 19 dakika 26 saniye","shortText":"1 sa. 19 dk."},"views":{"text":"4,5bin","a11yText":"4,5 bin izleme"},"date":"20 haz 2021","modifyTime":1624179969000,"isExternal":false,"player":{"embedUrl":"https://www.youtube.com/embed/6maL-ev6mMU?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=6maL-ev6mMU","reqid":"1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL","duration":4766},"parentClipId":"11379382216193566882","href":"/preview/11379382216193566882?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem","rawHref":"/video/preview/11379382216193566882?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem","isEmbedOnly":false,"shouldPlayInstreamPreroll":false},"1957417113980326943":{"videoId":"1957417113980326943","title":"React Tutorial - Inline Style | Css Stylesheets | Css Modules | Styled Components","cleanTitle":"React Tutorial - Inline Style | Css Stylesheets | Css Modules | Styled Components","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=bs0imLHWk70","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/bs0imLHWk70?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":"d3d3LnlvdXR1YmUuY29tO1VDZkdYRW8ydUNrVnFjSXFrSWFGTkdjQQ==","name":"codingwithdidem","isVerified":false,"subscribersCount":0,"url":"/video/search?text=codingwithdidem","origUrl":"http://www.youtube.com/@codingwithdidem","a11yText":"codingwithdidem. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":3502,"text":"58:22","a11yText":"Süre 58 dakika 22 saniye","shortText":"58 dk."},"views":{"text":"1bin","a11yText":"1 bin izleme"},"date":"9 oca 2021","modifyTime":1610150400000,"isExternal":false,"player":{"embedUrl":"https://www.youtube.com/embed/bs0imLHWk70?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=bs0imLHWk70","reqid":"1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL","duration":3502},"parentClipId":"1957417113980326943","href":"/preview/1957417113980326943?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem","rawHref":"/video/preview/1957417113980326943?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem","isEmbedOnly":false,"shouldPlayInstreamPreroll":false},"11343132954562489379":{"videoId":"11343132954562489379","title":"TOP 15 VS Code Themes 2021","cleanTitle":"TOP 15 VS Code Themes 2021","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=HrqCXkf-5gU","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/HrqCXkf-5gU?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":"d3d3LnlvdXR1YmUuY29tO1VDZkdYRW8ydUNrVnFjSXFrSWFGTkdjQQ==","name":"codingwithdidem","isVerified":false,"subscribersCount":0,"url":"/video/search?text=codingwithdidem","origUrl":"http://www.youtube.com/@codingwithdidem","a11yText":"codingwithdidem. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":974,"text":"16:14","a11yText":"Süre 16 dakika 14 saniye","shortText":"16 dk."},"views":{"text":"5,1bin","a11yText":"5,1 bin izleme"},"date":"18 oca 2021","modifyTime":1610960666000,"isExternal":false,"player":{"embedUrl":"https://www.youtube.com/embed/HrqCXkf-5gU?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=HrqCXkf-5gU","reqid":"1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL","duration":974},"parentClipId":"11343132954562489379","href":"/preview/11343132954562489379?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem","rawHref":"/video/preview/11343132954562489379?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem","isEmbedOnly":false,"shouldPlayInstreamPreroll":false},"7573485292864837305":{"videoId":"7573485292864837305","title":"Background Glow Effect | Tailwindcss","cleanTitle":"Background Glow Effect | Tailwindcss","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=wCbmYzU2qkw","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/wCbmYzU2qkw?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":"d3d3LnlvdXR1YmUuY29tO1VDZkdYRW8ydUNrVnFjSXFrSWFGTkdjQQ==","name":"codingwithdidem","isVerified":false,"subscribersCount":0,"url":"/video/search?text=codingwithdidem","origUrl":"http://www.youtube.com/@codingwithdidem","a11yText":"codingwithdidem. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":919,"text":"15:19","a11yText":"Süre 15 dakika 19 saniye","shortText":"15 dk."},"views":{"text":"1,8bin","a11yText":"1,8 bin izleme"},"date":"25 eyl 2021","modifyTime":1632517678000,"isExternal":false,"player":{"embedUrl":"https://www.youtube.com/embed/wCbmYzU2qkw?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=wCbmYzU2qkw","reqid":"1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL","duration":919},"parentClipId":"7573485292864837305","href":"/preview/7573485292864837305?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem","rawHref":"/video/preview/7573485292864837305?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem","isEmbedOnly":false,"shouldPlayInstreamPreroll":false},"2682478429800709037":{"videoId":"2682478429800709037","title":"Chatify - Figma İle Arkaplan Tasarlayalım","cleanTitle":"Chatify - Figma İle Arkaplan Tasarlayalım","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=smf9sxgu69Y","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/smf9sxgu69Y?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":"d3d3LnlvdXR1YmUuY29tO1VDZkdYRW8ydUNrVnFjSXFrSWFGTkdjQQ==","name":"codingwithdidem","isVerified":false,"subscribersCount":0,"url":"/video/search?text=codingwithdidem","origUrl":"http://www.youtube.com/@codingwithdidem","a11yText":"codingwithdidem. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":646,"text":"10:46","a11yText":"Süre 10 dakika 46 saniye","shortText":"10 dk."},"views":{"text":"1,8bin","a11yText":"1,8 bin izleme"},"date":"19 ara 2020","modifyTime":1608336000000,"isExternal":false,"player":{"embedUrl":"https://www.youtube.com/embed/smf9sxgu69Y?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=smf9sxgu69Y","reqid":"1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL","duration":646},"parentClipId":"2682478429800709037","href":"/preview/2682478429800709037?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem","rawHref":"/video/preview/2682478429800709037?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem","isEmbedOnly":false,"shouldPlayInstreamPreroll":false},"16387091376207444222":{"videoId":"16387091376207444222","title":"Chatify - Deployyyyyyyyyyyyyy :)","cleanTitle":"Chatify - Deployyyyyyyyyyyyyy :)","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=GWXxZw8VNjE","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/GWXxZw8VNjE?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":"d3d3LnlvdXR1YmUuY29tO1VDZkdYRW8ydUNrVnFjSXFrSWFGTkdjQQ==","name":"codingwithdidem","isVerified":false,"subscribersCount":0,"url":"/video/search?text=codingwithdidem","origUrl":"http://www.youtube.com/@codingwithdidem","a11yText":"codingwithdidem. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":273,"text":"4:33","a11yText":"Süre 4 dakika 33 saniye","shortText":"4 dk."},"views":{"text":"1,7bin","a11yText":"1,7 bin izleme"},"date":"24 ara 2020","modifyTime":1608764311000,"isExternal":false,"player":{"embedUrl":"https://www.youtube.com/embed/GWXxZw8VNjE?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=GWXxZw8VNjE","reqid":"1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL","duration":273},"parentClipId":"16387091376207444222","href":"/preview/16387091376207444222?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem","rawHref":"/video/preview/16387091376207444222?parent-reqid=1769448842292540-8368980926938430601-balancer-l7leveler-kubr-yp-klg-94-BAL&text=codingwithdidem","isEmbedOnly":false,"shouldPlayInstreamPreroll":false}}},"viewer":{"_isInitial":false,"clips":{"items":{},"dups":{},"loadingStatus":"None"},"internal":{"videoId":"","sandboxEventPrefix":"sandbox:","sandboxVersion":"0x001cd987dbd","isEmbedded":false,"from":"yavideo","service":"ya-video","hbPeriod":30,"table":"video_tech","isInstreamDisabled":false,"nonce":"8368980926938430601794","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":"codingwithdidem","queryUriEscaped":"codingwithdidem","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"}}}