{"pages":{"search":{"query":"WebMucidi “WebMucidi” Tasarım Laboratuvarı","originalQuery":"WebMucidi “WebMucidi” Tasarım Laboratuvarı","serpid":"1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL","reqid":"1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL","parentReqid":"","serpItems":[{"id":"10491108738221193367-0-0","type":"videoSnippet","props":{"videoId":"10491108738221193367"},"curPage":0},{"id":"11598890885353515912-0-1","type":"videoSnippet","props":{"videoId":"11598890885353515912"},"curPage":0},{"id":"10341747698011920101-0-2","type":"videoSnippet","props":{"videoId":"10341747698011920101"},"curPage":0},{"id":"14800041690861560317-0-3","type":"videoSnippet","props":{"videoId":"14800041690861560317"},"curPage":0},{"id":"R-I-113683-5-0-4","type":"direct","props":{"advRsyaActivateParams":{"pcodeParams":{"blockId":"","renderTo":"","pageNumber":4,"grab":"dFdlYk11Y2lkaSDigJxXZWJNdWNpZGnigJ0gVGFzYXLEsW0gTGFib3JhdHV2YXLEsQo=","statId":4,"darkTheme":false,"lazyLoad":false,"extParams":{"reqid":"1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL","ui":"desktop","yuid":"1709451521765193035"}}},"isAdult":false,"position":4,"placement":"empty"},"curPage":0},{"id":"2390314918812207834-0-5","type":"videoSnippet","props":{"videoId":"2390314918812207834"},"curPage":0},{"id":"11154559495950591520-0-6","type":"videoSnippet","props":{"videoId":"11154559495950591520"},"curPage":0},{"id":"11970278366552781214-0-7","type":"videoSnippet","props":{"videoId":"11970278366552781214"},"curPage":0},{"id":"15595582183007152783-0-8","type":"videoSnippet","props":{"videoId":"15595582183007152783"},"curPage":0},{"id":"11217869405580407276-0-9","type":"videoSnippet","props":{"videoId":"11217869405580407276"},"curPage":0},{"id":"6793366304057249500-0-10","type":"videoSnippet","props":{"videoId":"6793366304057249500"},"curPage":0},{"id":"R-I-113683-5-0-11","type":"direct","props":{"advRsyaActivateParams":{"pcodeParams":{"blockId":"","renderTo":"","pageNumber":11,"grab":"dFdlYk11Y2lkaSDigJxXZWJNdWNpZGnigJ0gVGFzYXLEsW0gTGFib3JhdHV2YXLEsQo=","statId":11,"darkTheme":false,"lazyLoad":false,"extParams":{"reqid":"1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL","ui":"desktop","yuid":"1709451521765193035"}}},"isAdult":false,"position":11,"placement":"empty"},"curPage":0},{"id":"10449842178544680412-0-12","type":"videoSnippet","props":{"videoId":"10449842178544680412"},"curPage":0},{"id":"4770434503410583126-0-13","type":"videoSnippet","props":{"videoId":"4770434503410583126"},"curPage":0},{"id":"15151005449645972185-0-14","type":"videoSnippet","props":{"videoId":"15151005449645972185"},"curPage":0},{"id":"2217114268787067902-0-15","type":"videoSnippet","props":{"videoId":"2217114268787067902"},"curPage":0},{"id":"4522233471039568591-0-16","type":"videoSnippet","props":{"videoId":"4522233471039568591"},"curPage":0},{"id":"17788186828515953411-0-17","type":"videoSnippet","props":{"videoId":"17788186828515953411"},"curPage":0},{"id":"12104485892793366073-0-18","type":"videoSnippet","props":{"videoId":"12104485892793366073"},"curPage":0},{"id":"6480082898678399389-0-19","type":"videoSnippet","props":{"videoId":"6480082898678399389"},"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":"dFdlYk11Y2lkaSDigJxXZWJNdWNpZGnigJ0gVGFzYXLEsW0gTGFib3JhdHV2YXLEsQo=","darkTheme":false,"lazyLoad":false,"extParams":{"reqid":"1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL","ui":"desktop","yuid":"1709451521765193035"}}},"isAdult":false,"position":0,"placement":"search-list-right"},"curPage":0}],"isAdultQuery":false,"errorList":[],"layout":"list","retpath":"https%3A%2F%2Ftwitter.yandex.com.tr%2Fvideo%2Fsearch%3Ftext%3DWebMucidi%2B%25E2%2580%259CWebMucidi%25E2%2580%259D%2BTasar%25C4%25B1m%2BLaboratuvar%25C4%25B1"},"main":{"_isInitial":true,"snippets":[],"serpFooter":{"linksGroups":[]},"isLoggedIn":false,"tags":[]}},"internal":{"nonce":"9493659980701395397161","expFlags":{"video_settings_toolbar_redesign":1,"velocity_delay_drawer":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-grid-inplace":{"adult":{"default":"R-I-474674-126","mail":"R-A-13426421-16"},"regular":{"default":"R-I-48058-742","mail":"R-A-13411721-16"}}},"video_nohost_full_filter_onboarding_enable":1,"video_vh_player_js":0,"video_masthead_ratio":"180,4","video_searchdata_scheme":1,"video_viewer_related_fail_error_screen":1,"velocity_delay_metrika":1,"video_viewer_channel_link_mode":2,"video_partner_label":1,"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_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,"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":["1419615,0,45;151171,0,21;1281084,0,28;287509,0,21;784778,0,21;912285,0,4"],"isYandexNet":false,"platform":"desktop","isEnLogo":true,"retpath":"https%3A%2F%2Ftwitter.yandex.com.tr%2Fvideo%2Fsearch%3Ftext%3DWebMucidi%2B%25E2%2580%259CWebMucidi%25E2%2580%259D%2BTasar%25C4%25B1m%2BLaboratuvar%25C4%25B1","mordaUrl":"//yandex.com.tr/","videoSearchUrl":"https://twitter.yandex.com.tr/video/search?text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1","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":"1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL","backUrl":"//ya.ru","url":"https://twitter.yandex.com.tr/video/search?text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1","isIntegrationTest":false,"isEndToEndTest":false,"shouldDropLogs":false,"seo":{"title":"WebMucidi “WebMucidi” Tasarım Laboratuvarı: 2 bin video Yandex'te bulundu","description":"\"WebMucidi “WebMucidi” Tasarım Laboratuvarı\" sorgusu için arama sonuçları Yandex'te","shareTitle":"WebMucidi “WebMucidi” Tasarım Laboratuvarı — Yandex video arama","keywords":"yandex video, video araması, çevrimiçi izle, dizi, film, müzik klipleri","hasPorno":0},"isEmbedded":false,"isPumpkin":false,"sessionCsrfToken":"yeb6d82e7a70a31d8bdafa411206da1a1","reportFeedbackBaseProps":{"initEmail":"","metaFields":{"userAgent":"Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)","userTestids":"1419615,151171,1281084,287509,784778,912285","queryText":"WebMucidi “WebMucidi” Tasarım Laboratuvarı","reqid":"1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL","userRegionName":"","userRegionId":"function() {\n return this._region.id;\n }","yandexuid":"1709451521765193035","uid":"0","isChildAccount":false}},"userTestids":"191768,238743,246500,253288,265553,270072,277807,274239,294077,278842,331010,338398,378416,359879,415420,644350,652605,645301,679708,689693,690449,696466,696473,722746,740796,776165,771230,781521,790415,801982,851450,886706,883477,900639,931367,937268,969063,935488,945314,989988,982463,991363,990185,1015567,1011895,1035320,1033956,1035241,1036046,1087297,1060131,1071879,1078818,1077703,1116602,1045814,1131637,1144233,1151726,1156933,1174275,1173000,1167408,1202006,1194718,1221235,1228280,1239596,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,1437540,1299604","regionId":20815,"isYaRu":false,"shouldUnmountSearchPageInViewer":false,"videoGlobalContext":{"platform":"desktop","isPumpkin":false,"language":"tr","user_time":{"epoch":"1765193054","tz":"America/Louisville","to_iso":"2025-12-08T06:24:14-0500","__is_plain":1},"isHermione":false,"shouldStubImages":true,"enableVideoPreviewInHermione":false,"reqid":"1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-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":"1419615,151171,1281084,287509,784778,912285","queryText":"WebMucidi “WebMucidi” Tasarım Laboratuvarı","reqid":"1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL","userRegionName":"","userRegionId":"function() {\n return this._region.id;\n }","yandexuid":"1709451521765193035","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":"9493659980701395397161","disableDoc2DocHostLink":false,"shouldHideChannelLink":false,"disableChannelLink":false,"enableSlowBufferingAlert":false,"enableSlowBufferingAlertDedup":false,"userConnectionRtt":149,"animated":false,"isDoc2DocScrollFix":true,"smartDesktopLayout":true,"enableVIImprovements":false,"isAdvDisabled":false,"shouldShowVideoPlaylistPane":false,"isVideoTranslationSupported":false,"isSummaryDisabled":false,"isSummaryOnlineEnabled":true,"shouldRenderBroSummaryApiContainer":false,"shouldDropLogs":false,"shouldUseBeacon":false,"hasAdBlock":false,"forceSlowBufferingAlert":false,"rknWarnHosts":[""],"relatedAdvRootMargin":400,"postInstreamScreenDuration":2000,"minVideoDurationForInstream":120,"isInstreamEnabledInTesting":false,"useSendBeacon":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,"isIslandsDisabled":false,"isD2DEmptyLoadFixDisabled":false,"isRoundedPlayerEnabled":false,"isSettingsToolbarRedesign":true,"isDoc2DocEmptyRetryEnabled":false,"isAdvUnderPlayerWithBackdrop":false,"isTouchAdvWithBackdrop":false,"isDoc2DocErrorScreenEnabled":true,"isDoc2DocFeedbackKebabEnabled":false,"isCommentsEnabled":false,"isVideoMainButtonInitiallyCollapsed":false,"isAdvUnderPlayerWithInnerPadding":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":"1709451521765193035","ugcCsrfToken":"","family":1,"isChild":false},"config":{"skinMode":"system","skin":"light","version":"releases-frontend-video-v1.1728.0__08d7da8c2bad1b707ab3442285ef2d22c008371a","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":{"regular":{"default":"R-I-48058-715","mail":"R-A-13411721-3"},"adult":{"default":"R-I-474674-108","mail":"R-A-13426421-3"}},"search-grid-row":{"regular":{"default":"R-I-48058-718","mail":"R-A-13411721-4"},"adult":{"default":"R-I-474674-109","mail":"R-A-13426421-4"}},"search-grid-head":{"regular":{"default":"R-I-2120168-7"}},"search-list-right":{"regular":{"default":"R-I-8843654-1"}},"before-player-old":{"regular":{"default":"R-I-2120168-1"}},"before-player":{"regular":{"default":"R-I-2120168-1"}},"search-grid-inplace":{"adult":{"default":"R-I-474674-126","mail":"R-A-13426421-16"},"regular":{"default":"R-I-48058-742","mail":"R-A-13411721-16"}}},"isSkinInitedOnClient":false},"counters":{"params":{"useBeacon":false,"clickHost":"twitter.yandex.com.tr/clck","pid":197},"dict":{"viewer":"2921","user":"538","info":"1275","sources":"1500","select":"775","close":"486","open":"842","source":"186","link":"513","click":"882","tech":"690","player":"1242","change":"719","summary":"3410","init":"1309","item":"22","button":"440","shown":"3780","copy":"1276","text":"232","load":"1724","fallback":"2010","channel":"1345","hide":"1656","serp":"471","pager":"405","down":"601","up":"600","footer":"295","more":"75","page":"143","loaded":"1007","grid":"3223","support":"2458","client":"2989","layout":"54","list":"436","duration":"2136","within":"3247","on":"10","off":"11","host":"3052","supported":"3761","enable":"2396","disable":"2395","full":"318","video":"231","translation":"347","distrib":"316","onboarding":"2045","filters":"618","lang":"1144","advanced":"255","apply":"2461","reset":"3236","short":"142","toggle":"237","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":{"10491108738221193367":{"videoId":"10491108738221193367","docid":"34-5-13-Z18DDB26182324D60","description":"Örnek proje dosyasına aşağıdaki linkten ulaşabilirsiniz. https://github.com/webmucidi/HaberSit... https://www.dropbox.com/sh/outtgnv9hr...","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/2456245/6147d1a44d5518e47ec9760a2890743e/564x318_1","videoSrc":"https://video-preview.s3.yandex.net/0x_CBAEAAAA.mp4","videoType":"video/mp4"},"target":"_self","position":"0","reqid":"1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL","summary":{"isFull":true,"fullTextUrl":"/video/result?ask_summarization=1&numdoc=1&noreask=1&nomisspell=1&parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=videoid:10491108738221193367","teaser":[{"list":{"type":"unordered","items":["Bu video, bir eğitmen tarafından sunulan web sitesi tasarım eğitim içeriğidir. Eğitmen, CSS özellikleri kullanarak web sayfası tasarımını adım adım göstermektedir.","Video, web sitesi tasarımında header kısmının yapışkan (sticky) şekilde ayarlanması ile başlayıp, intro alanının tasarımına geçiş yapmaktadır. İçerikte pseudo nesneler (before, after), arka plan resmi ekleme, pozisyonlandırma, saydamlık ayarları, Google Fonts kütüphanesinden font ekleme ve kullanma, font family, font weight, font size, color, opacity, padding, margin gibi CSS özellikleri detaylı olarak anlatılmaktadır.","Eğitimde ayrıca flexbox kullanarak kategori başlığı, haber başlığı, paragraf ve linklerin hizalanması, flex-direction özelliği ile diziliş değiştirme ve buton oluşturma gibi konular ele alınmaktadır. Video, intro alanının tamamlanmasıyla sona erer ve bir sonraki derste kutuların dizayn edileceği belirtilir."]},"endTime":1741,"title":"CSS ile Web Sitesi Tasarımı Eğitimi","beginTime":0}],"fullResult":[{"index":0,"title":"Header Alanının Tamamlanması","list":{"type":"unordered","items":["Sitenin header kısmının tasarımının tamamlanması ve intro alanının tasarımına geçilmesi planlanıyor.","Intro alanında haber seçilmiş bir habere dair kategori başlığı, haber başlığı, haber paragrafı ve haber linki bulunuyor.","Header alanının sayfa aşağı indiğinde sabit şekilde yukarıda kalması için sticky özelliği kullanılacak."]},"beginTime":2,"endTime":48,"href":"/video/preview/10491108738221193367?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=2&ask_summarization=1"},{"index":1,"title":"Sıfırlama Kodları ve Header Ayarları","list":{"type":"unordered","items":["Kenarlardaki otomatik oluşan boşlukların sıfırlanması için yıldız seçicisi ile tüm nesnelerin padding ve marjini sıfırlanıyor.","Header alanının yapışkan şekilde ayarlanması için position değeri sticky olarak belirleniyor.","Z-index değeri, position değeri atanmış nesnelerde görünüm önceliğini değiştirmek için kullanılıyor."]},"beginTime":48,"endTime":191,"href":"/video/preview/10491108738221193367?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=48&ask_summarization=1"},{"index":2,"title":"Background Özelliklerinin Düzenlenmesi","list":{"type":"unordered","items":["Background özelliği hem renk hem resim hem tekrar ayarları tek satırda kullanabilmemize imkan veriyor.","Resim ve renk aynı satırda kullanıldığında arıza oluşabiliyor, bu nedenle önce resim sonra renk gelmesi öneriliyor.","Bu şekilde sayfada sticky (yapışkan) bir şekilde üst taraf sürekli kalacak."]},"beginTime":191,"endTime":257,"href":"/video/preview/10491108738221193367?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=191&ask_summarization=1"},{"index":3,"title":"Intro Alanının İçeriği","list":{"type":"unordered","items":["Intro alanına kategori başlığı (h5), haber başlığı (h3), paragraf ve link içeriği ekleniyor.","Paragrafa lorem 40 değerinde 40 kelimelik bir değer atanıyor.","Link için \"btn\" classı atanarak buton şeklinde görünmesi sağlanıyor."]},"beginTime":257,"endTime":395,"href":"/video/preview/10491108738221193367?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=257&ask_summarization=1"},{"index":4,"title":"Intro Alanının Tasarımı","list":{"type":"unordered","items":["Kategori başlığı, haber başlığı, paragraf ve link için tek tek marjin veya padding değerleri vermek yerine div intro kapsayıcı classı kullanılıyor.","İçerik hizalamaları için flex yöntemi tercih ediliyor.","Flex kapsayıcısına flex-basis özelliği verilerek alan %30'luk bir kısıma sınırlandırılıyor."]},"beginTime":395,"endTime":607,"href":"/video/preview/10491108738221193367?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=395&ask_summarization=1"},{"index":5,"title":"Kapsayıcı Ayarları","list":{"type":"unordered","items":["Kapsayıcıya border-none özelliği verilerek kenarlık görünmüyor.","Kapsayıcıya margin değerleri verilerek etrafından boşluk bırakılıyor.","Kapsayıcı logoya göre hizalanıyor ve margin-top değeri verilerek konumlandırılıyor."]},"beginTime":607,"endTime":696,"href":"/video/preview/10491108738221193367?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=607&ask_summarization=1"},{"index":6,"title":"Pseudo Nesneler ve Arka Plan Resmi Ekleme","list":{"type":"unordered","items":["Arka plana \"fisher.jpg\" resmi eklenecek ve bu resim sitemizin klasörü içindeki images klasörüne yerleştirilmiştir.","Pseudo nesneler, özel durumlar için kullanılan özel seçici değerlerdir; örneğin hover, first child, last child gibi.","\"before\" pseudo nesnesi kullanılarak intro seçicisinden önce arka plan resmi gösterilecektir."]},"beginTime":700,"endTime":832,"href":"/video/preview/10491108738221193367?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=700&ask_summarization=1"},{"index":7,"title":"Arka Plan Resmi Özellikleri","list":{"type":"unordered","items":["Arka plan resmi için \"background-url\", \"no-repeat\", \"center-center\" ve \"cover\" özellikleri kullanılmıştır.","Resmin saydam görünmesi için \"opacity\" değeri 0,7 olarak ayarlanmıştır.","\"position: relative\" özelliği kullanılarak intro kapsayıcısı referans noktası olarak belirlenmiş ve resmin konumu \"absolute\" ile koordinatlarla tarif edilmiştir."]},"beginTime":832,"endTime":1020,"href":"/video/preview/10491108738221193367?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=832&ask_summarization=1"},{"index":8,"title":"Z-Index ve İçerik Sıralaması","list":{"type":"unordered","items":["Z-index değeri kullanılarak intro kapsayıcısının önceliği değiştirilmiştir.","Z-index değeri, position değeri kullanılmış nesnelerde geçerlidir ve kalıtsal olarak geçer.","İçerik sıralaması değiştirilerek resmin öne alınması sağlanmıştır."]},"beginTime":1020,"endTime":1082,"href":"/video/preview/10491108738221193367?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=1020&ask_summarization=1"},{"index":9,"title":"Buton ve Yazı Biçimlendirme","list":{"type":"unordered","items":["H5 başlığı için \"display: block\", \"width: 10 rem\", \"padding\" ve \"border-radius\" özellikleri kullanılarak buton şeklinde bir görünüm oluşturulmuştur.","Google Fonts kütüphanesinden \"Libre Sans\" ve \"Marcello\" fontları seçilmiştir.","Birden fazla fontu aynı kaynaktan çağırmak için \"font-family\" özelliği kullanılmıştır."]},"beginTime":1082,"endTime":1362,"href":"/video/preview/10491108738221193367?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=1082&ask_summarization=1"},{"index":10,"title":"Haber Başlığı ve Paragraf Ayarları","list":{"type":"unordered","items":["Font family, font weight ve font size özellikleri ayarlanarak haber başlığı büyütüldü.","Yazı rengi beyaz yerine koyu bir renk olarak değiştirildi.","Paragraf için farklı bir font seçildi, font size 1,20 rm olarak ayarlandı ve arka plan opaklığı düşürüldü."]},"beginTime":1367,"endTime":1491,"href":"/video/preview/10491108738221193367?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=1367&ask_summarization=1"},{"index":11,"title":"Buton Oluşturma ve Düzenleme","list":{"type":"unordered","items":["Buton için display block, width 10 rm, arka plan kırmızı ve opacity 0,80 değerleri verildi.","Butonun yazı rengi beyaz, text align center ve padding 0,25 rem olarak ayarlandı.","Butonun yukarı ile bitişmesini önlemek için margin top 0,50 rem değeri verildi."]},"beginTime":1491,"endTime":1595,"href":"/video/preview/10491108738221193367?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=1491&ask_summarization=1"},{"index":12,"title":"Kapsayıcı Hizalama","list":{"type":"unordered","items":["Intro kapsayıcısına display flex özelliği verildi ve flex direction column ile alt alta dizildi.","Justify self flex-end özelliği ile buton sağ tarafa hizalandı.","Butonun sağa çok uzaklaşmasını önlemek için margin right 1-2 rm değerleri verildi."]},"beginTime":1595,"endTime":1727,"href":"/video/preview/10491108738221193367?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=1595&ask_summarization=1"},{"index":13,"title":"Dersin Sonucu","list":{"type":"unordered","items":["Intro alanındaki içerik hizalamaları ve arkaya resim konması tamamlandı.","Bir sonraki aşamada aşağıdaki kutuların dizayn edileceği belirtildi."]},"beginTime":1727,"endTime":1739,"href":"/video/preview/10491108738221193367?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=1727&ask_summarization=1"}],"linkTemplate":"/video/preview/10491108738221193367?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=%%timestamp%%&ask_summarization=1"},"isAdultDoc":false,"relatedParams":{"text":"CSS Grid ile Adım Adım Site Tasarımı-5.Bölüm(Intro Alanı Oluşturma)","related_orig_text":"WebMucidi “WebMucidi” Tasarım Laboratuvarı","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"WebMucidi “WebMucidi” Tasarım Laboratuvarı\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=UX58ldyQcWU\",\"src\":\"serp\",\"rvb\":\"ErIDChQxMDQ5MTEwODczODIyMTE5MzM2NwoUMTE1OTg4OTA4ODUzNTM1MTU5MTIKFDEwMzQxNzQ3Njk4MDExOTIwMTAxChQxNDgwMDA0MTY5MDg2MTU2MDMxNwoTMjM5MDMxNDkxODgxMjIwNzgzNAoUMTExNTQ1NTk0OTU5NTA1OTE1MjAKFDExOTcwMjc4MzY2NTUyNzgxMjE0ChQxNTU5NTU4MjE4MzAwNzE1Mjc4MwoUMTEyMTc4Njk0MDU1ODA0MDcyNzYKEzY3OTMzNjYzMDQwNTcyNDk1MDAKFDEwNDQ5ODQyMTc4NTQ0NjgwNDEyChM0NzcwNDM0NTAzNDEwNTgzMTI2ChQxNTE1MTAwNTQ0OTY0NTk3MjE4NQoTMjIxNzExNDI2ODc4NzA2NzkwMgoTNDUyMjIzMzQ3MTAzOTU2ODU5MQoUMTc3ODgxODY4Mjg1MTU5NTM0MTEKFDEyMTA0NDg1ODkyNzkzMzY2MDczChM2NDgwMDgyODk4Njc4Mzk5Mzg5ChQxNTU5MDkyNjA5MTIxMjM1NTc0MwoUMTM5NjI3NDQxMDc0NzgyNzIyNTkaFgoUMTA0OTExMDg3MzgyMjExOTMzNjdaFDEwNDkxMTA4NzM4MjIxMTkzMzY3atYQEgEwGAAiRRoxAAoqaGhtZW5zd29jcmJ2eXViYmhoVUNLMFJnMmtrdTJubERadmRjZU4wVjhnEgIAEioQwg8PGg8_E80NggQkAYAEKyqLARABGniB_voI-wn2APQE9RAHB_wB-_X8B_n9_QDeBPsMCvwCAPPtC_v-AAAAEP0U-AAAAAAK9Pb-9f4AAP0F___XAP4AFOX7B_8AAAD8_ekAAAEAAPYM_vwD_wAAB_D59_8AAAAQCfIO_wAAAR4G-A4BAAAA9uzt_AAAAAAgAC0B07k7OBNACUhOUAIqhAIQABrwAVT0z_sTxQoDrx_lALwIDgGBGu4AQt3fANQJ0P_r_tkAlPbcAfT7FwDd5vYAq_3mAeYZ2f8qHAQA9AwI_-sFLwHqDNUAJtcLACIx-ADRKNMABRoY_inQFQBG4fsCJvr--iYL6v31INwBuLnxAvkaHQIf-RX9LhMcAs4pBv_rJjb_2vgN_-cRBfvJDP_9_gf0_-Mq0wI-CtcACQkSByX49wsP-RoB8foP-usKLgQK7QPt8gj4Bu8H_QPoJB7-EToYAgv8CQkfz__8Hzn48CcE8vgORA0D_vgBEgYR-PTsBP763A0B8fwQBQrtDAbz4ib58CAALWjiDjs4E0AJSGFQAirPBxAAGsAHWmi_vjxeEj3SjAU9wTvZvVMWvz1XYnk8_YUevgFqajzh0Fu8BYpIPhD8uT0XLNW8tw2TvhtUEzwbtBy9LQlQPtT4YDzmZBg9l_TiO28oAT3Bb8O88C7MvStphbwczny8K31wOyHYB70YIkw9_yE9Ps6J_TxOEFA8OaI2vfgzXL0pQqo877K6PADVCb0ae4A8HnD9PXeAq7vR7xi7lITkPdYutzz8EVA8Zkj6vPFuOz0JaZG7136nvQv9Xbx3S3K8RWRYPb2g6jxffI-6RCC9vbRgPb1b1Uc5u5BYPVwg3juH2IU8g0OYOQGk9jwW2YI6Hh8puyBWibwwH9o80CpDvphzn7wPqIg8Iv0WPla1Kb0jdli7HtKpvRbyzjpeMqk8YYJEPSquibt-sdI8LuciPsGquj2qvkC61O-CvJ03BL0zf9g6o80xPmyzMbzIeLm8EH6tvXrzRb03bUY8CbvROxy2zT3vekS8u3xrvYPDZjwge5w7nPrgPUD9Ar0Mddg7Wgzgu6NYrrxgx6C7ZjRNvMmYVj1XxHo8cqICvak8cLydLgs7MpkFvb7KMD2XUVG8kWT2PWmjX7wAk5K7MXZHvTq-jL2wfTe8MJslPfsH7DylQRs8xzkAvboatLw_eTO82uh3PHaDrb3py5y7nS47vm3QsrynZGC5BuHAPNxABj0Uxty7dJtwPIzQNL0EEqA6xdopvHItf7xGZ_Q6KHEHPQZUzTqfMV276pwaPZ7YHjyhsxI7-Y1lPCTMWbxc8uy61Td1PSsWj73usMs5zaHWPHhSlTw8ypc4JB-FvOqv1zzDhle5lN-nub21wj3zVcq376sSPc6mA74Woda3EUOhPHyInbt1NHo6WqFIvIu8UTzOEx85BNEJPQMHFD0H8om6yYsRPfgtxLzWF4i5eWFGPcwD_TwpBuA4nxBwPQmdvjs0ILK5vmjvvarpf73kvbs58MU-ulCa_LwcQQo4wtD0PN3U_rvhjgs5xFY1PXlhxj225i64OAEfvA6DeTzgwUS4okRrvSS5fLz9dia4Vwb1vXBD7L3MDIu4b3mTu3MwNj20xZC3XAA6vgETjb1g8zG5vJS6vO69vr1Ji5s3hImFvZU_BL1r4hO4LdHZvbyghL3ryZQ3QvT_PDvLh7xmEc-4R5PrPS7DBL2P7Z0228EIPcVSST11Mam2SIG_PTN-uz3FngM4Mu6sPVwmvr3sakM3QstfPWMatz1ukI44dcn2O0cZNj3Cko24s-ntPErHRj2Bksi2UTgzOncmOb3_BeO3IAA4E0AJSG1QASpzEAAaYBzqADkI6ariHMr4IesHBNK63Obivib__LT_3SiMIfD38rX5BwAr--0bmwAAADHK8BYaAPl_3goi0L4294_vI_T-MxvoJKr-JCnl0zUB4-AX-whg5QDv3tjkLwvJPx4HAiAALb8jGzs4E0AJSG9QAiqPAhAAGoACAABMvgAAqr4AAHw-AAAcPgAAJD4AAIo-AABUvgAAA78AAM6-AABwvQAAqD0AADQ-AADmPgAARL4AALa-AABQvQAAdD4AAKg9AABQPQAAIz8AAH8_AAD4PQAAmL0AAJg9AADYPQAA6L0AAHQ-AABUvgAADL4AABQ-AACCPgAALD4AAJg9AACYPQAAjj4AAJo-AADgvAAATL4AAJK-AADovQAALL4AAMi9AADWPgAAPL4AAMg9AACCPgAAQDwAAAy-AACYvQAA-L0AAKC8AAC4vQAATD4AADw-AACyvgAALL4AACs_AACYPQAAML0AADw-AABQPQAAML0AAOi9AAD4PSAAOBNACUh8UAEqjwIQARqAAgAAmL0AABS-AAAQvQAAJ78AAMg9AABwvQAAgDsAAIi9AAD4vQAAuD0AABS-AAAwvQAAQLwAAFS-AADYPQAAqL0AABS-AAApPwAAVL4AALI-AAAsvgAAML0AABC9AAC4vQAAmD0AAPi9AABAPAAAoDwAAKg9AADYPQAAUD0AACw-AABEvgAABL4AAMg9AABAvAAARD4AAEw-AAB8vgAAyD0AAMg9AAD4vQAAhr4AANg9AABMvgAAXL4AAH-_AAAEvgAA6L0AAIg9AADovQAAFL4AAIC7AACgPAAA-D0AABA9AABAvAAA2D0AAES-AACYPQAAUD0AAGQ-AABEPgAARL4gADgTQAlIfFABMAk4AUoAYABoAA,,\"}","related_url":"http://www.youtube.com/watch?v=UX58ldyQcWU","parent-reqid":"1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1920,"cheight":1080,"cratio":1.77777,"dups":["10491108738221193367"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":true,"contentTypeId":null,"censored":false},"11598890885353515912":{"videoId":"11598890885353515912","docid":"34-9-6-Z192E9A9F8086BEE5","description":"CSS Grid metodu ile baştan sona bir haber sitesinin tasarımı anlatılmıştır. Örnek dosya linki aşağıdadır. https://github.com/webmucidi/HaberSit... https://www.dropbox.com/sh/outtgnv9hr...","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/2268062/de184d37c0d6ad2140bddae897a93e2f/564x318_1","videoSrc":"https://video-preview.s3.yandex.net/3Uj-7gAAAAA.mp4","videoType":"video/mp4"},"target":"_self","position":"1","reqid":"1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL","summary":{"isFull":true,"fullTextUrl":"/video/result?ask_summarization=1&numdoc=1&noreask=1&nomisspell=1&parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=videoid:11598890885353515912","teaser":[{"list":{"type":"unordered","items":["Bu video, bir eğitmen tarafından sunulan web tasarım eğitimidir. Eğitmen, CSS Grid kullanarak haber sitesi tasarımını adım adım göstermektedir.","Video, bir haber sitesi için wireframe oluşturulmuş tasarımın HTML ve CSS ile nasıl yapılandırılacağını anlatmaktadır. Eğitmen önce temel HTML etiketlerini (header, content, footer) tanımlar, ardından CSS Grid özellikleri kullanarak dokuz kutulu içerik alanı ve dört kutulu footer alanı oluşturur. ","Eğitimde grid template areas, grid template rows ve columns gibi CSS Grid özellikleri, responsive tasarım için piksel değerleri, repeat fonksiyonu ile sütun oluşturma ve grid span kullanımı gibi konular detaylı olarak ele alınmaktadır. Video boyunca eğitmen, kodları yazarken açıklamalar yaparak izleyicilere adım adım rehberlik etmektedir."]},"endTime":1773,"title":"CSS Grid ile Haber Sitesi Tasarımı Eğitimi","beginTime":0}],"fullResult":[{"index":0,"title":"Web Sitesi Tasarımına Giriş","list":{"type":"unordered","items":["Web sitesi tasarımı için önce bir wireframe (eskiz) oluşturulur, sonra içeriği doldurmak için işe koyulur.","Tasarım örnek alınabilir veya kendi fikirlerinizle başlayabilirsiniz.","Responsive tasarım yapacağınızda yatayda ölçeklendirme sınırları koymazsınız, ekranın tamamını kullanırsınız."]},"beginTime":2,"endTime":95,"href":"/video/preview/11598890885353515912?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=2&ask_summarization=1"},{"index":1,"title":"Web Sitesi Yapısının Analizi","list":{"type":"unordered","items":["Web sitesi tasarımı için header (üst kısımda logo ve üst menü), intro (genellikle slider veya statik alan) ve içerik alanları bulunur.","İçerik alanında üç sütun halinde dokuz kutu bulunur, bazı kutularda renk, resim veya hem resim hem yazı kullanılmıştır.","Alt kısımda dört sütunluk içerik alanları ve copyright bilgisi içeren bir alan vardır."]},"beginTime":95,"endTime":163,"href":"/video/preview/11598890885353515912?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=95&ask_summarization=1"},{"index":2,"title":"HTML Dosyasının Hazırlanması","list":{"type":"unordered","items":["Web sitesi tasarımı için kök klasör oluşturup, index.html adında bir dosya açılır.","Sayfaya \"Haber Sitesi Grid Örneği\" gibi bir başlık atanır.","Web sitesi genellikle header, content (içerik) ve footer olmak üzere üç ana kısımdan oluşur."]},"beginTime":163,"endTime":295,"href":"/video/preview/11598890885353515912?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=163&ask_summarization=1"},{"index":3,"title":"Grid Yapısının Oluşturulması","list":{"type":"unordered","items":["Grid ızgara sistemi, en revaçta ve sağlıklı çalışan bir yapı olduğu için tercih edilir.","Grid yapısında bir kapsayıcı (container) gereklidir, bu örnekte body etiketi doğal kapsayıcı görevini görür.","Header, content ve footer alanları div etiketleriyle oluşturulur."]},"beginTime":295,"endTime":412,"href":"/video/preview/11598890885353515912?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=295&ask_summarization=1"},{"index":4,"title":"İçerik Alanlarının Bölünmesi","list":{"type":"unordered","items":["Content alanı intro ve artık (makaleler) olmak üzere iki kısıma bölünür.","İçerik kutuları için div.etiketleri kullanılarak dokuz adet content box oluşturulur.","Footer kısmında dört adet footerbox ve bir adet copyright box oluşturulur."]},"beginTime":412,"endTime":607,"href":"/video/preview/11598890885353515912?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=412&ask_summarization=1"},{"index":5,"title":"CSS Grid Kullanımı","list":{"type":"unordered","items":["Harici bir STL dosyası kullanılmadan, CSS Grid ile sayfa tasarımı oluşturuluyor.","Grid sistemi için önce ana bölümler (header, content, footer) oluşturulup, ardından iç içe geçmiş grid yapıları oluşturuluyor.","Grid alanları için \"grid-area\" özelliği kullanılarak belirli isimler atanıyor (örneğin header, footer)."]},"beginTime":612,"endTime":703,"href":"/video/preview/11598890885353515912?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=612&ask_summarization=1"},{"index":6,"title":"Grid Özelliklerinin Ayarlanması","list":{"type":"unordered","items":["Grid alanlarına arka plan rengi ve kenarlık eklenerek görünümü biçimlendirme yapılıyor.","Grid ile biçimlendirme ve konumlandırma yapıldıktan sonra, responsive tasarım için piksel değerleri kullanılıyor.","Header, content ve footer alanlarının yükseklikleri piksel değerleriyle ayarlanıyor."]},"beginTime":703,"endTime":813,"href":"/video/preview/11598890885353515912?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=703&ask_summarization=1"},{"index":7,"title":"Grid Satırları ve Sütunları","list":{"type":"unordered","items":["İçi boş olan content alanına \"display: grid\" özelliği eklenerek kapsayıcı yapılıyor.","Grid satırları için \"fr\" (fraction) birimi kullanılarak paylar belirleniyor (örneğin 3fr, 8fr).","Grid sütunları için \"repeat\" fonksiyonu kullanılarak kolayca sütun sayısı belirlenebiliyor."]},"beginTime":813,"endTime":931,"href":"/video/preview/11598890885353515912?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=813&ask_summarization=1"},{"index":8,"title":"Grid İstisnaları ve Özel Ayarlar","list":{"type":"unordered","items":["Footer alanına \"grid-template-columns\" özelliği eklenerek dört eşit sütun oluşturuluyor.","Grid sütunlarının birleştirilmesi için \"span\" özelliği kullanılıyor.","Grid satırlarının yükseklikleri farklı paylarla belirlenerek (örneğin 13fr, 1fr) farklı boyutlara sahip hücresler oluşturuluyor."]},"beginTime":931,"endTime":989,"href":"/video/preview/11598890885353515912?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=931&ask_summarization=1"}],"linkTemplate":"/video/preview/11598890885353515912?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=%%timestamp%%&ask_summarization=1"},"isAdultDoc":false,"relatedParams":{"text":"CSS Grid ile Adım Adım Site Yapımı-1.Bölüm(Layout Oluşturma)","related_orig_text":"WebMucidi “WebMucidi” Tasarım Laboratuvarı","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"WebMucidi “WebMucidi” Tasarım Laboratuvarı\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=c2pS9pCVL_s\",\"src\":\"serp\",\"rvb\":\"ErIDChQxMDQ5MTEwODczODIyMTE5MzM2NwoUMTE1OTg4OTA4ODUzNTM1MTU5MTIKFDEwMzQxNzQ3Njk4MDExOTIwMTAxChQxNDgwMDA0MTY5MDg2MTU2MDMxNwoTMjM5MDMxNDkxODgxMjIwNzgzNAoUMTExNTQ1NTk0OTU5NTA1OTE1MjAKFDExOTcwMjc4MzY2NTUyNzgxMjE0ChQxNTU5NTU4MjE4MzAwNzE1Mjc4MwoUMTEyMTc4Njk0MDU1ODA0MDcyNzYKEzY3OTMzNjYzMDQwNTcyNDk1MDAKFDEwNDQ5ODQyMTc4NTQ0NjgwNDEyChM0NzcwNDM0NTAzNDEwNTgzMTI2ChQxNTE1MTAwNTQ0OTY0NTk3MjE4NQoTMjIxNzExNDI2ODc4NzA2NzkwMgoTNDUyMjIzMzQ3MTAzOTU2ODU5MQoUMTc3ODgxODY4Mjg1MTU5NTM0MTEKFDEyMTA0NDg1ODkyNzkzMzY2MDczChM2NDgwMDgyODk4Njc4Mzk5Mzg5ChQxNTU5MDkyNjA5MTIxMjM1NTc0MwoUMTM5NjI3NDQxMDc0NzgyNzIyNTkaFgoUMTE1OTg4OTA4ODUzNTM1MTU5MTJaFDExNTk4ODkwODg1MzUzNTE1OTEyarYPEgEwGAAiRRoxAAoqaGhtZW5zd29jcmJ2eXViYmhoVUNLMFJnMmtrdTJubERadmRjZU4wVjhnEgIAEioQwg8PGg8_E-0NggQkAYAEKyqLARABGniB_BcL_QT8APQE9g8GB_wBDf76Cfb__wDgA_sLCfwCAALxBA_9AAAAAev__gcAAAAK6Pr___0BAAQPBgb4AAAAD_TrAf4AAAD4_vP5_wEAAPoNA_ACAAAADPT7__8AAAD8CO4JAAAAABwF-A0BAAAAAOn09gEAAAAgAC33Y8Q7OBNACUhOUAIqhAIQABrwAU335__87gcC0hIFAO4HFAGB8Pv_IwXyAOLp4QDk_gMB2uftAPMVEP8b8gT_6O_P_-Ae7P8dLgcB7PoBAPTv9AAAB-kADdcCABgi-gDzGfr_Bhfs_yDq-wAb7vcAHO8BATXn6fz9GgABv-wGAgDxEP_s8BIAKfL4_94cBP8LAPv94P_3AO_3GwHvE_f-KQAAAfkeCv84A_cAFhcBAS736wEiAQUD_QH3_f0ADfsZDQwG_Ab0_vgEDAMQFxn_HhoS_AYL-gUg1f4ADf_8-wv0AQQiIwIC7hoFBxQB9vf9APr80PMHBf3l___sEwsG3vj8CiAALZD6Tjs4E0AJSGFQAipzEAAaYA7uADkQ7dbHFNjs4gTZAe2y1vLSxUr_HMb_DSu7I_no1MQr7gBG2-waowAAACrr3x0DAAFy7xsZ1ucR6oH2Mu32OTAFApkfNRno1TvMzwUO_AotAwD84uvTKwP1IxEvEiAALRkOJTs4E0AJSG9QAiqvBhAMGqAGAAAcQgAAIMEAAIjBAAAAQQAAEMIAAFhCAAAQQQAAUMEAAATCAADAwQAAgMEAABDBAACCwgAAAMIAANhBAAA4wgAAEMEAAITCAAAQwgAA0MIAADxCAACIwQAAEEIAAAxCAABgQQAAMMEAALjBAAAcwgAA7kIAACBCAADAwQAAgL8AAKbCAABMQgAAmEEAAJrCAACwwQAAikIAAKDAAACgQAAA4MEAAGDBAAA0QgAAiEEAAFBBAADIwQAAoEAAAEBBAACEQgAAAEEAAJ7CAACAQAAAaMIAAOjBAABwQQAAEEIAACTCAADgwQAAgD8AAAzCAAAwwQAA4EAAAEBAAACEwgAAQEEAABDCAACIQgAA6EEAADDBAABAQQAAVEIAANxCAADAQQAA0EEAABzCAABQQQAAGMIAAIhCAAD4QQAAJMIAADjCAADwQQAA2MEAABRCAACywgAAkEEAAPDBAABAwAAAkEEAADBBAAAAQQAAjsIAAIhBAACYwQAAAMEAACTCAACQQQAApkIAAABCAADYwQAAgMAAADBBAACoQgAATMIAAEjCAACIQQAAnEIAAChCAAAwQQAAFEIAAKBBAAAAwAAAgMIAADxCAADowQAAwEAAAIZCAACgQAAAwEEAABRCAACUQgAAUMEAAOhBAACowQAAgL8AACjCAABwQQAAKEIAAKjBAACgwAAAokIAABjCAADowQAAuMEAAMBBAABcQgAAcEEAAGzCAABgwgAAzsIAABDBAACQwQAAgL8AABBBAADYQQAAiEEAAPDBAADAQQAAYMEAAPDBAAAQQgAAMMEAALBBAAAAwQAA4EAAAOjBAACEwgAAaMIAAAhCAACQQQAA6EEAAJhBAACUwgAAgEAAANDBAAB8wgAACEIAAKBBAAAcQgAAgMAAAKbCAABMQgAAwMAAAAzCAACgQQAAqEEAADhCAADAwAAAMMEAAOhBAABAQQAAmMEAADBBAACGwgAA8EEAABzCAACIwQAAXEIAACxCAACAwAAAlsIAAABAAADgwQAAMEEAACTCAACwQQAAGMIAAEDAAACGwgAAIMEgADgTQAlIdVABKo8CEAAagAIAAGS-AACmvgAAFD4AAEQ-AAAQPQAAhj4AAEy-AADuvgAAuL0AABC9AACoPQAALD4AAIo-AACWvgAA2L0AABC9AADePgAA4DwAAPg9AAAhPwAAfz8AALg9AABcPgAA4DwAAEQ-AAAEvgAAcD0AAKC8AAAUvgAA4DwAAGw-AABcPgAAtj4AAII-AACSPgAAij4AAIC7AACKvgAAsr4AABC9AABMvgAAyL0AAL4-AACGvgAAZD4AADw-AABQvQAAiD0AAPi9AACIvQAA2L0AAOC8AADIPQAApj4AAHS-AACYvQAAST8AAFS-AAAUPgAAuD0AAEA8AABAvAAAiL0AAEQ-IAA4E0AJSHxQASqPAhABGoACAAAMvgAAgr4AADy-AAApvwAAmD0AAOA8AAAcPgAAqL0AAAy-AABwvQAABL4AABC9AAAUvgAAJL4AACQ-AAAwvQAABL4AACc_AACGvgAA4j4AAIA7AAAwvQAABL4AAOC8AADgPAAAdL4AALi9AACAOwAA-D0AADA9AACoPQAA-D0AAHC9AAAkvgAAij4AAKC8AAD4PQAAMD0AAHS-AAA0PgAAVD4AABy-AAAUvgAAoDwAAGS-AACYvQAAf78AACS-AAAQvQAALL4AABS-AACYvQAAmL0AAKA8AAAUPgAA-D0AAOC8AAAEPgAA4DwAACw-AACgvAAAHD4AAPg9AAAQvSAAOBNACUh8UAEwCTgBSgBgAGgA\"}","related_url":"http://www.youtube.com/watch?v=c2pS9pCVL_s","parent-reqid":"1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1280,"cheight":720,"cratio":1.77777,"dups":["11598890885353515912"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":true,"contentTypeId":null,"censored":false},"10341747698011920101":{"videoId":"10341747698011920101","docid":"34-5-11-Z2CEDC82F2EB5A13F","description":"Örnek proje dosyasına aşağıdaki linkten ulaşabilirsiniz. https://github.com/webmucidi/HaberSit... https://www.dropbox.com/sh/outtgnv9hr...","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/2225548/65b93ff576c08c26de9bdc48109e210a/564x318_1","videoSrc":"https://video-preview.s3.yandex.net/PviS_gAAAAA.mp4","videoType":"video/mp4"},"target":"_self","position":"2","reqid":"1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL","summary":{"isFull":true,"fullTextUrl":"/video/result?ask_summarization=1&numdoc=1&noreask=1&nomisspell=1&parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=videoid:10341747698011920101","teaser":[{"list":{"type":"unordered","items":["Bu video, bir eğitmen tarafından sunulan CSS Grid ve Flexbox kullanarak web sayfası tasarımı eğitimidir. Eğitmen, adım adım bir haber sayfası tasarımını göstermektedir.","Video, CSS Grid ile içerik alanlarının oluşturulması, flexbox kullanarak içeriklerin hizalanması ve biçimlendirilmesi konularını kapsamaktadır. Eğitmen, \"content başlık\" alanı oluşturma, resim boyutlandırma, kategori başlıklarının stilize edilmesi ve haber başlıklarının düzenlenmesi gibi konuları detaylı şekilde anlatmaktadır.","Eğitim, font boyutları, margin değerleri, border radius özellikleri ve display flex dizilişi gibi CSS özellikleri kullanılarak içerik kutularının düzenlenmesi, renk değişiklikleri ve görsel düzenlemeler yapmaktadır. Video, bir sonraki derste footer tasarımı ile ana sayfanın tamamlanacağı bilgisiyle sonlanmaktadır."]},"endTime":2145,"title":"CSS Grid ve Flexbox ile Web Sayfası Tasarımı Eğitimi","beginTime":0}],"fullResult":[{"index":0,"title":"CSS Grid ile İçerik Alanları Tasarımı","list":{"type":"unordered","items":["CSS Grid ile site yapım serisinin header ve intro alanları tamamlandıktan sonra sıra ortadaki içerik alanlarına geldi.","İçerik alanlarında haberler, en popüler haberler veya editörün seçtikleri gibi alanlar oluşturulacak ve haberlere ait kısa özetler gösterilecek.","İçerik alanlarına başlık vermek için ızgaraya yeni bir satır ekleniyor ve \"content başlık\" adında bir div oluşturuluyor."]},"beginTime":1,"endTime":70,"href":"/video/preview/10341747698011920101?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=1&ask_summarization=1"},{"index":1,"title":"Grid Sisteminin Düzenlenmesi","list":{"type":"unordered","items":["Grid sisteminde üç sütun ve eşit ölçekte tekrarlanacak üç sütun oluşturulmuş, ancak üç satır (2f3fr ve 1fr) tanımlanmıştı.","Başlık için 50 piksellik bir satır daha ilave edilerek ızgarada yeni bir satır oluşturuluyor.","İçerik kutularını birleştirmek için \"first sight\" ve \"second child\" seçicileri kullanılarak sütunlar birleştiriliyor."]},"beginTime":70,"endTime":159,"href":"/video/preview/10341747698011920101?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=70&ask_summarization=1"},{"index":2,"title":"İçerik Alanlarının Düzenlenmesi","list":{"type":"unordered","items":["Kutular pembe renkten beyaz renge (light pink yerine white) dönüştürülüyor.","\"Content başlık\" alanı beyaz bir kutu gibi değil sadece bir başlık olarak gösterilecek şekilde düzenleniyor.","Başlığın arka planı \"background: none\" ile kaldırılıyor ve padding değerleri ayarlanarak başlık boyutu ve konumu düzenleniyor."]},"beginTime":159,"endTime":325,"href":"/video/preview/10341747698011920101?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=159&ask_summarization=1"},{"index":3,"title":"Yazı Stilinin Ayarlanması","list":{"type":"unordered","items":["Yazı boyutu standart 16 piksel yerine 2rem (kök yazı boyutunun iki katı) olarak ayarlanıyor.","Yazı kalınlığı \"font-weight: bold\" ile kalınlaştırılıyor.","Harici fontlar kullanılarak site görünümü daha da artırılabilir."]},"beginTime":325,"endTime":436,"href":"/video/preview/10341747698011920101?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=325&ask_summarization=1"},{"index":4,"title":"İçerik Kutularının İçeriği","list":{"type":"unordered","items":["İçerik kutularında bir resim, kategori başlığı, haber başlığı ve paragraf bulunuyor.","Resimler web sitesinin kök klasöründeki images klasörünün articles alt klasörüne atılıyor.","İçerik kutuları \"boks kapsayıcı\" adı verilen bir yapı içerisine alınıyor çünkü flex yönteminde önce yatay diziliş sonra dikey döndürme yapılıyor."]},"beginTime":436,"endTime":635,"href":"/video/preview/10341747698011920101?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=436&ask_summarization=1"},{"index":5,"title":"CSS Seçici Oluşturma ve Resim Özellikleri","list":{"type":"unordered","items":["Resme \"article\" katmanı altında \"content box\" içerisindeki \"img\" seçici oluşturuluyor.","Resme genişlik ve yükseklik değerleri verilirken, orijinal ölçeklemeyi bozmamak için sadece yükseklik değeri (250 piksel) belirleniyor.","Resmin çerçevelere olan mesafesi için her taraftan \"margin\" değeri (1rm) verilerek çerçeve ile arasına boşluk ekleniyor."]},"beginTime":637,"endTime":818,"href":"/video/preview/10341747698011920101?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=637&ask_summarization=1"},{"index":6,"title":"Flexbox Kullanımı","list":{"type":"unordered","items":["Kapsayıcı alanı için \"display flex\" özelliği kullanılarak elemanlar yan yana diziliyor.","\"Align items center\" özelliği ile elemanlar dikeyde ortalanıyor.","Kapsayıcı için kenarlık ve arka plan özellikleri kaldırılarak temiz bir görünüm sağlanıyor."]},"beginTime":818,"endTime":1002,"href":"/video/preview/10341747698011920101?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=818&ask_summarization=1"},{"index":7,"title":"Kategori Başlıkları Stilleme","list":{"type":"unordered","items":["Kategori başlıkları için \"h5\" etiketi kullanılarak \"spor başlık\", \"eğlence başlık\" ve \"teknoloji başlık\" sınıfları oluşturuluyor.","Her kategori başlığı için farklı arka plan renkleri (yeşil, mavi) belirleniyor.","Tüm \"h5\" etiketleri için \"display block\", \"beyaz yazı rengi\", \"genişlik\", \"padding\" ve \"border radius\" özellikleri kullanılarak buton benzeri bir görünüm sağlanıyor."]},"beginTime":1002,"endTime":1285,"href":"/video/preview/10341747698011920101?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=1002&ask_summarization=1"},{"index":8,"title":"Haber Başlığı ve İçerik Kutusu Düzenlemesi","list":{"type":"unordered","items":["Haber başlığı oluşturulurken, content box içerisindeki H3 başlıklarının fontları 1.5rem olarak ayarlanıyor.","Farklı font aileleri kullanmak görselliği ve albeniyi artırır.","Başlık, kategori başlığı ve paragraf arasındaki mesafe için marjin değerleri (0.25rem, 1rem) belirleniyor."]},"beginTime":1291,"endTime":1395,"href":"/video/preview/10341747698011920101?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=1291&ask_summarization=1"},{"index":9,"title":"Paragraf ve Kutu Düzenlemeleri","list":{"type":"unordered","items":["Paragrafların font size'ı 1.20rem olarak ayarlanarak daha büyük hale getiriliyor.","Tüm kutulara 1rem marjin değeri verilerek kenarlara çok yapışık olmaları engelleniyor.","Üçüncü kutunun arka plan rengi gri ve border radius özelliği kullanılarak kenarları yuvarlak hale getiriliyor."]},"beginTime":1395,"endTime":1639,"href":"/video/preview/10341747698011920101?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=1395&ask_summarization=1"},{"index":10,"title":"Resimli Kutuların Düzenlenmesi","list":{"type":"unordered","items":["Dördüncü, beşinci ve altıncı kutularda resimlerin sırası değiştirilerek içerikler kopyalanıyor.","Resimlerin linkleri güncelleniyor ve başlıklara uygun içerik ekleniyor.","Yedinci kutuda da aynı özellikler kullanılarak kırmızı tonda ve ters simetrik border radius ile farklı bir görünüm elde ediliyor."]},"beginTime":1639,"endTime":1861,"href":"/video/preview/10341747698011920101?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=1639&ask_summarization=1"},{"index":11,"title":"Flexbox Kullanımı","list":{"type":"unordered","items":["Dokuzuncu kutuda display flex ve align items özellikleri kullanılarak kutular yan yana diziliyor.","Dikey kutulardaki resimlerin ortalanması için flex direction row özelliği belirtiliyor.","Flexbox kullanırken flex direction row olarak belirtmek önemlidir."]},"beginTime":1861,"endTime":2028,"href":"/video/preview/10341747698011920101?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=1861&ask_summarization=1"},{"index":12,"title":"Flexbox Kullanımı ve Hizalama","list":{"type":"unordered","items":["Display flex ve flex direction row özellikleri kullanılarak hizalama sorunu çözüldü.","Resimler sütun olarak dizildiğinde otomatik olarak hizalandı.","Align items, align self veya justify self özellikleri center olarak değiştirilebilir."]},"beginTime":2038,"endTime":2101,"href":"/video/preview/10341747698011920101?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=2038&ask_summarization=1"},{"index":13,"title":"Kenarlık Kaldırma ve Dersin Sonu","list":{"type":"unordered","items":["Kenarlık alanından kurtulmak için verilen alan içerisindeki borderlara none değeri verildi.","İçerik alanının dizilişlerinde flex özelliği ağırlıklı olarak kullanıldı.","Bir sonraki derste footer tasarımı ile ana sayfa tamamlanacak."]},"beginTime":2101,"endTime":2144,"href":"/video/preview/10341747698011920101?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=2101&ask_summarization=1"}],"linkTemplate":"/video/preview/10341747698011920101?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=%%timestamp%%&ask_summarization=1"},"isAdultDoc":false,"relatedParams":{"text":"CSS Grid ile Adım Adım Site Tasarımı-6.Bölüm(Flex Yöntemiyle İçerik Alanı Oluşturma)","related_orig_text":"WebMucidi “WebMucidi” Tasarım Laboratuvarı","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"WebMucidi “WebMucidi” Tasarım Laboratuvarı\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=BQTTIwJn__c\",\"src\":\"serp\",\"rvb\":\"ErIDChQxMDQ5MTEwODczODIyMTE5MzM2NwoUMTE1OTg4OTA4ODUzNTM1MTU5MTIKFDEwMzQxNzQ3Njk4MDExOTIwMTAxChQxNDgwMDA0MTY5MDg2MTU2MDMxNwoTMjM5MDMxNDkxODgxMjIwNzgzNAoUMTExNTQ1NTk0OTU5NTA1OTE1MjAKFDExOTcwMjc4MzY2NTUyNzgxMjE0ChQxNTU5NTU4MjE4MzAwNzE1Mjc4MwoUMTEyMTc4Njk0MDU1ODA0MDcyNzYKEzY3OTMzNjYzMDQwNTcyNDk1MDAKFDEwNDQ5ODQyMTc4NTQ0NjgwNDEyChM0NzcwNDM0NTAzNDEwNTgzMTI2ChQxNTE1MTAwNTQ0OTY0NTk3MjE4NQoTMjIxNzExNDI2ODc4NzA2NzkwMgoTNDUyMjIzMzQ3MTAzOTU2ODU5MQoUMTc3ODgxODY4Mjg1MTU5NTM0MTEKFDEyMTA0NDg1ODkyNzkzMzY2MDczChM2NDgwMDgyODk4Njc4Mzk5Mzg5ChQxNTU5MDkyNjA5MTIxMjM1NTc0MwoUMTM5NjI3NDQxMDc0NzgyNzIyNTkaFgoUMTAzNDE3NDc2OTgwMTE5MjAxMDFaFDEwMzQxNzQ3Njk4MDExOTIwMTAxasEPEgEwGAAiRRoxAAoqaGhtZW5zd29jcmJ2eXViYmhoVUNLMFJnMmtrdTJubERadmRjZU4wVjhnEgIAEioQwg8PGg8_E-EQggQkAYAEKyqLARABGniB9vcQCwr0APoEAxEMCvoCBPcPAvj-_QDpC_8HCv8AAPPtC_v9AAAAAP8DBf0AAAD_6_MK_f0AABIGCgDUAP4AFOX7B_8AAAD2EuwB_wEAAAAS_AAD_wAAE_r2Bv8AAAABBvwH9_4AAR4G9w4BAAAAAOf09QEAAAAgAC0iN7Y7OBNACUhOUAIqhAIQABrwAWcEsPwVy_EFpSLhAM0GBgKBBfH_Kdzp_4rlpgDNB9oBq-naAQQRAwDoBAoAoP3jAtQd8_8-EggB4PAmABQHRQHw-NQBN9AvAz0i8f_fL-f-BR4b_ifnBwA8xQn_O_76_zry8vnIEO0Alt8JBO0EHgED6hUDPBoJAfQ4EgXuHSYBxOccAuIPJfzG_h7_Fwzt_BUQ5wFFC9EAHAAhAyTszv8Q-B0B7eUJ-O4FBQABAQ731BL3A_b7Bg_kDisECysq-OEEGgAE1O74-DEE-R8C_QsYOQYGF-38__7cAfLhIRcFvwYR8Ar_Af8ADxr02gnz6SAALbaj_To4E0AJSGFQAipzEAAaYBXpADYP87rHCe8BCPEIE6an89z0uzD_B7__3jWt-er45tIUCwAz9O4lnwAAADjZ1AYFAPV7yPoc8dAcDYHvGuYYOP_vMbkQIxvotBj_4Psd9jld_wDU1df5QPrgHyES2iAALQx3Hjs4E0AJSG9QAiqvBhAMGqAGAABwwQAAjEIAAKBAAADoQQAAHMIAAERCAAAQQgAADMIAACTCAACKwgAAAEAAAOBAAACwwQAAJEIAAKBBAAAIwgAAqMEAAJ7CAAAswgAAQMIAAAxCAACowQAASEIAAAAAAADAQQAA2MEAAMDAAACAwAAAJEIAALDBAADgwQAAgEEAAITCAABwwQAAZMIAANDBAACAQAAAAMAAACDBAABAwAAAkMEAAMhBAAAwQQAAsEEAANDBAADYwQAANEIAAIBCAAAEQgAAAEIAALrCAAD4wQAAcMIAAPjBAABgQQAA0EEAAHzCAAC-wgAA2MEAAEDBAABwQQAANMIAAODBAACIwgAA2EEAAKzCAABUQgAAmMEAAFTCAAAgwgAAokIAABhCAACKQgAAiMEAAGDBAADowQAAUEEAAIBCAACYQgAAPEIAAJDCAABsQgAAYEEAAFTCAAAAQQAAsEEAAKBCAABAQAAAPEIAADBBAAAQQgAAYEIAAJhBAACywgAAYMEAAFzCAAAAwAAAyMEAAOBAAAAAwAAA4MEAAIA_AADAQQAAMEEAAPDBAADwwQAAJEIAAMhBAABgQQAAREIAAGhCAAAYQgAAGEIAAIxCAABsQgAA-MEAAMjBAABEwgAAqMEAACDBAABEQgAA8MEAAIC_AABgwQAALMIAAABAAADAQQAAAEEAAFTCAACAPwAAgsIAAEDCAAAwQQAAAMAAAABAAACQQQAAaEIAAKBAAACQwQAAZMIAAPBBAACyQgAAEEEAAEDBAAAQQgAA4EAAAI7CAAB8QgAAAEEAAEBCAAAwQQAAYEEAAIBAAABAQAAAwMEAADDBAACAQAAAYMEAABDBAACIQgAAuEEAAIA_AABowgAAgD8AABDBAABAwAAAWEIAAK5CAAAwQQAAdMIAAMjBAACeQgAAgMAAAKbCAAAQQQAAIEEAAKDAAAAwwgAAkMEAANBBAACuwgAAiEEAADzCAAAQwQAAqEEAAMBBAACSwgAAhEIAAADBAAAYQgAAGMIAADRCAAAwwQAAuMEAALDBAAAkQgAAmEEAAIjBAABwQQAAQMAgADgTQAlIdVABKo8CEAAagAIAAL6-AACmvgAARD4AAJY-AABQPQAAmD0AACS-AAD-vgAAkr4AAEy-AABUPgAAPD4AANI-AACAOwAAbL4AAFA9AAAJPwAAcD0AAHQ-AAArPwAAfz8AACw-AAA0PgAAgDsAAEQ-AAAQvQAAbD4AAFS-AAC4vQAA-L0AAJI-AAAkPgAAZD4AAFQ-AACKPgAAuj4AAMi9AACivgAA4r4AACy-AAC6vgAAMD0AALI-AABEvgAAjj4AACQ-AACoPQAAhr4AACw-AABAPAAAoLwAAAy-AAAUPgAAZD4AAKa-AAA8vgAART8AAMi9AACAOwAALD4AALi9AAC4vQAADL4AANg9IAA4E0AJSHxQASqPAhABGoACAACIvQAAVL4AAOi9AAAnvwAA6D0AAIg9AABAvAAAoLwAAJ6-AAAQPQAARL4AAIi9AAAQvQAAfL4AAOg9AACIvQAAVL4AAD0_AAA0vgAAnj4AAIi9AAAkvgAAQLwAAAS-AADIPQAAFL4AAKC8AABAvAAAcD0AAKA8AACgPAAAuD0AAOi9AAD4vQAAyD0AAJi9AABQPQAAqD0AAGy-AACgPAAA6D0AACS-AABwvQAAQLwAAFS-AAD4vQAAf78AAIq-AADIvQAAgLsAAMi9AAAUvgAAgDsAAKC8AABAPAAAQLwAAEC8AAB8PgAAyL0AACQ-AABwPQAAND4AALg9AABEviAAOBNACUh8UAEwCTgBSgBSCQgPEJICGAAwAWAAaAA,\"}","related_url":"http://www.youtube.com/watch?v=BQTTIwJn__c","parent-reqid":"1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1920,"cheight":1080,"cratio":1.77777,"dups":["10341747698011920101"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":true,"contentTypeId":null,"censored":false},"14800041690861560317":{"videoId":"14800041690861560317","docid":"34-11-7-ZD216508CC8B4FF13","description":"HTML+CSS kullanarak adım adım anasayfa şablonu tasarımı örnek bir proje üzerinde anlatılmıştır. İndirmek için: https://www.dropbox.com/sh/18k92p0ksh...","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/1617868/44ef41dd7eda7dac4fe566f7c436af59/564x318_1","videoSrc":"https://video-preview.s3.yandex.net/6f9jGwEAAAA.mp4","videoType":"video/mp4"},"target":"_self","position":"3","reqid":"1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL","summary":{"fullTextUrl":"/int_search_summary?data=http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DjVfttMD_TM4","linkTemplate":"/video/preview/14800041690861560317?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=%%timestamp%%&ask_summarization=1"},"isAdultDoc":false,"relatedParams":{"text":"CSS Sayfa Tasarımı Dersleri- Bölüm 2","related_orig_text":"WebMucidi “WebMucidi” Tasarım Laboratuvarı","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"WebMucidi “WebMucidi” Tasarım Laboratuvarı\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=jVfttMD_TM4\",\"src\":\"serp\",\"rvb\":\"ErIDChQxMDQ5MTEwODczODIyMTE5MzM2NwoUMTE1OTg4OTA4ODUzNTM1MTU5MTIKFDEwMzQxNzQ3Njk4MDExOTIwMTAxChQxNDgwMDA0MTY5MDg2MTU2MDMxNwoTMjM5MDMxNDkxODgxMjIwNzgzNAoUMTExNTQ1NTk0OTU5NTA1OTE1MjAKFDExOTcwMjc4MzY2NTUyNzgxMjE0ChQxNTU5NTU4MjE4MzAwNzE1Mjc4MwoUMTEyMTc4Njk0MDU1ODA0MDcyNzYKEzY3OTMzNjYzMDQwNTcyNDk1MDAKFDEwNDQ5ODQyMTc4NTQ0NjgwNDEyChM0NzcwNDM0NTAzNDEwNTgzMTI2ChQxNTE1MTAwNTQ0OTY0NTk3MjE4NQoTMjIxNzExNDI2ODc4NzA2NzkwMgoTNDUyMjIzMzQ3MTAzOTU2ODU5MQoUMTc3ODgxODY4Mjg1MTU5NTM0MTEKFDEyMTA0NDg1ODkyNzkzMzY2MDczChM2NDgwMDgyODk4Njc4Mzk5Mzg5ChQxNTU5MDkyNjA5MTIxMjM1NTc0MwoUMTM5NjI3NDQxMDc0NzgyNzIyNTkaFgoUMTQ4MDAwNDE2OTA4NjE1NjAzMTdaFDE0ODAwMDQxNjkwODYxNTYwMzE3apMXEgEwGAAiRRoxAAoqaGhtZW5zd29jcmJ2eXViYmhoVUNLMFJnMmtrdTJubERadmRjZU4wVjhnEgIAEioQwg8PGg8_E9gPggQkAYAEKyqLARABGniB-AACBgH_APj28g4IB_wC-vwE_fn9_QDjAPEJAP0CAAD3_g0IAAAABvL5BPsAAAAK6vv___0BAA0CCQ8EAAAAA_0A_wv8AgAAB_0A_gEAAAMCBwED_wAACwb9_P8AAAAa__cJ_v__AAv_9g8AAAAAAun1AwEAAAAgAC30CdA7OBNACUhOUAIqhAIQABrwAXk6BvsZwu4GsBrX_9ryEgCW5ij_SxuxAMYI9AK-z-MAp_DxAvoA9v7KQsr_mxnm_67H5f8mXukAQDsQ_woAHgAM_AABf93ZATwV3QLl6Cz_HBZB_y25SP09_hEC9c0M_h0B8PeivfAGyvDEAA0qRwQmAQf_URLaBvT0K__PKh3_HO7z-gcL8gC51vMC0uD0_tHw5whk2-z7CwwYCRULEgsCvBL-EskHASEVMArLNejx3e4a_dAR8BD5LBn1MxwyA8zVDfMv6d4F5hHyBwfKF_DEFvsAOeMH_vst8Av6L_nfuRoC9bYvFgoAxPjk6hIB_iAALc2u2To4E0AJSGFQAirPBxAAGsAHZmvFvn5zf7wjTfq7yrufvVpGij18hku87X7VvTvqg7znlFu84V1ePiwlgD0ZGlQ92NR5vgUESb3zhgW9ih9TPssQ6Duk9se83jLxvLbDOjz9WJi6jkCsvaHxKT2aqZi7UANBvZinU72sg009GxBRPiPue71VtIO8xO7bvQeDJTtmFRU8Uc2mPQAbEL3Whem8KAsPPmIEIz14PJI87DRSPtm7-bu-f5g7Vo7_PLYAYz0AZ3M83o8Lvi-_17uWmS08vAJWvWOLkzsYv6G7ytWZPWnUMrzCjW-88zzYPYAfjz32DUw8fPFFPfsEPTnFh2G76vFWPDAe1Lwzd1S56tCUvWnvwjxv3Qg918N3Pdndjb1grVo8erZdvWlAOD2PmsS7p1K4vUNHob3bhtW6nJ8nPWvvE71N8448W0yivDWpwr2wk1U8AI2CPWNerL0IAA67ub8fPef5iD0bzZs8a4OuvMlILDzexou8Ko4jvbcYkr0Sv3-78RL8PcAonL2tKGu74UblPLYdibyqvo48JyUOPX7hNruJ65g7x4NtvVcQjr2dt1a8OA7hPOv_DD4IMki73qsWvc4AF72GfIa8qrVVvOZQ0DxP0GQ7K23BPfQJajxvp2O8l-IqvcvdDrpA1OS7YhAYPWhlMb3AQ027BXvCvXMuRb2na_W6Hd6NvXLbY73NSjs685oNvYTaqTrWjws8VyEFvlgyTL0FotG5NODHPVG4gzxrG_M5O_IxvXYKmD1LV304WIX2u9JXmz2JCve3YTYhPu-uDj1egBS4LTitPZSkCz0NCoo5jgqXvVrxETup0I04trySPbWj2D2IHYG5avYju--dp71iSNy4V6-3Pe-GXr0qcCk3zEw_vQpoorz5kXW5n8w_PYjun7u1C8u5gf3hvMAoHLw1arE3Fo2wPZuSh7yefJk4c9h9vMJHub0Wm_u4qFTpvZ2NC72p4-I5_hvFvBMql7tKzIa4ojXQPAhkZTyLKMQ3xFY1PXlhxj225i64lXxRPXic_bwKwjE3hePevAxGW72Nrfg2EJmtvXhAXr0rnbO4LueSPRbgNj0nJxa5x2KgvSJveb2puKC40-MSvfErhr3Xfw65xmwpPdVyDD2bmYk3gRWBvVBCH72HiR04WL6YPc3mkb2SWx25BUaIPRBsprwy-Y42O2XBuhCSRT2w5p830OaiPW-LiD3mn9G3bXIYPmGkF76n-N64gsR7PUp7Az3E84g47cSbPEVJyD3uUgq5BEKGvDRQFD0St224QSgvvR5xk72kxqe4IAA4E0AJSG1QASpzEAAaYDP0AE_5_cQL9RIQFeQNNMcE_cnwu_b_ILYA4gGYBej81ZIM-_8pOQYQmgAAAC0V_PP8ABx_y9j7BKdPJdTcFMX0W9sIEdvkCj0ds3D6xykS_fElJQAN5J_wKdvLKgU_0SAALfcTFDs4E0AJSG9QAiqvBhAMGqAGAADAwQAAhkIAADBBAABUQgAAoEEAABBCAABAQAAAAEEAAKjBAAA0wgAA6EEAAEDCAABcwgAAUEEAAIA_AACQwQAAIMIAAIjCAAAIwgAAAMEAAEhCAADAwAAAYEIAAABBAAAUQgAA2EEAAABBAAAAAAAAjkIAABDCAABMwgAAYMEAACzCAABYQgAAmMEAAJbCAAAgQQAA6MEAACTCAACYQQAAPEIAAATCAAAQwgAAcEEAAHTCAAD4wQAAsMEAADDBAAD4QQAAsEEAAHDCAADoQQAAgMAAAEDAAACKQgAAkEIAAGTCAACgwQAAiMEAAPBBAAAAQQAAoMIAABDBAAA0wgAA8EEAACzCAAC4QQAAMEEAAMDBAACwwQAAnEIAAOBBAAAsQgAA4MAAALBBAABswgAAHMIAAHBBAADAQAAAYEEAADTCAAC8QgAAgMAAACBBAACgwAAADEIAAFRCAAAYwgAAfEIAADDBAAAAQAAAsEIAAChCAABAwgAAiMIAACDCAACwwQAAyMEAAMBAAACIQQAAYMEAACxCAABEQgAAkEEAAADAAADAQQAAoMEAABBBAADgwQAAmkIAAJBBAAD4QQAAgEAAAL5CAABoQgAAIEEAABDCAADgwQAAIMIAACDCAAAYQgAAcMIAAJhBAADowQAAIMIAAMDAAACIQQAAuEEAAFzCAAAcwgAAQMIAAADBAAA8QgAAgEAAABBBAAC2QgAAFEIAAIBBAADYQQAAiMEAAIA_AACAwQAAIMEAAGDBAABgQgAAuEEAAFDCAABwQgAA2EEAAEBCAACIwQAAQMAAAARCAADoQQAAwMIAAMjBAAAQwQAABMIAAFDBAABAQgAA6EEAAGBCAACiwgAAsEEAAJBBAABQwQAAiEEAADBCAABgwQAAAMAAAKBAAADAQgAAoEAAAJjBAACIQQAAGEIAADBCAAAIwgAAQEAAAJpCAACYwgAANMIAAODBAADgQAAAVEIAAIZCAADAwQAAwEEAALBCAACQQgAAEEIAAKDAAABAQQAAQMEAADzCAAAMQgAAFMIAAHDCAAAUQgAAkEEgADgTQAlIdVABKo8CEAAagAIAAHy-AACyvgAAmD0AAFC9AAD4PQAAgj4AALg9AADCvgAAfL4AAIA7AACoPQAAFD4AAII-AAAwvQAAFL4AAGy-AAC2PgAAED0AAMY-AAAJPwAAfz8AANg9AABcPgAARD4AADQ-AABQvQAAiD0AAFy-AADoPQAAVD4AABw-AABQPQAAvj4AAFA9AAC2PgAAiD0AAAS-AAA0vgAAlr4AAIC7AAB8vgAARL4AANg9AACyvgAAUD0AAFA9AAAQPQAAcL0AAHS-AACovQAAEL0AAKC8AACoPQAAoLwAACy-AACIvQAANT8AAKg9AAD4PQAARD4AAEA8AADIvQAAHL4AAIg9IAA4E0AJSHxQASqPAhABGoACAADgvAAAEL0AAAw-AABBvwAA-D0AAOC8AABMPgAAgDsAAAy-AABwPQAA4DwAABy-AACAOwAAkr4AAKg9AAAQvQAAbL4AAGE_AAAQvQAAHD4AAFA9AAAsvgAAiD0AAPi9AACgvAAA-L0AAI6-AADYPQAAMD0AAHA9AACgPAAA2D0AAAS-AAAsvgAAhj4AACy-AACePgAAML0AAKK-AABwPQAAbD4AAEy-AABUvgAAmD0AAOi9AAAQPQAAf78AAFy-AAAQPQAAiL0AADA9AADgPAAAiD0AAAy-AABkPgAAUD0AADC9AADgvAAAFD4AAEA8AAA8PgAAND4AALi9AAA0viAAOBNACUh8UAEwCTgBSgBSCQgPEJICGAAwAWAAaAA,\"}","related_url":"http://www.youtube.com/watch?v=jVfttMD_TM4","parent-reqid":"1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1280,"cheight":720,"cratio":1.77777,"dups":["14800041690861560317"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":true,"contentTypeId":null,"censored":false},"2390314918812207834":{"videoId":"2390314918812207834","docid":"34-11-12-ZC338E771AB5D236C","description":"HTML+CSS kullanarak adım adım anasayfa şablonu tasarımı örnek bir proje üzerinde anlatılmıştır. İndirmek için: https://www.dropbox.com/sh/18k92p0ksh...","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/3335330/28bff11a4ce1e81c543ea76d5f680f42/564x318_1","videoSrc":"https://video-preview.s3.yandex.net/qflabAAAAAA.mp4","videoType":"video/mp4"},"target":"_self","position":"5","reqid":"1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL","summary":{"fullTextUrl":"/int_search_summary?data=http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DFu4upPXLw4Q","linkTemplate":"/video/preview/2390314918812207834?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=%%timestamp%%&ask_summarization=1"},"isAdultDoc":false,"relatedParams":{"text":"CSS Sayfa Tasarımı Dersleri- Bölüm 3","related_orig_text":"WebMucidi “WebMucidi” Tasarım Laboratuvarı","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"WebMucidi “WebMucidi” Tasarım Laboratuvarı\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=Fu4upPXLw4Q\",\"src\":\"serp\",\"rvb\":\"ErIDChQxMDQ5MTEwODczODIyMTE5MzM2NwoUMTE1OTg4OTA4ODUzNTM1MTU5MTIKFDEwMzQxNzQ3Njk4MDExOTIwMTAxChQxNDgwMDA0MTY5MDg2MTU2MDMxNwoTMjM5MDMxNDkxODgxMjIwNzgzNAoUMTExNTQ1NTk0OTU5NTA1OTE1MjAKFDExOTcwMjc4MzY2NTUyNzgxMjE0ChQxNTU5NTU4MjE4MzAwNzE1Mjc4MwoUMTEyMTc4Njk0MDU1ODA0MDcyNzYKEzY3OTMzNjYzMDQwNTcyNDk1MDAKFDEwNDQ5ODQyMTc4NTQ0NjgwNDEyChM0NzcwNDM0NTAzNDEwNTgzMTI2ChQxNTE1MTAwNTQ0OTY0NTk3MjE4NQoTMjIxNzExNDI2ODc4NzA2NzkwMgoTNDUyMjIzMzQ3MTAzOTU2ODU5MQoUMTc3ODgxODY4Mjg1MTU5NTM0MTEKFDEyMTA0NDg1ODkyNzkzMzY2MDczChM2NDgwMDgyODk4Njc4Mzk5Mzg5ChQxNTU5MDkyNjA5MTIxMjM1NTc0MwoUMTM5NjI3NDQxMDc0NzgyNzIyNTkaFQoTMjM5MDMxNDkxODgxMjIwNzgzNFoTMjM5MDMxNDkxODgxMjIwNzgzNGqTFxIBMBgAIkUaMQAKKmhobWVuc3dvY3Jidnl1YmJoaFVDSzBSZzJra3UybmxEWnZkY2VOMFY4ZxICABIqEMIPDxoPPxOyB4IEJAGABCsqiwEQARp4gf_7-wAE-wD39vIPCAj8Avr7BP35_f0A3w_1BAP7AgAH8QsHBAAAAAbx-QT6AAAACun6___9AQATBgUFBQAAAAP9AP8L_AIAAwwC-v4BAAAFBwUIBP8AAAUD-vb_AAAAG__3Cv7__wAL__UPAAAAAPff-vsBAAAAIAAtVTTHOzgTQAlITlACKoQCEAAa8AFCEv757S4AAcHh-AC2A_oApfcLAEAI-QDXCNMAESH1AL0O8wDrACEA3-f3AIHy_wIS5-wAKi_yAO8GGwAK-gQABzMcAALJH_8v9PoAC9Yf_wEID_4py-sBSSgB_8QYB___Chr9KcgNAbbk5wPdCBkDBRgKAA_y6QHvGvP_Igww_vgpD_779gcH_ews--Xa7f3wVPX_HQry-yD8_AMsBPH8DvoYASkFGwT_2QYK8_EhADYSAf_VD_j45fgfASgfBAYR-BwJ-cUEANju-vsC-gYC7_YCCiziDxQ75gL97QT--9dJFAQgIBj2-v0H-MvzDQwgAC3KRBg7OBNACUhhUAIqzwcQABrABwwfsb50EoA97fEivSwuzrxxcI48Id6Au2PtP77onwW8ncMtO-FdXj4sJYA9GRpUPZxNl77qPVy5ZI8WvBpr_z3u1QK9MpFSPDk_arxJe0i94RNhvWIW9Tx7yTU8PQSbO7MVSr2I-OK8LtW7PH9LQD6nSso7gbiGvOFEBL5ZtTW9vjQAPTJ3mD2jHay9m_XzPAXD-T0xi1q9C4gfPRwLej5zXJe8hMxfvBU-trwkroi86FcpPd6PC74vv9e7lpktPOt_v72T9Fo9UV2KPOA9UbyQfRU9xv86O_c3nT0KKzU9bJj8O0RplLtttT09G-VPPEVWLT3bwUg9fbAOvPmgB770Gps9L4GAO3h6Sj11Zca81EMZvLjnKb7GT2O9icROPPmE7Dz2lQc9sZuAu6VoJT7Y-Ke8TkiWOUYotrrO4C-9oTWaPGkStj0lIdG9d1dqO_anjj3iBGY9ZddFOwFuob1evN27QF6ZvCRUWr3ejL-9l3U9u930Qjv9BRE9Y0WqOxZo-zqgtIa9SLK9PKYSlrvR5jg8oJ_SO8Kt1LvMEoi94BKAPA2_4btC81Q9co-AvGoQyTtMk608c8i8OSu0PTxfARa8o8SVOgPBLT3svHK9l7hBuBcJkr2u-Uy9TnAcvM6XnT3UXDO9L9fouwiT4r3yYye8wvuqugYwgDyda3O9FwaTu6CRBDwTLr-8u8A8u8uAA7628re8AyzguYv6pD24uWc9sYJGu4Ba0jpPpJU934WQO52ovroD2ZG9GkoIutyNVD3YRAY9MyVlORhVkD14izE9YMQSOQlxIL1fVxg9B-w2ORKjZzwcuK49QY2kOKlmq73K6Da8E6AFuQJL7j0z0qw90s2OObjOur1q-xI9mHBMOf7mDz1jMJo8Ym3Gubu-aj3jcoe98Ca9ud2cRT2tnjg9NnWpOP6wSjzEIBW96bEHN6OUsL1P6QC-2tloObwvnbyLgZ890q5sN120lr2xh9Y9EcPZuPce7j1DuSO9vXU_uIQahD3T9Bm-jYgrOS5OQb3Fb6u7ejNVuEsd5LzYooA9u7f3OHBwEz0RXEA86t2AOUvmWL1_OZ694zIyOCpY97isCTi9tnJrN4q1kzyWI4Q9bA2MOGGgUD302UY9K5gmOBxmgz0O9HW85XcGubKFuzxEp8Y7tAPothgWUj2gacs7YxYEuDXAuzxcG4-8Kn4ls2EGeT3zOhK-S-epuNJ-NTx8Sqk87e-3OHSnhTxXl9M88ZVVuFrtxr0PFDM9aNv7N9R6lL0pCem9rctoNyAAOBNACUhtUAEqcxAAGmAp_ABj7fXpIgcO-_3HGT0Eyv3F_MHo_xmg_9IAjCHo6AOiCQMAHCv2CpoAAAAxEAQICQAAf9DVEPDBTgKy-Rfj-VH1-eDl1ftFD7Bw9NQ0-hPuGQ0A59Cn7jrKzycdPu0gAC2MehQ7OBNACUhvUAIqrwYQDBqgBgAA4EEAANBBAABQQQAAiEEAAEDAAABQQQAAwMAAAFjCAACQwQAATMIAAIDBAACQwQAAAEEAABhCAABMQgAABEIAAEDAAACowQAANMIAAIC_AACGQgAAHMIAAMZCAAD4QQAAKEIAACTCAAAIwgAAAMIAANBBAAAIwgAAGMIAAIDBAAB0wgAAkEEAAKDAAACAwgAAsEEAALjBAAAgwQAA6MEAADDBAADIwQAAgL8AAMhBAACSwgAA6EEAAEDAAAAgQgAAQEAAAABAAAC6wgAAIMEAAIzCAADAQAAAhkIAADRCAACQwQAAHMIAABDCAAC4QQAAAEAAABzCAAAIwgAAgsIAAJhCAAAswgAAMEIAAFhCAACAwAAAwEAAAKJCAAAAQAAAyEIAADDBAACgwAAACMIAABDCAAAwQgAAkEEAADRCAAAQQQAAvEIAAKBBAADQwQAAKMIAAFBCAABsQgAAEMIAAEBAAADwQQAABEIAAEhCAACAQAAAnsIAADDCAACGwgAAZMIAAGBCAAAwQgAAwEEAABjCAADwwQAAlkIAAODBAACowQAA4MAAACDBAABEQgAAQEEAAIJCAAAMQgAAcEEAAPDBAABsQgAAmEEAAJjBAACgwAAAKMIAAPDBAACwwQAAqkIAACBBAADIQQAAFMIAACzCAAA4wgAA4MAAAMhBAAAAwQAA4MEAAEDCAACowQAAoMEAAAhCAAAUwgAAVEIAAFBBAACgQQAAIMEAACjCAAAIQgAAJEIAAGDBAAAIwgAA2EEAABDCAADYwQAAqEEAAJBCAACkQgAACMIAAEBBAACAvwAA8MEAAHzCAADAQQAAoMEAAIC_AACgwAAAZEIAAAAAAAA0QgAAPMIAABRCAAAwQgAAWEIAAEBCAACIQQAAAAAAAEDAAAA8wgAAtEIAAMBAAABowgAAyMEAANBBAACgwAAAdMIAAARCAAAkQgAAhMIAAEjCAABgwgAA4EAAABBCAACYQgAAKMIAAABBAACoQQAAuEEAAEzCAAAQQgAAgEAAANjBAAAgwgAAYEIAAIBCAAAAQQAA4EAAABhCIAA4E0AJSHVQASqPAhAAGoACAAC2vgAAqr4AAFA9AABwPQAAij4AAAQ-AACgvAAA7r4AAIq-AAC4vQAABL4AAKg9AADWPgAAyL0AAIA7AAB0vgAATD4AABA9AACKPgAABT8AAH8_AABEPgAAij4AAHA9AACaPgAARL4AANg9AAB0vgAAqL0AAMg9AABMPgAAcD0AAL4-AACGPgAAPD4AAIi9AACGvgAAjr4AAKq-AADgvAAAir4AAEC8AADYPQAA9r4AALg9AADovQAAgLsAAHC9AACGvgAAFL4AAPi9AABQvQAAgDsAADS-AABUvgAA6L0AAGk_AAC4PQAALD4AAIY-AACIvQAAoLwAAIK-AADgPCAAOBNACUh8UAEqjwIQARqAAgAA2L0AAFA9AAA0PgAAO78AAIg9AABAPAAAfD4AAKA8AAAMvgAAiD0AADC9AABcvgAAqL0AAJq-AABAvAAAQLwAACy-AABVPwAA4LwAACw-AACYPQAANL4AABA9AACovQAAmL0AADy-AACWvgAAiD0AAHA9AACAOwAA4DwAAOg9AAAQvQAAPL4AAEQ-AAAEvgAAjj4AANi9AACGvgAAND4AAFQ-AABMvgAAHL4AAIC7AADovQAABD4AAH-_AAAsvgAAED0AAOC8AAA8PgAAQLwAAAw-AAD4vQAATD4AABA9AAAQvQAAQDwAAJg9AAAwPQAAuD0AAHA9AAAMvgAAoLwgADgTQAlIfFABMAk4AUoAUgkIDxCSAhgAMAFgAGgA\"}","related_url":"http://www.youtube.com/watch?v=Fu4upPXLw4Q","parent-reqid":"1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1280,"cheight":720,"cratio":1.77777,"dups":["2390314918812207834"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":true,"contentTypeId":null,"censored":false},"11154559495950591520":{"videoId":"11154559495950591520","docid":"34-2-4-Z6444D862D93C4EE8","description":"HTML+CSS kullanarak adım adım anasayfa şablonu tasarımı örnek bir proje üzerinde anlatılmıştır.İndirmek için: https://www.dropbox.com/sh/18k92p0ksh...","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/894507/935de1475ff365c4991f8256600bf5ed/564x318_1","videoSrc":"https://video-preview.s3.yandex.net/xJ07VAAAAAA.mp4","videoType":"video/mp4"},"target":"_self","position":"6","reqid":"1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL","summary":{"isFull":true,"fullTextUrl":"/video/result?ask_summarization=1&numdoc=1&noreask=1&nomisspell=1&parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=videoid:11154559495950591520","teaser":[{"list":{"type":"unordered","items":["Bu video, bir eğitmen tarafından sunulan CSS kullanarak ana sayfa tasarımına yönelik bir eğitim içeriğidir.","Video, CSS ile yatay menü oluşturma sürecini adım adım göstermektedir. İlk olarak mevcut tasarım katmanlarının birleştirilmesi ve renklendirme işlemleri anlatılmakta, ardından HTML kodları ve CSS stilleri uygulanmaktadır. Eğitmen, liste elemanlarının (ul ve li etiketleri) biçimlendirilmesi, padding ve margin değerlerinin kullanımı, float özelliğinin ayarlanması, a etiketlerinin blok olarak gösterilmesi ve hover efektlerinin eklenmesi gibi konuları detaylı şekilde açıklamaktadır.","Eğitim, menü elemanlarının yan yana dizilmesi için float left özelliğini kullanma, linklerin buton gibi görünmesi için display özelliğini blok olarak ayarlama ve kullanıcı deneyimini artırmak için hover efektlerini uygulama gibi pratik bilgiler içermektedir."]},"endTime":1218,"title":"CSS ile Yatay Menü Oluşturma Eğitimi","beginTime":0}],"fullResult":[{"index":0,"title":"CSS ile Ana Sayfa Tasarımına Devam","list":{"type":"unordered","items":["CSS ile ana sayfa tasarımına kaldığı yerden devam ediliyor, önceki aşamada renklendirme ve grafik yerleşimleri yapılmıştı.","Site logosu üzerinden renklendirme işlemleri yapılmış, üst menü katmanına turuncu renk verilmiş ve logo ile slogan katmanları birleştirilmiş.","Genel katmana yeşil renk, arka plana gri renkli patern desen resmi verilmiş, diğer katmanlar içeriye olan algıyı artırmak için beyaz ve açık gri renkler tercih edilmiş."]},"beginTime":1,"endTime":65,"href":"/video/preview/11154559495950591520?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=1&ask_summarization=1"},{"index":1,"title":"Arka Plan ve Menü Hazırlığı","list":{"type":"unordered","items":["Üst menü katmanına menü yerleştirilecek, önce eksik bırakılan noktalar tamamlanacak.","Logo ve slogan katmanları birleştirilmiş, arka plan dolgu renkleri aynı renk yapılmış ve tek bir resimmiş gibi görünmesi sağlanmış.","Logo grafiği transparan olarak kaydedilmiş bir PNG resmi olduğu için arka plan renklerine uyumlu çalışabiliyor."]},"beginTime":65,"endTime":153,"href":"/video/preview/11154559495950591520?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=65&ask_summarization=1"},{"index":2,"title":"Arka Plan Pozisyonu","list":{"type":"unordered","items":["Arka plan resminin duracağı konumu belirtmek için \"background pozisyon\" özelliği kullanılıyor.","\"Background pozisyon\" kısmında left, center, right değerleri yatay eksende, top, center, bottom değerleri dikey eksende konumlandırma sağlıyor.","X ekseninde 50 piksellik değer verildiğinde resim sol kenardan itibaren 50 piksel açıktan görünmeye başlıyor."]},"beginTime":153,"endTime":272,"href":"/video/preview/11154559495950591520?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=153&ask_summarization=1"},{"index":3,"title":"CSS ile Menü Yapımı","list":{"type":"unordered","items":["Sadece CSS kullanarak grafik kullanmadan menü yapımı gösterilecek.","Yatay bir menü oluşturulacak ve menü elemanları liste ekleme aracıyla ekleniyor.","Menü elemanları: Anasayfa, Hakkımızda, Projeler, Kiralık-Satılık ve İletişim olarak belirleniyor."]},"beginTime":272,"endTime":446,"href":"/video/preview/11154559495950591520?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=272&ask_summarization=1"},{"index":4,"title":"Menü Biçimlendirme","list":{"type":"unordered","items":["HTML kodları ile oluşturulan liste CSS ile biçimlendirilerek site tasarımına uygun hale getirilecek.","\"Ul\" etiketi için liste tipi yuvarlak simgelerden kaldırılıyor.","Padding ve marjin değerleri sıfırlanarak boşluklar temizleniyor."]},"beginTime":446,"endTime":600,"href":"/video/preview/11154559495950591520?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=446&ask_summarization=1"},{"index":5,"title":"Liste Elemanlarının Düzenlenmesi","list":{"type":"unordered","items":["\"Li\" etiketi ile liste elemanları tek tek temsil ediliyor.","Liste elemanlarının alt alta dizilmesi yerine soldan sağa dizilmesi için \"float\" özelliği \"left\" olarak ayarlanıyor.","Liste elemanları arasındaki boşluklar \"margin\" değeri ile belirleniyor."]},"beginTime":600,"endTime":738,"href":"/video/preview/11154559495950591520?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=600&ask_summarization=1"},{"index":6,"title":"Liste Elemanları ve Marjin Değerleri","list":{"type":"unordered","items":["Liste elemanları yan yana dizildiğinde, her birine soldan 10 piksellik boşluk verilerek soldan sağa doğru dizilir.","Marjin değeri kullanılarak liste elemanları arasındaki mesafeler belirlenir."]},"beginTime":740,"endTime":786,"href":"/video/preview/11154559495950591520?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=740&ask_summarization=1"},{"index":7,"title":"Linklerin Buton Haline Getirilmesi","list":{"type":"unordered","items":["Menü mantığı butonlar şeklinde düzenlenen bölümler vasıtasıyla çalışır ve kullanıcıların tıklayabilmesi için tam üzerine gelmesi gerekir.","Sitenin kullanabilirliğini artırmak ve görsel olarak düzenli hale getirmek için a etiketleri blok olarak (buton olarak) gösterilir.","Linklerin buton haline getirilmesi için display özelliğine \"blok\" değeri atanır."]},"beginTime":786,"endTime":875,"href":"/video/preview/11154559495950591520?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=786&ask_summarization=1"},{"index":8,"title":"Link Bloklarının Boyutlandırılması","list":{"type":"unordered","items":["Oluşturulan link bloklarının genişlik ve yükseklik değerleri belirlenerek buton haline getirilir.","Link bloğunun genişliği sayfa tasarımına göre 140 piksel olarak belirlenir.","Yükseklik değeri peşin olarak verilebilir veya satır yüksekliği, padding değerleri kullanılarak hesaplanabilir."]},"beginTime":875,"endTime":1008,"href":"/video/preview/11154559495950591520?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=875&ask_summarization=1"},{"index":9,"title":"Linklerin Görsel Biçimlendirilmesi","list":{"type":"unordered","items":["Linklerin görsel özelliklerinin çoğu (yazı rengi, altı çizili olmaması) bu kısımda belirtilir.","Yazı rengi siyah, altı çizili olmaması için text decoration kısmındaki \"none\" özelliği kullanılır.","Yazılar yatay olarak ortalamak için text seçeneğinden \"center\" seçilir ve vurgulu olması için font weight özelliğinden \"bold\" veya \"bold\" seçeneği kullanılır."]},"beginTime":1008,"endTime":1070,"href":"/video/preview/11154559495950591520?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=1008&ask_summarization=1"},{"index":10,"title":"Hover Özelliği Ekleme","list":{"type":"unordered","items":["Menüyü daha görselleştirmek için linklere hover özelliği eklenir.","Hover özelliği, mouse ile üzerine gelindiğinde oluşacak durumu belirtir.","Hover özelliği için a etiketinin sonuna iki nokta üst üste \"hover\" yazarak yeni bir stil açılır ve sadece değişmesi istenen özellikler belirtilir."]},"beginTime":1070,"endTime":1181,"href":"/video/preview/11154559495950591520?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=1070&ask_summarization=1"},{"index":11,"title":"Dersin Özeti","list":{"type":"unordered","items":["CSS ile basit bir yatay menü yapımı gösterilmiştir.","Dikey menü yapsaydık, sadece li elemanında float left özelliğini kullanarak elemanları yan yana dizmek gerekecekti.","Ders yatay menü oluşturulduktan ve gerekli işlemleri yaptıktan sonra bitirilmiştir."]},"beginTime":1181,"endTime":1215,"href":"/video/preview/11154559495950591520?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=1181&ask_summarization=1"}],"linkTemplate":"/video/preview/11154559495950591520?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=%%timestamp%%&ask_summarization=1"},"isAdultDoc":false,"relatedParams":{"text":"CSS Sayfa Tasarımı Dersleri- Bölüm 4","related_orig_text":"WebMucidi “WebMucidi” Tasarım Laboratuvarı","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"WebMucidi “WebMucidi” Tasarım Laboratuvarı\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=ibCkp7HhCjE\",\"src\":\"serp\",\"rvb\":\"ErIDChQxMDQ5MTEwODczODIyMTE5MzM2NwoUMTE1OTg4OTA4ODUzNTM1MTU5MTIKFDEwMzQxNzQ3Njk4MDExOTIwMTAxChQxNDgwMDA0MTY5MDg2MTU2MDMxNwoTMjM5MDMxNDkxODgxMjIwNzgzNAoUMTExNTQ1NTk0OTU5NTA1OTE1MjAKFDExOTcwMjc4MzY2NTUyNzgxMjE0ChQxNTU5NTU4MjE4MzAwNzE1Mjc4MwoUMTEyMTc4Njk0MDU1ODA0MDcyNzYKEzY3OTMzNjYzMDQwNTcyNDk1MDAKFDEwNDQ5ODQyMTc4NTQ0NjgwNDEyChM0NzcwNDM0NTAzNDEwNTgzMTI2ChQxNTE1MTAwNTQ0OTY0NTk3MjE4NQoTMjIxNzExNDI2ODc4NzA2NzkwMgoTNDUyMjIzMzQ3MTAzOTU2ODU5MQoUMTc3ODgxODY4Mjg1MTU5NTM0MTEKFDEyMTA0NDg1ODkyNzkzMzY2MDczChM2NDgwMDgyODk4Njc4Mzk5Mzg5ChQxNTU5MDkyNjA5MTIxMjM1NTc0MwoUMTM5NjI3NDQxMDc0NzgyNzIyNTkaFgoUMTExNTQ1NTk0OTU5NTA1OTE1MjBaFDExMTU0NTU5NDk1OTUwNTkxNTIwapMXEgEwGAAiRRoxAAoqaGhtZW5zd29jcmJ2eXViYmhoVUNLMFJnMmtrdTJubERadmRjZU4wVjhnEgIAEioQwg8PGg8_E8IJggQkAYAEKyqLARABGniB__v7AAT7APf28g8ICPwCBPgOAfj-_QDfD_UEA_sCAAD3_g0JAAAA_PcIBfcAAAAK6fr___0BAAn_BQQFAAAAA_0A_wv8AgD_CP0A_gEAAAMCCAEE_wAACQ359_8AAAAb__cK_v__AAv_9Q8AAAAA99_6-wEAAAAgAC1VNMc7OBNACUhOUAIqhAIQABrwAV7zyvvs_vQAsiDzAPUcEgGBGA__LxjfAKH-AADcAxQBsBHwADhPFQPsBe8AiePgA_IKMv5EH_L_wAdI_voJCQAnAwEAVv0JAGEX8ADv_k399gT9_yTUAgJWLwH_DwAA-zcK_vvjBh__qd_iA9AAPALx9RcCEQ78AN8I8f7_MysA9jj6_g248QXx0P8H_hLJAhAU1P4A-9r5B-8N-0TQ6P4wFvv9JBkv-Qb9CgrfDQz4MAQGAsr0_Qf6JRX3KDnxD-IEGQD1nesICDL2-yDK7wXM2_QOJ_gFCDok8PTaMQj-xh77DRf1CAjU4AMCxQT__SAALQGwADs4E0AJSGFQAirPBxAAGsAHy4S3vo97CDsWsHO9e8KNPZav7DuUh4W8SSu-PFeyo7yZ8t-7vcdJPlStoLya-QQ9l8eqvhPH7Du-EZ28LEn-PTearztxkFC9-39QvaFrOj0otoI80ZyrvBmSkzwnGn-8XQJLvBOVEj1EKAI8_n4RPukqvb04lGu8PQztvXP-nL1Lfhu7q3LGPfQySr36hCc9KeimPT0vgL3_Py49eCU5PqIRCTx2cgC8vhTePaSkjD2dD088aW4FviPUET0HyGG8z-G1OlhKID3aXxG8An4dPq05Gz1ZtfW8hJ7NPcXfOz1Mhoi8jHgPOvDjA73bsjI8xh6FPbAPQT1RHoy8hneEvUdULT3fmbu7S9WsvEf6rr2JjGG6JuYUvRFjI72mCVu8s743vLcdBbz6t4k7KJ4DPqytWLzx5c87xBA0PQRe3jtn_008aRK2PSUh0b13V2o7JwCavDi0wj1a6JQ8CbvROxy2zT3vekS8qBSwvSZjJr1Jewu8Gt-nPTHAVD1PIMu6kPavvduygr1vKz08Do2tvS6QoLxeioa8V3s4vS-H_b0qoGY6AA4QvQdEyDxD8lq6ag1KPd_miD28Y4w8Mc5fvASeaj2jZDG6jnXRPV_iWbybKo48Kn4iPbAgzb3WLz-56QthvdnOt7xk4r27h4v8vRXPv71Q_oE63MlxOxtutrwnk6o7efSFvZ-wBL2BAWc7RjSgvV1M2Dw51YW5qwhXPYv1wj0_Wta5UjP7u9YA5T0Vl7o7e7wAPodekDzfQ285RYytPRoYmT3rDwi501cmPaAn77wvSRm4SiLgvIyHUjxIjYU54JpAvdZ0vT1EE7o3GdHRvN1cHbzj9a-5AkvuPTPSrD3SzY459KfNvWIxBzvEfmc5kubPvXYIUrz4zQg5R_govJBe3jxuXZa4klqIvaW7oL0kKJ41YsCSPJci9TsUx185VpScvevrj72V5sY5eB9MPaWv8TyXzwI59GN9vbjrgD1k6BW4p70XPVZswjy1l0U5-QJJPUVqNb3-STG4LuJAvY7h1jw33SO5GRDrvDv8tT3rNgQ4LueSPRbgNj0nJxa5qL9DPSMXuTtLj-q36CVwPdlUJ738n6c4Th11vJDU5zyj39EyaIJZu7p8kD3C1mc4zoKqPcQK170s9ia5_NNXPTQhN71_jjG3fOzTPKHyL72J3mo4bXMDPj35nz0u7Yc3YQZ5PfM6Er5L56m4FLssPSXaArxuekY4KZ5pvHjNkD2h5pq43hHfu74TszxaaK23-Q6jPFFyoDqXsRc4IAA4E0AJSG1QASpzEAAaYDr7AE_iBOMZ9_UD_88SNOPd6sPoyQn_KbT_0PKRG-ne-ZcPCf8TN-7-lwAAAB8E1xkVAA9_188D_tdOJLXYN9z6Xt0A6cvb8TMummjr1icGEwZALwD63J0GR9e7C_461yAALWAZEDs4E0AJSG9QAiqvBhAMGqAGAAC4wQAAHEIAAIBCAACgQQAAiMEAAOhBAAAYQgAAYEEAAMDBAAA4wgAAFMIAAIA_AAB0wgAAQEEAAKBBAABAwgAAgMEAAIzCAACgwQAA2MEAAMpCAABIwgAAhkIAAMBAAACQQgAADMIAAJTCAABYwgAAQEIAAEzCAAA0wgAAEMIAABjCAAAQQgAAgD8AALrCAABkQgAAPMIAAIC_AAAgQQAAQMAAAGDBAAAAwQAA-EEAAIzCAABQwQAAiEEAANBBAAAAwAAAAMAAAMLCAABAwQAAIMIAAEDBAACwQgAAoEEAAATCAABYwgAADMIAAPBBAABAwAAAoMEAAHDBAACOwgAAQEIAACjCAAAwQgAANEIAADDBAACAwAAAtEIAAHDBAACSQgAAoMAAAABCAADYwQAAPMIAAEBAAAAkQgAAuEEAAKBBAABoQgAAkEEAADBBAABIwgAAQEEAAGRCAAAAwQAAGEIAAAAAAADIQQAAkEIAABBBAABgwgAAuMEAAHTCAACSwgAAAMAAADxCAABgQQAALMIAAMDAAACmQgAAgEAAAADAAACwwQAAgD8AAJBBAABwQQAAmkIAAFBCAAAAQgAAqMEAAJRCAAAYQgAAoMAAAHBBAADQwQAAhsIAAAAAAAAwQgAAEEEAAOhBAAAgwgAAoMEAAJjBAADIwQAAgD8AABTCAAAkwgAAEMIAAMBBAACAvwAAGEIAABBBAADgQQAAkEEAALBBAABAwQAAEMEAABxCAAAcQgAAwMAAAIA_AABkQgAABMIAAEjCAADQQQAAuEEAALJCAACgwAAAAAAAAFBCAADYwQAAMMIAAEDAAAAwwQAASMIAAIjBAACkQgAAwEAAAJ5CAABQwgAAAEEAACBBAACwQQAAMEIAAAhCAADAQAAAwMAAAKDBAADiQgAAUEEAAGTCAACgwQAAKEIAAGBBAADAwQAAAAAAADxCAABowgAAFMIAAIDCAAAAwAAAFEIAAIJCAABgwgAAAEAAADRCAAC4QQAAyMEAAGhCAACAwAAAAAAAAIjBAAAYQgAAIEIAABDBAABAQAAA4EEgADgTQAlIdVABKo8CEAAagAIAABy-AABUvgAAiD0AAJi9AADoPQAAgj4AAOg9AADKvgAAXL4AAMi9AABwPQAAjj4AAHw-AAAQvQAAgr4AAI6-AADOPgAAgDsAAGw-AAAJPwAAfz8AAAw-AAB8PgAAjj4AAJY-AADIvQAAUD0AAES-AACoPQAAfD4AAAw-AABAPAAAmj4AAIY-AACmPgAAML0AAOC8AADOvgAAsr4AAPi9AAAcvgAAJL4AAKg9AACmvgAA4DwAAEC8AACovQAAUL0AAI6-AABMvgAAoLwAAFA9AADgPAAAqL0AAOC8AADIvQAAUT8AADA9AAAMPgAAXD4AAIi9AABQvQAARL4AAOg9IAA4E0AJSHxQASqPAhABGoACAABQvQAAoLwAALg9AAA9vwAAyD0AAIA7AAAkPgAAQDwAAPi9AACYPQAAoLwAABS-AAAQvQAAir4AALg9AAAwvQAAfL4AAFs_AAAwPQAAZD4AAFA9AABEvgAAyD0AAAS-AAAwvQAAyL0AAGy-AACoPQAAMD0AAHA9AACgPAAAqD0AAHC9AAAUvgAAij4AAES-AACePgAAML0AAJa-AAAUPgAAZD4AAAy-AAAEvgAAmD0AAAS-AAAwPQAAf78AAHy-AADgPAAAQDwAAKA8AADgvAAAyD0AAOi9AACSPgAAMD0AABC9AACovQAAiD0AAEA8AAA0PgAAbD4AAMi9AAAcviAAOBNACUh8UAEwCTgBSgBSCQgPEJICGAAwAWAAaAA,\"}","related_url":"http://www.youtube.com/watch?v=ibCkp7HhCjE","parent-reqid":"1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1280,"cheight":720,"cratio":1.77777,"dups":["11154559495950591520"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":true,"contentTypeId":null,"censored":false},"11970278366552781214":{"videoId":"11970278366552781214","docid":"34-5-4-Z440CA1DAF7AC5139","description":"HTML+CSS kullanarak adım adım anasayfa şablonu tasarımı örnek bir proje üzerinde anlatılmıştır. İndirmek için: https://www.dropbox.com/sh/18k92p0ksh...","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/3837710/2863922a849b20e25924f3925bbe5237/564x318_1","videoSrc":"https://video-preview.s3.yandex.net/pdprfgAAAAA.mp4","videoType":"video/mp4"},"target":"_self","position":"7","reqid":"1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL","summary":{"isFull":true,"fullTextUrl":"/video/result?ask_summarization=1&numdoc=1&noreask=1&nomisspell=1&parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=videoid:11970278366552781214","teaser":[{"list":{"type":"unordered","items":["Bu video, bir eğitmen tarafından sunulan CSS ile site şablonu hazırlama derslerinin beşinci ve son kısmını içeren bir eğitim içeriğidir.","Videoda, HTML etiketleri ile tanımlanan div'lerin CSS ile nasıl biçimlendirileceği adım adım gösterilmektedir. İçerik, site şablonunun orta ve içerik katmanlarının düzenlenmesi, duyurular için slider kısmının oluşturulması, sol menü katmanının düzenlenmesi, içerik kutularının (misyonumuz, vizyonumuz, referanslarımız) biçimlendirilmesi ve reklam kutularının oluşturulması gibi konuları kapsamaktadır.","Eğitim, padding, margin, border, font style gibi CSS özellikleri kullanılarak tasarım detaylarının oluşturulmasıyla devam eder ve anasayfa tasarımının tamamlanmasıyla sona erer. Video sonunda, ilerleyen derslerde içerik ekleme konusunun işleneceği belirtilir."]},"endTime":1354,"title":"CSS ile Site Şablonu Hazırlama Eğitimi","beginTime":0}],"fullResult":[{"index":0,"title":"CSS ile Site Şablonu Hazırlama Dersinin Son Kısmı","list":{"type":"unordered","items":["CSS ile site şablonu hazırlama derslerinin beşinci ve son kısmında, orta katman ve içerik katmanları içerisindeki duyurular için slider oluşturulacak.","İçerik kutuları site içeriğine uygun olarak düzenlenecek ve alt katmanındaki reklam kutuları sponsorlar veya reklamlarla doldurulacak.","Önceki aşamalarda HTML etiketleri ile divler tanımlanmış ve CSS ile grafiklerle ve renklendirme ile biçimlendirilmişti."]},"beginTime":2,"endTime":97,"href":"/video/preview/11970278366552781214?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=2&ask_summarization=1"},{"index":1,"title":"Duyurular Bölümü Oluşturma","list":{"type":"unordered","items":["Sol taraftaki menü katmanı duyurular bölümü olarak kullanılacak ve bunun için h4 etiketi kullanılarak \"Duyurular\" başlığı atılacak.","H4 etiketi biçimlendirmek için CSS kuralı oluşturulacak ve padding, margin sıfırlanacak.","H4 etiketi display özelliği blok olarak ayarlanacak, yüksekliği 20 piksel, üst ve alt padding 10 piksel olarak belirlenecek ve turuncu arka plan rengi verilecek."]},"beginTime":97,"endTime":335,"href":"/video/preview/11970278366552781214?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=97&ask_summarization=1"},{"index":2,"title":"Slider Kısmı Oluşturma","list":{"type":"unordered","items":["Sağ taraftaki slider için temsili bir resim eklenecek ve boyutlandırılacak.","Resmin slider katmanında ortalanması için img etiketine marjin özelliği kullanılarak her taraftan 5 piksel boşluk verilecek.","Resim gri renkteki çerçevenin içerisine tam ortalı şekilde oturtulacak."]},"beginTime":335,"endTime":471,"href":"/video/preview/11970278366552781214?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=335&ask_summarization=1"},{"index":3,"title":"İçerik Kutuları Oluşturma","list":{"type":"unordered","items":["İçerik katmanında misyonumuz, vizyonumuz ve referanslarımız şeklinde üç adet bölüm oluşturulacak.","Her kutuya h4 etiketi kullanılarak başlık atılacak ve CSS kuralı ile sıfırlama, blok görünümü, yükseklik ve genişlik ayarlanacak.","İçerik kutularının alt kısmına sadece alt kısımda düz çizgi olarak turuncu renk verilecek ve yazı tipi italik yapılarak padding değeri 20 piksel arttırılacak."]},"beginTime":471,"endTime":758,"href":"/video/preview/11970278366552781214?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=471&ask_summarization=1"},{"index":4,"title":"CSS ile Padding Ayarları","list":{"type":"unordered","items":["Padding değeri, genişlik değerinin üzerine artı olarak yansır, bu nedenle padding değeri genişlik değerinden eksiltilerek toplam 280 piksel değerine tamamlanacak şekilde ayarlandı.","Menülerde yazıları tam ortalamak için üst padding değeri 15 piksel, alt padding değeri 5 piksel olarak değiştirildi."]},"beginTime":766,"endTime":848,"href":"/video/preview/11970278366552781214?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=766&ask_summarization=1"},{"index":5,"title":"Reklam Kutularının Hazırlanması","list":{"type":"unordered","items":["Reklam kutularının içerisine arka plan resmi olarak linkler eklenecek, böylece reklam logosuna tıklandığında ilgili siteye gidilmesi sağlanacak.","Reklam kutularına \"reklam-1\", \"reklam-2\" ve \"reklam-3\" şeklinde div etiketleri eklendi ve bu div'lere linkler verildi.","Reklam kutularının genişliği 280 piksel, yüksekliği 100 piksel olarak belirlendi ve arka plan resmi olarak sponsorların logoları yerleştirildi."]},"beginTime":848,"endTime":1039,"href":"/video/preview/11970278366552781214?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=848&ask_summarization=1"},{"index":6,"title":"Reklam Linklerinin Biçimlendirilmesi","list":{"type":"unordered","items":["Reklam kutularındaki yazıları görünmez kılmak için text-indent değeri eksi 99999 piksel olarak ayarlandı.","İkinci ve üçüncü reklam kutularına farklı resimler atamak için mevcut stil kopyalanıp \"reklam-2\" ve \"reklam-3\" sınıfları oluşturuldu.","Her reklam kutusuna farklı arka plan resmi atandı ve ilgili linkler bu sınıflara bağlandı."]},"beginTime":1039,"endTime":1233,"href":"/video/preview/11970278366552781214?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=1039&ask_summarization=1"},{"index":7,"title":"Site Tasarımının Özeti","list":{"type":"unordered","items":["Site tasarımı adım adım gerçekleştirildi: üstteki menü ve banner bölümü, site logosu, sloganı ve menüsü oluşturuldu.","Siteye arka plan resmi verildi ve tüm katmanlar genel içerisine alındı.","İçerik kutularında sol menü katmanı duyurular için ayrıldı, sağ taraftaki slider katmanına temsili bir slider resmi atandı ve \"misyonumuz\", \"vizyonumuz\" ve \"referanslarımız\" bölümleri oluşturuldu."]},"beginTime":1233,"endTime":1353,"href":"/video/preview/11970278366552781214?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=1233&ask_summarization=1"}],"linkTemplate":"/video/preview/11970278366552781214?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=%%timestamp%%&ask_summarization=1"},"isAdultDoc":false,"relatedParams":{"text":"CSS Sayfa Tasarımı Dersleri- Bölüm 5","related_orig_text":"WebMucidi “WebMucidi” Tasarım Laboratuvarı","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"WebMucidi “WebMucidi” Tasarım Laboratuvarı\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=4zKW0UJyLA8\",\"src\":\"serp\",\"rvb\":\"ErIDChQxMDQ5MTEwODczODIyMTE5MzM2NwoUMTE1OTg4OTA4ODUzNTM1MTU5MTIKFDEwMzQxNzQ3Njk4MDExOTIwMTAxChQxNDgwMDA0MTY5MDg2MTU2MDMxNwoTMjM5MDMxNDkxODgxMjIwNzgzNAoUMTExNTQ1NTk0OTU5NTA1OTE1MjAKFDExOTcwMjc4MzY2NTUyNzgxMjE0ChQxNTU5NTU4MjE4MzAwNzE1Mjc4MwoUMTEyMTc4Njk0MDU1ODA0MDcyNzYKEzY3OTMzNjYzMDQwNTcyNDk1MDAKFDEwNDQ5ODQyMTc4NTQ0NjgwNDEyChM0NzcwNDM0NTAzNDEwNTgzMTI2ChQxNTE1MTAwNTQ0OTY0NTk3MjE4NQoTMjIxNzExNDI2ODc4NzA2NzkwMgoTNDUyMjIzMzQ3MTAzOTU2ODU5MQoUMTc3ODgxODY4Mjg1MTU5NTM0MTEKFDEyMTA0NDg1ODkyNzkzMzY2MDczChM2NDgwMDgyODk4Njc4Mzk5Mzg5ChQxNTU5MDkyNjA5MTIxMjM1NTc0MwoUMTM5NjI3NDQxMDc0NzgyNzIyNTkaFgoUMTE5NzAyNzgzNjY1NTI3ODEyMTRaFDExOTcwMjc4MzY2NTUyNzgxMjE0aogXEgEwGAAiRRoxAAoqaGhtZW5zd29jcmJ2eXViYmhoVUNLMFJnMmtrdTJubERadmRjZU4wVjhnEgIAEioQwg8PGg8_E8oKggQkAYAEKyqLARABGniB9vD8AgP8APf28g8IB_wCBPgOAfj-_QDjAPAKAP0CAAD3_g0JAAAABvH5BPoAAAAH7gb6_f0BAAn_BQQFAAAAA_0A_wv8AgADCwL6_gEAAAMCCAEE_wAABQjz_QAAAAAb__cK_v__AAv_9g8AAAAA-OD7-wEAAAAgAC1cRco7OBNACUhOUAIqhAIQABrwAWcfzf338-UB2RLdAAoS8QGBCi3_QiDfAK0Q6ADj8REA3_sE_w4hLgDfFNEAnhMNAfXTAf8WJvEA_A0j_uYoFgEfDiQAWwXl_j372gIC8TH_6zgQ_iHYAgINLR__9_8BAfwSC_3Q5vwD1vPSAPY-HAD7Gyj_Pg7jBNX5JP3rJzb_-AgQ-xnb8fvJ4PYC49fs_PjzywUN6d0ABREDABjh__4xAQcEG9QWBSX_CP-1-An7Cu4r_uAgFQL3FAT8IBIBDfgGEQEE2fD5ASXSBh3P8QXd6AYDK_zxAg8h8e8IIgH90xUQBeQv9f_r3wUAIyb38iAALVAjDTs4E0AJSGFQAirPBxAAGsAH7q_Ovi83E70oezC9o1M8vfTIG7zrTTG8mxvTvBczHb3QXbe8iEYnPgnEazwNhCk9_Iy7vlpTD7zG6sW7J2_LPZfQk7ybW7y85w4sPL1q6brYf987Rbz1vWfoxDysuCe8Oz1KPEEYLjwYYzs80R8qPuqwIr1Qwsy84UQEvlm1Nb2-NAA9WwtuPYQN7733OOo5-A29PSj5h7zZPTk95gNCPvY9T71HAQG7qSS8PR05Uj35OTQ93o8Lvi-_17uWmS08H2caPYZm6DuzPJO6An4dPq05Gz1ZtfW8BmYlPggg0jvZjYi8TmElvFJv_DysRRo9aaMfPdIjIblaiVS8Mn2qvfeJiD1xfGW73QrhPOMZ1L0C0w68Up6kvbV6_bwskOq81edqvAnRSTrJRIA8xstpPRslFL2-Dfc7Rii2us7gL72hNZo8aHUXPcifk71eOIa8FqkLPTIi0T2eZ0c8ssuBPGoEgT3JDIq8n3k0vU3TTL0k0x-8W-VOPeMqTbkPuC48Fmj7OqC0hr1Isr08c4oJvZgDszxfPn68mIGvvI_Cur2rvik8nKIIPPqGiD12ZTy8yxSzvDCQtTu9RXE8m4Yyvd8ihj1ftyW7nDQNPsfegzo4KdQ64hFLPZOEnr2GjI0747VBvQrWGL2oVt-79DLqvSh9gb0VVb86ELJqO4LEO72Vhas7GlkovdLzOL0HfnG7fQ0cvXJZ-7wq-m26-55nPcTTijvGBbk7xT0WPbRZ9T1w_TS6SmG-PS03oDvsAh26t2i8PcVwxT2GYte58r-bPTQEg7lGiAM5xPd0vSdmXjtz_hA53bH9vLHKOz0mhE4417YyvUYRiDwAKIm3ebiIPeuqgD1uYJE5EhXqvR24uTwBJ5w5tBE5vTcoC72tfhA5zPvuvFY9CTu7u5a5aWHDu-82lDxyS7k4PfE8PaNYLr3cABS5gap2vQxWXL2lGkE3OtbaOzkPZz3UOd83u8ylvf3Znz3GdSW5iuj3PT-QrD2C7mY4S-7LPDaWm72NkA-3Oo7EvPy3nDzdGVi5ar1_vTdxDT12Riu3ifC6PcMRpDznjKC40csIPVZ0Vb3hS7Y4k55xO9uZE72LC9o4JG4EvYpaij2Hf5u4EJaxu0ewDD260no4O9qdPVlRQ71xldO4soW7PESnxju0A-i2Ljo5PRB0Ob2t7Cs3bXMDPj35nz0u7Yc39nR6PeAP370_mZu34GAUPXj9OD31iMc48jYgPZEZnj3jHGK4k8-hvM1imLytTog3vkM7vSPGobzeZyU4IAA4E0AJSG1QASpzEAAaYCjpAE_b-e799fX_EdQdM77oHeLawhL_I7kAx_iRD-rt56oJBAAkPRDtmwAAACQM6fwFACh_5scNC9BUGbDxL9cPX98m5M3WEjcZt3b-0iINCwpALgAA9Z0JOM7FGAU1zSAALQsKEzs4E0AJSG9QAiqvBhAMGqAGAAAwwgAAMEIAANpCAACAwQAAEEIAAABAAACAwQAAoEAAAHDBAAD4wQAAGEIAABBBAAAUwgAABEIAAGhCAADAQAAAqMEAAN7CAADowQAA4EAAAKRCAACgwAAAJEIAAKhCAADAwAAA1MIAAFzCAADgwAAAyEEAABBBAACWQgAA8EEAAFDCAAAgwQAA4EEAABjCAAAQQQAAIMIAAPBBAABgQQAAKMIAAAjCAAAgwQAACMIAAHTCAAAEQgAAVMIAAJBCAADAQQAAIEEAACTCAABUwgAAmMIAACjCAABwQgAAJEIAAHjCAABgwgAADEIAAFjCAAAkQgAAqEEAAAzCAABQwgAAkkIAAATCAACEQgAAAEAAACBCAAA0QgAAkEEAAFBCAAA0QgAA4MEAALhBAAD4wQAAkMEAAMDBAADIQQAAuEEAAMBBAACGQgAAgL8AAIhBAACUwgAAwEEAAHBBAABgQQAAcMEAAABCAAC4wQAAoEEAAEDBAACwwQAACMIAABTCAADowQAAuEEAALhBAADgQQAAeMIAALjBAACIQgAAwMEAALhBAACAvwAAAEEAAKBBAADgwAAAEEIAAGRCAACSwgAAjsIAAKZCAACQQQAACEIAAHDBAAAYwgAAYEEAABTCAABgQQAAIEEAAJLCAADgwQAAQEAAAIhBAAAAwgAAAEIAAIDAAADQwQAA0MEAANjBAADAwQAAgD8AABBCAAAQQQAAMEIAAIhCAACAvwAAIMIAAMhBAAAAQAAAYEEAABBBAABwQQAAiEEAAKBBAACIQQAAAMAAAFDBAAAYwgAAhMIAAABCAAAgwgAAwEAAAABBAAAwwgAARMIAABDBAADeQgAAAMIAAOhBAACCwgAAZMIAAHjCAADAwAAAwEEAAODAAADgQQAAAEAAALDBAADIQQAAgD8AADzCAAAAAAAAMEIAANhBAACewgAAgEIAAOBBAAAAAAAAPMIAAODAAABwwQAAmEEAALDBAACAwgAAYEEAACBBAADIwQAAIMIAAMhBAAAMQgAAQEAAAJjBAABoQgAAMMEAAMDAAACgwQAAiEEgADgTQAlIdVABKo8CEAAagAIAAJa-AAC2vgAAUD0AACS-AABUPgAAdD4AALg9AAC2vgAAbL4AAOi9AACAOwAAdD4AALY-AABUvgAAfL4AACS-AADoPQAAoDwAAJI-AAATPwAAfz8AADQ-AABcPgAARD4AAPg9AACIvQAAVD4AAJ6-AACgPAAAjj4AACw-AAAsPgAAZD4AABA9AACuPgAAoLwAAFC9AACCvgAAjr4AAHC9AACKvgAAsr4AADw-AACavgAAmL0AANg9AABAvAAAuL0AAJ6-AAAEvgAAyL0AAIA7AAAQvQAAUL0AAOi9AADIvQAAPz8AALg9AABMPgAAZD4AAIA7AADovQAAdL4AAKC8IAA4E0AJSHxQASqPAhABGoACAACAuwAAEL0AABQ-AABBvwAABD4AABC9AACGPgAAgDsAAAS-AAAQPQAAED0AACy-AADgvAAAor4AABA9AABAPAAATL4AAF0_AAAQvQAADD4AAOA8AADovQAAgDsAANi9AABQvQAAuL0AAHy-AACoPQAAQLwAALg9AABwPQAA-D0AADS-AAAUvgAAZD4AACy-AACuPgAARL4AAMK-AABwPQAALD4AAAS-AAB0vgAAJD4AACy-AAAwPQAAf78AAI6-AAAQPQAAmL0AABA9AAC4PQAAMD0AACy-AACaPgAAUD0AADC9AABAvAAAFD4AAEA8AAAsPgAAPD4AAMi9AABcviAAOBNACUh8UAEwCTgBSgBgAGgA\"}","related_url":"http://www.youtube.com/watch?v=4zKW0UJyLA8","parent-reqid":"1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1280,"cheight":720,"cratio":1.77777,"dups":["11970278366552781214"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":true,"contentTypeId":null,"censored":false},"15595582183007152783":{"videoId":"15595582183007152783","docid":"34-5-13-ZE22E96CE3EBFD8C9","description":"Örnek proje klasörüne ulaşmak için tıklayın. https://github.com/webmucidi/JavaScri... https://www.dropbox.com/sh/5waq8b4sbu...","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/774126/ca281eb398180db566ffbc2330db8ad5/564x318_1","videoSrc":"https://video-preview.s3.yandex.net/jy-aEAEAAAA.mp4","videoType":"video/mp4"},"target":"_self","position":"8","reqid":"1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL","summary":{"isFull":true,"fullTextUrl":"/video/result?ask_summarization=1&numdoc=1&noreask=1&nomisspell=1&parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=videoid:15595582183007152783","teaser":[{"list":{"type":"unordered","items":["Bu video, bir eğitmen tarafından sunulan JavaScript programlama dersidir. Eğitmen, nesne tabanlı programlama prensiplerini ve olay dinleyicilerini anlatmaktadır.","Video iki ana bölümden oluşmaktadır. İlk bölümde HTML, CSS ve JavaScript kullanılarak nesne tabanlı programlama prensipleri \"kitap\" sınıfı örneği üzerinden açıklanmakta, constructor, metotlar ve sınıflar gibi temel kavramlar gösterilmektedir. İkinci bölümde ise bir ürün satış uygulaması örneği üzerinden form submit ve link click olaylarını yakalama yöntemleri adım adım anlatılmaktadır.","Eğitim, kitap ekleme, silme, tablo güncelleme ve mesaj gösterme gibi fonksiyonların JavaScript ile nasıl uygulanacağını göstermekte ve JavaScript programlama dilinde olay yönetimi konusunu öğrenmek isteyenler için faydalı bir kaynak niteliğindedir."]},"endTime":861,"title":"JavaScript ile Nesne Tabanlı Programlama ve Olay Dinleyicileri Eğitimi","beginTime":0}],"fullResult":[{"index":0,"title":"Projenin Genel Amacı","list":{"type":"unordered","items":["Video, HTML ve CSS kısmını geçerek JavaScript kodlarına odaklanacağını belirtiyor.","Proje, basit bir kitap ekleme formu içeriyor ve eklenen kitaplar tabloya ekleniyor.","Eklenen kitaplar için \"kitap başarıyla eklendi\" mesajı üç saniye görünüp kaybolacak ve toplam kitap sayısı görüntülenecek."]},"beginTime":2,"endTime":64,"href":"/video/preview/15595582183007152783?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=2&ask_summarization=1"},{"index":1,"title":"HTML Yapısı","list":{"type":"unordered","items":["Proje bir konteyner, başlık ve form içeriyor, form üzerinden kitap adı, yazarı ve ISBN bilgileri alınıyor.","Tablo şeklindeki bir yapı kullanılarak eklenen kitaplar görüntülenecek.","Tabloda başlık satırı ve yeni eklenen satırların yer aldığı alan bulunuyor."]},"beginTime":64,"endTime":135,"href":"/video/preview/15595582183007152783?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=64&ask_summarization=1"},{"index":2,"title":"CSS Kullanımı","list":{"type":"unordered","items":["CSS dosyasında hizalama, kenar boşlukları ve yazı rengi gibi stil ayarları yapılmış.","Başarılı ve hata mesajları için farklı renkler (yeşil ve kırmızı) kullanılıyor.","CSS dosyası en sona eklenmesi öneriliyor."]},"beginTime":135,"endTime":177,"href":"/video/preview/15595582183007152783?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=135&ask_summarization=1"},{"index":3,"title":"Nesne Tabanlı Programlama","list":{"type":"unordered","items":["Proje nesne tabanlı programlama prensipleriyle geliştirilecek.","İlk olarak \"Kitap\" sınıfı oluşturulacak ve constructor ile kitap adı, yazarı ve ISBN özellikleri tanımlanacak.","İkinci sınıf olarak \"Arayüz\" sınıfı oluşturulacak ve burada metotlar (fonksiyonlar) ile işlerin nasıl yürütüleceği belirlenecek."]},"beginTime":177,"endTime":427,"href":"/video/preview/15595582183007152783?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=177&ask_summarization=1"},{"index":4,"title":"Metotların Tanımlanması","list":{"type":"unordered","items":["\"KitapEkle\" metodu ile kitap eklenecek ve ekleme başarılı olduğunda mesaj gösterilecek.","\"KitapSay\" metodu ile toplam kitap sayısı görüntülenecek.","\"Zamanaşımı\" metodu ile mesajın kaybolması sağlanacak, \"KitapSil\" metodu ile kitap silinebilecek ve \"FormTemizle\" metodu ile form temizlenebilecek."]},"beginTime":427,"endTime":583,"href":"/video/preview/15595582183007152783?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=427&ask_summarization=1"},{"index":5,"title":"Olay Dinleyicilerinin Tanımlanması","list":{"type":"unordered","items":["Ürün satışı için belirlenen prensipleri uygulamak için olay tetikleyicileri (olay dinleyicileri) tanımlanması gerekiyor.","Kitap ekleme uygulamasında formun submit edilmesi ve silme butonuna basılması gibi olayları dinlemek için olay dinleyicileri kullanılacak.","Olay dinleyicileri tanımlamak için \"document.getElementById\" yöntemi kullanılarak form veya tablo gibi öğeler dinleniyor."]},"beginTime":590,"endTime":674,"href":"/video/preview/15595582183007152783?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=590&ask_summarization=1"},{"index":6,"title":"Olay Dinleyicilerinin İşlevleri","list":{"type":"unordered","items":["Form submit olayı yakalandığında, standart davranışın (sunucuya veri gönderme) yerine özel bir fonksiyon çalıştırılacak.","\"e.preventDefault()\" fonksiyonu kullanılarak standart olayların engellendiği ve başka misyonlar yüklenmesi sağlanıyor.","Silme işlemi için tablo öğesi dinleniyor ve linklere tıklama olayı yakalanarak standart bağlantı takibi engelleniyor."]},"beginTime":674,"endTime":810,"href":"/video/preview/15595582183007152783?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=674&ask_summarization=1"},{"index":7,"title":"Sınıflar ve Metotların Uygulanması","list":{"type":"unordered","items":["Kitap sınıfı ve arayüz sınıfı tanımlanmış, kitabın özelliklerini yapılandıran ve arayüz üzerinden gerçekleşecek metotlar belirlenmiş.","Olay yakalayıcılar tanımlandıktan sonra, metotların içeriğinde hangi adımlarla işlemlerin gerçekleşeceği belirlenecek.","Olay yakalayıcıları, sınıflardaki metotları çağırarak uygulamanın işleyişini sağlayacak."]},"beginTime":810,"endTime":850,"href":"/video/preview/15595582183007152783?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=810&ask_summarization=1"}],"linkTemplate":"/video/preview/15595582183007152783?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=%%timestamp%%&ask_summarization=1"},"isAdultDoc":false,"relatedParams":{"text":"JavaScript ile Kütüphane Uygulaması-1.Bölüm(Class oluşturma ve constructor, methodları tanımlama)","related_orig_text":"WebMucidi “WebMucidi” Tasarım Laboratuvarı","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"WebMucidi “WebMucidi” Tasarım Laboratuvarı\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=EeCJCCcK_0g\",\"src\":\"serp\",\"rvb\":\"ErIDChQxMDQ5MTEwODczODIyMTE5MzM2NwoUMTE1OTg4OTA4ODUzNTM1MTU5MTIKFDEwMzQxNzQ3Njk4MDExOTIwMTAxChQxNDgwMDA0MTY5MDg2MTU2MDMxNwoTMjM5MDMxNDkxODgxMjIwNzgzNAoUMTExNTQ1NTk0OTU5NTA1OTE1MjAKFDExOTcwMjc4MzY2NTUyNzgxMjE0ChQxNTU5NTU4MjE4MzAwNzE1Mjc4MwoUMTEyMTc4Njk0MDU1ODA0MDcyNzYKEzY3OTMzNjYzMDQwNTcyNDk1MDAKFDEwNDQ5ODQyMTc4NTQ0NjgwNDEyChM0NzcwNDM0NTAzNDEwNTgzMTI2ChQxNTE1MTAwNTQ0OTY0NTk3MjE4NQoTMjIxNzExNDI2ODc4NzA2NzkwMgoTNDUyMjIzMzQ3MTAzOTU2ODU5MQoUMTc3ODgxODY4Mjg1MTU5NTM0MTEKFDEyMTA0NDg1ODkyNzkzMzY2MDczChM2NDgwMDgyODk4Njc4Mzk5Mzg5ChQxNTU5MDkyNjA5MTIxMjM1NTc0MwoUMTM5NjI3NDQxMDc0NzgyNzIyNTkaFgoUMTU1OTU1ODIxODMwMDcxNTI3ODNaFDE1NTk1NTgyMTgzMDA3MTUyNzgzaogXEgEwGAAiRRoxAAoqaGhtZW5zd29jcmJ2eXViYmhoVUNLMFJnMmtrdTJubERadmRjZU4wVjhnEgIAEioQwg8PGg8_E90GggQkAYAEKyqLARABGniB-AwE_wL-APMJ7AgJBf0BBvUA-fj-_QDnCAEO_f4BAP34Dv_3AAAABPIL-AEAAAAP-_4M9v8AABYE8wD1AAAA_gQEBvwAAAD3EO4B_wEAAPgB_AID_wAAHwUICQAAAAAIDv8A-f8AAQwF9gQBAAAA-eUBCQAAAAAgAC0wmMo7OBNACUhOUAIqhAIQABrwAXQ_9wAN4AAEqyDjAOAM8wGB-hH_SfHb_9EG9gLN7v4A3foE_-vqKwCrE-IArxTr_7za1v4bEAIBBu0O_wDqFgAqEeUBPOUWAEQB_ADWF9__BRwZ_iTnNQIj0RsCD__gABXrBwHPCtMAwvvoAAoiOgNl-gsDBysiBO0MHv3YIhj_0u4C_dc1CgWbyxX-DAsH_gz90gBBCtQAzgwTAyf39gz62QML1_Ee9fsWH_zw8ff2uwnrAOUH5v7pSxv2Cigo-PwDAgUF6fvyHRsR9ikE8fgGLQQECNUJFQT2_QPtGgj2B-IL8tMr_QTp-xT5EBf07yAALcb9Bjs4E0AJSGFQAirPBxAAGsAH6WLTvorwBT2QeMM8wTvZvVMWvz1XYnk87X7VvTvqg7znlFu8iV0rPtNdwz19hgU8nE2Xvuo9XLlkjxa8iq1APgyNLD1cYEU8hsrfvV-T2roFpei8iQsQvjZqrrrOj_k7K31wOyHYB70YIkw9f0tAPqdKyjuBuIa8MTWTvehxs7zrD548EfmTPNMjl7zcNgK8lPYGPqoAqTwTMtS5GFodPmoHcbu0hRA8b2e6vHjCIT1iLPQ7yL_FvA5ANDoSjrC7dWYsPaaLwzz_dKg86_uFvT5oTL2HOxE8SQv8PJkHVT1Juqg7jX-fO6GOfT3_CS68A2iKPXdGQL1Kguw60CpDvphzn7wPqIg8e4dLPthv3LygaAG7ywajvYbVbj2m3Ng8WtcJPDFgibzumso704bjPcx2aj3WdL08PuhZPLsgjL2TELY8jZwFPtQEW73U13O8zOWAvf1wq7zuBQk8CbvROxy2zT3vekS8eqyUvciW5TzhM4g8D7bYPVyjb72w7Yg83vVjPWPO-bv97Zk6gPQNPVkIQT3zvyY8xAVAvW6jwbzkv7y7oPOkPF8eFz0ws_i66QsBPqggmjwopTk5hR52vdCzGb3IaT68bCZfPevgxTwx2g86mborvEyHczxnH_E72uh3PHaDrb3py5y7vCMDvpykubyFq4c7vxE4vJzslbwBVG27zwNuPQlrSL1i_DU6Jd9WvZFsxzvk_Y86F96LPSKZwDu3KJK7mpiuvO4PDDwj3IE7OiETvGQq8zzZyHm7oZ3TPVGBmL2XnVE5pQWaO1k1YzzROuI5OhcQu1cbiDxqqfY68uVqPdy0rj3NjeS4ayQuPS8V2727ajc59O-jO4_9rLygCmU52DJ0vQrZGT2Skiw4Bv2rPcireD1bFuG5CcZ8PcIjO7wvLrI2Pr6TPZF1nbwwTfM3tdGvPC1_eb1kbwc5hd6xvQJ2H73yNZ45HDm5uVGmLDyBwqe4Q6ahPJoJhrxEQaW4Z9LmPALtMz3wSoM5V30JPaRpdTztNAe4OJBkvZnjK708nBE4Vwb1vXBD7L3MDIu4VTXcvGsP-zynF6A3r3vrvXN_pb1QwBG4wnVbvbow0r02w7u19sY6vUiRb7t7_ca4mo-AvWcK_b1pLKk429VVPe9BiTm-Jh24zNEDPuvNQbsMoN83VHaVPNa1rDxGHiQ3SIG_PTN-uz3FngM4PXOQPcivZL0ksgQ3qw_KPaX-lT3BlJo3OaELvdEQhD3l09W4FwwzPYG2cD1lKIC44stEPCiJO7039NW3IAA4E0AJSG1QASpzEAAaYCzfADoF8ey1GRcDKs8EO6jQ5-ICuvb_A7kA0yLz3u3rzcTtHgAM2v76nwAAADrtwRkIAAN_5OYOHsAeEpvU--DrUvcFVqgJCvzitEMG1hGzGuEcGAAK07ASNOO8JCkv1CAALRlnGDs4E0AJSG9QAiqvBhAMGqAGAACgwQAAyEEAAARCAAAAAAAAAEAAAIDBAACQQQAAEMIAAFTCAACowQAA0EEAAKBBAAAwwQAA0MEAAOBAAABUwgAAIEIAAODAAADgwQAAIEIAANBBAADAQQAAEMEAAOBAAADgwQAAMEEAABzCAAAgwgAAwMAAAEBAAAAgwQAADEIAAFBBAABUQgAABMIAABBCAAAIwgAAtEIAAIRCAAAAwgAAGMIAAIBBAABgQQAAAMEAAIjBAACoQQAAAEAAAFBBAACgQAAA4EAAAMjBAAAQwgAAuMEAAJjBAABkQgAAgD8AAKjBAACIwgAAIMEAAFBBAACQQgAAgMAAADDCAADIwQAAQEIAAOhBAAAAQAAAEEEAAATCAABAQQAAyEEAADBBAACgwAAAsMEAACDBAAAAwwAAIMEAABTCAACCQgAAaMIAADzCAABsQgAAoEEAACBBAAAIwgAAAMIAABxCAABAQQAAMMIAAOjBAAC0wgAAYEEAABDBAAB4wgAAAEEAAJbCAABAwAAApEIAAEDAAAAIwgAA4EEAAIDAAACwQQAA6MEAAPjBAADoQQAAsMEAACBCAAAAQAAA4EEAAI5CAACGwgAAusIAAKBBAAAAwAAAoMEAAOBAAACawgAAuMEAAPDCAADQQQAAdMIAAGjCAADAQAAAIEIAAKDAAABAwQAAMEEAAHDBAAAQwgAAMEIAAKBAAACYwQAAiEEAAAjCAACIQQAA7EIAAJBBAABgwQAAnsIAAMDAAACgQQAAgD8AAAAAAAB8QgAAhEIAAIDAAACYwQAAiEIAACBCAADQwQAAnsIAAMDBAACQwQAAhsIAAExCAAAwwgAAuMEAAADAAAAUQgAAqMEAAIhBAACgwQAAgMEAAFhCAADAwAAAmkIAAEBBAABcQgAANMIAAEzCAAC4QQAAyEEAAHBBAAAYwgAA6EEAAFDCAACWwgAA2EEAAPRCAABAQQAAUMEAAOjBAACgQAAA0MEAAI7CAACAwQAAJEIAAFDCAADgQAAAcMEAAJLCAADYwQAAyMEAAAzCAAAgQQAAoMEAADDCAABQQQAARMIgADgTQAlIdVABKo8CEAAagAIAAOa-AABwvQAALD4AAIi9AAAkPgAAiD0AAIg9AAAXvwAApr4AADQ-AADgPAAA6D0AALo-AAA0vgAA-L0AAFA9AAAkPgAA4DwAANg9AAC-PgAAfz8AAEC8AAC4vQAAgDsAAAQ-AAAMvgAAmD0AAHA9AABkvgAAUD0AACw-AAAQvQAAfD4AAHC9AAB0PgAAFD4AAJg9AACOvgAAQDwAABA9AAAEvgAA2D0AAJ4-AADCvgAAsj4AAKi9AACoPQAAoDwAAEC8AADGvgAAhj4AACS-AAD4PQAAHD4AAJi9AADIvQAAFT8AAMi9AACIPQAAmD0AAFA9AAC4vQAAoDwAACQ-IAA4E0AJSHxQASqPAhABGoACAABEvgAAgLsAANi9AAAXvwAAoLwAAIC7AADYPQAAUL0AAEy-AAAwPQAAir4AAEy-AAAwPQAARL4AABQ-AABwvQAAEL0AAC0_AACovQAAvj4AAKC8AABAPAAA4LwAAKi9AACAuwAAhr4AAEC8AABAvAAAgLsAAIC7AABQPQAAyD0AAMi9AABcvgAAcD0AAJi9AAAwPQAADD4AAFS-AADYPQAAgDsAAIC7AAAQvQAAoLwAALi9AABAvAAAf78AAFy-AACYvQAA4LwAABw-AAD4vQAAUL0AANg9AAA0PgAAUD0AAKC8AABEPgAAFL4AAAQ-AADgPAAARD4AACQ-AACOviAAOBNACUh8UAEwCTgBSgBgAGgA\"}","related_url":"http://www.youtube.com/watch?v=EeCJCCcK_0g","parent-reqid":"1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1280,"cheight":720,"cratio":1.77777,"dups":["15595582183007152783"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":true,"contentTypeId":null,"censored":false},"11217869405580407276":{"videoId":"11217869405580407276","docid":"34-5-2-ZC03D039781AF328D","description":"Bir web sitesinin internette yayınlanması için gerekenleri adım adım olarak anlattım. Üstelik tüm bunları yapmak tamamen ücretsiz!","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/4569442/c8b6013dcb7481430c2ff05ac26e4691/564x318_1","videoSrc":"https://video-preview.s3.yandex.net/CztmWAEAAAA.mp4","videoType":"video/mp4"},"target":"_self","position":"9","reqid":"1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL","summary":{"isFull":true,"fullTextUrl":"/video/result?ask_summarization=1&numdoc=1&noreask=1&nomisspell=1&parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=videoid:11217869405580407276","teaser":[{"list":{"type":"unordered","items":["Bu video, bir eğitim içeriği olup, izleyicilere web sitelerinin nasıl ücretsiz olarak yayınlanacağını adım adım anlatmaktadır.","Video, üç ana adımda ilerlemektedir: İlk olarak Freeenom sitesi üzerinden domain tescili yapma, ikinci olarak Git Hub platformu üzerinden proje dosyalarını aktarma ve son olarak Netlify sitesi üzerinden hosting hizmeti sağlama. Tüm bu işlemler ücretsiz olarak gerçekleştirilebilir. Video, her adımı detaylı olarak göstererek, komut satırı komutları ve platform arayüzündeki işlemleri adım adım açıklamaktadır."]},"endTime":390,"title":"Ücretsiz Web Sitesi Yayınlama Rehberi","beginTime":0}],"fullResult":[{"index":0,"title":"Web Sitesi Yayınlama Adımları","list":{"type":"unordered","items":["Web sitelerini internette yayınlama işlemi tasarım aşamasından daha karmaşık görünebilir.","Web sitesi yayınlama işlemi üç temel adımdan oluşur: domain tescil, proje dosyalarını yayınlama ve hosting hizmeti sağlama.","Tüm bu işlemler hiçbir masrafa girmeden tamamen ücretsiz şekilde yapılabilir."]},"beginTime":10,"endTime":74,"href":"/video/preview/11217869405580407276?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=10&ask_summarization=1"},{"index":1,"title":"Domain Tescil İşlemi","list":{"type":"unordered","items":["Öncelikle domain sorgulaması yaparak uygun alan adını seçip, ücretsiz seçenekler arasından 12 aylık paketi seçerek sepete ekliyoruz.","Siteye yeni üyelik veya giriş işlemlerini gerçekleştirip, e-posta doğrulamasını onaylıyoruz.","Formdaki alanları doldurup siparişi tamamladıktan sonra, siteye giriş yaparak kayıtlı domainlerimizi listeleyebilir ve ayarlarımıza ulaşabiliriz."]},"beginTime":74,"endTime":118,"href":"/video/preview/11217869405580407276?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=74&ask_summarization=1"},{"index":2,"title":"Git ve GitHub Kullanımı","list":{"type":"unordered","items":["Sitemizi yayınlamak için öncelikle Git araçlarını barındıran uygulamayı bilgisayara indirip kurmamız gerekiyor.","GitHub sitesine üye olup, e-posta doğrulaması yaparak hesap oluşturmalıyız.","Komut satırı ekranında \"git version\" komutu ile Git uygulamasının çalışır olduğundan emin olup, proje klasörümüzü belirleyip \"git init\" komutuyla Git bağlantı kanalı açıyoruz."]},"beginTime":118,"endTime":193,"href":"/video/preview/11217869405580407276?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=118&ask_summarization=1"},{"index":3,"title":"Dosya Transferi ve GitHub Depolama","list":{"type":"unordered","items":["GitHub hesabına bağlanmak için kullanıcı bilgilerini girip, \"git add\" komutuyla dosyaları transfer için ekliyoruz.","\"git commit\" komutuyla transfer prosesini başlatıyoruz.","GitHub'da bir depolama alanı (repo) açıp, belirtilen komutları uygulayarak dosya transferleri gerçekleştiriyoruz."]},"beginTime":193,"endTime":262,"href":"/video/preview/11217869405580407276?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=193&ask_summarization=1"},{"index":4,"title":"Hosting ve Domain Bağlantısı","list":{"type":"unordered","items":["Netlify sitesine giriş yaparak GitHub ile giriş seçeneğini seçip, \"New site from GitHub\" butonuna basıyoruz.","GitHub hesabımızdan yüklü repolardan yayınlanacak siteyi seçip, formu onaylıyoruz.","Domain ayarları sayfasında Netlify control paneli üzerinden site adresimizi tanıtarak, sunucu yayın adreslerini bulup, Freeenom sitesindeki domain ayar sayfasına dönüp name server adreslerini kaydediyoruz."]},"beginTime":262,"endTime":368,"href":"/video/preview/11217869405580407276?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=262&ask_summarization=1"},{"index":5,"title":"Sonuç","list":{"type":"unordered","items":["Tüm işlemler tamamlandıktan sonra kendi alan adımızla web sayfamıza ulaşabiliriz.","Artık web sitemiz internette milyonlarla kullanıcıyla buluşmaya hazır."]},"beginTime":368,"endTime":377,"href":"/video/preview/11217869405580407276?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=368&ask_summarization=1"}],"linkTemplate":"/video/preview/11217869405580407276?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=%%timestamp%%&ask_summarization=1"},"isAdultDoc":false,"relatedParams":{"text":"Web Sitesi Yayınlama Rehberi - Tamamen Ücretsiz!!!","related_orig_text":"WebMucidi “WebMucidi” Tasarım Laboratuvarı","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"WebMucidi “WebMucidi” Tasarım Laboratuvarı\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=h0LSX08Twpo\",\"src\":\"serp\",\"rvb\":\"ErIDChQxMDQ5MTEwODczODIyMTE5MzM2NwoUMTE1OTg4OTA4ODUzNTM1MTU5MTIKFDEwMzQxNzQ3Njk4MDExOTIwMTAxChQxNDgwMDA0MTY5MDg2MTU2MDMxNwoTMjM5MDMxNDkxODgxMjIwNzgzNAoUMTExNTQ1NTk0OTU5NTA1OTE1MjAKFDExOTcwMjc4MzY2NTUyNzgxMjE0ChQxNTU5NTU4MjE4MzAwNzE1Mjc4MwoUMTEyMTc4Njk0MDU1ODA0MDcyNzYKEzY3OTMzNjYzMDQwNTcyNDk1MDAKFDEwNDQ5ODQyMTc4NTQ0NjgwNDEyChM0NzcwNDM0NTAzNDEwNTgzMTI2ChQxNTE1MTAwNTQ0OTY0NTk3MjE4NQoTMjIxNzExNDI2ODc4NzA2NzkwMgoTNDUyMjIzMzQ3MTAzOTU2ODU5MQoUMTc3ODgxODY4Mjg1MTU5NTM0MTEKFDEyMTA0NDg1ODkyNzkzMzY2MDczChM2NDgwMDgyODk4Njc4Mzk5Mzg5ChQxNTU5MDkyNjA5MTIxMjM1NTc0MwoUMTM5NjI3NDQxMDc0NzgyNzIyNTkaFgoUMTEyMTc4Njk0MDU1ODA0MDcyNzZaFDExMjE3ODY5NDA1NTgwNDA3Mjc2aoQJEgEwGAAiRRoxAAoqaGhtZW5zd29jcmJ2eXViYmhoVUNLMFJnMmtrdTJubERadmRjZU4wVjhnEgIAEioQwg8PGg8_E4YDggQkAYAEKyqLARABGniB_PgGCwEAAPv8_xABCfsC9QP8-Pn9_QD9BwEG8wT-APXwCfz-AAAABvsEDfsAAAAB9gEE9f0BABj8-QADAAAAD_r89PUAAADxFv0G_wEAAAj_CfkDAAAAHQUHCQAAAAD5Fgj8_v8AAAUH_v4AAAAA_OUK_gAAAAAgAC24L9M7OBNACUhOUAIqhAIQABrwAXvo0gAODR0FuAoAAPUE6AGB4f3_KvXqAOTmM_-eAvf-1xwFAOvrEADf9B8A0CESANUQ2wBMFQEA7AT7_zMD8gAF4sYBWejlABT76QIk-Pj_-RMG_ycS5AEi_iX-JwsA_Qz08f7EANoA0urpAAEQ-gIQCvYBFvUgAt4HGgMHGPH-5AD9AOkv4_zOERH-Fhj0BTsH6QQY-9__2BYDBOsKCQX-_fD4Br4GBBgUE_wjAwD_5d_fABhCCALY3wb6Fynv-uzuCQDT-u31_NL39BD-8PseBv3_3sPyBin7-QHOAggADRsE79kfDvsM_QcGIQES9SAALRQFGzs4E0AJSGFQAipzEAAaYBTyADDdBN7CEBwC9frgCvPr9vb6mhf_Bd3_0i_wxQAh9sb2KP8_JBECqAAAACbN_xcUAB5z5efA_tQKGoHj-yLpQf_1Jp0LCOwDxPIF_OvZKAYHIAAu37zpMA3pSRnuBiAALfr0LDs4E0AJSG9QAiqPAhAAGoACAAATvwAAfL4AAIY-AADyPgAAHD4AABM_AADePgAABb8AAA-_AAC6PgAAVD4AAFC9AAA3PwAATL4AAFw-AACCvgAAfD4AAEA8AADoPQAATz8AAH8_AACoPQAAfD4AAFQ-AADoPQAAUL0AABw-AAC2PgAAoDwAAKK-AACePgAAQLwAAA8_AACiPgAAwj4AAEy-AABUPgAAkr4AAHy-AAAFPwAAuj4AAJ6-AAD6PgAAXL4AAIo-AACGPgAAsr4AADe_AADKvgAAJb8AAFy-AABwvQAAfD4AALI-AACSvgAA-D0AAB8_AAAcPgAAJL4AAM4-AACoPQAAEL0AAEC8AAD4PSAAOBNACUh8UAEqjwIQARqAAgAAdL4AAIC7AADYvQAAH78AAMi9AAAEvgAAhj4AAEA8AABwPQAADD4AAOC8AAD4PQAAcD0AAAy-AACoPQAAgDsAABS-AAAbPwAAmD0AAOo-AACAuwAAUD0AAIi9AAAEvgAAUL0AAJi9AACAuwAAUD0AANi9AAAwvQAAgLsAANg9AACoPQAALL4AAFQ-AAAsvgAAgj4AAMg9AAB0vgAAPD4AAAw-AAAwvQAA6L0AABA9AADoPQAAfL4AAH-_AAD4vQAAUL0AAKC8AABEPgAAqD0AADA9AABAPAAAmj4AAMg9AACYvQAAVL4AAEA8AACAuwAA2D0AABw-AABwvQAAyL0gADgTQAlIfFABMAk4AUoAYABoAA,,\"}","related_url":"http://www.youtube.com/watch?v=h0LSX08Twpo","parent-reqid":"1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1920,"cheight":1040,"cratio":1.84615,"dups":["11217869405580407276"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":true,"contentTypeId":null,"censored":false},"6793366304057249500":{"videoId":"6793366304057249500","docid":"34-10-16-Z3CD463800A65A99F","description":"Masaüstü uyumlu olarak hazırladığımız sitemizi mobil cihazlara uyumlu olarak geliştirdik. Siteye ait kaynak kodları indirmek ve incelemek için tıklayın. https://github.com/webmucidi/HaberSit...","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/228561/2898035a4286800ac2bfe34929cf89c6/564x318_1","videoSrc":"https://video-preview.s3.yandex.net/5S5tuQEAAAA.mp4","videoType":"video/mp4"},"target":"_self","position":"10","reqid":"1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL","summary":{"isFull":true,"fullTextUrl":"/video/result?ask_summarization=1&numdoc=1&noreask=1&nomisspell=1&parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=videoid:6793366304057249500","teaser":[{"list":{"type":"unordered","items":["Bu video, bir eğitmen tarafından sunulan CSS Grid ile responsive tasarım oluşturma eğitimidir.","Eğitim, CSS Grid kullanarak web sitesinin mobil ve tablet versiyonlarının nasıl oluşturulacağını adım adım göstermektedir. Eğitmen önce mobil versiyon için grid sütunlarını tek sütuna düşürerek düzenleme yapar, ardından footer kısmındaki dört sütunu tek sütuna dönüştürür. Daha sonra tablet versiyonu için 500 pikselden büyük çözünürlüklerde iki sütunlu bir yapı oluşturur.","Video, üç farklı cihaz senaryosu (masaüstü, tablet ve mobil) için responsive tasarımın nasıl yapıldığını göstermekte ve header, content ve footer bölümlerinin nasıl düzenleneceğini detaylı olarak anlatmaktadır."]},"endTime":1139,"title":"CSS Grid ile Responsive Tasarım Eğitimi","beginTime":0}],"fullResult":[{"index":0,"title":"CSS Grid ile Mobil Tasarım Giriş","list":{"type":"unordered","items":["CSS Grid ile adım adım site oluşturma serisinin son aşamasında mobil versiyon (responsive tasarım) oluşturulacak.","Mobil versiyon, düşük çözünürlüklerde ve genişliklerde sayfanın nasıl görüneceğine dair standartlar belirler.","Tablet versiyonunda iki sütunlu yapı, cep telefonu versiyonunda ise tek sütunlu içerik gösterilir."]},"beginTime":2,"endTime":62,"href":"/video/preview/6793366304057249500?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=2&ask_summarization=1"},{"index":1,"title":"Medya Sorguları Oluşturma","list":{"type":"unordered","items":["Mobil stil için CSS sayfası, maksimum genişlik 500 piksel olan ekranlarda çalışacak şekilde screen media komutuyla tanımlanır.","Tablet stil için CSS sayfası, maksimum genişlik 800 piksel (veya minimum 501 piksel) olan ekranlarda çalışacak şekilde tanımlanır.","800 pikselden sonrası masaüstü versiyonu görüntüleyecek şekilde ayarlanır."]},"beginTime":62,"endTime":147,"href":"/video/preview/6793366304057249500?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=62&ask_summarization=1"},{"index":2,"title":"Mobil Stil Dosyası Oluşturma","list":{"type":"unordered","items":["Mobil stil CSS dosyası \"styles\" klasörünün altına tanımlanır.","Tablet stil CSS dosyası da aynı şekilde \"styles\" klasörünün altına tanımlanır.","Mobil versiyonda içerik bölümü değişirken, diğer kısımlar %90 sabit kalır."]},"beginTime":147,"endTime":183,"href":"/video/preview/6793366304057249500?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=147&ask_summarization=1"},{"index":3,"title":"Mobil Versiyonda Grid Sistemi Düzenleme","list":{"type":"unordered","items":["Body için yükseklik değeri 2000 piksel yerine auto olarak ayarlanır.","Satırların yüksekliklerinde değişiklikler yapılır: ilk kısım 100 piksel, 150 piksel, orta taraf 1fr (bütün alanı parselle), alt kısımda 4 sütun otomatik belirlenir.","Header kısmında logo ve arka plan resmi konumlandırması değiştirilir, background size değeri ayarlanır ve position değeri relative yapılır."]},"beginTime":183,"endTime":345,"href":"/video/preview/6793366304057249500?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=183&ask_summarization=1"},{"index":4,"title":"Mobil Versiyonda İçerik Düzenleme","list":{"type":"unordered","items":["Sosyal medya menüleri mobil versiyonda görünmez kılmak için display değerine none değeri atanır.","Header ul kısmındaki margin, left ve right değerleri sıfırlanır.","Intro kısmı flex column olarak ayarlanır ve intro kapsayıcısının genişliği %40'dan %90'a çıkarılır."]},"beginTime":345,"endTime":454,"href":"/video/preview/6793366304057249500?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=345&ask_summarization=1"},{"index":5,"title":"Mobil Versiyonda Buton ve İçerik Düzenlemesi","list":{"type":"unordered","items":["Başlık değerinin genişliği rm değerinden piksel cinsinden daha öngörülebilir değerlere (80 piksel) getirilir.","Butonlar için piksel cinsinden değerler verilir (100 piksel) ve sağdaki boşluk 50 piksel olarak ayarlanır.","Article alanında üç sütunlu yapı tek sütunlu olarak (1.1fr) düzenlenir ve satır sayısı 7 satır olarak ayarlanır."]},"beginTime":454,"endTime":609,"href":"/video/preview/6793366304057249500?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=454&ask_summarization=1"},{"index":6,"title":"Mobil Görünüm İçin Düzenlemeler","list":{"type":"unordered","items":["Grid sütun birleştirmeleri nedeniyle istenen sonuç alınamadığı için, birleştirilmiş sütunlar tek sütuna düşürüldü.","Flex direction row olan yerler flex direction column olarak değiştirildi ve son çocuk birinci sütun çizgisinden başlayıp ikincide bitmesi için ayarlandı.","Footer kısmındaki dört sütunun yan yana gelmesi genişliğin sığmamasına yol açtığı için, bu sütunlar tek sütuna düşürüldü."]},"beginTime":612,"endTime":716,"href":"/video/preview/6793366304057249500?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=612&ask_summarization=1"},{"index":7,"title":"Footer Düzenlemeleri","list":{"type":"unordered","items":["Footer kısmındaki dört sütun tek sütuna düşürüldü ve satır sayısı iki'den beşe çıkması gerektiğinden, repeat beş satır olarak tekrar edildi.","İlk dört satır otomatik olarak tekrar edildi, sondaki copyright kısmı 50 piksel olarak sabitlendi.","Sağdaki ve soldaki fazla boşluklar bire indirildi ve copyright box tek sütuna düşürüldü."]},"beginTime":716,"endTime":783,"href":"/video/preview/6793366304057249500?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=716&ask_summarization=1"},{"index":8,"title":"Mobil Görünüm Kontrolü","list":{"type":"unordered","items":["Mobil sayfada header kısmı, haber kutuları ve footer kısmındaki iletişim formu istenilen şekilde görünüyor.","Masaüstü versiyonunda dört sütunlu olan yapı, mobil görünüme geçildiğinde tek sütunlu hale geliyor.","Menü için margin bottom değeri eklenerek aşağı tarafa bitişik olmaması sağlandı ve logo boyutu %35'ten %45'e çıkarıldı."]},"beginTime":783,"endTime":907,"href":"/video/preview/6793366304057249500?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=783&ask_summarization=1"},{"index":9,"title":"Tablet Görünümü İçin Düzenlemeler","list":{"type":"unordered","items":["Tablet için tek sütunlu değil iki sütunlu bir yapı oluşturulması gerektiği belirlendi.","Tablet stil CSS dosyasında min-max fonksiyonu kullanılarak iki sütun 250 piksel minimum değeri ve bir fr maksimum değeri verildi.","Satır sayısı 7'den 6'ya düşürüldü ve son sütun birinci sütun çizgisinden başlayıp üçüncü sütun çizgisinde bitmesi için ayarlandı."]},"beginTime":907,"endTime":1090,"href":"/video/preview/6793366304057249500?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=907&ask_summarization=1"},{"index":10,"title":"Responsive Tasarımın Tamamlanması","list":{"type":"unordered","items":["Sitenin hitap edeceği cihazlar göz önünde bulundurularak masaüstü, tablet ve mobil akıllı telefon versiyonları oluşturuldu.","Uygun çözünürlüklere göre mobil stil CSS ve tablet stil CSS gibi sayfalar belirlendi.","Anasl dosyası üzerinden giderek aşama aşama değişiklik yapılarak mobil stildeki tek sütunlu, tablet stildeki iki sütunlu ve masaüstündeki istenilen versiyon yakalandı."]},"beginTime":1090,"endTime":1137,"href":"/video/preview/6793366304057249500?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=1090&ask_summarization=1"}],"linkTemplate":"/video/preview/6793366304057249500?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=%%timestamp%%&ask_summarization=1"},"isAdultDoc":false,"relatedParams":{"text":"CSS Grid ile Adım Adım Site Tasarımı-8.Bölüm(Mobil Uyumluluk-Media Query ile Responsive Tasarım)","related_orig_text":"WebMucidi “WebMucidi” Tasarım Laboratuvarı","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"WebMucidi “WebMucidi” Tasarım Laboratuvarı\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=eXGBFK-o_9s\",\"src\":\"serp\",\"rvb\":\"ErIDChQxMDQ5MTEwODczODIyMTE5MzM2NwoUMTE1OTg4OTA4ODUzNTM1MTU5MTIKFDEwMzQxNzQ3Njk4MDExOTIwMTAxChQxNDgwMDA0MTY5MDg2MTU2MDMxNwoTMjM5MDMxNDkxODgxMjIwNzgzNAoUMTExNTQ1NTk0OTU5NTA1OTE1MjAKFDExOTcwMjc4MzY2NTUyNzgxMjE0ChQxNTU5NTU4MjE4MzAwNzE1Mjc4MwoUMTEyMTc4Njk0MDU1ODA0MDcyNzYKEzY3OTMzNjYzMDQwNTcyNDk1MDAKFDEwNDQ5ODQyMTc4NTQ0NjgwNDEyChM0NzcwNDM0NTAzNDEwNTgzMTI2ChQxNTE1MTAwNTQ0OTY0NTk3MjE4NQoTMjIxNzExNDI2ODc4NzA2NzkwMgoTNDUyMjIzMzQ3MTAzOTU2ODU5MQoUMTc3ODgxODY4Mjg1MTU5NTM0MTEKFDEyMTA0NDg1ODkyNzkzMzY2MDczChM2NDgwMDgyODk4Njc4Mzk5Mzg5ChQxNTU5MDkyNjA5MTIxMjM1NTc0MwoUMTM5NjI3NDQxMDc0NzgyNzIyNTkaFQoTNjc5MzM2NjMwNDA1NzI0OTUwMFoTNjc5MzM2NjMwNDA1NzI0OTUwMGqIFxIBMBgAIkUaMQAKKmhobWVuc3dvY3Jidnl1YmJoaFVDSzBSZzJra3UybmxEWnZkY2VOMFY4ZxICABIqEMIPDxoPPxPzCIIEJAGABCsqiwEQARp4gQPyBv4F-wD7AwMPCwn6AvcABQr5_f0A7ArvAAUAAAD2ARQBAQAAAPr8-Pj3AAAAAfUBBfX9AQABBQr15AD_ABX5Cv0BAAAAAQbtDP8BAAD4CvUCA_8AAAj_9_7_AAAABRXzCf4AAAD5_fMDAAAAAPLo9wYAAAAAIAAteKTGOzgTQAlITlACKoQCEAAa8AFcHOT8AKHoAKofyv_TBgUBgRruAELd3wDV39QAygT7Acnb5QAE9QMA0fb2AJ_-9wHjBsT_FAIP__z8A__z-R0ADvjgATHVKgIuCvYA7T_yAAUaGP4p0BUAUMf7_Sb6_voWAfT52hjnALHi5QPuLToCMu4SARYNJgTdQSAA2iAWAMvqGQHk-RP8t_kDAx0OAvwM_dUAPgrXAA4VGP1D8uEBAe8OAvH6D_oEHS8D3BD39d3r7gXnB-j-6CQe_hE6GAIS9x4KEdgF8AA8APtGBfL0-Cr_9wQLCxD78vf33QwG_dr4EPD_KQEE5RwE9-wa8wEgAC1o4g47OBNACUhhUAIqzwcQABrAB-li076K8AU9kHjDPAM8jrwkQFI9MxYtPe1-1b076oO855RbvAWKSD4Q_Lk9FyzVvNjUeb4FBEm984YFvT0pcz6UwOa79XIOPY9T9LydmcU8-oLxvD9U-r1tXsu8hhQtvSt9cDsh2Ae9GCJMPS2YWD6HIL28oRKXvOo2Er1TFJ69J0z7u-pBQT0DJSK7tRg8vJMZjz3aHj07O713vF1VUT307a48oPdrPOZtFr1yD9M8CYeDu3R76b2lFsq8u1qTvHVmLD2mi8M8_3SoPEQgvb20YD29W9VHOVssQD1HaaG67bQYu4NDmDkBpPY8FtmCOnJjhDz-mBu91uw3PUIKLr4-Xw69bMNyvJ8g8T0QDiy9jhEnOR7Sqb0W8s46XjKpPAO6yjxUYFe9GXdePC7nIj7Bqro9qr5AupO5A70VXh29o8SVuLowAj5mvZi8zD60vFQXdb3oRCy9mjE7PGeCPD16Dbs93WxivCkU2LyhbwE9HYlAuj_jAj4FGQG886FVPESrbryGIji82fBPvFN1UbtGLxk9_dLHPHKiAr2pPHC8nS4LO7UET707pK09gXoQvJFk9j1po1-8AJOSu6xx9rx8j2S9gMKPOgOvuz24wkA955sfO5DZWb2wI2m8NaUIvF-iMLyQLZC9kBOmu_sEIL6mlIy9M91AOjWEHr3uzhw8gL-Uu149OD3qUYK9j6-5O5TU8LuWIMS7Z-_vurrpQD1sv4w7ZfoIO3xIUzwVzBM9UxgqugrMlDyoDdi8KeCFuqqCoT0aGJm9R0qgOOEkjTzN4DQ9SSyyudFKEL1sMEO8_2uwOXNeKD1pyQM-fhoAue-rEj3OpgO-FqHWtyCYkz02gw274hrzOSbZjzyytg49lxSUOQY7NDz8I0c97m2BubplarvX3by87gHKuP4uJz2oRVA72CriOHQhHDyUqY2988AnN75o772q6X-95L27OfgFCzwRiu28D7wxtW6ukDyJfaM79otat5_xcTul2AE-qK4xuTgBH7wOg3k84MFEuAasi7zGdBy9BqUiuFcG9b1wQ-y9zAyLuJ_JHr1SFnQ8dCoaOVwAOr4BE429YPMxubyUurzuvb69SYubN4Bg7r0EDwK9DBnDuLTI1r10Rr-93re9OKborzucTJG9hmUUOAVR1z3ZaK-8BxheOLWSgT0kSMA8UYRLuNDmoj1vi4g95p_Rt4LIAj45oMC9PAE_OELLXz1jGrc9bpCOOPpP7TrsdcE8i-2guNzwgD3v7YE9KClbt4VMqDxUf1O9ckKdtiAAOBNACUhtUAEqcxAAGmAo9gBGEPXE4-3k8gXZ5fi5wPns8Mgo_wO5ANogqRTq3NDBCwUABxP4DaQAAABN5Of4MwD8ccLvAtLfJByB8RwCAUwh8U-w9S0aAdtCFuL92gUNI_8A-f3X4ibiyy0OCgEgAC2XJSU7OBNACUhvUAIqrwYQDBqgBgAAREIAAJhBAACgQAAAMMEAAGDBAADoQQAAmEEAADBBAADgwQAAoMAAACDBAAD4wQAAtMIAAHDBAABYQgAAAMAAAPDBAACmwgAAAEAAALrCAACgQgAAmMEAAGhCAACAQQAA-EEAAODBAABcwgAAbMIAALRCAAAsQgAAqMEAAEBAAADCwgAAAEIAALhBAAC-wgAAMMEAADhCAACAPwAAcEEAAKhBAADAwQAAUEEAADRCAAAcQgAAGMIAABBBAAAcQgAAfEIAANhBAADEwgAAIEEAACTCAACQwQAAkEEAAGxCAACIwgAAFMIAAFDBAACowQAAgMAAAABBAAAgwQAAqMIAADxCAAAQwgAAlkIAAARCAACgQAAAwEAAADhCAACQQgAAMEEAALhBAACAPwAA4EEAAJDBAADIQQAAMEIAABjCAACAwgAA6EEAAEBBAADgwAAAxMIAACTCAAAAQAAAgD8AABBBAACQwQAAgL8AAKDBAAAQQQAAhsIAAODAAACQwgAAMMEAAI5CAAAYQgAAAMIAAIjBAAAIQgAAqEIAACTCAAA8wgAAAMEAAIpCAACCQgAA0EEAABRCAABgQgAAuMEAAIzCAADAQQAAmEEAAAAAAACgQQAAgL8AABDBAAAYQgAAmEIAALDBAABAwQAAIMIAAJhBAAAQQQAA0MEAAExCAAAgwQAACMIAAFRCAACYwQAAcMEAAIjBAACgQAAA4EEAAIDAAAAAwgAAcMIAAFTCAABAwAAAwMAAACDBAAAwwQAA6EEAAJDBAADQwQAALEIAABjCAACwQQAA8EEAAFDBAACwQQAAYMEAALhBAABowgAAOMIAACDCAAAMQgAAcEEAABBBAACaQgAAyMEAADDCAADgQQAAVMIAACRCAABkQgAAhkIAALDBAACcwgAAbEIAACTCAAAAwgAAIMEAAIBBAAAcQgAAEMEAADBBAAAAQgAADMIAAMjBAACAQAAAdMIAAIhBAACEwgAAMMIAADBBAACAQAAAgEAAAKbCAABgQQAAQMEAADBCAACAPwAAwEAAADTCAABAwAAAksIAAEDBIAA4E0AJSHVQASqPAhAAGoACAADmvgAAor4AACQ-AAAwPQAABD4AAGw-AAAEvgAAE78AAJq-AACYPQAAuD0AAIg9AADSPgAAcL0AAHy-AACIPQAA2j4AAOA8AAA0PgAADT8AAH8_AABEPgAAED0AAJi9AABUPgAAiD0AADQ-AABsvgAAQLwAALg9AAAsPgAAoDwAAGw-AABAvAAA6D0AACw-AABAPAAANL4AAMi9AAC4vQAABL4AAAQ-AAC2PgAAqL0AAPg9AAAsPgAAUD0AAAS-AABQvQAANL4AAOA8AACAOwAAVD4AAGQ-AACIvQAAmL0AAA8_AAD4vQAAND4AAII-AACYvQAAcD0AAFC9AAAwvSAAOBNACUh8UAEqjwIQARqAAgAAED0AAAy-AACIPQAAM78AABw-AABwPQAA6D0AAHA9AACCvgAA-D0AANi9AAAwPQAAiL0AALq-AACgPAAAUD0AACS-AABvPwAAoDwAAIY-AADIvQAA-L0AAHA9AADovQAA2L0AAFC9AAD4vQAAcD0AAOi9AACAuwAAQDwAAKg9AABwPQAAnr4AAOA8AACgvAAAuL0AAJg9AABUvgAAUD0AAKI-AAA0vgAA-L0AAAy-AACYvQAAQLwAAH-_AAD-vgAAcD0AABy-AAAMPgAAED0AAJg9AABkvgAAfD4AAEC8AABQvQAAiD0AAHC9AAAQPQAAyD0AADQ-AABUvgAARL4gADgTQAlIfFABMAk4AUoAYABoAA,,\"}","related_url":"http://www.youtube.com/watch?v=eXGBFK-o_9s","parent-reqid":"1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1280,"cheight":694,"cratio":1.84438,"dups":["6793366304057249500"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":true,"contentTypeId":null,"censored":false},"10449842178544680412":{"videoId":"10449842178544680412","docid":"34-9-10-ZBFAA7FD1651F43D1","description":"Örnek proje dosyasına aşağıdaki linkten ulaşabilirsiniz. https://github.com/webmucidi/HaberSit... https://www.dropbox.com/sh/outtgnv9hr...","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/2748258/0a1106d2199f70736572330f4c215953/564x318_1","videoSrc":"https://video-preview.s3.yandex.net/8P8z8AAAAAA.mp4","videoType":"video/mp4"},"target":"_self","position":"12","reqid":"1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL","summary":{"isFull":true,"fullTextUrl":"/video/result?ask_summarization=1&numdoc=1&noreask=1&nomisspell=1&parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=videoid:10449842178544680412","teaser":[{"list":{"type":"unordered","items":["Bu video, bir eğitmen tarafından sunulan web sitesi footer tasarımı eğitimidir. Eğitmen, HTML ve CSS kullanarak bir web sitesinin footer kısmını adım adım göstermektedir.","Video, footer tasarımının temel bileşenlerini (logo, iletişim formu, liste, üyelik sistemi) oluşturma sürecini kapsamaktadır. Eğitmen önce footer içeriğini HTML ile oluşturur, ardından grid sistemi kullanarak bu içerikleri hizalar ve düzenler. CSS özellikleri (margin, padding, font size, font weight, background color) detaylı olarak anlatılmaktadır.","Videoda ayrıca footerbox sınıfı oluşturma, resim boyutlandırma, form elemanlarını (input ve buton) biçimlendirme ve sağ taraftaki sarı buton ile copyright kutusunun tasarımı da gösterilmektedir. Video, anasayfa tasarımının tamamlanmasıyla sona erer ve bir sonraki videoda mobil versiyon tasarımı yapılacağı belirtilir."]},"endTime":1910,"title":"Web Sitesi Footer Tasarımı Eğitimi","beginTime":0}],"fullResult":[{"index":0,"title":"Footer Tasarımının Tanıtımı","list":{"type":"unordered","items":["Footer tasarımı için dört kutu şeklinde ve altta ekstra bir kutu şeklinde bir yapı oluşturulacak.","Footer'da copyright, resim, paragraf, başlık, form, yardım, hakkımızda, iletişim linkleri ve üyelik sistemi için linkler bulunacak.","Daha önce yapılan sitede footer'ın HTML kısımları hazır olarak kullanılacak."]},"beginTime":1,"endTime":63,"href":"/video/preview/10449842178544680412?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=1&ask_summarization=1"},{"index":1,"title":"Footer İçeriğinin Hazırlanması","list":{"type":"unordered","items":["Footer'da bir resim ve lorem ile üretilen bir paragraf bulunuyor.","Resim orijinal boyutuyla tam genişliğe yayılmış durumda ve genişlik değeri değiştirilebilir.","Resim boyutlandırırken en boy oranı (ratio) bozulmaması için sadece genişlik değeri değiştirilmeli."]},"beginTime":63,"endTime":152,"href":"/video/preview/10449842178544680412?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=63&ask_summarization=1"},{"index":2,"title":"Form Elemanlarının Eklenmesi","list":{"type":"unordered","items":["Footer'a iletişim formu ekleniyor ve \"H3\" ile \"İletişim Formu\" başlığı atılıyor.","Form etiketi içinde textbox ve buton bulunuyor, input etiketi form nesnelerinin genel adıdır.","Formun action kısmı boş çünkü şu an programlama kodu yazılmamıştır."]},"beginTime":152,"endTime":231,"href":"/video/preview/10449842178544680412?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=152&ask_summarization=1"},{"index":3,"title":"Footer İçeriğinin Tamamlanması","list":{"type":"unordered","items":["Üçüncü kutuda bir başlık ve liste bulunuyor.","Son kutuda üyeliğe yönlendirecek bir başlık, paragraf ve link yer alıyor.","Footer'ın içeriği tamamlandıktan sonra hizalama ve ölçeklendirme işlemleri yapılacak."]},"beginTime":231,"endTime":261,"href":"/video/preview/10449842178544680412?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=231&ask_summarization=1"},{"index":4,"title":"Footer'ın Hizalama ve Ölçeklendirme","list":{"type":"unordered","items":["Footer'ın soldan ve sağdan hizalanması için margin left ve margin right değerleri kullanılacak.","Footer için boydan boya bir şerit oluşturulmuş ancak bu şerit kaybedilecek.","İlk kutuyu içeri alarak ve son kutuya margin right ekleyerek yatay şerit korunacak."]},"beginTime":261,"endTime":451,"href":"/video/preview/10449842178544680412?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=261&ask_summarization=1"},{"index":5,"title":"Footer Grid Yapısı ve Düzenleme","list":{"type":"unordered","items":["Footer içerisindeki kutuların sol ve sağ değerleri ayarlanarak diziliş düzenleniyor.","Grid yapısında grid repeat dört kullanılarak dört kere tekrarlanan birer fr değer veriliyor.","Footer'daki kutuların gelir oranları değiştirilebilir, küsuratlı değerler de kullanılabilir."]},"beginTime":471,"endTime":580,"href":"/video/preview/10449842178544680412?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=471&ask_summarization=1"},{"index":6,"title":"Footer İçeriği ve Boşluk Ayarları","list":{"type":"unordered","items":["Article alanından alta margin verilerek footer ile bağlantı kesiliyor.","Copyright box'a dört tarafına 1rem boşluk verilerek ve border kaldırılarak düzenleme yapılıyor.","Grid gap'ler kullanılarak kutular birbirinden ayrılıyor ve border'lar kaldırılıyor."]},"beginTime":580,"endTime":775,"href":"/video/preview/10449842178544680412?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=580&ask_summarization=1"},{"index":7,"title":"Footerbox Sınıfı ve Ortak Özellikler","list":{"type":"unordered","items":["Footerbox sınıfı altında ortak özellikler tanımlanarak dört kutuya birden düzenleme yapılıyor.","Footerbox içerisindeki img'e kapsayıcısına göre %65 ölçeklendirme yapılıyor.","Paragrafların font size'ı ve satır aralığı ayarlanıyor."]},"beginTime":775,"endTime":941,"href":"/video/preview/10449842178544680412?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=775&ask_summarization=1"},{"index":8,"title":"Yazı ve Form Elemanları Düzenleme","list":{"type":"unordered","items":["Yazıların rengi beyaz ve boyutu 1.2rem olarak ayarlanıyor.","Footerbox içerisindeki h3 başlıklarına renk ve font boyutu veriliyor.","Form içerisindeki input ve buton elemanları için display flex ve flex direction kullanılarak alt alta diziliyor."]},"beginTime":941,"endTime":1155,"href":"/video/preview/10449842178544680412?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=941&ask_summarization=1"},{"index":9,"title":"Buton Düzenleme","list":{"type":"unordered","items":["Form içerisindeki buton için padding değeri verilerek yazı alttan ve üstten tam ortalıyor.","Butonun arka plan rengi kırmızı olarak ayarlanıyor.","Butonun marjin değeri verilerek yukarıdaki içerik giriş kutusuyla arası açılıyor ve yazı beyaz renkte kalın hale getiriliyor."]},"beginTime":1155,"endTime":1302,"href":"/video/preview/10449842178544680412?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=1155&ask_summarization=1"},{"index":10,"title":"HTML ve CSS ile Footer Tasarımı","list":{"type":"unordered","items":["Input elementine HTML'de özellikler verilebilir, örneğin input type text ve height değerleri ayarlanabilir.","Footer'daki yazıların rengini beyaz yapmak için tek tek elemanlara renk özelliği verilebilir veya footer'a genel renk özelliği eklenebilir.","Footer'daki liste elemanlarının altlarına kenarlık eklemek için border-bottom özelliği kullanılabilir ve çizgi tipi (dot dot dot, dash) ve kalınlığı ayarlanabilir."]},"beginTime":1305,"endTime":1522,"href":"/video/preview/10449842178544680412?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=1305&ask_summarization=1"},{"index":11,"title":"Buton ve Hizalama Özellikleri","list":{"type":"unordered","items":["Footer'daki üye ol butonuna sarı arka plan vermek için background-color özelliği kullanılabilir.","Buton görünümüne erişmek için display: block özelliği, genişlik ve yükseklik belirlemek için width ve padding değerleri kullanılabilir.","Buton içindeki yazıyı ortalamak için text-align: center özelliği, altındaki çizgiyi kaldırmak için text-decoration: none özelliği kullanılabilir."]},"beginTime":1522,"endTime":1721,"href":"/video/preview/10449842178544680412?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=1522&ask_summarization=1"},{"index":12,"title":"Footer Tasarımının Tamamlanması","list":{"type":"unordered","items":["Footer'daki gri arka planı kaldırmak için background-color: none özelliği kullanılabilir.","Copyright kutusunu mükemmel hizalamak için display: flex, justify-content: center ve align-items: center özellikleri kullanılabilir.","Anasayfanın tüm bölümleri (logo, sosyal medya linkleri, üst menü, intro, makaleler ve footer) tasarımı tamamlanmış olup, sonraki aşamada mobil versiyon ve içerik sayfaları yapılacak."]},"beginTime":1721,"endTime":1907,"href":"/video/preview/10449842178544680412?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=1721&ask_summarization=1"}],"linkTemplate":"/video/preview/10449842178544680412?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=%%timestamp%%&ask_summarization=1"},"isAdultDoc":false,"relatedParams":{"text":"CSS Grid ile Adım Adım Site Tasarımı-7.Bölüm(Footer Alanı-Form Kontrolleri)","related_orig_text":"WebMucidi “WebMucidi” Tasarım Laboratuvarı","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"WebMucidi “WebMucidi” Tasarım Laboratuvarı\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=dDGcWAoisbY\",\"src\":\"serp\",\"rvb\":\"ErIDChQxMDQ5MTEwODczODIyMTE5MzM2NwoUMTE1OTg4OTA4ODUzNTM1MTU5MTIKFDEwMzQxNzQ3Njk4MDExOTIwMTAxChQxNDgwMDA0MTY5MDg2MTU2MDMxNwoTMjM5MDMxNDkxODgxMjIwNzgzNAoUMTExNTQ1NTk0OTU5NTA1OTE1MjAKFDExOTcwMjc4MzY2NTUyNzgxMjE0ChQxNTU5NTU4MjE4MzAwNzE1Mjc4MwoUMTEyMTc4Njk0MDU1ODA0MDcyNzYKEzY3OTMzNjYzMDQwNTcyNDk1MDAKFDEwNDQ5ODQyMTc4NTQ0NjgwNDEyChM0NzcwNDM0NTAzNDEwNTgzMTI2ChQxNTE1MTAwNTQ0OTY0NTk3MjE4NQoTMjIxNzExNDI2ODc4NzA2NzkwMgoTNDUyMjIzMzQ3MTAzOTU2ODU5MQoUMTc3ODgxODY4Mjg1MTU5NTM0MTEKFDEyMTA0NDg1ODkyNzkzMzY2MDczChM2NDgwMDgyODk4Njc4Mzk5Mzg5ChQxNTU5MDkyNjA5MTIxMjM1NTc0MwoUMTM5NjI3NDQxMDc0NzgyNzIyNTkaFgoUMTA0NDk4NDIxNzg1NDQ2ODA0MTJaFDEwNDQ5ODQyMTc4NTQ0NjgwNDEyasEPEgEwGAAiRRoxAAoqaGhtZW5zd29jcmJ2eXViYmhoVUNLMFJnMmtrdTJubERadmRjZU4wVjhnEgIAEioQwg8PGg8_E_YOggQkAYAEKyqLARABGniBBusMAQzxAPv4CAkCCfwC-vT8B_n9_QDdBPsMCvwCAPPsC_v9AAAA-PYU-v4AAAAF-QP6BfwBABMGCgDSAP4AFOT7CP8AAADwAu0F_wEAAPcL9AIE_wAADvP6__8AAAD-DgoF-f8AABYC6wQBAAAAAObz9QEAAAAgAC3iK7E7OBNACUhOUAIqhAIQABrwAWTyxvoWugsEoCTfAM0WHAGRDP7_K9ro_8TrtAHbAOYBy8zBAAwI4v7N-BUAgeHeA8kV0f82HB7_3eMR_-cFOAHl9rcAOd4DAE8Q6gDITukB6yYlAP7ZKAFfvPr9Mw8A_EL02gDa8vABxr8ABPgfIwIC5jL7SC8kANZNJgDtHygB7eoq_vsLH_2p-AQEDx78_xEW0v43EuwFHgAjAyMRyQPv8SL37vkR-AUiNwMBAQ_37wr3B-sI_QQFCTb-9BQrAwb6GPgdxeoCDzgZ-DMM7gkTKfgM6_4QFhDf9PDfIxgF3REW9eIe7gbqDgfw0g_u_yAALb358Do4E0AJSGFQAipzEAAaYDL8ADX-C6T-EPbxFgP7CeynCOjnqiH_C8IA3gyBCOYI5K0CAgAz_RAZmwAAAEG89AIvAOd81uob8M0TJ5OvHf4IQxztKAIEJDEwwTwk9_gaFhtI5wAn38z8TfauKSEL2SAALWJyFzs4E0AJSG9QAiqvBhAMGqAGAAC4QQAAQMAAADBBAAAAQAAAEEEAAGBBAAAQwQAAiEEAABDCAAAcwgAAQMEAAEDCAAD4wgAAqEEAAIJCAAAAAAAAEMIAANrCAAAAAAAAwMIAAJpCAAAswgAAYEIAAMhBAAAIQgAAFMIAAFzCAABEwgAAkEIAAMBAAAAAwgAAoMAAAPzCAADAQQAAUEEAAJLCAABgwQAAAAAAAIBAAAD4QQAAGEIAAIjBAADIwQAAdEIAAPhBAAAMwgAAgD8AAAxCAACMQgAAQEEAANTCAACAwAAAWMIAAJDBAABIQgAAIEIAALLCAACQwQAAFMIAAJjBAAAEQgAAEEEAAIjBAACgwgAAHEIAADzCAAD4QQAAoEEAAKBAAADAwQAAXEIAAIBCAADIQQAA6EEAAABBAACAPwAAcMEAANhBAAAkQgAA-MEAAKrCAADIwQAAAEIAAIA_AACSwgAAJMIAADBBAABgwQAAkEEAABBBAABQwQAAiMEAAMBBAAAQwgAAiMEAADzCAACgwQAAKEIAAABAAACAwAAAjMIAAKBBAACMQgAAsMEAAOjBAACAvwAAsEIAAJpCAADYQQAAZEIAAGhCAADAwQAAHMIAADBBAACgwAAA8EEAABBBAAAAQAAAWMIAAJBBAACgQgAA8MEAAJDBAABMwgAAyEEAADBCAAAAwAAAyEEAADzCAACwwQAAQMEAABDBAAAAwAAAUMEAADBBAAAMQgAAMMEAACBBAABcwgAAQMIAAABBAABgwQAAsMEAAKjBAAAEQgAAwMAAADDCAADwQQAAgD8AADRCAAAEQgAAmMEAAABBAADgwAAAJEIAAGjCAABAwAAAZMIAAOhBAAAsQgAAFEIAAEhCAAAYwgAA-MEAAIA_AAAgwgAAhkIAAHBCAAAcQgAACMIAAHjCAACQQgAAyMEAANDBAACwQQAAAAAAAHBCAABAwQAAEEEAAHhCAAAUwgAAAEAAANDBAABQwQAA4EEAAMBAAAA8wgAAJEIAAEDAAAAUwgAAgsIAAMBAAACYQQAAUMEAABDCAACoQQAAqMEAAAxCAAB4wgAAUMEgADgTQAlIdVABKo8CEAAagAIAAFy-AABsvgAAPD4AANg9AADgvAAATD4AAAy-AAC6vgAAkr4AAMi9AABQvQAAmj4AALY-AAAwvQAA1r4AABC9AADqPgAA4DwAAI4-AAAxPwAAfz8AAKA8AAAsPgAAuD0AACQ-AADIvQAAUD0AAKA8AABUvgAAoDwAAAw-AACgPAAAlj4AADA9AAAcPgAAFD4AAAQ-AACSvgAAxr4AAIi9AADovQAADD4AAGQ-AABcvgAAED0AAFQ-AAAMPgAATL4AAEC8AAD4vQAAEL0AAEC8AABcPgAAij4AAHy-AADIvQAAIz8AADC9AACIPQAATD4AAEy-AAAwvQAANL4AAIA7IAA4E0AJSHxQASqPAhABGoACAAAsvgAAqL0AACS-AAApvwAAHD4AAFA9AACIvQAAQDwAAJa-AAA8PgAAUL0AAOC8AAA8vgAAdL4AAJg9AACovQAAZL4AADU_AABsvgAAjj4AAEA8AABAvAAAqD0AANi9AADgvAAAyL0AABy-AABQPQAAED0AADA9AADoPQAAmD0AAAy-AAD4vQAADD4AALi9AAC4PQAABD4AAIK-AACoPQAA-D0AADS-AAAMvgAAgDsAADS-AACAOwAAf78AABS-AACgvAAAQLwAAPi9AAD4vQAAJD4AAHA9AAAcPgAAoLwAAIA7AAD4PQAAML0AAOA8AACYvQAAgj4AADw-AADYvSAAOBNACUh8UAEwCTgBSgBSCQgPEJICGAAwAWAAaAA,\"}","related_url":"http://www.youtube.com/watch?v=dDGcWAoisbY","parent-reqid":"1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1920,"cheight":1080,"cratio":1.77777,"dups":["10449842178544680412"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":true,"contentTypeId":null,"censored":false},"4770434503410583126":{"videoId":"4770434503410583126","docid":"34-1-4-Z0D704231827E35AB","description":"https://github.com/webmucidi/JSTasKag... 0:00 Proje hakkında 0:30 Proje dosya ve klasör düzeni oluşturma 1:15 HTML iskeletini oluşturma 3:50 CSS ile görsel tasarımı oluşturma 8:50 JavaScript ile...","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/3766671/3fa9edd7a36a48b77a7d339e88044645/564x318_1","videoSrc":"https://video-preview.s3.yandex.net/HTJeiAEAAAA.mp4","videoType":"video/mp4"},"target":"_self","position":"13","reqid":"1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL","summary":{"isFull":true,"fullTextUrl":"/video/result?ask_summarization=1&numdoc=1&noreask=1&nomisspell=1&parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=videoid:4770434503410583126","teaser":[{"list":{"type":"unordered","items":["Bu video, bir eğitmen tarafından sunulan, Visual Studio Code kullanarak pure CSS ile taş kağıt makas oyunu geliştirme eğitimidir.","Eğitim, oyunun HTML, CSS ve JavaScript dosyalarının oluşturulmasıyla başlayıp, responsive tasarım prensiplerini anlatmaktadır. Ardından JavaScript kodlaması ile oyunun temel mantığı oluşturulmakta, değişken tanımlama, rastgele sayı üretme ve puanlama sistemi gibi adımlar gösterilmektedir. Son olarak, mevcut seçenekleri silme, kullanıcı ve bilgisayar resimlerini oluşturma, sonuç mesajını gösterme ve puanlama sistemi oluşturma konuları ele alınmaktadır.","Eğitim boyunca, sekiz adımdan oluşan bir algoritma takip edilerek, kullanıcı seçimi, bilgisayar seçimi ve puanlama sistemi detaylı olarak açıklanmakta, ayrıca class list kullanarak farklı durumlar için (kazanma, kaybetme, beraberlik) farklı renkler verme teknikleri de gösterilmektedir."]},"endTime":1930,"title":"Pure CSS ile Taş Kağıt Makas Oyunu Geliştirme Eğitimi","beginTime":0}],"fullResult":[{"index":0,"title":"Taş Kağıt Makas Oyunu Projesi Tanıtımı","list":{"type":"unordered","items":["Pure CSS kullanarak herhangi bir framework kullanmadan taş kağıt makas oyunu örneği uygulanacak.","Oyun, taş, kağıt, makas seçimlerini kıyaslayarak kazanan veya kaybeden mesajı veriyor.","Visual Studio Code'da yeni bir proje oluşturulup, index.html, css ve js dosyaları ile images klasörü hazırlanıyor."]},"beginTime":2,"endTime":79,"href":"/video/preview/4770434503410583126?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=2&ask_summarization=1"},{"index":1,"title":"HTML Yapısı","list":{"type":"unordered","items":["HTML dosyasında title kısmına \"Taş Kağıt Makas Oyunu\" ismi veriliyor.","Harici stil dosyası ve script dosyası body kapanmadan en altta bağlanıyor.","Sayfa içeriğinde başlık, konteyner div'i ve üç resim (taş, kağıt, makas) oluşturuluyor."]},"beginTime":79,"endTime":231,"href":"/video/preview/4770434503410583126?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=79&ask_summarization=1"},{"index":2,"title":"CSS Sıfırlama ve Temel Düzenlemeler","list":{"type":"unordered","items":["Sıfırlama kodunda yıldız seçicisi ile tüm nesneler için margin, padding ve border değerleri sıfırlanıyor.","Body'de display flex, flex-direction column, justify-content center, align-items center ve toplam yükseklik 100VH olarak ayarlanıyor.","Konteyner için display flex, flex-direction row, flex-wrap wrap, justify-content space-between, align-items center ve toplam genişlik %80 olarak belirleniyor."]},"beginTime":231,"endTime":391,"href":"/video/preview/4770434503410583126?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=231&ask_summarization=1"},{"index":3,"title":"Resim ve Başlık Düzenlemeleri","list":{"type":"unordered","items":["Resimlerin kenarlıklarına sadece sol üstte ve sağ altta 20 piksel (2rm) radius değeri veriliyor.","Başlık için font size 2rm, text-align center ve renk belirleniyor.","Her resmin on click olayına \"oyunu başlat\" fonksiyonu bağlanıyor ve \"this\" parametresi ile hangi resmin tıklandığı bilgisi JavaScript'e aktarılıyor."]},"beginTime":391,"endTime":534,"href":"/video/preview/4770434503410583126?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=391&ask_summarization=1"},{"index":4,"title":"JavaScript Fonksiyonu","list":{"type":"unordered","items":["\"oyunu başlat\" fonksiyonu tanımlanıyor ve \"this\" parametresi ile gelen \"seçim\" değişkeni kullanılıyor.","Google Fonts üzerinden importlanarak seçilen bir font kullanılabilir."]},"beginTime":534,"endTime":566,"href":"/video/preview/4770434503410583126?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=534&ask_summarization=1"},{"index":5,"title":"CSS ve Responsive Tasarım","list":{"type":"unordered","items":["CSS kodlarını HTML ile karıştırmamak için mümkün olduğunca ayrı tutmak önemlidir.","Font seçimi site tasarımı için çok önemli bir unsur olup, başlıklara font family ve boşluk değerleri eklenerek estetik bir görünüm sağlanır.","Konteyner içerisindeki resimler flex düzeninde dizilerek mobil cihazlarda çözünürlük değişikliklerine uyum sağlar."]},"beginTime":573,"endTime":626,"href":"/video/preview/4770434503410583126?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=573&ask_summarization=1"},{"index":6,"title":"Responsive Tasarım Özellikleri","list":{"type":"unordered","items":["Flex büyüme değeri 1, küçülme değeri 1 ve başlangıç değeri 100 piksel (10 rm) olarak ayarlanarak resimlerin esnek bir şekilde büyümesi sağlanır.","Resimlerin maksimum genişliği 130 piksel olarak sınırlandırılarak orijinal boyutundan fazla büyütülmeleri engellenir.","Günümüzde telefon ve tabletlerden sitelere giriş yapıldığı için responsive tasarım olmazsa olmaz bir özellik haline gelmiştir."]},"beginTime":626,"endTime":707,"href":"/video/preview/4770434503410583126?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=626&ask_summarization=1"},{"index":7,"title":"Taş Kağıt Makas Oyunu Algoritması","list":{"type":"unordered","items":["Oyun algoritması sekiz adımdan oluşmaktadır ve değişkenlerin tanımlanması ve değer aktarılması ilk adımdır.","Kullanıcı seçimi değişkeni, kullanıcı tarafından seçilen resmin taş, kağıt veya makas ailesinden hangi elemanı olduğunu tutar.","Bilgisayar seçimi değişkeni, matematik fonksiyonuyla rastgele sayı üretilerek taş, kağıt veya makas seçeneklerinden biri olarak belirlenir."]},"beginTime":707,"endTime":891,"href":"/video/preview/4770434503410583126?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=707&ask_summarization=1"},{"index":8,"title":"Puanlama Sistemi","list":{"type":"unordered","items":["Oyun puanlamaları dizi tipinde bir değişkenle tanımlanır ve taş, kağıt ve makas için farklı değerler içerir.","Taş için makas 1 puan, taş 0,5 puan, kağıt 00 puan; kağıt için taş 1 puan, kağıt 0,5 puan, makas 0,0 puan; makas için kağıt 1 puan, makas 0,5 puan, taş 0,0 puan değerleri kullanılır.","Kullanıcı puanı değişkeni, oyun puanlamaları dizisinden kullanıcı ve bilgisayar seçimlerinin karşılık gelen puanlarını alarak hesaplanır."]},"beginTime":891,"endTime":1147,"href":"/video/preview/4770434503410583126?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=891&ask_summarization=1"},{"index":9,"title":"Sonuç Yazdırma","list":{"type":"unordered","items":["Puanlamalarla beraber sonuç yazdırılacaktır: 1 puan kazanıldı, 0,5 puan berabere kaldı, 0,5 puan kaybedildi.","Temiz bir arayüzde sonuçları göstermek için önce mevcut resimler silinip yeni bir sayfa açılması gerekmektedir."]},"beginTime":1147,"endTime":1167,"href":"/video/preview/4770434503410583126?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=1147&ask_summarization=1"},{"index":10,"title":"Taş-Kağıt-Makas Oyunu İçin Veri Hazırlığı","list":{"type":"unordered","items":["Taş, kağıt ve makas nesnelerinin resim adreslerini içeren bir dizi oluşturuldu.","Document.getElementById metodu kullanılarak taş, kağıt ve makas nesneleri id'lerine göre yakalandı.","Silme işlemi için remove fonksiyonu kullanılarak taş, kağıt ve makas nesneleri sayfadan kaldırıldı."]},"beginTime":1174,"endTime":1296,"href":"/video/preview/4770434503410583126?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=1174&ask_summarization=1"},{"index":11,"title":"Yeni Resimlerin Oluşturulması","list":{"type":"unordered","items":["Kullanıcı resmi, bilgisayar resmi ve sonuç mesajı için yeni HTML nesneleri oluşturuldu.","Oluşturulan resimlerin src'lerine kayıtlı resimler dizisinden ilgili resim adresleri atanarak monte edildi.","Oluşturulan nesneler konteyner nesnesine eklendi."]},"beginTime":1296,"endTime":1494,"href":"/video/preview/4770434503410583126?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=1296&ask_summarization=1"},{"index":12,"title":"Sonuç Mesajının Gösterilmesi","list":{"type":"unordered","items":["Kullanıcı puanı sıfırsa \"Maalesef kaybettiniz\" mesajı gösterildi.","Puan 0,5 ise \"Berabere kaldınız\" mesajı gösterildi.","Puan 1 ise \"Tebrikler kazandınız\" mesajı gösterildi."]},"beginTime":1494,"endTime":1610,"href":"/video/preview/4770434503410583126?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=1494&ask_summarization=1"},{"index":13,"title":"Sonuç Mesajının Stilleştirilmesi","list":{"type":"unordered","items":["Sonuç mesajının font size'ı 4rem (40 piksel) olarak ayarlandı.","Başarılı, başarısız ve berabere durumları için farklı CSS sınıfları oluşturuldu.","Oyun tekrar başladığında mevcut sınıfların temizlenmesi için classList.remove metodu kullanıldı."]},"beginTime":1610,"endTime":1918,"href":"/video/preview/4770434503410583126?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=1610&ask_summarization=1"}],"linkTemplate":"/video/preview/4770434503410583126?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=%%timestamp%%&ask_summarization=1"},"isAdultDoc":false,"relatedParams":{"text":"JavaScript ile \"Taş-Kağıt-Makas\" Oyunu","related_orig_text":"WebMucidi “WebMucidi” Tasarım Laboratuvarı","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"WebMucidi “WebMucidi” Tasarım Laboratuvarı\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=CC336rUUPoE\",\"src\":\"serp\",\"rvb\":\"ErIDChQxMDQ5MTEwODczODIyMTE5MzM2NwoUMTE1OTg4OTA4ODUzNTM1MTU5MTIKFDEwMzQxNzQ3Njk4MDExOTIwMTAxChQxNDgwMDA0MTY5MDg2MTU2MDMxNwoTMjM5MDMxNDkxODgxMjIwNzgzNAoUMTExNTQ1NTk0OTU5NTA1OTE1MjAKFDExOTcwMjc4MzY2NTUyNzgxMjE0ChQxNTU5NTU4MjE4MzAwNzE1Mjc4MwoUMTEyMTc4Njk0MDU1ODA0MDcyNzYKEzY3OTMzNjYzMDQwNTcyNDk1MDAKFDEwNDQ5ODQyMTc4NTQ0NjgwNDEyChM0NzcwNDM0NTAzNDEwNTgzMTI2ChQxNTE1MTAwNTQ0OTY0NTk3MjE4NQoTMjIxNzExNDI2ODc4NzA2NzkwMgoTNDUyMjIzMzQ3MTAzOTU2ODU5MQoUMTc3ODgxODY4Mjg1MTU5NTM0MTEKFDEyMTA0NDg1ODkyNzkzMzY2MDczChM2NDgwMDgyODk4Njc4Mzk5Mzg5ChQxNTU5MDkyNjA5MTIxMjM1NTc0MwoUMTM5NjI3NDQxMDc0NzgyNzIyNTkaFQoTNDc3MDQzNDUwMzQxMDU4MzEyNloTNDc3MDQzNDUwMzQxMDU4MzEyNmq2DxIBMBgAIkUaMQAKKmhobWVuc3dvY3Jidnl1YmJoaFVDSzBSZzJra3UybmxEWnZkY2VOMFY4ZxICABIqEMIPDxoPPxOKD4IEJAGABCsqiwEQARp4gfT89v4B_wAA-f8D-gf-Avr6BPL6_fwA2fsDBgv5AwD_Agb5_wEAAPkC-v4GAAAAAwH5BfL-AQACBQgHBQAAAAMH9v_6AAAAAQbuDP8BAAD_AAEC-wIAAQsG_fz_AAAAEBkKCP4AAAAUBfP4AQAAAALp9QMBAAAAIAAthUHROzgTQAlITlACKoQCEAAa8AFQGej8ENf0BKQZ5wDYDOoBgQAC_yb_2wDR9_8A2QbjAfXt9P_v7iMAxvjl_8EXBwDXD90AMA4GAQAFDP8I5yAAG_7cADLPDwEoCfgA3hPl__QeCf8h7hj-L9MHABQB8wAB8gX-2AjbAK7mBwP_BCgANvsOAhwXGAHwCRj98hYdAdbj9f_tGvf9qvwH_hYbDf8K_dsAORX1_-4DHQYxE_MLCer_Bdv8Bf3_DQgE5Or699n-7__8Igj_6x8a_vcPIAP3DxwD9OQB8QoJFfYiA_T5_TIG_P3k9AkM3_kF4QsF_ffeDfnbJP0E8AsF9AD49P4gAC2_TyQ7OBNACUhhUAIqcxAAGmAc9wA_BhfR5Poy6zPpGRvb_9z-8bM___LUAL8n0v3k2urPFCAAAMr8H6gAAAAwFZgsAwASdgHo1e66QxGB5QYiHVwI9yKTDPH_AtZNANlFxvcHH-oABvTL7_v29ycr7fUgAC06ah87OBNACUhvUAIqrwYQDBqgBgAAUEIAAKBAAABQwQAAHEIAABRCAAAAQgAAYEEAABTCAACgwQAAmEEAAKBAAACYQQAA4MAAADTCAABAwgAAMEIAABBCAACCwgAADEIAAKhBAADWQgAA8MEAANBBAADoQQAArkIAAKBAAABgQQAAeMIAAHRCAAAswgAAIEEAADBBAADYQQAAoEIAAGTCAAAMQgAAwMAAAIJCAACAQQAAMMIAAJhBAAAEQgAAKEIAAAjCAACgQQAA4MEAAGjCAAAgQQAAwMAAAMhBAADIwQAAFMIAAFDCAADAwQAA4MEAALpCAAD4wQAAsMEAAADBAABoQgAAGEIAAOjBAADoQQAAgMIAAABAAAAEQgAAmEEAAIjCAABUwgAAlEIAAABCAAB4QgAAgEEAAAzCAAA8QgAAAMMAAETCAADowQAAEEEAAIDCAADowQAAXEIAANBBAAAgQQAABEIAAGDBAACAvwAAwEIAAKDAAAAAwgAALEIAADRCAAAwQQAAVMIAADBBAAC4wQAAhMIAABDBAACQwQAAoEAAAIBAAAA0QgAAVEIAABzCAABwwQAAcMEAAJBCAACAwAAAqEEAAIBBAAAEQgAAeMIAAIrCAAAkQgAAUEIAAFBBAACuQgAAXMIAAFDBAACIwQAAAEAAAADAAAAUwgAAoEAAAEhCAABQwgAAwMEAADDBAADwwQAA-MEAAJZCAADYwQAAfMIAAJhBAAAMwgAAcEEAAFRCAAAkwgAA0MEAAJ7CAAAoQgAAoEAAAJBBAACAvwAAgD8AAEDBAAAcwgAAqMEAAKBAAAAQwQAAAMEAAEjCAADwQQAA0MEAADzCAADYQQAAmMEAAPjBAAAIwgAABEIAALjBAAA0wgAAEMEAAAhCAAAowgAAgL8AAJpCAABgQgAA4EAAABBBAACcwgAA0EEAADBBAABAwgAAfMIAAIA_AAAAwQAAEMEAAJhBAADEQgAAAEAAAMDAAAAcwgAAIEEAABBCAAA4wgAAPEIAAMBBAACYQQAAUEEAAMBAAADAQAAAFEIAAADBAAAYwgAADEIAAABAAABowgAAwEAAAEDAIAA4E0AJSHVQASqPAhAAGoACAABkvgAA6L0AAII-AABAPAAALD4AANI-AAD4PQAAHb8AAPq-AACyPgAAbD4AACy-AACiPgAAFD4AALg9AABUvgAAND4AAJg9AABMPgAAdD4AAH8_AADgvAAAmD0AAFC9AABQvQAAMD0AAOg9AAB8vgAA2D0AAHQ-AABcPgAAcD0AAIY-AADYvQAAQDwAAIA7AACgPAAAdL4AAKi9AAA0PgAAqL0AAES-AADIPQAAPL4AABQ-AACmPgAAQDwAAEC8AACKvgAApr4AADA9AAAkvgAAJD4AAKi9AACAuwAA-D0AACU_AAAEvgAAdD4AAJo-AABAPAAA-L0AAMg9AACgPCAAOBNACUh8UAEqjwIQARqAAgAAyL0AADy-AACYvQAAG78AAJo-AABAvAAAiL0AAAS-AACSvgAA4DwAABy-AADgvAAAiD0AAKK-AADIPQAA4LwAAKC8AAA9PwAAML0AAKY-AAAMPgAAdD4AANg9AACovQAAQLwAABS-AAD4vQAAcD0AAIC7AAAwPQAA2D0AAOg9AACYPQAAgr4AAFA9AACIvQAAUD0AADC9AABcvgAA6D0AAAQ-AAAcvgAA-L0AAKC8AAAMvgAA4DwAAH-_AACevgAAmL0AAFA9AACgPAAAuL0AALi9AAC4PQAAFD4AAFA9AADgvAAAQDwAADC9AACoPQAAqL0AACw-AAAMPgAARL4gADgTQAlIfFABMAk4AUoAYABoAA,,\"}","related_url":"http://www.youtube.com/watch?v=CC336rUUPoE","parent-reqid":"1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1920,"cheight":1080,"cratio":1.77777,"dups":["4770434503410583126"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":true,"contentTypeId":null,"censored":false},"15151005449645972185":{"videoId":"15151005449645972185","docid":"34-4-1-ZFED4D5B30A441752","description":"Meslek Lisesi - Yazılım Geliştirme Alanı Web Tabanlı Uygulama Dersi 2023/1.Dönem Uygulama Sınavı https://github.com/webmucidi/WebUygul... https://codepen.io/webmucidi/pen/YzjpZNe 00:00 Sınav...","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/3839958/ad52bb8a16d98376aa35fe5af7f60b4e/564x318_1","videoSrc":"https://video-preview.s3.yandex.net/2vB4KAIAAAA.mp4","videoType":"video/mp4"},"target":"_self","position":"14","reqid":"1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL","summary":{"fullTextUrl":"/int_search_summary?data=http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DIBoy03_rMFg","linkTemplate":"/video/preview/15151005449645972185?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=%%timestamp%%&ask_summarization=1"},"isAdultDoc":false,"relatedParams":{"text":"Web Uygulama Sınavı Çözümü(Semantic HTML, CSS Grid Layout, Flex, Animation vs.)","related_orig_text":"WebMucidi “WebMucidi” Tasarım Laboratuvarı","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"WebMucidi “WebMucidi” Tasarım Laboratuvarı\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=IBoy03_rMFg\",\"src\":\"serp\",\"rvb\":\"ErIDChQxMDQ5MTEwODczODIyMTE5MzM2NwoUMTE1OTg4OTA4ODUzNTM1MTU5MTIKFDEwMzQxNzQ3Njk4MDExOTIwMTAxChQxNDgwMDA0MTY5MDg2MTU2MDMxNwoTMjM5MDMxNDkxODgxMjIwNzgzNAoUMTExNTQ1NTk0OTU5NTA1OTE1MjAKFDExOTcwMjc4MzY2NTUyNzgxMjE0ChQxNTU5NTU4MjE4MzAwNzE1Mjc4MwoUMTEyMTc4Njk0MDU1ODA0MDcyNzYKEzY3OTMzNjYzMDQwNTcyNDk1MDAKFDEwNDQ5ODQyMTc4NTQ0NjgwNDEyChM0NzcwNDM0NTAzNDEwNTgzMTI2ChQxNTE1MTAwNTQ0OTY0NTk3MjE4NQoTMjIxNzExNDI2ODc4NzA2NzkwMgoTNDUyMjIzMzQ3MTAzOTU2ODU5MQoUMTc3ODgxODY4Mjg1MTU5NTM0MTEKFDEyMTA0NDg1ODkyNzkzMzY2MDczChM2NDgwMDgyODk4Njc4Mzk5Mzg5ChQxNTU5MDkyNjA5MTIxMjM1NTc0MwoUMTM5NjI3NDQxMDc0NzgyNzIyNTkaFgoUMTUxNTEwMDU0NDk2NDU5NzIxODVaFDE1MTUxMDA1NDQ5NjQ1OTcyMTg1aogXEgEwGAAiRRoxAAoqaGhtZW5zd29jcmJ2eXViYmhoVUNLMFJnMmtrdTJubERadmRjZU4wVjhnEgIAEioQwg8PGg8_E9IdggQkAYAEKyqLARABGniBAQwK9wP9APsDAw8LCfoCHvX8B_UCAgDiAu_2A_wCAPTvCvz-AAAAAgEF_AsAAAD-_Av98_4BAP_8BBIDAAAAEuf7B_8AAAAB-fX__wEAAPkI-vj2AgABCvYKAwAAAAD6_QL9_f4AAAsAAAEAAAAA8gD3_AD_AAAgAC13-ck7OBNACUhOUAIqhAIQABrwAW0Dz_4UzvIFpgrr_8kZBACB-hH_QOrBAb3C2AS1BN4AjvbaAfsA-P706hD_iy__AdNE-v4wGRv_3Ps2_gEILgD88fYAPcQSAUQB_AD-He7-6wYLAAMB7QIs3wf_NxHo_gDj6wD5AAD9n8QMAewrHAEYEgYCMRUdAvQcA_zYIhj_vQ4XAvPiLQLGDf_9Fgvv_C4F6gMsGdX9-gwfDBLe5_8MAAoGAw4C9un3DvrvB_v54-b9-ykF_Qrk-gr0Ej0aAgYNFQ0E1-_4AD8A-ifz5Pv8OvkMCvMDBvvx9vfYHQEGwwUQ8dwgCA8aCgUCIQ_59yAALcb9Bjs4E0AJSGFQAirPBxAAGsAHxjSzvqw5AD27Uw887tKhvAeoGj0gES488dkavrJ1_Ds5j4S9PuxVPo7l3Tw9VwU9s_B1vsfQlrxFZEA5Ub-LPh1sFj2b6HM9BwnxvXChYbyOzY67-8b8vEisQL3ZhiC9sRngPYyRWzwwwWO7qfhPPhKDAL3UYYU8MTWTvehxs7zrD548M2zEPR8CXb3a7oy4BcP5PTGLWr0LiB89L1H9PbEFYLqfq628-fK3vSwJljvCGy08rHDrvfDTgjwyBam7MeVou4xhczzeiBO9LLsQvtkWr7z7PMo7PdYMPkuPSzy0kpQ7bsngPM-11Lyx92I8gjRoPSlVx7uBSPU8DVMrvlyypjtiujW8hEvnPVE2QLx5TVm8uOcpvsZPY72JxE48odxxPVsULDyBaLm704bjPcx2aj3WdL08LHqMvHZlYTzJLyy7CU5tPkW4ib1ZnHe7EH6tvXrzRb03bUY8z6Qovfwjgj1U1ZW84uVpPfDXKb1lDTM4w-11PHpJrby52P47H1TYPNuziL0GbyE8aNJhPcpCBT0GxJo8LvIdvG8umb3Ny3674OmfvDo4vT3m5TC8VRlBPdr_QD1mWaS7QI5BPCxEx7yzEk68CocZvfIGPb3ZOhs8nv69PBkM5LwIoAG8r2uaPcqSlLzZIum79DLqvSh9gb0VVb86LwRvPB9bQD39e3i7VRMEvpW347xkV5I5xdopvHItf7xGZ_Q6YZFbu0lm9Tw6W5876xE0O3LgtDvCct-7-Y1lPCTMWbxc8uy6PmFEPecDfb0nlr24WARavY30vTwfEeE5wCAJPTWHWjzVrxk4dbY2PKvoEby7Apc4RG_MvOxnlr2bzOo4YzspPXp2dD0f3dA4AxGdvdCoiryXiJk5LhS6vKMyjzzUT0i6fz-rPGh-EL0wsJa5_i4nPahFUDvYKuI4mrafPQRHuLzNGwc4rh17PNx5LL0XQgY3KLx_veW9Bb3wNye4hQcNvs4o57z4Za64UIiFPUYIbz0f1iY44jK4vG0Atry6gZO4RtHDvKpOAr1LlWC4rNbDvfpnwLuovL-4p22NPGjcRT3g9sa4yuEDvhDXHjyX_U43BEj-vLfTlr0YYy62xhftvZ4KGD1bqnq47lG5vd3WcTxXV483oiXPveiIfL1AZuY4X_bhPLpDVDzElga5zB6SPdYb87vU1rM3u4ilPM7IOz1FHIW3U2VOPHtclb1edby3rG0vvcnCXD0nFX24uhOsvHLcuT10MBi5SHstvY1CMj6csak4hHP8vGKDZb0heg-4IAA4E0AJSG1QASpzEAAaYB_yADD2EKrJKxb23-jWFqfLpsLdARn_N7j_AyzHIfcE8swlGv8a7_MRmgAAADLt1hMoANx_4PkI9b8PMqTRETTeZvvjU5AuHA2v11fLDhLN4fQYAgD7yNcXEgzAOioWFiAALUJAEjs4E0AJSG9QAiqvBhAMGqAGAABAwAAA4EEAAOhBAABgQQAAqMEAABRCAADsQgAAAMIAAFTCAAC0wgAASMIAABBBAACAvwAA0EEAABRCAAA8wgAA-MEAAKLCAAAIQgAAgD8AAOBBAAAkwgAAkMEAAFhCAAAYwgAAcEEAAKhBAAAkwgAAVEIAAIA_AACgQAAA2EEAAJjCAACYQQAApsIAALjBAABAwAAAYEIAAKBAAADYwQAAUMIAANhBAACAwQAAwMEAAGjCAAAowgAAAEAAAOhBAAAIwgAA0MEAAGTCAADAQAAAUMIAAKBAAAAQwQAAIEEAAKjBAABMwgAAEEIAAMBBAAAIQgAA0MEAAFTCAACWwgAAqEEAABjCAAB0QgAAQMAAAIDBAABAwAAAukIAACBBAACwQQAA8EEAAHTCAACQwQAAcMEAAEBBAADgQQAALEIAAMDAAADSQgAA8MEAADDBAAAAAAAAsEEAAChCAACAwQAAwEEAAIxCAAAQwQAAXEIAABDBAADwwQAA-EEAAFzCAABAQAAADMIAANhCAAAwQQAAAEIAAIjBAADAQQAAaMIAAJDBAABgwQAAAEEAAIpCAAAwwQAAsEEAAHxCAABAwAAAYEEAAEBCAAAgQQAAcEEAAEDCAAAMQgAAgEEAALjBAACwwQAAEMEAABRCAACQwgAAwMAAACjCAABoQgAACMIAAODAAAAYwgAAcMIAACDCAACgQAAAUEEAAFBBAAA4QgAAdEIAALBBAAD4wQAAXMIAAAxCAABUQgAAcEEAAMDAAACAPwAACEIAAODAAAAYQgAAsEEAAPBBAABwwgAAoEEAALBBAACowQAAAMEAAGDBAABkwgAANMIAAITCAAAYQgAA-EEAABhCAABMwgAAwMAAADDBAADQQQAAHEIAALJCAACAvwAAXMIAABjCAAA0QgAAoMEAAADCAABAwQAAMMEAACjCAAAUwgAAUMIAAOBAAACYwgAAcEEAADDCAAB8wgAAsMEAAEhCAAD4wQAAgL8AAFDBAAAcQgAAMEEAAADBAAAAwgAAUMEAANhBAAC-QgAABEIAAATCAADYwQAAoEAgADgTQAlIdVABKo8CEAAagAIAAKK-AACIvQAAFD4AAFQ-AAAsvgAAZD4AALg9AAD6vgAAVL4AAOA8AAA8PgAAhj4AADQ-AAAQPQAAlr4AAMi9AADyPgAAED0AADw-AAABPwAAfz8AAEy-AACCPgAAMD0AALi9AABAvAAATD4AAMi9AAAMPgAAgr4AADQ-AABcPgAArj4AADw-AABMPgAA6D0AAFQ-AACqvgAA1r4AAIa-AABEvgAAgr4AAPg9AAAcvgAA6j4AAFC9AAAwPQAAhr4AAMi9AACovQAAcD0AACy-AACAOwAAxj4AAMK-AACAOwAAMz8AAEC8AADYvQAAmD0AAKC8AABkvgAAED0AAEy-IAA4E0AJSHxQASqPAhABGoACAADCvgAAEL0AAI6-AAApvwAAoDwAAEA8AACyPgAADL4AABC9AABAPAAAoDwAAIg9AAD4vQAALL4AAMg9AACIPQAApr4AADE_AADIvQAAzj4AAKg9AAC4vQAADL4AALi9AABwvQAAML0AAKC8AADgPAAAFL4AABS-AACYPQAAgDsAADC9AAA8vgAATD4AAFS-AAAMvgAAUL0AAJ6-AACIPQAADD4AAIC7AAA8PgAAuL0AAOC8AAB8vgAAf78AAJa-AAAsPgAAor4AADA9AABQPQAA4LwAAKi9AADaPgAAcD0AALi9AAC4PQAAgDsAAKg9AACAOwAAED0AAIA7AACYvSAAOBNACUh8UAEwCTgBSgBgAGgA\"}","related_url":"http://www.youtube.com/watch?v=IBoy03_rMFg","parent-reqid":"1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1920,"cheight":1080,"cratio":1.77777,"dups":["15151005449645972185"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":true,"contentTypeId":null,"censored":false},"2217114268787067902":{"videoId":"2217114268787067902","docid":"34-3-8-ZD6047FD5787928DE","description":"Örnek proje klasörüne ulaşmak için: https://github.com/webmucidi/HaberSit... https://www.dropbox.com/sh/outtgnv9hr...","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/2421239/504e6e7848d1665b412e42453122a005/564x318_1","videoSrc":"https://video-preview.s3.yandex.net/0nYg6AAAAAA.mp4","videoType":"video/mp4"},"target":"_self","position":"15","reqid":"1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL","summary":{"isFull":true,"fullTextUrl":"/video/result?ask_summarization=1&numdoc=1&noreask=1&nomisspell=1&parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=videoid:2217114268787067902","teaser":[{"list":{"type":"unordered","items":["Bu video, bir eğitmen tarafından sunulan web geliştirme eğitim serisinin bir bölümüdür. Eğitmen, HTML ve CSS kullanarak web sayfası tasarımı konusunda pratik bilgiler paylaşmaktadır.","Video, menü tasarımı ile başlayıp header oluşturma sürecini adım adım göstermektedir. İlk bölümde ul, li ve a etiketlerinin kullanımı, display flex özelliği ile menü öğelerinin yan yana yerleştirilmesi ve görsel özelliklerin ayarlanması anlatılırken, ikinci bölümde hover özelliği ile menü öğelerinin üzerine gelindiğinde renk değişimi yapma ve Google Fonts kullanarak özel font ekleme konuları ele alınmaktadır.","Eğitim, içerik oluşturma aşamasının ilk bölümünü tamamlamakta ve izleyicilere bol uygulama tavsiyesi ile sonlanmaktadır."]},"endTime":866,"title":"HTML ve CSS ile Web Sayfası Tasarımı Eğitimi","beginTime":0}],"fullResult":[{"index":0,"title":"Menü Oluşturma","list":{"type":"unordered","items":["Menülerde ikon etiketi kullanılmadığı için listeler oluşturulmalıdır.","İki elemanlı bir menü oluşturuldu: \"Anasayfa\" ve \"İletişim\".","Menü elemanları link olarak ayarlandı ve adresleri şimdilik boş bırakıldı."]},"beginTime":0,"endTime":80,"href":"/video/preview/2217114268787067902?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=0&ask_summarization=1"},{"index":1,"title":"Menü Yapılandırma Adımları","list":{"type":"unordered","items":["Menüyü yapılandırırken önce ul, sonra li, sonra a öğelerinin nasıl biçimlendirileceği belirlenmelidir.","Header katmanı içerisindeki ul öğesine \"list-style: none\" özelliği verilerek noktalar kaldırıldı.","Ul öğesine \"display: flex\" ve \"flex-direction: row\" özellikleri verilerek menü elemanları yan yana getirildi."]},"beginTime":80,"endTime":202,"href":"/video/preview/2217114268787067902?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=80&ask_summarization=1"},{"index":2,"title":"Menü Düzenlemeleri","list":{"type":"unordered","items":["Menü elemanlarının arasına \"margin-left\" özelliği ile boşluk verildi.","Menü elemanlarının sağa doğru hizalanması için \"margin-right\" özelliği kullanıldı.","Menü ve logo hizalanması için \"margin-top\" özelliği ile boşluk verildi."]},"beginTime":202,"endTime":369,"href":"/video/preview/2217114268787067902?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=202&ask_summarization=1"},{"index":3,"title":"Li Elemanlarının Düzenlenmesi","list":{"type":"unordered","items":["Li elemanlarına \"margin-top\" özelliği ile boşluk verildi, böylece elemanlar birbirine girmedi.","Li elemanlarına \"background-color\" özelliği ile kırmızı arka plan verildi.","Li elemanlarına \"color\", \"font-weight\", \"text-align\" ve \"padding\" özellikleri ile yazı formatı düzenlendi."]},"beginTime":369,"endTime":559,"href":"/video/preview/2217114268787067902?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=369&ask_summarization=1"},{"index":4,"title":"Menü Oluşturma ve Hover Etkisi","list":{"type":"unordered","items":["Menü oluşturulurken aralara boşluk verilerek ve bazı kısımlara abartı yapılarak menü düzeni oluşturuldu.","Menüde sadece bir liste kırmızı renkte olup, üzerine gelindiğinde renk değişimi özelliği eklendi.","Menüde \"anasayfa\" sınıfına sahip bir liste kırmızı, diğerleri gri renkte gösterildi."]},"beginTime":573,"endTime":638,"href":"/video/preview/2217114268787067902?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=573&ask_summarization=1"},{"index":5,"title":"Hover Özelliklerinin Kullanımı","list":{"type":"unordered","items":["Hover özelliği kullanılarak menü üzerine gelindiğinde yazıların siyah renge dönmesi sağlandı.","Hover özelliğinin tüm menü elemanlarına uygulanması yerine, sadece \"ul\" içindeki \"a\" elemanlarına uygulanması gerektiği gösterildi.","Seçimlerin doğru yapılmasının, menü gibi öğelerin doğru şekilde çalışmasını sağladığı vurgulandı."]},"beginTime":638,"endTime":742,"href":"/video/preview/2217114268787067902?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=638&ask_summarization=1"},{"index":6,"title":"Harici Font Kullanımı","list":{"type":"unordered","items":["Sayfanın görünümünü değiştirmek için harici font kullanımı önerildi.","Google Fonts sayfasından bir font seçildi ve sayfaya eklendi.","Seçilen fontun \"font-family\" özelliği kullanılarak sayfada kullanılması sağlandı."]},"beginTime":742,"endTime":849,"href":"/video/preview/2217114268787067902?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=742&ask_summarization=1"},{"index":7,"title":"Dersten Sonuç","list":{"type":"unordered","items":["İçerik oluşturma aşamasının ilk bölümü, header kısmında tamamlandı.","Derste eksiklikler, hatalar ve gedikler olduğu belirtildi.","Uygulamaların öneminden bahsedilerek bir sonraki derste görüşmek üzere veda edildi."]},"beginTime":849,"endTime":864,"href":"/video/preview/2217114268787067902?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=849&ask_summarization=1"}],"linkTemplate":"/video/preview/2217114268787067902?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=%%timestamp%%&ask_summarization=1"},"isAdultDoc":false,"relatedParams":{"text":"CSS Grid ile Adım Adım Site Yapımı-4.Bölüm(Menü Oluşturma)","related_orig_text":"WebMucidi “WebMucidi” Tasarım Laboratuvarı","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"WebMucidi “WebMucidi” Tasarım Laboratuvarı\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=byp2vBTK2mM\",\"src\":\"serp\",\"rvb\":\"ErIDChQxMDQ5MTEwODczODIyMTE5MzM2NwoUMTE1OTg4OTA4ODUzNTM1MTU5MTIKFDEwMzQxNzQ3Njk4MDExOTIwMTAxChQxNDgwMDA0MTY5MDg2MTU2MDMxNwoTMjM5MDMxNDkxODgxMjIwNzgzNAoUMTExNTQ1NTk0OTU5NTA1OTE1MjAKFDExOTcwMjc4MzY2NTUyNzgxMjE0ChQxNTU5NTU4MjE4MzAwNzE1Mjc4MwoUMTEyMTc4Njk0MDU1ODA0MDcyNzYKEzY3OTMzNjYzMDQwNTcyNDk1MDAKFDEwNDQ5ODQyMTc4NTQ0NjgwNDEyChM0NzcwNDM0NTAzNDEwNTgzMTI2ChQxNTE1MTAwNTQ0OTY0NTk3MjE4NQoTMjIxNzExNDI2ODc4NzA2NzkwMgoTNDUyMjIzMzQ3MTAzOTU2ODU5MQoUMTc3ODgxODY4Mjg1MTU5NTM0MTEKFDEyMTA0NDg1ODkyNzkzMzY2MDczChM2NDgwMDgyODk4Njc4Mzk5Mzg5ChQxNTU5MDkyNjA5MTIxMjM1NTc0MwoUMTM5NjI3NDQxMDc0NzgyNzIyNTkaFQoTMjIxNzExNDI2ODc4NzA2NzkwMloTMjIxNzExNDI2ODc4NzA2NzkwMmrBDxIBMBgAIkUaMQAKKmhobWVuc3dvY3Jidnl1YmJoaFVDSzBSZzJra3UybmxEWnZkY2VOMFY4ZxICABIqEMIPDxoPPxPiBoIEJAGABCsqiwEQARp4gfYNGQYJ9gAD8_oKCAr7Aw7--gr1__8A3gT7DAr8AgD48RcCBQAAAP7sDQcCAAAAC-b6___8AQANAQD_6AD_AArj9fv9AAAA9_7y-f8BAAABCP_1AwAAAA3z-v__AAAABQjxAv8AAAAnAgcEAQAAAPfc-vsBAAAAIAAt0AO2OzgTQAlITlACKoQCEAAa8AFnA9L-E9HyBaofyv-8CA4BgRruACTg7ADUCdD_6ebZAcnb5QAE9QMAyugAAKkAzAHmGdn_LRgZ_-TUAf8BBywACAPIARPFAwAuEOYB0SjTAAUaGP4G7woCRuH7AikB6wI09PT60gnWAKXICwH5Gh0CH_kV_T0nHgDuIhv68BohAdTvAv3cHQMIt_kDAxQK8PwKIej-PgrXABkAHQMl_eUCIfMc_AD2BPXcARf9Cu0D7eID_wT3_AYO6CQe_gomJfn4BhEB-uTf6w0cDwArCvEIAxcEB_jN8xAS6_EB7hgI99wNAfH3GPkA3fsd5d4I9OwgAC1o4g47OBNACUhhUAIqcxAAGmAS4QAzCv_axPi-DfnlAPndw7jq88gJ_xbHAOsrrA_x7OPOBecAHsfaHqUAAAAvzN_-_wDuccf0GvbwCwaNKyfs-Ucl3BOB8Rk8-L5C7tkF9g__TAgA7-fp3ijx6yII-vUgAC0LWyU7OBNACUhvUAIqrwYQDBqgBgAAJEIAAFDBAACIwQAAIEEAACjCAABAQgAAQEAAAEDBAAAQwgAAuMEAAIDBAABQwQAAlMIAAPDBAADgQQAAKMIAAEDBAACcwgAA4MEAAMjCAABIQgAA4MEAADBCAAAIQgAAcEEAAIDAAADIwQAAMMIAAN5CAAAsQgAABMIAAADAAACowgAAWEIAAEBBAACiwgAAcMEAAIZCAAAAAAAAEEEAABDCAABQwQAAMEIAAMBBAABQQQAAqMEAAIC_AABQQQAAhEIAAKBBAACkwgAAoEAAAGjCAAAIwgAAkEEAADxCAAAgwgAA0MEAAMBAAAAIwgAAAMEAADBBAACgwAAAiMIAAIBBAAAQwgAAcEIAAABCAADAwAAAUEEAAERCAADQQgAA6EEAAMhBAAAMwgAAwEAAADzCAACEQgAA4EEAACTCAABcwgAA6EEAALjBAAAsQgAArsIAAEBBAAC4wQAAEMEAAJhBAADAQAAAgEAAAJTCAACAQQAAmMEAADDBAAAQwgAAkEEAAKZCAAAUQgAAwMEAAEDAAAAwQQAAqEIAAETCAAA8wgAAiEEAAI5CAAAcQgAAQEEAABhCAACgQQAAgL8AAIbCAAAcQgAA8MEAAMBAAACOQgAAoEAAANBBAAAAQgAAikIAAHDBAAAkQgAA2MEAAKBAAAAowgAAgEEAABhCAAAAwQAAcMEAAJ5CAAAkwgAA8MEAAMjBAADoQQAAeEIAAKBAAABwwgAAZMIAAMjCAAAQwQAAyMEAAADAAAAAQQAAyEEAAIhBAADQwQAAkEEAAEBAAAAAwgAAIEIAABDBAABgQQAAgMAAAEBAAADgwQAAisIAAFjCAAAIQgAAsEEAAOhBAABAQQAAisIAAAAAAAC4wQAAdMIAAAhCAACoQQAA8EEAAKDAAACgwgAAaEIAAEDAAADYwQAAQEEAAOhBAAA4QgAAcMEAAEDBAAAMQgAAQEEAAHDBAAAAAAAAhMIAADRCAADQwQAAIMEAAGRCAAAwQgAAgL8AAIbCAACAQAAA8MEAAJBBAAAwwgAAYEEAABzCAACAwAAAUMIAADDBIAA4E0AJSHVQASqPAhAAGoACAACCvgAABL4AAIo-AAAUPgAAFD4AAMY-AADIvQAAA78AAAS-AAAQvQAAlj4AAJI-AAC-PgAATL4AAPi9AAAQvQAAAT8AAEA8AACoPQAAMT8AAH8_AAD4PQAAyD0AAHw-AACaPgAAyL0AADA9AAC4vQAAJL4AAFw-AABkPgAA2D0AAIo-AACOPgAAlj4AAJI-AABQPQAAtr4AAOK-AAAkvgAAJL4AAKC8AACmPgAAPL4AAGQ-AABMPgAAoLwAADC9AAAwvQAADL4AAPi9AABAPAAAiD0AAI4-AABEvgAAiL0AAEc_AAAMvgAAVD4AANY-AAC4vQAAoDwAAKi9AADaPiAAOBNACUh8UAEqjwIQARqAAgAANL4AAIa-AABEvgAAJ78AAJg9AADIPQAAUD0AAKA8AABUvgAAuD0AABS-AABQPQAAFL4AAMi9AADYPQAAEL0AABS-AAAnPwAAhr4AAN4-AACIvQAAQDwAANi9AACYvQAAgDsAAAS-AACIvQAA4LwAAEC8AACoPQAAqD0AANg9AACgvAAADL4AAIY-AACIvQAA6D0AABQ-AACKvgAAyD0AAAw-AADovQAAuL0AAOC8AAA8vgAAHL4AAH-_AAC4vQAAEL0AADS-AABwvQAAuL0AAJg9AABwPQAAPD4AAHA9AABAPAAAiD0AAEA8AAAEPgAAQDwAADw-AAC4PQAAUL0gADgTQAlIfFABMAk4AUoAUgkIDxCSAhgAMAFgAGgA\"}","related_url":"http://www.youtube.com/watch?v=byp2vBTK2mM","parent-reqid":"1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1920,"cheight":1080,"cratio":1.77777,"dups":["2217114268787067902"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":true,"contentTypeId":null,"censored":false},"4522233471039568591":{"videoId":"4522233471039568591","docid":"34-4-7-Z355F7BEE79A506A3","description":"Videoda CSS ile yatay ve dikey açılır menü oluşturma aşamaları anlatılmaktadır. İndirmek için: https://www.dropbox.com/sh/18k92p0ksh7dxz7/AABH7byTSPhW1vArukQcavica?dl=0...","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/3083550/a44e77ba7c7b300c5d32d4360601fc89/564x318_1","videoSrc":"https://video-preview.s3.yandex.net/yI4ZKQEAAAA.mp4","videoType":"video/mp4"},"target":"_self","position":"16","reqid":"1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL","summary":{"fullTextUrl":"/int_search_summary?data=http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DcaKv73fwAVM","linkTemplate":"/video/preview/4522233471039568591?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=%%timestamp%%&ask_summarization=1"},"isAdultDoc":false,"relatedParams":{"text":"CSS Açılır Menü Oluşturma Dersleri-Bölüm 2","related_orig_text":"WebMucidi “WebMucidi” Tasarım Laboratuvarı","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"WebMucidi “WebMucidi” Tasarım Laboratuvarı\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=caKv73fwAVM\",\"src\":\"serp\",\"rvb\":\"ErIDChQxMDQ5MTEwODczODIyMTE5MzM2NwoUMTE1OTg4OTA4ODUzNTM1MTU5MTIKFDEwMzQxNzQ3Njk4MDExOTIwMTAxChQxNDgwMDA0MTY5MDg2MTU2MDMxNwoTMjM5MDMxNDkxODgxMjIwNzgzNAoUMTExNTQ1NTk0OTU5NTA1OTE1MjAKFDExOTcwMjc4MzY2NTUyNzgxMjE0ChQxNTU5NTU4MjE4MzAwNzE1Mjc4MwoUMTEyMTc4Njk0MDU1ODA0MDcyNzYKEzY3OTMzNjYzMDQwNTcyNDk1MDAKFDEwNDQ5ODQyMTc4NTQ0NjgwNDEyChM0NzcwNDM0NTAzNDEwNTgzMTI2ChQxNTE1MTAwNTQ0OTY0NTk3MjE4NQoTMjIxNzExNDI2ODc4NzA2NzkwMgoTNDUyMjIzMzQ3MTAzOTU2ODU5MQoUMTc3ODgxODY4Mjg1MTU5NTM0MTEKFDEyMTA0NDg1ODkyNzkzMzY2MDczChM2NDgwMDgyODk4Njc4Mzk5Mzg5ChQxNTU5MDkyNjA5MTIxMjM1NTc0MwoUMTM5NjI3NDQxMDc0NzgyNzIyNTkaFQoTNDUyMjIzMzQ3MTAzOTU2ODU5MVoTNDUyMjIzMzQ3MTAzOTU2ODU5MWqTFxIBMBgAIkUaMQAKKmhobWVuc3dvY3Jidnl1YmJoaFVDSzBSZzJra3UybmxEWnZkY2VOMFY4ZxICABIqEMIPDxoPPxO1B4IEJAGABCsqiwEQARp4gfsSCAoC_gD39vIOCAf8AvgABQr5_f0A5vkDDwX-AQD99QcEAgAAAAD7-Av-AAAACun7___9AQD_-_4D-gAAAPn28PsCAAAA-gYE9f8BAAADAggBA_8AAAsG_fz_AAAAD_v3Av___wAbBfgNAQAAAPrlAQkAAAAAIAAtaITMOzgTQAlITlACKoQCEAAa8AFlEhL95e76BM4X9wHlCh4CgQot_wkz8QCi5v7_yfIWAOD28gDqQAf_BP8o_7bI5v8OECL-bDD-AcjVOQD6CAgAGyf2ACf6HAFYFfEAGP4e_wzlBv8J2Pv_DfYJA9wv0_xNDhb8CiEOArDi5QPeIxAC09gSBD8C_wH9LAT_8QYoA-sEGP8u4f_84bsV_uQF4AXR9d_9LxDvBRH5_vcvBPD8Lij-_voLIPkP9xL96Ach9xYsEfTv2_0F9xQE_BMDDwnvJBcFEens9xcl_Pz9-fkA7Lz2D_7z-QE3B-T9AA0G_LYVDwIJBP7xGhAT9dvd4gMgAC1QIw07OBNACUhhUAIqzwcQABrABwcH2755A4w8ymcxOsaHqT33M0S6LQXJPF4eIb2cU-Y7KuK0PGL1Nz6AMIs8yZI5PJfHqr4Tx-w7vhGdvCB5Fz5c0cE83XL9uqyOGrwOjqs6o5GuuxzT071nORq9punYO_TlIL1Fsmw8kb3aOxsQUT4j7nu9VbSDvLqFHr5QaJ692OIJvRFClj3r2oO9mjvfvOuLFD7TgMW7t3IAPXTrNT5wHEK8sVTyPCalZT1A22o9tMBoPKlLNr7UVra81eSOPMtIPbxuHTe9PznIO4XMRT5nEWU8zBiVvFVoQD4xd9I83myYvMdCWT2C_Yy9FSnDPAaWDT0gyjy8JGR7PO6TyLzvdCc9DxYGvNtoBT0TF4a9firdPDg9Wb2l46C8Ao-evFrXCTwxYIm87prKOyieAz6srVi88eXPOzyUMjxK35o8nmutO56_gTvzboG9LdlnPKqqIzwN34I857ikPDhAm7slRpo9toPPumX_HbxaqKs8rGPHOrnfQT38I6c90yk0PNj1izwn2rW9Uu6jPLZ-4bpXAk683cmMvPnj7rtbYfq9hQK-O05G1bwns5s9LXSpO_cbszvMbpy8ZnE1vJeL3bxs6wc9WCB2u7MGzz3r_oE972oDPMDKBDwgIqq9bGcMvAkTi725Ioy8MbH5ujGHs73rG5i8-E7QuzmgADyiVwu8aVMNOFddBz1cZ429rlVtuQAAjDelTsC8s17rOqg76ry67jI9iH3IuXe7_r1XK249txVcOnSHQz1_bPG7wVTxukzNhD1f-6g9z7RouZzblD0ChOq8T7mduBodA7pc9-C8hTM4OSM2s70u5aw9zTWRN6R7TD09SgC7kg4fOiUlmD32JZs82_SDOeKu3r2T8Zm9ySdqOWgWor3WdYO8AyWTObhU67uou507qIgjuVfZrbyjA3K9TIfXuLXRrzwtf3m9ZG8HOf3GEj0ZmuG82ZV6uEtWqjxDuSM9tPIdOb9_MbtGpYI98Ue3N1kNgz3xDcU83bvvOP6SHjzNhLA8t9GVtYlTV72xoga9RjtHuD-MED0SU1092m2RN-Fqcz1nPUE9ZfbpuN2UlzxTZW69kmv-OLVwNDxhqgm-LbtGt4Z_Bz2S3Cs9xqaTODjshLoR7sS8KwdeN9Rg2j0H45G9x5dPuSdpXToLFyi8GalIuC13az1xwR49s4iGt3YsYD3T9Jk9Jv1ktx2XDD1JD0O-VDFNuaqZ2rxxyIY8Y26RuHSnhTxXl9M88ZVVuBcMMz2BtnA9ZSiAuFvK3jz6hOi7SVHHNyAAOBNACUhtUAEqcxAAGmAp5QBD4_wY8QEDGPAFIQr05LrIrb0P_yjs__g5qwDg7QfN9SkAMh7mA50AAAAZ4MgOAwAEf-YD6jfGMziY6xIM9Vrx9vaq0foMH9Q_y-4OHCMXGh4ABtSp9EX4nycRc_AgAC0cIBg7OBNACUhvUAIqrwYQDBqgBgAABMIAAAxCAADKQgAAwEAAAJBBAABAQAAAQEAAACDBAABgwQAAGMIAACBBAABgQQAAEMEAALhBAAA0QgAAQEAAACDBAADywgAAkMEAAJBBAACoQgAALMIAAI5CAABwQgAAQEAAALLCAACYwgAA4MAAADBCAAAAAAAAdEIAAIDAAABUwgAAsEEAAMhBAAA0wgAAKEIAAFDBAADwQQAAiEEAAEDCAADAwQAAiMEAAADAAADOwgAAGEIAAGjCAABsQgAAoEAAAIA_AAC6wgAALMIAAGjCAADIwQAAnEIAAIhBAABowgAATMIAAEBAAAAgwgAAgMAAAAhCAAB8wgAANMIAAFxCAABwwQAAVEIAAFRCAAB8QgAA4EEAAEBCAABAQQAAGEIAALDBAAAgQQAAYMEAAGDBAAC4wQAAwEEAABBBAAC4QQAAtEIAAKBAAACYQQAAlMIAALhBAADAQQAAcEEAAIC_AAAwQgAA4MAAABxCAABwQQAAUMIAABzCAACEwgAA6MEAAOBBAABsQgAA-EEAAGDCAAAowgAAokIAAODAAABgQQAAQMAAAKjBAAAIQgAAAAAAADxCAACcQgAA6MEAAJTCAACaQgAAQEEAAAhCAABAwAAAkMEAAGDBAABAwAAAqEEAANBBAABUwgAAuMEAAIjBAADAQAAAsMEAAIDAAADAQAAABMIAAJDBAADwwQAAoMEAAKBAAABwQQAAAAAAAPBBAAAUQgAAoMAAABDCAAAMQgAAAEIAAIBAAADgwAAA8EEAABTCAACgwAAAoEAAAPhBAAD4QQAA4MEAABzCAAAUQgAANMIAAIjBAABgwQAAUMEAAPjBAABAQAAA1kIAAADCAAAsQgAANMIAACjCAADYwQAAQEEAAOBAAABwwQAAcEIAAMBBAAA0wgAAhkIAAARCAADgwQAAMMIAAGRCAABkQgAAnMIAAGBCAAAQQgAAwMEAAFDCAACAQQAAcMIAAEDAAADwQQAAQMIAAJBBAADwQQAAMMEAAJjBAADYQQAAcMEAAOhBAACgwQAA0EEAAFBBAACQQQAAsMEAANhBIAA4E0AJSHVQASqPAhAAGoACAAC-vgAABL4AAHQ-AAA8PgAArj4AAAU_AABAPAAANb8AAIa-AABcPgAAlj4AAFA9AACKPgAAED0AAKi9AABwvQAAyj4AAIg9AACqPgAAGT8AAH8_AADgvAAAmD0AADQ-AAAcPgAAUD0AAHC9AAAsvgAALL4AAFQ-AABEPgAAQLwAADw-AAAkPgAAij4AAIC7AADovQAA-L0AAJ6-AAAwvQAARL4AALi9AACyPgAARL4AADA9AAAwvQAAML0AANi9AADIvQAA4LwAANg9AAAUvgAAQLwAAIg9AAAMvgAAmL0AADU_AADYPQAAcD0AAP4-AAAUPgAAFL4AAKi9AAAFPyAAOBNACUh8UAEqjwIQARqAAgAADL4AAAy-AADYvQAAN78AAAQ-AACIPQAAZD4AANi9AAD4vQAAyD0AADA9AACgvAAAuL0AAAy-AAD4PQAAQLwAABC9AAApPwAAbL4AAIo-AAD4vQAA-L0AAIC7AAAwvQAAMD0AADA9AAA8vgAAoLwAAMg9AACIPQAA4DwAAAQ-AABkvgAARL4AAAw-AACAOwAABD4AAIg9AACCvgAAHL4AAAw-AACovQAAUL0AAFA9AABQvQAAoLwAAH-_AACgvAAA-D0AAKi9AADoPQAADL4AAOC8AACAuwAAoDwAAHA9AAAwPQAAUL0AAJg9AADIPQAABD4AADC9AADgPAAAEL0gADgTQAlIfFABMAk4AUoAUgkIDxCSAhgAMAFgAGgA\"}","related_url":"http://www.youtube.com/watch?v=caKv73fwAVM","parent-reqid":"1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1280,"cheight":720,"cratio":1.77777,"dups":["4522233471039568591"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":true,"contentTypeId":null,"censored":false},"17788186828515953411":{"videoId":"17788186828515953411","docid":"34-5-17-ZAD000671B6763304","description":"https://github.com/webmucidi/JSONServ... Açıklama ve gerekli komutlar git uygulaması içinde mevcuttur. -NPM kullanarak projeye 3rd party modül ekleme -Tailwind CSS kullanımı -REST Api kullanımı...","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/4679658/3db528fd7111172d8c72187b448ac15f/564x318_1","videoSrc":"https://video-preview.s3.yandex.net/VLhJIwIAAAA.mp4","videoType":"video/mp4"},"target":"_self","position":"17","reqid":"1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL","summary":{"isFull":true,"fullTextUrl":"/video/result?ask_summarization=1&numdoc=1&noreask=1&nomisspell=1&parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=videoid:17788186828515953411","teaser":[{"list":{"type":"unordered","items":["Bu video, bir eğitmen tarafından sunulan kapsamlı bir web geliştirme eğitim içeriğidir. Eğitmen, JavaScript, Tailwind CSS ve Jason Server kullanarak basit bir mesaj uygulaması geliştirme sürecini adım adım göstermektedir.","Video, POST metodu kullanarak sunucuya veri kaydetme işleminden başlayarak, Tailwind CSS'in projeye nasıl ekleneceği, yapılandırılacağı ve temel özelliklerinin nasıl kullanılacağı konularını ele almaktadır. Daha sonra Jason Server modülünün kurulumu, form verilerinin sunucuya gönderilmesi ve veritabanına veri ekleme işlemleri anlatılmaktadır. Son bölümde ise JSON veri yapısında sorgulama komutları gösterilmektedir.","Eğitim boyunca form oluşturma, Tailwind CSS ile tasarım yapma, npm paket yöneticisi kullanarak Tailwind CSS'i projeye ekleme, fetch fonksiyonu ile sunucuya post işlemi yapma, veritabanına veri kaydetme ve sorgulama işlemleri gibi pratik uygulamalar sunulmaktadır. Ayrıca, Tailwind CSS intellisense eklentisinin kurulumu, harici font ekleme ve kullanıcı dostu mesaj verme teknikleri de detaylı olarak ele alınmaktadır."]},"endTime":2458,"title":"JavaScript ile Web Uygulaması Geliştirme Eğitimi","beginTime":0}],"fullResult":[{"index":0,"title":"JSON Server Projesi Tanıtımı","list":{"type":"unordered","items":["Önceki derste JSON fetch işlemi ile sunucu üzerinden veri listeleme yapıldı, bu derste ise POST metodunu kullanarak sunucuya yeni veri kaydetme işlemi yapılacak.","Basit bir mesaj uygulaması yapılacak; mesajı gönderen ve mesaj içeriği JSON üzerinde yeni kayıt olarak yazılacak.","Kayıt işlemi için lokal sunucuda veriler barındırılacak ve bunun için REST API (Web API) uygulaması kullanılacak."]},"beginTime":1,"endTime":51,"href":"/video/preview/17788186828515953411?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=1&ask_summarization=1"},{"index":1,"title":"Proje Klasörünün Oluşturulması","list":{"type":"unordered","items":["Proje klasörü \"post and tail c\" olarak isimlendiriliyor.","Proje klasöründe index.html, style.css, script.js ve db.json isimli veri kaynağı dosyası oluşturuluyor.","src isimli bir klasör oluşturuluyor, burada üçüncü parti yazılımlar için harici veri kaynakları dahil edilecek."]},"beginTime":51,"endTime":98,"href":"/video/preview/17788186828515953411?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=51&ask_summarization=1"},{"index":2,"title":"HTML Formunun Oluşturulması","list":{"type":"unordered","items":["HTML sayfasında iletişim id'sine sahip bir form oluşturuluyor.","Formda ad-soyad için input text (txt_ad_soyad) ve mesaj için text area (txt_mesaj) alanları ekleniyor.","Verileri sunucuya göndermek için submit butonu kullanılıyor ve butona \"sunucuya gönder\" yazısı ve btn_gönderdi id'si veriliyor."]},"beginTime":98,"endTime":215,"href":"/video/preview/17788186828515953411?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=98&ask_summarization=1"},{"index":3,"title":"Tailwind CSS Kullanımı","list":{"type":"unordered","items":["Formun görünümünü düzenlemek için Tailwind CSS framework kullanılacak.","Tailwind CSS, kullanıcı yararını ön plana koyan CSS frameworklerinden biri olup, standart basma kalıplar dışında özgün tasarımlara yol açıyor.","Tailwind CSS, Bootstrap'ten sonra son 2-3 senedir kullanım alanı çoğalmış bir framework."]},"beginTime":215,"endTime":276,"href":"/video/preview/17788186828515953411?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=215&ask_summarization=1"},{"index":4,"title":"npm ve Tailwind CSS Kurulumu","list":{"type":"unordered","items":["Tailwind CSS kurulumu için npm (Node Package Manager) kullanılıyor, bu JavaScript ile geliştirilmiş bir platform.","npm, üçüncü parti yazılımları yüklemeyi ve paylaşmayı sağlayan bir araçlar topluluğu.","npm kurulumu için \"npm install -g tailwindcss\" komutu kullanılıyor ve Tailwind CSS kütüphanesi projeye dahil ediliyor."]},"beginTime":276,"endTime":587,"href":"/video/preview/17788186828515953411?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=276&ask_summarization=1"},{"index":5,"title":"Tailwind CSS'i Projeye Ekleme","list":{"type":"unordered","items":["Tailwind CSS, CSS üzerinden import edilerek projeye dahil edilir.","Tailwind build komutu ile src klasöründeki Tailwind style.css dosyası, output olarak style.css'e aktarılır.","Tailwind CSS kütüphanesi yaklaşık 178-180 bin kaynak kod satırı içerir ve projeye dahil edildikten sonra class'lar kullanılabilir hale gelir."]},"beginTime":598,"endTime":691,"href":"/video/preview/17788186828515953411?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=598&ask_summarization=1"},{"index":6,"title":"Tailwind CSS Kullanımı","list":{"type":"unordered","items":["Tailwind CSS, class mantığıyla çalışır ve özellikleri Tailwind sitesi üzerinden kullanım kılavuzundan öğrenilebilir.","Renkler için \"bg-blue-500\" gibi class'lar kullanılır ve intellisense desteği ile otomatik tamamlama yapılabilir.","Tailwind CSS intellisense eklentisi kurulup, ayarlar yapılandırılarak otomatik tamamlama özelliği aktif hale getirilir."]},"beginTime":691,"endTime":874,"href":"/video/preview/17788186828515953411?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=691&ask_summarization=1"},{"index":7,"title":"Flexbox Kullanımı","list":{"type":"unordered","items":["Tailwind CSS, kullanıcıya yakın bir syntax ile geliştirilmiş bir ara dil olarak kullanılır.","Yükseklik için \"h-screen\", yatay hizalama için \"flex-row\", yatay ortalama için \"justify-center\" gibi class'lar kullanılır.","Kapsayıcı için \"flex-column\", alt alta dizilim için \"items-center\", yükseklik için \"h-auto\" gibi özellikler kullanılabilir."]},"beginTime":874,"endTime":1035,"href":"/video/preview/17788186828515953411?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=874&ask_summarization=1"},{"index":8,"title":"Harici Class Kullanımı ve Font Ekleme","list":{"type":"unordered","items":["HTML içerisine Tailwind class'ları yazmak yerine, CSS dosyasında harici class'lar oluşturulabilir.","Harici class'lar için \"apply\" ifadesi kullanılarak Tailwind stillerine yeni özellikler eklenebilir.","Harici font kullanımı için \"link\" komutu ile font kütüphanesi import edilebilir ve Tailwind config dosyasında font family yapılandırılabilir."]},"beginTime":1035,"endTime":1190,"href":"/video/preview/17788186828515953411?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=1035&ask_summarization=1"},{"index":9,"title":"Tailwind CSS Temel Ayarları","list":{"type":"unordered","items":["Tailwind CSS'te iki nokta üst üste kullanılarak gerekli komutlar verilir ve goblin fontu kullanılır.","Temel ayarlar ayar sayfasında yapılandırılarak daha sonra çağrılabilir.","Tailwind config dosyası üzerinden yapılandırılan ayarlar için npm run build.css komutu çalıştırılmalıdır."]},"beginTime":1195,"endTime":1283,"href":"/video/preview/17788186828515953411?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=1195&ask_summarization=1"},{"index":10,"title":"Form Eklentisi Kullanımı","list":{"type":"unordered","items":["Tailwind'in resmi paketinde form eklentisi bulunur ve bu eklenti form ayarlarını kolaylaştırır.","Form eklentisi npm install talebi ile yüklenir ve config dosyasına plugin referansı eklenir.","Class mantıklı yöntem kullanılarak form inputları için \"form-input\" sınıfı, textarea için \"form-textarea\" sınıfı kullanılabilir."]},"beginTime":1283,"endTime":1477,"href":"/video/preview/17788186828515953411?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=1283&ask_summarization=1"},{"index":11,"title":"JSON Server Kurulumu","list":{"type":"unordered","items":["HTTP sunucusu statik bir dosya sunucusu olduğundan sadece GET metodu üzerinden talepleri karşılayabilir.","JSON Server modülü npm install --save json-server komutu ile projeye dahil edilir.","JSON Server ile 3000 portu üzerinden GET, POST, PUT, PATCH, DELETE ve OPTIONS gibi HTTP metotları çalıştırılabilir."]},"beginTime":1477,"endTime":1633,"href":"/video/preview/17788186828515953411?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=1477&ask_summarization=1"},{"index":12,"title":"Form Verilerini Alma","list":{"type":"unordered","items":["Form üzerinden alınan veriler için sabitler oluşturulur: form, txtAdSoyad ve txtMesaj.","Form ve form elemanları document.getElementById ile id'leri üzerinden yakalanır.","Form submit olayı gerçekleştiğinde verileri kaydet isimli bir fonksiyon çalıştırılır."]},"beginTime":1633,"endTime":1743,"href":"/video/preview/17788186828515953411?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=1633&ask_summarization=1"},{"index":13,"title":"Verileri Kaydetme Fonksiyonu Oluşturma","list":{"type":"unordered","items":["Klasik fonksiyon metoduyla \"verileri kaydetme\" isimli bir fonksiyon oluşturuldu.","Formun action alanı varsayılan olarak hedef olarak çalışır, ancak \"preventDefault\" fonksiyonuyla bu varsayılan işlem engellendi.","Kullanıcıdan ad soyad ve mesaj içeriği alınarak değişkenlere atandı."]},"beginTime":1743,"endTime":1847,"href":"/video/preview/17788186828515953411?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=1743&ask_summarization=1"},{"index":14,"title":"Fetch Fonksiyonu ile Veri Gönderme","list":{"type":"unordered","items":["Fetch fonksiyonu post metoduyla kullanılarak sunucuya veri gönderildi.","Fetch fonksiyonunda sunucunun adresi, header kısmında content tipi JSON olarak belirtildi.","Body kısmında JSON string olarak mesaj gönderen ve mesaj içeriği gönderildi."]},"beginTime":1847,"endTime":2025,"href":"/video/preview/17788186828515953411?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=1847&ask_summarization=1"},{"index":15,"title":"Veri Kaydetme Sonuçları","list":{"type":"unordered","items":["Kullanıcıdan alınan veriler sunucuya başarıyla gönderildi ve kullanıcıya \"veriler başarıyla kaydedildi\" mesajı gösterildi.","Kaydedilen verilerin otomatik bir ID aldığını ve lokal veritabanına düştüğünü kontrol edildi.","Asenkron fonksiyonlar kullanarak da veri kaydetme işlemi yapıldı ve aynı sonuçlar elde edildi."]},"beginTime":2025,"endTime":2278,"href":"/video/preview/17788186828515953411?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=2025&ask_summarization=1"},{"index":16,"title":"Veritabanı Sorgulama ve Sıralama","list":{"type":"unordered","items":["Kaydedilen veriler üzerinden sorgulama yapılabilir, örneğin mesaj gönderen parametresi ile sadece belirli bir gönderenin mesajlarını getirebilirsiniz.","Verileri sıralamak için \"sort\" ifadesi kullanılabilir, örneğin mesaj gönderene göre alfabetik olarak sıralama yapılabilir.","Tarayıcı üzerinden adres çubuğu üzerinden parametrelerle sorgulama yapılabilir."]},"beginTime":2278,"endTime":2353,"href":"/video/preview/17788186828515953411?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=2278&ask_summarization=1"},{"index":17,"title":"JSON Verilerinde Sorgulama Komutları","list":{"type":"unordered","items":["İlk iki kaydı göstermek için \"ilk iki kaydı sadece göster\" gibi komutlar kullanılabilir.","Soru işareti kullanılarak belirli aralıklardaki kayıtlar getirilebilir.","Benzerlik araması yapmak için \"like\" parametresi kullanılabilir, örneğin \"a\" harfi ile başlayan mesajlar aranabilir."]},"beginTime":2362,"endTime":2400,"href":"/video/preview/17788186828515953411?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=2362&ask_summarization=1"},{"index":18,"title":"Sorgulama Örnekleri","list":{"type":"unordered","items":["\"Like\" parametresi ile sadece belirli bir ifadeyi içeren kayıtlar döndürülebilir.","Boş dizi döndürme durumu, aranan ifadenin veritabanında bulunmadığında gerçekleşir.","JSON üzerinden sorgulama yapmak için internette yüzlerce örnek bulunabilir."]},"beginTime":2400,"endTime":2456,"href":"/video/preview/17788186828515953411?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=2400&ask_summarization=1"}],"linkTemplate":"/video/preview/17788186828515953411?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=%%timestamp%%&ask_summarization=1"},"isAdultDoc":false,"relatedParams":{"text":"JSON Server Fetch Post Mesaj Uygulaması(NPM, Tailwind CSS kullanımı)","related_orig_text":"WebMucidi “WebMucidi” Tasarım Laboratuvarı","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"WebMucidi “WebMucidi” Tasarım Laboratuvarı\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=jwFCqdJ0LPk\",\"src\":\"serp\",\"rvb\":\"ErIDChQxMDQ5MTEwODczODIyMTE5MzM2NwoUMTE1OTg4OTA4ODUzNTM1MTU5MTIKFDEwMzQxNzQ3Njk4MDExOTIwMTAxChQxNDgwMDA0MTY5MDg2MTU2MDMxNwoTMjM5MDMxNDkxODgxMjIwNzgzNAoUMTExNTQ1NTk0OTU5NTA1OTE1MjAKFDExOTcwMjc4MzY2NTUyNzgxMjE0ChQxNTU5NTU4MjE4MzAwNzE1Mjc4MwoUMTEyMTc4Njk0MDU1ODA0MDcyNzYKEzY3OTMzNjYzMDQwNTcyNDk1MDAKFDEwNDQ5ODQyMTc4NTQ0NjgwNDEyChM0NzcwNDM0NTAzNDEwNTgzMTI2ChQxNTE1MTAwNTQ0OTY0NTk3MjE4NQoTMjIxNzExNDI2ODc4NzA2NzkwMgoTNDUyMjIzMzQ3MTAzOTU2ODU5MQoUMTc3ODgxODY4Mjg1MTU5NTM0MTEKFDEyMTA0NDg1ODkyNzkzMzY2MDczChM2NDgwMDgyODk4Njc4Mzk5Mzg5ChQxNTU5MDkyNjA5MTIxMjM1NTc0MwoUMTM5NjI3NDQxMDc0NzgyNzIyNTkaFgoUMTc3ODgxODY4Mjg1MTU5NTM0MTFaFDE3Nzg4MTg2ODI4NTE1OTUzNDExapMXEgEwGAAiRRoxAAoqaGhtZW5zd29jcmJ2eXViYmhoVUNLMFJnMmtrdTJubERadmRjZU4wVjhnEgIAEioQwg8PGg8_E5oTggQkAYAEKyqLARABGniB_QUF-wH_APQBBAYIBf0BGQEOCvUCAgDzCvQK-wH_APT3A__3AAAACfgC-AoAAADv_fH9AgAAAA0G9AMEAAAAAAgVAP4AAAACDPcG_gEAAPUG7vgCAAAACQUQ_P8AAAAIBgwA-v4AABX29wkBAAAAAuj1AwEAAAAgAC2Il847OBNACUhOUAIqhAIQABrwAUcC4P8b-RADyggAAPES7wCB8Pv_IwXyAOMQDgDPAuoA6vn2APsIIwHg7w4Ayh36APsF7_8qGgcA5wcWAQUUHQAK--oBOeoKASwA_gD1Dez_2hgU_hr9Af8e-P4AE_8F_xHh9__G8en_z-v_AAEeDwAZDgsBDgwL_8wWCwPuDwsC4vQB_vEV-f7LDAv8FAoB_QoN5f8qB-MA8v8I_BYo8wH85wIHCvcGBhELGQX2-Qn59_H2ARALBwPwDAv8Bxoa-_gMFwIS-Pz4-A_69iP5-AQCEAIF-vbxAgnt-ffgCPv___cO-uwnAgsD9wQACg_49SAALZD6Tjs4E0AJSGFQAirPBxAAGsAHIqjivvEe8TwPkzU9S1usvYrEaT3fxTs946C5vRxtizxeBSO8iV0rPtNdwz19hgU8nE2Xvuo9XLlkjxa8PSlzPpTA5rv1cg49K2Ccvbse1rxOXkS9iQsQvjZqrrrOj_k7ttrDvAG_xryQPAY9EjFVPrzeZz2eUcS8-Pwgvlg1jb0p7z48Twh8O3LSRb3fikS8KBD2PfbflDwc1q-8BFcJPuutXDwvREO6QRzFvUAo-Tx_XXo7mjpUvUxTpbu4APq68FnNPKxygDtG0m48K732vaVDsb0tpDK8GzX4O7aYhLyKWa88mQ6dOl0uCTzjqFw7BpYNPSDKPLwkZHs8nZ0Mvr4RXbyVdjS8PUQjPlYc2LxNmqs8HIS_vU2tDT03nOQ7ZmUePAkCnrtWFoG79DTgPTiTwD13AlA8w6t2PAcCCb0goRw8o80xPmyzMbzIeLm8VBd1vehELL2aMTs83CMjPFHTEz0cu9-8-J8mvUfR9jkDZEM8P-MCPgUZAbzzoVU8YyZRPZ8dUL1RS3O8e3FdPRd0jD0LQtw7pxJ0vfvUDD2C8ik76I2Lu5rfGj04eZ27USKIPfDvPT3dyYy8MXZHvTq-jL2wfTe86j6APfQXejxUR1g8zisIvaAGhDvUQqw71HtPPNFCfb1N-pi7vCMDvpykubyFq4c7Jk7TvPq-bryQ4Wu7aWLwvEU6Lb34FlY72Kt-vIY3qzxcvbc7g8BKPczOprsANwu7ZlalPPbRab21bE47H_TsvFgKljuVkWW77nScPazizb0q_705tyn9On-6Rj01-k45OhcQu1cbiDxqqfY6YBDHPIi7yj2GpZm4avYju--dp71iSNy4_djkvKzCCbzPJWI7q3s_vQh8OT2dYnY6vFV8PQwZ1buEvGG5DIwhPLjiJ7191cO4eJ6TPW642Tz9qJ244pViOxgttr38g1m5z0Q9vRtMXr0yXjs5bQuFvNjDsDrR3kE4wJWJukRjd71e3BW4wRpnPPL8szzS14Q5qfKiPKFIHL04exm49LrPvFW1Lr07atA3sA-xvbcMuL3-WDi4cmw9vLOdaj0ogra3r3vrvXN_pb1QwBG4vTKUvVTrk73807q25fHUvQjiYb0fM7G40KC8vMcil70vO2E4BOn9PFmUKL2_vGO4BVHXPdlor7wHGF44mYMePHetUz2GfRw4zc5dPeTqMT0u8h84Gno1PVKCGb2aDlK4QstfPWMatz1ukI44UqSxvIQiZz2d6RO4PbrRPJr6bz16yBO1WtFNOww3tb2O8oS4IAA4E0AJSG1QASpzEAAaYDfwAEnoBefJ_yj8BdcCNuHPCADqrhP_Idj_9AOv-evi-qIfHP818RUQnwAAADUH4A0wAAh_6sXVBrw3J43P7SEVWvTnN7weAPrtyVniziHbBfQkMgAI6b7yWgTKRjIP5CAALRlxFzs4E0AJSG9QAiqvBhAMGqAGAADYQQAAcEEAANjBAADgwQAABEIAACDBAACEQgAAPEIAAKTCAACAQQAAgEIAAGTCAAB0wgAAIMIAAERCAABwwgAADMIAAODBAAB4wgAAcMEAAAhCAAA4wgAANMIAAKBBAACAvwAAoMAAAKjBAACwQQAAHEIAAJBBAACowQAAEEEAAOjCAACYQgAAgMAAABzCAACAPwAAlkIAAFBBAACEQgAAUEIAACDBAACwQQAAJEIAABhCAACOwgAAUMEAAMDBAAAcQgAAQEEAAMDBAABwwQAA0MEAAPjBAACGQgAAWEIAALzCAAAgwQAAgD8AAKBAAACIQgAAmMEAAGBBAAA0wgAAmEEAALjBAAAsQgAAcMEAAABCAAC4wQAAEEIAAJBCAACwwQAAJEIAAGBBAADowQAAgMEAADhCAACAvwAAcMIAAKbCAACwQQAAqEEAAAxCAAB0wgAAgMEAAJDBAABMQgAAqEEAAOBBAADgwAAA0MEAAKhBAAAkwgAAYEEAADzCAADQwQAAgD8AAMBBAACAQQAABEIAAIRCAAAQQgAAAAAAAFzCAAAwwQAAsEEAAMjBAAAIQgAAPEIAAIC_AAA8wgAAkMEAAADCAACKQgAAAEAAAEDAAABcwgAAAEAAAJhBAADAQQAAtMIAAFzCAAD2wgAAGEIAAHxCAABAQAAA4MEAAEDCAADowQAAHEIAANDBAAAAAAAAiEEAAADAAAAgQQAANEIAAARCAACgwgAAOMIAALBBAACIwQAAiEEAAExCAABsQgAAQEEAAGDBAAAgQQAAwEEAAMDAAACgQQAAdMIAAADBAABkwgAAQMEAAAjCAABowgAAhsIAAADAAABkQgAAAMAAACRCAACowQAAQMEAAKBAAACWwgAAKEIAAOhBAABQQgAA2EEAAFTCAACmQgAA-MEAAEDBAAAAwQAAyMEAALBBAAAcwgAAkEEAAKJCAABUwgAAIEEAAADAAAAQwQAAJEIAAHDBAAB8wgAAFEIAAKhBAAC4wQAA4EEAAKDBAABAwAAAeEIAAKDBAACIwgAAXMIAAODAAAAkwgAAQMAgADgTQAlIdVABKo8CEAAagAIAAFy-AADIvQAAoDwAAMi9AAAwvQAAAT8AAHy-AABbvwAA0r4AADA9AACKPgAAPD4AAOg9AAAwvQAA4LwAAIq-AAD6PgAA4DwAAHA9AAALPwAAfz8AABw-AACmPgAAmr4AAJo-AACYvQAAmL0AAKa-AAAJvwAAFL4AAKo-AABQPQAAzj4AAKA8AABQPQAA6L0AAIi9AAAwvQAA6r4AAHC9AACAuwAAHL4AABA9AAAUvgAAFD4AACQ-AADgPAAATL4AAES-AADqvgAA-L0AACS-AACSPgAAuD0AACS-AAAwvQAART8AADC9AAC4PQAArj4AAMo-AABsvgAAuL0AAGQ-IAA4E0AJSHxQASqPAhABGoACAAB0vgAAgLsAADy-AAAjvwAAQLwAABw-AABQPQAA-D0AAGy-AAD4PQAAUL0AAJi9AABAvAAALL4AAJg9AADgvAAAcL0AAF8_AACYPQAAsj4AAIg9AAAQvQAAbD4AAKi9AAA8vgAAML0AAPi9AAAEPgAAEL0AAKC8AADoPQAAML0AAIC7AACYvQAAlj4AAJK-AAAEPgAAQDwAAIK-AAD4PQAAND4AAJi9AAAQvQAAQLwAAJi9AAAMPgAAf78AAJK-AACovQAAQDwAABQ-AADgPAAA4DwAAEQ-AADGPgAAED0AAOC8AADoPQAADD4AAEA8AAAUPgAArj4AAOA8AACOviAAOBNACUh8UAEwCTgBSgBSCQgPEJICGAAwAWAAaAA,\"}","related_url":"http://www.youtube.com/watch?v=jwFCqdJ0LPk","parent-reqid":"1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1920,"cheight":1080,"cratio":1.77777,"dups":["17788186828515953411"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":true,"contentTypeId":null,"censored":false},"12104485892793366073":{"videoId":"12104485892793366073","docid":"34-1-7-Z951B682DB416A2F5","description":"Örnek proje klasörüne ulaşmak için tıklayın: https://github.com/webmucidi/JSPizzaS... https://www.dropbox.com/sh/7btnlcbfyw...","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/3480205/f2b71227da218d9f75472c860f2e80f1/564x318_1","videoSrc":"https://video-preview.s3.yandex.net/ILUxCwEAAAA.mp4","videoType":"video/mp4"},"target":"_self","position":"18","reqid":"1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL","summary":{"isFull":true,"fullTextUrl":"/video/result?ask_summarization=1&numdoc=1&noreask=1&nomisspell=1&parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=videoid:12104485892793366073","teaser":[{"list":{"type":"unordered","items":["Bu video, bir eğitmen tarafından sunulan web geliştirme eğitimidir. Eğitmen, izleyicilere HTML, CSS ve JavaScript kullanarak pizza sipariş formu oluşturma sürecini adım adım göstermektedir.","Video, pizza sipariş formunun temel yapısından başlayarak, HTML ve CSS ile formun oluşturulması, JavaScript ile fiyat hesaplama fonksiyonlarının yazılması ve kullanıcı etkileşimlerinin nasıl yönetileceği konularını kapsamaktadır. Eğitmen, pizza boyutu seçimi, ek malzemeler, indirim kodu uygulaması ve ödenecek tutar hesaplama gibi fonksiyonların nasıl geliştirileceğini detaylı şekilde anlatmaktadır.","Eğitim boyunca, \"pizzaHesapla\" fonksiyonu, for döngüsü kullanımı, event dinleyicileri, radio button ve checkbox kontrolleri gibi JavaScript konuları pratik bir örnek üzerinden gösterilmektedir. Video sonunda, eğitmen kodun açıklamalarıyla birlikte indirilebileceğini belirtmektedir."]},"endTime":4050,"title":"Pizza Sipariş Formu Geliştirme Eğitimi","beginTime":0}],"fullResult":[{"index":0,"title":"Pizza Sipariş Formu Özeti","list":{"type":"unordered","items":["Pizza sipariş formunda pizza boyu seçimi yapılarak taban fiyat belirleniyor (küçük boy için 20 lira, orta boy için 30 lira, büyük boy için 40 lira, aile boyu için 50 lira).","Ekstra malzemeler her biri için 2 lira ek ücretle seçilebiliyor.","İndirim kodu girilebiliyor ve indirim yapıldıktan sonra nihai sonuç ekranda gösteriliyor."]},"beginTime":1,"endTime":66,"href":"/video/preview/12104485892793366073?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=1&ask_summarization=1"},{"index":1,"title":"Proje Hazırlığı","list":{"type":"unordered","items":["Yeni bir JavaScript projesi oluşturmak için \"Open Folder\" seçeneği kullanılıyor ve klasör adı \"js-pizza-siparis\" olarak belirleniyor.","Proje için HTML, CSS ve JavaScript dosyaları oluşturuluyor.","HTML dosyasında sayfa başlığı \"Pizza Sipariş Formu\" olarak ayarlanıyor."]},"beginTime":66,"endTime":179,"href":"/video/preview/12104485892793366073?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=66&ask_summarization=1"},{"index":2,"title":"Form Yapısı","list":{"type":"unordered","items":["Form için bir id atanıyor ve formun içine bir label ve select elementi ekleniyor.","Select elementi için \"liste-pizza\" id'si veriliyor ve pizza boyutu seçenekleri (küçük, orta, büyük, aile boyu) ekleniyor.","Form için CSS ile grid yapısı oluşturuluyor ve düzenli bir görünüm sağlanıyor."]},"beginTime":179,"endTime":379,"href":"/video/preview/12104485892793366073?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=179&ask_summarization=1"},{"index":3,"title":"Ek Malzeme Seçimi","list":{"type":"unordered","items":["İkinci satırda ek malzeme seçim alanı ekleniyor.","Ek malzemeler için checkboxlar kullanılıyor ve grup ismi \"ek-malzeme\" olarak belirleniyor.","Her bir malzeme için label ve checkbox oluşturuluyor (yeşil zeytin, siyah zeytin, mantar gibi)."]},"beginTime":379,"endTime":493,"href":"/video/preview/12104485892793366073?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=379&ask_summarization=1"},{"index":4,"title":"Form Tasarımı ve Düzenleme","list":{"type":"unordered","items":["Formda altı adet checkbox tipinde ek malzeme seçeneği bulunuyor ve hepsi aynı grupta.","CSS kısmında altı sütun belirlenerek her sütunun 100 piksel genişliğinde görünmesi sağlanıyor.","Form stilleri hazır stiller kullanılarak düzenleniyor."]},"beginTime":502,"endTime":565,"href":"/video/preview/12104485892793366073?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=502&ask_summarization=1"},{"index":5,"title":"İndirim Kodu Alanı Ekleme","list":{"type":"unordered","items":["Forma indirim kodu seçimi için bir label ve input[type=\"text\"] ekleniyor.","Input'lara kısaltma isimleri verilerek daha sonra çağrılabilir hale getiriliyor.","İndirim kodu var/yok seçimi için radio tipinde bir alan ekleniyor ve grup ismi \"indirim\" olarak belirleniyor."]},"beginTime":565,"endTime":727,"href":"/video/preview/12104485892793366073?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=565&ask_summarization=1"},{"index":6,"title":"Formun Doğrulanması ve Hesaplama","list":{"type":"unordered","items":["Formda yapılan seçimlerin otomatik olarak sonuçlanabilmesi için click olayına bağımlı kalmadan on change olayı kullanılması öneriliyor.","İndirim kodu girişi sonrası \"Hesapla\" veya \"Doğrula\" butonu ekleniyor.","Butona click olayı verilerek \"hesapla\" isimli bir fonksiyon çağrılıyor ve sonuç bir h5 etiketinde gösteriliyor."]},"beginTime":727,"endTime":872,"href":"/video/preview/12104485892793366073?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=727&ask_summarization=1"},{"index":7,"title":"Pizza Hesaplama Fonksiyonu Oluşturma","list":{"type":"unordered","items":["Pizza hesapla adında bir fonksiyon oluşturulacak ve bu fonksiyonun girdileri ve çıktıları belirlenecek.","Fonksiyonun girdileri pizza fiyatı, ek malzemeler ve indirim kodu olacaktır.","Çıktı olarak ödenecek tutar hesaplanacaktır."]},"beginTime":877,"endTime":978,"href":"/video/preview/12104485892793366073?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=877&ask_summarization=1"},{"index":8,"title":"Değişkenlerin Tanımlanması","list":{"type":"unordered","items":["Pizza fiyatı, indirim kodu ve ödenecek tutar değişkenleri tanımlanacaktır.","İndirim kodu sabit bir değer olarak const ile tanımlanacaktır.","Ek malzemeler için bir liste oluşturulup, bu listeyi gezmek için for döngüsü kullanılacaktır."]},"beginTime":978,"endTime":1186,"href":"/video/preview/12104485892793366073?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=978&ask_summarization=1"},{"index":9,"title":"Değişkenlere Değer Atama","list":{"type":"unordered","items":["Pizza fiyatı, seçilen pizza türünden alınarak number olarak atama yapılacaktır.","Ek malzemeler için for döngüsü kullanılarak seçilen her malzeme için 2 lira eklenir.","İndirim kodu kontrolü için if döngüsü kullanılarak, doğru kod girildiğinde indirim uygulanır."]},"beginTime":1186,"endTime":1645,"href":"/video/preview/12104485892793366073?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=1186&ask_summarization=1"},{"index":10,"title":"Sonuçların Yazdırılması","list":{"type":"unordered","items":["Hesaplanan ödenecek tutar, HTML kısmındaki \"ödenecek tutar\" elemanına yazdırılacaktır.","İndirim kodu geçersiz olduğunda kullanıcıya \"girdiğiniz kod geçersiz\" mesajı vermek daha mantıklı olacaktır.","İndirim kodu alanına veri girilmesini engellemek için \"disabled\" özelliği kullanılabilir."]},"beginTime":1645,"endTime":1759,"href":"/video/preview/12104485892793366073?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=1645&ask_summarization=1"},{"index":11,"title":"JavaScript ile Form Kontrolü","list":{"type":"unordered","items":["Input type radio'nun on change olayına bir fonksiyon bağlanacak, böylece seçim değiştiğinde fonksiyon çalışacak.","\"aktifleştir\" fonksiyonu, indirim kodu alanının disabled özelliğini false yaparak aktif hale getirecek.","Eğer \"indirim kodum var\" seçeneği seçiliyse, indirim kodu alanı aktif hale gelmeli, seçili değilse pasif olmalı."]},"beginTime":1771,"endTime":1986,"href":"/video/preview/12104485892793366073?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=1771&ask_summarization=1"},{"index":12,"title":"Toggle Fonksiyonu Oluşturma","list":{"type":"unordered","items":["İki farklı yöntem kullanılabilir: ayrı \"aktifleştir\" ve \"pasifleştir\" fonksiyonları oluşturmak veya tek bir \"toggle\" fonksiyonu kullanmak.","Toggle fonksiyonu, indirim seçeneği listesini gezer ve seçili olan seçeneğe göre indirim kodu alanını aktif veya pasif hale getirir.","\"checked\" özelliği ile seçili olan seçeneği kontrol ederek, \"aktif\" veya \"pasif\" değerine göre indirim kodu alanının durumunu değiştirir."]},"beginTime":1986,"endTime":2356,"href":"/video/preview/12104485892793366073?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=1986&ask_summarization=1"},{"index":13,"title":"Formun Tamamlanması","list":{"type":"unordered","items":["İndirim kodu geçerli değilse kullanıcıya \"lütfen geçerli bir kod giriniz\" uyarısı verilmelidir.","Yanlış kod girildiğinde hesaplamada indirim yapılmamalı, doğru kod girildiğinde ise indirim yapılmalı.","\"İndirim kodum yok\" seçeneği seçildiğinde, indirim kodu alanı pasif olmalı ve içeriği boşaltılmalı."]},"beginTime":2356,"endTime":2614,"href":"/video/preview/12104485892793366073?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=2356&ask_summarization=1"},{"index":14,"title":"Anlık Hesaplama Özellikleri","list":{"type":"unordered","items":["Kullanıcılar pizza seçtiklerinde anlık olarak ödenecek tutarı görmek isterler.","Formda seçim yapıldığında alt kısımda anlık olarak güncellenen bir ödeme tutarı gösterilebilir.","Bu özellik için select elementine on change olayı eklenebilir."]},"beginTime":2614,"endTime":2691,"href":"/video/preview/12104485892793366073?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=2614&ask_summarization=1"},{"index":15,"title":"Olay Dinleyicisi Kullanımı","list":{"type":"unordered","items":["Listeye bir değişken atandıktan sonra, \"event\" fonksiyonu kullanılarak bu listeyi dinlemek mümkündür.","Olay dinleyicisi, belirtilen olayı dinler ve olay gerçekleştiğinde belirtilen fonksiyonu çalıştırır.","\"addEventListener\" fonksiyonu kullanılarak hangi olayı dinleyeceğini ve olay gerçekleştiğinde hangi fonksiyonun çalışacağını belirtiriz."]},"beginTime":2712,"endTime":2834,"href":"/video/preview/12104485892793366073?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=2712&ask_summarization=1"},{"index":16,"title":"Pizza Hesaplama Uygulaması","list":{"type":"unordered","items":["Change olayı gerçekleştiğinde \"pizzaHesapla\" fonksiyonu çalışır ve fiyat güncellenir.","Malzemeler seçildiğinde fiyat otomatik olarak güncellenir, eklenen her malzeme için 2 lira eklenir.","İndirim kodu kullanıldığında fiyat 5 lira azalır."]},"beginTime":2834,"endTime":2922,"href":"/video/preview/12104485892793366073?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=2834&ask_summarization=1"},{"index":17,"title":"Seçilen Malzemeleri Gösterme","list":{"type":"unordered","items":["Kullanıcının seçtiği malzemeleri göstermek için \"seçilenMalzemeler\" adında bir değişken oluşturulabilir.","Malzeme seçimlerini bir liste içerisine ekleme işlemi yapılır.","Seçilen malzemeleri göstermek için bir liste oluşturulur ve içerisine seçilen malzemeler eklenebilir."]},"beginTime":2922,"endTime":3151,"href":"/video/preview/12104485892793366073?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=2922&ask_summarization=1"},{"index":18,"title":"Listeye Öğe Ekleme","list":{"type":"unordered","items":["\"document.createElement\" fonksiyonu kullanılarak \"option\" tipinde bir değişken oluşturulur.","Oluşturulan seçeneği, \"document.getElementById\" ile seçilen listenin içerisine eklemek için \"appendChild\" fonksiyonu kullanılır.","Seçeneğin text kısmına malzeme adı yazılır ve liste içerisine eklendiği zaman kullanıcıya gösterilir."]},"beginTime":3151,"endTime":3340,"href":"/video/preview/12104485892793366073?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=3151&ask_summarization=1"},{"index":19,"title":"Listeyi Temizleme","list":{"type":"unordered","items":["Yeni seçimler eklendiğinde önceki seçimleri temizlemek için \"innerHTML\" özelliğini kullanabiliriz.","\"innerHTML = ''\" komutu ile liste temizlenir ve yeni seçimler eklenebilir.","Seçici ismi yazarken dikkat edilmeli, eksik harf gibi hatalar nedeniyle kod çalışmayabilir."]},"beginTime":3340,"endTime":3407,"href":"/video/preview/12104485892793366073?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=3340&ask_summarization=1"},{"index":20,"title":"Pizza Sipariş Sistemi Geliştirme","list":{"type":"unordered","items":["Seçilen malzemelerin fiyatını hesaplayarak ve ek seçim listesine ekleme işlemi yapıldı.","Döngüye girmeden önce listeyi temizleme işlemi yapılarak önceki seçimlerin üzerine yazma sorunu çözüldü.","Ustaya pizzanın ek malzemelerini göstermek için seçimler doğru ve sağlıklı bir şekilde listeye yazıldı."]},"beginTime":3410,"endTime":3529,"href":"/video/preview/12104485892793366073?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=3410&ask_summarization=1"},{"index":21,"title":"İndirim Kodu Sorununun Çözümü","list":{"type":"unordered","items":["İndirim kodu alanı pasif olarak geldiği halde her seçimde kod istemesi sorunu ortaya çıktı.","İndirim kodu alanı aktif olduğunda sadece kod istemesi için kontrol eklendi.","İndirim kodu doğru girilirse pizza fiyatından beş lira düşürüldü, yanlış girilirse uyarı verildi."]},"beginTime":3529,"endTime":3597,"href":"/video/preview/12104485892793366073?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=3529&ask_summarization=1"},{"index":22,"title":"Kod Optimizasyonu ve Doğrulama","list":{"type":"unordered","items":["İndirim kodu seçili ise kod isteme ve doğrulama işlemleri yapıldı.","Ödenecek tutar değişkeni kaldırılarak pizza fiyatı değişkeninde güncelleme yapıldı.","Açılır pencere yerine doğrulama mesajı için HTML'de bir alan oluşturuldu ve rengi kırmızı yapıldı."]},"beginTime":3597,"endTime":3809,"href":"/video/preview/12104485892793366073?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=3597&ask_summarization=1"},{"index":23,"title":"Sistemin Tamamlanması","list":{"type":"unordered","items":["Pizza fiyatı ve ek seçimlerin fiyatının doğru hesaplandığı kontrol edildi.","İndirim kodu girildiğinde fiyatı düşürüldü ve uyarı mesajları düzgün çalıştığı test edildi.","Kodun çalışması doğrulandıktan sonra değişkenlerin tanımlanması ve fonksiyonların kullanılması anlatıldı."]},"beginTime":3809,"endTime":4017,"href":"/video/preview/12104485892793366073?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=3809&ask_summarization=1"},{"index":24,"title":"Örneklerin Paylaşılması","list":{"type":"unordered","items":["Yapılan örnek açıklama satırları ile güncellenecek ve video altındaki bir link üzerinden indirilebilir hale getirilecek.","İzleyiciler kaynak kodlarını inceleyerek ve sıfırdan uygulayarak öğrenmeyi teşvik edildi.","Benzer örneklerle ilgili videoların çekilmesi planlandı."]},"beginTime":4017,"endTime":4047,"href":"/video/preview/12104485892793366073?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=4017&ask_summarization=1"}],"linkTemplate":"/video/preview/12104485892793366073?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=%%timestamp%%&ask_summarization=1"},"isAdultDoc":false,"relatedParams":{"text":"JavaScript ile Pizza Sipariş Formu(AddEventListener Kullanımı)","related_orig_text":"WebMucidi “WebMucidi” Tasarım Laboratuvarı","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"WebMucidi “WebMucidi” Tasarım Laboratuvarı\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=m70HebUrD0g\",\"src\":\"serp\",\"rvb\":\"ErIDChQxMDQ5MTEwODczODIyMTE5MzM2NwoUMTE1OTg4OTA4ODUzNTM1MTU5MTIKFDEwMzQxNzQ3Njk4MDExOTIwMTAxChQxNDgwMDA0MTY5MDg2MTU2MDMxNwoTMjM5MDMxNDkxODgxMjIwNzgzNAoUMTExNTQ1NTk0OTU5NTA1OTE1MjAKFDExOTcwMjc4MzY2NTUyNzgxMjE0ChQxNTU5NTU4MjE4MzAwNzE1Mjc4MwoUMTEyMTc4Njk0MDU1ODA0MDcyNzYKEzY3OTMzNjYzMDQwNTcyNDk1MDAKFDEwNDQ5ODQyMTc4NTQ0NjgwNDEyChM0NzcwNDM0NTAzNDEwNTgzMTI2ChQxNTE1MTAwNTQ0OTY0NTk3MjE4NQoTMjIxNzExNDI2ODc4NzA2NzkwMgoTNDUyMjIzMzQ3MTAzOTU2ODU5MQoUMTc3ODgxODY4Mjg1MTU5NTM0MTEKFDEyMTA0NDg1ODkyNzkzMzY2MDczChM2NDgwMDgyODk4Njc4Mzk5Mzg5ChQxNTU5MDkyNjA5MTIxMjM1NTc0MwoUMTM5NjI3NDQxMDc0NzgyNzIyNTkaFgoUMTIxMDQ0ODU4OTI3OTMzNjYwNzNaFDEyMTA0NDg1ODkyNzkzMzY2MDczaogXEgEwGAAiRRoxAAoqaGhtZW5zd29jcmJ2eXViYmhoVUNLMFJnMmtrdTJubERadmRjZU4wVjhnEgIAEioQwg8PGg8_E9IfggQkAYAEKyqLARABGniBA_z7BA7u__v3CAkCCfsCGPIIB_UBAADfBQ4KCP0BAAYB-QH0AQAAAvz2AgsAAAD2Ef0J7v4BAAb3-g3uAP8AGPcD_vUAAAD_Cu38_wEAAA768QPzAwABGAUB_P8AAAAIEwAR_QAAAAT77AcAAAAAFOP6_QEAAAAgAC0Ug6o7OBNACUhOUAIqhAIQABrwAUn--v8L8AwD3hD6AO8J4gGB8Pv_IwXyAOcCBgDPAuoA6gb3AOz9Lf_fBhEAzQUAAP362_8dCvgA__0OABb4HQAYAfMAK-T-ACf0BgDuD_f_8QccADL7DgAv7RgBFf_k_wDt8wDTAOQAyuvuAgcWJgIqDBMDFCIOAfMIE_73FAf_8QIF_u8LBP28_Qb-BfwCABP22wEdEOT-7AP2ARkpAwHx5QsACeMEAP8KBwQBEAD15Pn_Be3_-AvwGRX_-CYRAgj9BwcH___4Af_59hn47v0EHQMD9PP8BwX9BfXyA__89wMN--cxBgHx_Q38DCkE-yAALZD6Tjs4E0AJSGFQAirPBxAAGsAHh2zYviRegz3j0bo7S1usvYrEaT3fxTs9TTiavdCkYrtIwRO9pkg-Pp28SD34kqE7l8eqvhPH7Du-EZ28OxlsPq4M6jyCjCU8mGPevCahurt201e9Rbz1vWfoxDysuCe8xfhVvJdQhr2QQyk9vktZPpEc3TugfIs6_cA1vquaG72xtB09WqUPvWqAN72-m5M8a50oPvYETj1vqnC6aRkZPr1fO71lF-87h4RUvZIkaD2_4dM6u75KveWQXr3VCYO8Wkc1PYPGp7vIg-M8RCC9vbRgPb1b1Uc5r7AgPag3gz2fI808lgpqva6Uij2pfzW8XU4uPTED-rytd6w7DVMrvlyypjtiujW83bQZPj0W0TwDYPq7wrKYvZXp_DxoMLw8YUnDPB0XPDuwEh4804bjPcx2aj3WdL08w6t2PAcCCb0goRw8ujACPma9mLzMPrS8l8DSvMToObyAA6Q8Z4I8PXoNuz3dbGK8c-lJvQNtPDtROzK8nPrgPUD9Ar0Mddg7RAhePXlycrwgJDC8JsILPVEJ2Ty1a0I8xAVAvW6jwbzkv7y76I2Lu5rfGj04eZ27FY3VPQ5JTT2VyBE7qqWPvWB5a7yz7Em8NcO3PYBTDj2mJJA8D0givfbYcTxdGCK6YusDPSWU3r1SP9I5qgv4vR974jsgjj-6vxE4vJzslbwBVG27IVK4PI8sqr3buyu8sM-5u_wqijywwPy6g8BKPczOprsANwu7UvmNvCcOhTwXcle7CS5bvUcVLLsa3YO7qoKhPRoYmb1HSqA4O3UjvMCBZD1i4i25g0mWvK0UBDwtiLM5MbNvPfUjTz0QP7g42AKMPINozb0uJMK4dcJwvKbl0bzdS0E2olRsvfJf4DwLoJQ5vFV8PQwZ1buEvGG5fz-rPGh-EL0wsJa5gqg7PRTKZzzUXCQ4jILgPJzRsL2rUk24yemLvWyNwr1POUY5USacO062Jzo_Kjo3Sw3jPOqMlLx23eq3lu2ePGwbKz0THW64qE-XPCNCLT3P2n443gKJvLot0bz1FzE34s-bvTNQ-b1Gyg24LtX7vPjrZD3Ad5g4r3vrvXN_pb1QwBG4jyh-vbh_e72vxee3agWsvTb2trsr2qW474BhvVqhmL2QD484mIWbPOPuYjxd6Cy3SV6nPSvoLLyWgXM3-dLAvGpcyTuuN184n8V3PW-Pbz1tsIY3dLL5PDEwAb23y9W2VRimPW0LxT2Dx-c4KZ5pvHjNkD2h5pq4NwKMPen_izxF3te3GAxJPYVlB71H0rU3IAA4E0AJSG1QASpzEAAaYGn5AC7yD8LkDC72IhAQE-3pzRvd0iz_Cez_pRLU8Q7m4LT9-_8nxBIPnwAAAELqsjYVABZ_9OsI_6_0C5Lg3QT9Uz3BRJcQ-wH71lYk5CwC8eso9wDw1MvyLfzoWAXL8iAALZtSFzs4E0AJSG9QAiqvBhAMGqAGAABQQQAAEEEAACzCAABAQQAAAMAAANhBAACYQQAASMIAAMDBAACAvwAAwMAAAKDAAAAgwQAA0MEAAJhBAAAQQQAAUMEAAEDAAACAwAAAoMEAAEhCAACwQQAALEIAAJBBAADIQQAADMIAABTCAAAAQAAAqEEAAJBBAADYQQAA0MEAAJBBAABIwgAAMMEAADhCAAA0QgAA8EEAACRCAAAQQQAAAMEAALBBAAAEQgAAcMEAAEDBAABgwQAAOEIAACDBAABAQAAAmkIAAILCAAAwwQAAmMIAAMhBAAAgwQAA0EEAACjCAACQwgAA4EEAAEBAAACYwQAAmEEAAChCAABQwQAAWEIAAADCAADwwQAAgMEAAIBBAADAQAAAYEIAAMRCAAAgwQAAQMEAAIxCAACCwgAAHMIAAGDCAACgQQAAUMIAAHzCAAAgQgAAVEIAAFDBAAAIwgAAFMIAADRCAACAQAAADEIAAKBBAACQQQAAEEEAAPjBAACgwQAA6MEAAIbCAADIwQAA4EAAABBBAABYQgAA0MEAADRCAAAkQgAAksIAANDBAADgwQAABEIAAGBBAACAwQAAFEIAAHhCAACewgAA6MEAAIhBAADmQgAAsMEAABxCAACiwgAAxsIAABzCAAC4QQAAWEIAALDBAAAQQQAAAMIAAADAAABgwgAA4EAAAAzCAACAwQAAMMEAAITCAAA0wgAAjkIAACTCAADYQQAAwEAAANDBAABAwQAAsMEAADxCAACAvwAAsEEAAEDBAAAQQgAA4EEAABBBAABEwgAAQMEAACRCAACAwAAAvsIAAFBBAACkwgAAOMIAAJBBAABkwgAAQMIAADDBAACgQAAAAMEAALJCAACewgAAIMEAAIDAAAAAwAAAQEEAACRCAAAIwgAA4MEAAKDCAACYQgAAgMAAAATCAACwwQAAUEEAACTCAAAYwgAAIEEAAEDAAAC4wQAAuEEAAMDCAAAcQgAAwEEAAJzCAAA0wgAAoEIAAHTCAACCwgAAJEIAADBBAAC8QgAAQEEAADzCAABgQQAAQMIAADDCAABgQQAABMIgADgTQAlIdVABKo8CEAAagAIAADy-AABAvAAApj4AAIg9AACgPAAAbD4AAFw-AAC6vgAAlr4AAJg9AADoPQAAcL0AAIo-AAAQvQAAQLwAAAy-AACCPgAAQLwAAEQ-AAB8PgAAfz8AAEA8AABQPQAABD4AAMg9AAC4vQAAMD0AAFA9AADIvQAABD4AACw-AABAvAAARD4AAIC7AAAkPgAAqD0AALg9AADIvQAAkr4AADC9AAAwPQAAyL0AALg9AAB0vgAAZD4AAOg9AAB0PgAALL4AANi9AACWvgAA4DwAADC9AACmPgAAcL0AAJi9AACAOwAA1j4AAEC8AADgPAAAVD4AADC9AAAQPQAAQDwAAOg9IAA4E0AJSHxQASqPAhABGoACAAA8vgAAFD4AAPi9AAARvwAAPL4AADA9AAAwPQAAED0AAHC9AABQPQAApr4AAES-AABAvAAA2L0AABw-AABQvQAA-L0AADM_AABEvgAA6j4AAMg9AABEvgAAQDwAABS-AAAQvQAAPL4AADS-AAC4PQAA-L0AAJi9AABAPAAAUD0AAPg9AACgvAAAjj4AAJi9AAAEPgAAcD0AAJi9AAD4PQAABD4AAKi9AACovQAABL4AAFS-AABQvQAAf78AACS-AACSvgAAoLwAABC9AACoPQAAQLwAAMI-AAAwPQAAyD0AANi9AABEPgAAgLsAABQ-AACAuwAAJD4AAGQ-AACYvSAAOBNACUh8UAEwCTgBSgBgAGgA\"}","related_url":"http://www.youtube.com/watch?v=m70HebUrD0g","parent-reqid":"1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1280,"cheight":720,"cratio":1.77777,"dups":["12104485892793366073"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":true,"contentTypeId":null,"censored":false},"6480082898678399389":{"videoId":"6480082898678399389","docid":"34-11-7-Z355C564DBD834D39","description":"Img to video için ücretsiz yapay zeka araçlarını kıyasladık. Google AI Studio,Kling,RunwayMl,hailouai ve diğerleri...","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/2856560/48a6f76bca469571b5fd00f7ad8fe05a/564x318_1"},"target":"_self","position":"19","reqid":"1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL","summary":{"fullTextUrl":"/int_search_summary?data=http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DtAucnrvRb0s","linkTemplate":"/video/preview/6480082898678399389?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1&t=%%timestamp%%&ask_summarization=1"},"isAdultDoc":false,"relatedParams":{"text":"Video Yapay Zeka Araçları Kıyaslama - Google AI Studio ve diğerleri...","related_orig_text":"WebMucidi “WebMucidi” Tasarım Laboratuvarı","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"WebMucidi “WebMucidi” Tasarım Laboratuvarı\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=tAucnrvRb0s\",\"src\":\"serp\",\"rvb\":\"ErIDChQxMDQ5MTEwODczODIyMTE5MzM2NwoUMTE1OTg4OTA4ODUzNTM1MTU5MTIKFDEwMzQxNzQ3Njk4MDExOTIwMTAxChQxNDgwMDA0MTY5MDg2MTU2MDMxNwoTMjM5MDMxNDkxODgxMjIwNzgzNAoUMTExNTQ1NTk0OTU5NTA1OTE1MjAKFDExOTcwMjc4MzY2NTUyNzgxMjE0ChQxNTU5NTU4MjE4MzAwNzE1Mjc4MwoUMTEyMTc4Njk0MDU1ODA0MDcyNzYKEzY3OTMzNjYzMDQwNTcyNDk1MDAKFDEwNDQ5ODQyMTc4NTQ0NjgwNDEyChM0NzcwNDM0NTAzNDEwNTgzMTI2ChQxNTE1MTAwNTQ0OTY0NTk3MjE4NQoTMjIxNzExNDI2ODc4NzA2NzkwMgoTNDUyMjIzMzQ3MTAzOTU2ODU5MQoUMTc3ODgxODY4Mjg1MTU5NTM0MTEKFDEyMTA0NDg1ODkyNzkzMzY2MDczChM2NDgwMDgyODk4Njc4Mzk5Mzg5ChQxNTU5MDkyNjA5MTIxMjM1NTc0MwoUMTM5NjI3NDQxMDc0NzgyNzIyNTkaFQoTNjQ4MDA4Mjg5ODY3ODM5OTM4OVoTNjQ4MDA4Mjg5ODY3ODM5OTM4OWqvDRIBMBgAIkUaMQAKKmhobWVuc3dvY3Jidnl1YmJoaFVDSzBSZzJra3UybmxEWnZkY2VOMFY4ZxICABIqEMIPDxoPPxOxAYIEJAGABCsqiwEQARp4geoGCwIE_AAD9PoKBwn7AvHvCwX8_v8A5vIQ-AT-AQD6_AH__wAAAOT9Bwr8AAAAAfUBBfX9AQAJ_PT99wAAABQABQT8AAAA8Bf9B_8BAAABEQEA8wQAARMKCQH_AAAACwkLCAAAAAD2___-AAAAAPToCPIAAAAAIAAtTMXGOzgTQAlITlACKnMQABpgKgAACzMMEsb35_EGIREbwtgEAubSRf8lzf-WF9_oISXpjcUKAAYy-jOZAAAAT9H47SIA83Mf9-3n1d4hns771sZ_rOnYy870ENPY__gX79YcC0sVAN3Z5eIarhf_XOjVIAAtbT0UOzgTQAlIb1ACKq8GEAwaoAYAANBBAAAIwgAA4MEAANDBAAAswgAABEIAAHDBAADgQQAAgMIAAJjBAACowQAA6MEAAFTCAAAQwgAA4EAAAOjBAAA4QgAAqMEAAKDBAACKwgAAnEIAAHDCAABAQAAA2EEAADDBAAAUwgAAAMIAAEjCAABMQgAAEEIAAEBBAAAAQQAAjMIAAHDBAABwQQAAwsIAAOBAAABEQgAAQEIAAIDAAAAAQQAAREIAAGBCAACmQgAAREIAAHjCAACwQQAAAMEAAIZCAABAQAAAJMIAAEzCAACKwgAAoMEAAJDBAACEQgAAAEEAAHBBAACAvwAAuMEAALDBAABQQQAAyMEAAADCAABAwQAAgMEAAIBAAACgQQAAwEEAAOBAAADAwAAAeEIAAFBBAABAQAAARMIAANjBAAAQwgAAmEIAAKDBAADOwgAArsIAAMjBAABAQgAAmMEAAEDAAABAwQAAQMAAAKhBAACYQQAAoEIAAIBCAAAwwgAAgL8AACjCAAAIQgAATMIAAFDBAABAQgAANMIAAIhBAAD4wQAAgEEAAEhCAACAwQAA4MEAAJhBAAAYQgAA6EEAAKxCAABgwQAAnEIAACTCAACAPwAAwEAAAHxCAAAgQgAAkEEAAODBAACAQAAAKEIAAJRCAAAEwgAAPMIAAOjBAACwQQAAyEIAADDBAACIQQAANMIAAPjBAAAwQQAAQEEAADRCAABwQQAAJEIAANBBAADowQAAqMEAABTCAABswgAAIEEAAMhBAACIwQAAsEEAAFBCAAAMQgAAyMEAAMhBAAA4wgAAIEIAAAhCAAAowgAAAMAAAMjBAADEQgAA2MEAAADCAAAIwgAAIEEAAKDBAACoQQAAYEEAACjCAAAgQQAAMMIAANDBAACUQgAAwEEAAGxCAACgwQAAaMIAAPBBAAD4QQAAQEAAAARCAACSwgAA4EAAAFBBAAA0wgAAyEEAAIjBAACIQQAAJMIAAGzCAADAQgAAMMEAADDCAADKQgAAYMEAAJjBAAAgwgAAYMEAAIBAAAB4QgAAqMEAAMjBAADYwQAAbEIAAHBBAACwwSAAOBNACUh1UAEqjwIQABqAAgAAiL0AAJi9AAAkPgAAiD0AAKA8AABAPAAAQDwAAPq-AAB0vgAAMD0AAAQ-AABwPQAAjj4AANo-AAD4vQAA2L0AALo-AABQPQAAcD0AACw-AAB_PwAAXL4AAEC8AABAPAAA-D0AAKC8AADgPAAAgDsAAJi9AACYvQAAED0AAEA8AAAEPgAAXD4AAAQ-AAD4vQAAcD0AAMK-AAA0vgAAFD4AAJi9AACgPAAA-D0AAHA9AACAuwAAsr4AAKA8AAAQvQAAFL4AABy-AACiPgAAQLwAAK4-AACAOwAAiL0AAIA7AAAFPwAAcD0AAOg9AACgPAAA6D0AACy-AACAuwAA4LwgADgTQAlIfFABKo8CEAEagAIAADQ-AACovQAAHL4AADu_AACmvgAAgDsAABw-AAD4PQAAVL4AABA9AAAMvgAAhr4AAKg9AABsvgAAUD0AAOC8AAC4PQAAwj4AAEC8AACGPgAA4LwAAPg9AABMvgAAUL0AAEA8AABwPQAA6L0AADy-AADYvQAA6D0AAIA7AADIPQAAgLsAAAS-AABcvgAAML0AADQ-AAAUPgAAZL4AALi9AAAwvQAAVD4AAIA7AAAUPgAAcD0AAEC8AAB_vwAAUD0AALi9AABwvQAAdD4AAMi9AABUPgAA4DwAABy-AACoPQAAgDsAAKC8AADYvQAA4LwAACw-AAD4PQAAFL4AABS-IAA4E0AJSHxQATAJOAFKAGAAaAA,\"}","related_url":"http://www.youtube.com/watch?v=tAucnrvRb0s","parent-reqid":"1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1280,"cheight":720,"cratio":1.77777,"dups":["6480082898678399389"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":true,"contentTypeId":null,"censored":false}},"dups":{"10491108738221193367":{"videoId":"10491108738221193367","title":"CSS Grid ile Adım Adım Site \u0007[Tasarımı\u0007]-5.Bölüm(Intro Alanı Oluşturma)","cleanTitle":"CSS Grid ile Adım Adım Site Tasarımı-5.Bölüm(Intro Alanı Oluşturma)","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=UX58ldyQcWU","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/UX58ldyQcWU?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":"d3d3LnlvdXR1YmUuY29tO1VDSzBSZzJra3UybmxEWnZkY2VOMFY4Zw==","name":"WebMucidi “WebMucidi” Tasarım Laboratuvarı","isVerified":false,"subscribersCount":0,"url":"/video/search?text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1","origUrl":"http://www.youtube.com/@WebMucidi","a11yText":"WebMucidi “WebMucidi” Tasarım Laboratuvarı. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":1741,"text":"29:01","a11yText":"Süre 29 dakika 1 saniye","shortText":"29 dk."},"views":{"text":"1,8bin","a11yText":"1,8 bin izleme"},"date":"24 ara 2019","modifyTime":1577145600000,"isExternal":false,"player":{"embedUrl":"https://www.youtube.com/embed/UX58ldyQcWU?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=UX58ldyQcWU","reqid":"1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL","duration":1741},"parentClipId":"10491108738221193367","href":"/preview/10491108738221193367?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1","rawHref":"/video/preview/10491108738221193367?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1","isEmbedOnly":false,"shouldPlayInstreamPreroll":false},"11598890885353515912":{"videoId":"11598890885353515912","title":"CSS Grid ile Adım Adım Site Yapımı-1.Bölüm(Layout Oluşturma)","cleanTitle":"CSS Grid ile Adım Adım Site Yapımı-1.Bölüm(Layout Oluşturma)","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=c2pS9pCVL_s","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/c2pS9pCVL_s?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":"d3d3LnlvdXR1YmUuY29tO1VDSzBSZzJra3UybmxEWnZkY2VOMFY4Zw==","name":"WebMucidi “WebMucidi” Tasarım Laboratuvarı","isVerified":false,"subscribersCount":0,"url":"/video/search?text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1","origUrl":"http://www.youtube.com/@WebMucidi","a11yText":"WebMucidi “WebMucidi” Tasarım Laboratuvarı. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":1773,"text":"29:33","a11yText":"Süre 29 dakika 33 saniye","shortText":"29 dk."},"views":{"text":"12,6bin","a11yText":"12,6 bin izleme"},"date":"3 ara 2019","modifyTime":1575331200000,"isExternal":false,"player":{"embedUrl":"https://www.youtube.com/embed/c2pS9pCVL_s?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=c2pS9pCVL_s","reqid":"1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL","duration":1773},"parentClipId":"11598890885353515912","href":"/preview/11598890885353515912?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1","rawHref":"/video/preview/11598890885353515912?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1","isEmbedOnly":false,"shouldPlayInstreamPreroll":false},"10341747698011920101":{"videoId":"10341747698011920101","title":"CSS Grid ile Adım Adım Site \u0007[Tasarımı\u0007]-6.Bölüm(Flex Yöntemiyle İçerik Alanı Oluşturma)","cleanTitle":"CSS Grid ile Adım Adım Site Tasarımı-6.Bölüm(Flex Yöntemiyle İçerik Alanı Oluşturma)","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=BQTTIwJn__c","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/BQTTIwJn__c?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":"d3d3LnlvdXR1YmUuY29tO1VDSzBSZzJra3UybmxEWnZkY2VOMFY4Zw==","name":"WebMucidi “WebMucidi” Tasarım Laboratuvarı","isVerified":false,"subscribersCount":0,"url":"/video/search?text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1","origUrl":"http://www.youtube.com/@WebMucidi","a11yText":"WebMucidi “WebMucidi” Tasarım Laboratuvarı. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":2145,"text":"35:45","a11yText":"Süre 35 dakika 45 saniye","shortText":"35 dk."},"views":{"text":"1,6bin","a11yText":"1,6 bin izleme"},"date":"30 ara 2019","modifyTime":1577664000000,"isExternal":false,"player":{"embedUrl":"https://www.youtube.com/embed/BQTTIwJn__c?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=BQTTIwJn__c","reqid":"1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL","duration":2145},"parentClipId":"10341747698011920101","href":"/preview/10341747698011920101?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1","rawHref":"/video/preview/10341747698011920101?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1","isEmbedOnly":false,"shouldPlayInstreamPreroll":false},"14800041690861560317":{"videoId":"14800041690861560317","title":"CSS Sayfa \u0007[Tasarımı\u0007] Dersleri- Bölüm 2","cleanTitle":"CSS Sayfa Tasarımı Dersleri- Bölüm 2","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=jVfttMD_TM4","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/jVfttMD_TM4?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":"d3d3LnlvdXR1YmUuY29tO1VDSzBSZzJra3UybmxEWnZkY2VOMFY4Zw==","name":"WebMucidi “WebMucidi” Tasarım Laboratuvarı","isVerified":false,"subscribersCount":0,"url":"/video/search?text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1","origUrl":"http://www.youtube.com/user/WebMucidi","a11yText":"WebMucidi “WebMucidi” Tasarım Laboratuvarı. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":2008,"text":"33:28","a11yText":"Süre 33 dakika 28 saniye","shortText":"33 dk."},"views":{"text":"20,1bin","a11yText":"20,1 bin izleme"},"date":"5 ara 2012","modifyTime":1354665600000,"isExternal":false,"player":{"embedUrl":"https://www.youtube.com/embed/jVfttMD_TM4?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=jVfttMD_TM4","reqid":"1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL","duration":2008},"parentClipId":"14800041690861560317","href":"/preview/14800041690861560317?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1","rawHref":"/video/preview/14800041690861560317?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1","isEmbedOnly":false,"shouldPlayInstreamPreroll":false},"2390314918812207834":{"videoId":"2390314918812207834","title":"CSS Sayfa \u0007[Tasarımı\u0007] Dersleri- Bölüm 3","cleanTitle":"CSS Sayfa Tasarımı Dersleri- Bölüm 3","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=Fu4upPXLw4Q","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/Fu4upPXLw4Q?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":"d3d3LnlvdXR1YmUuY29tO1VDSzBSZzJra3UybmxEWnZkY2VOMFY4Zw==","name":"WebMucidi “WebMucidi” Tasarım Laboratuvarı","isVerified":false,"subscribersCount":0,"url":"/video/search?text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1","origUrl":"http://www.youtube.com/@WebMucidi","a11yText":"WebMucidi “WebMucidi” Tasarım Laboratuvarı. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":946,"text":"15:46","a11yText":"Süre 15 dakika 46 saniye","shortText":"15 dk."},"views":{"text":"11,2bin","a11yText":"11,2 bin izleme"},"date":"5 ara 2012","modifyTime":1354665600000,"isExternal":false,"player":{"embedUrl":"https://www.youtube.com/embed/Fu4upPXLw4Q?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=Fu4upPXLw4Q","reqid":"1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL","duration":946},"parentClipId":"2390314918812207834","href":"/preview/2390314918812207834?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1","rawHref":"/video/preview/2390314918812207834?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1","isEmbedOnly":false,"shouldPlayInstreamPreroll":false},"11154559495950591520":{"videoId":"11154559495950591520","title":"CSS Sayfa \u0007[Tasarımı\u0007] Dersleri- Bölüm 4","cleanTitle":"CSS Sayfa Tasarımı Dersleri- Bölüm 4","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=ibCkp7HhCjE","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/ibCkp7HhCjE?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":"d3d3LnlvdXR1YmUuY29tO1VDSzBSZzJra3UybmxEWnZkY2VOMFY4Zw==","name":"WebMucidi “WebMucidi” Tasarım Laboratuvarı","isVerified":false,"subscribersCount":0,"url":"/video/search?text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1","origUrl":"http://www.youtube.com/@WebMucidi","a11yText":"WebMucidi “WebMucidi” Tasarım Laboratuvarı. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":1218,"text":"20:18","a11yText":"Süre 20 dakika 18 saniye","shortText":"20 dk."},"views":{"text":"8bin","a11yText":"8 bin izleme"},"date":"5 ara 2012","modifyTime":1354665600000,"isExternal":false,"player":{"embedUrl":"https://www.youtube.com/embed/ibCkp7HhCjE?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=ibCkp7HhCjE","reqid":"1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL","duration":1218},"parentClipId":"11154559495950591520","href":"/preview/11154559495950591520?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1","rawHref":"/video/preview/11154559495950591520?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1","isEmbedOnly":false,"shouldPlayInstreamPreroll":false},"11970278366552781214":{"videoId":"11970278366552781214","title":"CSS Sayfa \u0007[Tasarımı\u0007] Dersleri- Bölüm 5","cleanTitle":"CSS Sayfa Tasarımı Dersleri- Bölüm 5","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=4zKW0UJyLA8","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/4zKW0UJyLA8?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":"d3d3LnlvdXR1YmUuY29tO1VDSzBSZzJra3UybmxEWnZkY2VOMFY4Zw==","name":"WebMucidi “WebMucidi” Tasarım Laboratuvarı","isVerified":false,"subscribersCount":0,"url":"/video/search?text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1","origUrl":"http://www.youtube.com/@WebMucidi","a11yText":"WebMucidi “WebMucidi” Tasarım Laboratuvarı. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":1354,"text":"22:34","a11yText":"Süre 22 dakika 34 saniye","shortText":"22 dk."},"views":{"text":"7,3bin","a11yText":"7,3 bin izleme"},"date":"5 ara 2012","modifyTime":1354665600000,"isExternal":false,"player":{"embedUrl":"https://www.youtube.com/embed/4zKW0UJyLA8?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=4zKW0UJyLA8","reqid":"1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL","duration":1354},"parentClipId":"11970278366552781214","href":"/preview/11970278366552781214?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1","rawHref":"/video/preview/11970278366552781214?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1","isEmbedOnly":false,"shouldPlayInstreamPreroll":false},"15595582183007152783":{"videoId":"15595582183007152783","title":"JavaScript ile Kütüphane Uygulaması-1.Bölüm(Class oluşturma ve constructor, methodları tanımlama)","cleanTitle":"JavaScript ile Kütüphane Uygulaması-1.Bölüm(Class oluşturma ve constructor, methodları tanımlama)","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=EeCJCCcK_0g","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/EeCJCCcK_0g?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":"d3d3LnlvdXR1YmUuY29tO1VDSzBSZzJra3UybmxEWnZkY2VOMFY4Zw==","name":"WebMucidi “WebMucidi” Tasarım Laboratuvarı","isVerified":false,"subscribersCount":0,"url":"/video/search?text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1","origUrl":"http://www.youtube.com/@WebMucidi","a11yText":"WebMucidi “WebMucidi” Tasarım Laboratuvarı. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":861,"text":"14:21","a11yText":"Süre 14 dakika 21 saniye","shortText":"14 dk."},"views":{"text":"2,2bin","a11yText":"2,2 bin izleme"},"date":"1 mayıs 2020","modifyTime":1588291200000,"isExternal":false,"player":{"embedUrl":"https://www.youtube.com/embed/EeCJCCcK_0g?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=EeCJCCcK_0g","reqid":"1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL","duration":861},"parentClipId":"15595582183007152783","href":"/preview/15595582183007152783?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1","rawHref":"/video/preview/15595582183007152783?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1","isEmbedOnly":false,"shouldPlayInstreamPreroll":false},"11217869405580407276":{"videoId":"11217869405580407276","title":"Web Sitesi Yayınlama Rehberi - Tamamen Ücretsiz!!!","cleanTitle":"Web Sitesi Yayınlama Rehberi - Tamamen Ücretsiz!!!","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=h0LSX08Twpo","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/h0LSX08Twpo?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":"d3d3LnlvdXR1YmUuY29tO1VDSzBSZzJra3UybmxEWnZkY2VOMFY4Zw==","name":"WebMucidi “WebMucidi” Tasarım Laboratuvarı","isVerified":false,"subscribersCount":0,"url":"/video/search?text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1","origUrl":"http://www.youtube.com/@WebMucidi","a11yText":"WebMucidi “WebMucidi” Tasarım Laboratuvarı. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":390,"text":"6:30","a11yText":"Süre 6 dakika 30 saniye","shortText":"6 dk."},"views":{"text":"13,8bin","a11yText":"13,8 bin izleme"},"date":"8 oca 2021","modifyTime":1610064000000,"isExternal":false,"player":{"embedUrl":"https://www.youtube.com/embed/h0LSX08Twpo?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=h0LSX08Twpo","reqid":"1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL","duration":390},"parentClipId":"11217869405580407276","href":"/preview/11217869405580407276?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1","rawHref":"/video/preview/11217869405580407276?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1","isEmbedOnly":false,"shouldPlayInstreamPreroll":false},"6793366304057249500":{"videoId":"6793366304057249500","title":"CSS Grid ile Adım Adım Site \u0007[Tasarımı\u0007]-8.Bölüm(Mobil Uyumluluk-Media Query ile Responsive \u0007[Tasarı...","cleanTitle":"CSS Grid ile Adım Adım Site Tasarımı-8.Bölüm(Mobil Uyumluluk-Media Query ile Responsive Tasarım)","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=eXGBFK-o_9s","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/eXGBFK-o_9s?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":"d3d3LnlvdXR1YmUuY29tO1VDSzBSZzJra3UybmxEWnZkY2VOMFY4Zw==","name":"WebMucidi “WebMucidi” Tasarım Laboratuvarı","isVerified":false,"subscribersCount":0,"url":"/video/search?text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1","origUrl":"http://www.youtube.com/@WebMucidi","a11yText":"WebMucidi “WebMucidi” Tasarım Laboratuvarı. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":1139,"text":"18:59","a11yText":"Süre 18 dakika 59 saniye","shortText":"18 dk."},"views":{"text":"1,3bin","a11yText":"1,3 bin izleme"},"date":"5 tem 2020","modifyTime":1593907200000,"isExternal":false,"player":{"embedUrl":"https://www.youtube.com/embed/eXGBFK-o_9s?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=eXGBFK-o_9s","reqid":"1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL","duration":1139},"parentClipId":"6793366304057249500","href":"/preview/6793366304057249500?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1","rawHref":"/video/preview/6793366304057249500?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1","isEmbedOnly":false,"shouldPlayInstreamPreroll":false},"10449842178544680412":{"videoId":"10449842178544680412","title":"CSS Grid ile Adım Adım Site \u0007[Tasarımı\u0007]-7.Bölüm(Footer Alanı-Form Kontrolleri)","cleanTitle":"CSS Grid ile Adım Adım Site Tasarımı-7.Bölüm(Footer Alanı-Form Kontrolleri)","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=dDGcWAoisbY","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/dDGcWAoisbY?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":"d3d3LnlvdXR1YmUuY29tO1VDSzBSZzJra3UybmxEWnZkY2VOMFY4Zw==","name":"WebMucidi “WebMucidi” Tasarım Laboratuvarı","isVerified":false,"subscribersCount":0,"url":"/video/search?text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1","origUrl":"http://www.youtube.com/@WebMucidi","a11yText":"WebMucidi “WebMucidi” Tasarım Laboratuvarı. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":1910,"text":"31:50","a11yText":"Süre 31 dakika 50 saniye","shortText":"31 dk."},"views":{"text":"1bin","a11yText":"1 bin izleme"},"date":"31 ara 2019","modifyTime":1577750400000,"isExternal":false,"player":{"embedUrl":"https://www.youtube.com/embed/dDGcWAoisbY?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=dDGcWAoisbY","reqid":"1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL","duration":1910},"parentClipId":"10449842178544680412","href":"/preview/10449842178544680412?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1","rawHref":"/video/preview/10449842178544680412?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1","isEmbedOnly":false,"shouldPlayInstreamPreroll":false},"4770434503410583126":{"videoId":"4770434503410583126","title":"JavaScript ile "Taş-Kağıt-Makas" Oyunu","cleanTitle":"JavaScript ile "Taş-Kağıt-Makas" Oyunu","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=CC336rUUPoE","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/CC336rUUPoE?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":"d3d3LnlvdXR1YmUuY29tO1VDSzBSZzJra3UybmxEWnZkY2VOMFY4Zw==","name":"WebMucidi “WebMucidi” Tasarım Laboratuvarı","isVerified":false,"subscribersCount":0,"url":"/video/search?text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1","origUrl":"http://www.youtube.com/@WebMucidi","a11yText":"WebMucidi “WebMucidi” Tasarım Laboratuvarı. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":1930,"text":"32:10","a11yText":"Süre 32 dakika 10 saniye","shortText":"32 dk."},"views":{"text":"2,2bin","a11yText":"2,2 bin izleme"},"date":"3 nis 2021","modifyTime":1617408000000,"isExternal":false,"player":{"embedUrl":"https://www.youtube.com/embed/CC336rUUPoE?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=CC336rUUPoE","reqid":"1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL","duration":1930},"parentClipId":"4770434503410583126","href":"/preview/4770434503410583126?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1","rawHref":"/video/preview/4770434503410583126?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1","isEmbedOnly":false,"shouldPlayInstreamPreroll":false},"15151005449645972185":{"videoId":"15151005449645972185","title":"Web Uygulama Sınavı Çözümü(Semantic HTML, CSS Grid Layout, Flex, Animation vs.)","cleanTitle":"Web Uygulama Sınavı Çözümü(Semantic HTML, CSS Grid Layout, Flex, Animation vs.)","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=IBoy03_rMFg","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/IBoy03_rMFg?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":"d3d3LnlvdXR1YmUuY29tO1VDSzBSZzJra3UybmxEWnZkY2VOMFY4Zw==","name":"WebMucidi “WebMucidi” Tasarım Laboratuvarı","isVerified":false,"subscribersCount":0,"url":"/video/search?text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1","origUrl":"http://www.youtube.com/@WebMucidi","a11yText":"WebMucidi “WebMucidi” Tasarım Laboratuvarı. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":3794,"text":"1:03:14","a11yText":"Süre 1 saat 3 dakika 14 saniye","shortText":"1 sa. 3 dk."},"date":"9 oca 2023","modifyTime":1673220351000,"isExternal":false,"player":{"embedUrl":"https://www.youtube.com/embed/IBoy03_rMFg?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=IBoy03_rMFg","reqid":"1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL","duration":3794},"parentClipId":"15151005449645972185","href":"/preview/15151005449645972185?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1","rawHref":"/video/preview/15151005449645972185?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1","isEmbedOnly":false,"shouldPlayInstreamPreroll":false},"2217114268787067902":{"videoId":"2217114268787067902","title":"CSS Grid ile Adım Adım Site Yapımı-4.Bölüm(Menü Oluşturma)","cleanTitle":"CSS Grid ile Adım Adım Site Yapımı-4.Bölüm(Menü Oluşturma)","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=byp2vBTK2mM","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/byp2vBTK2mM?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":"d3d3LnlvdXR1YmUuY29tO1VDSzBSZzJra3UybmxEWnZkY2VOMFY4Zw==","name":"WebMucidi “WebMucidi” Tasarım Laboratuvarı","isVerified":false,"subscribersCount":0,"url":"/video/search?text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1","origUrl":"http://www.youtube.com/@WebMucidi","a11yText":"WebMucidi “WebMucidi” Tasarım Laboratuvarı. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":866,"text":"14:26","a11yText":"Süre 14 dakika 26 saniye","shortText":"14 dk."},"views":{"text":"2bin","a11yText":"2 bin izleme"},"date":"16 ara 2019","modifyTime":1576454400000,"isExternal":false,"player":{"embedUrl":"https://www.youtube.com/embed/byp2vBTK2mM?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=byp2vBTK2mM","reqid":"1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL","duration":866},"parentClipId":"2217114268787067902","href":"/preview/2217114268787067902?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1","rawHref":"/video/preview/2217114268787067902?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1","isEmbedOnly":false,"shouldPlayInstreamPreroll":false},"4522233471039568591":{"videoId":"4522233471039568591","title":"CSS Açılır Menü Oluşturma Dersleri-Bölüm 2","cleanTitle":"CSS Açılır Menü Oluşturma Dersleri-Bölüm 2","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=caKv73fwAVM","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/caKv73fwAVM?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":"d3d3LnlvdXR1YmUuY29tO1VDSzBSZzJra3UybmxEWnZkY2VOMFY4Zw==","name":"WebMucidi “WebMucidi” Tasarım Laboratuvarı","isVerified":false,"subscribersCount":0,"url":"/video/search?text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1","origUrl":"http://gdata.youtube.com/feeds/api/users/WebMucidi","a11yText":"WebMucidi “WebMucidi” Tasarım Laboratuvarı. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":949,"text":"15:49","a11yText":"Süre 15 dakika 49 saniye","shortText":"15 dk."},"views":{"text":"7,2bin","a11yText":"7,2 bin izleme"},"date":"8 ara 2012","modifyTime":1354924800000,"isExternal":false,"player":{"embedUrl":"https://www.youtube.com/embed/caKv73fwAVM?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=caKv73fwAVM","reqid":"1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL","duration":949},"parentClipId":"4522233471039568591","href":"/preview/4522233471039568591?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1","rawHref":"/video/preview/4522233471039568591?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1","isEmbedOnly":false,"shouldPlayInstreamPreroll":false},"17788186828515953411":{"videoId":"17788186828515953411","title":"JSON Server Fetch Post Mesaj Uygulaması(NPM, Tailwind CSS kullanımı)","cleanTitle":"JSON Server Fetch Post Mesaj Uygulaması(NPM, Tailwind CSS kullanımı)","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=jwFCqdJ0LPk","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/jwFCqdJ0LPk?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":"d3d3LnlvdXR1YmUuY29tO1VDSzBSZzJra3UybmxEWnZkY2VOMFY4Zw==","name":"WebMucidi “WebMucidi” Tasarım Laboratuvarı","isVerified":false,"subscribersCount":0,"url":"/video/search?text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1","origUrl":"http://www.youtube.com/@WebMucidi","a11yText":"WebMucidi “WebMucidi” Tasarım Laboratuvarı. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":2458,"text":"40:58","a11yText":"Süre 40 dakika 58 saniye","shortText":"40 dk."},"views":{"text":"1,5bin","a11yText":"1,5 bin izleme"},"date":"15 mayıs 2021","modifyTime":1621036800000,"isExternal":false,"player":{"embedUrl":"https://www.youtube.com/embed/jwFCqdJ0LPk?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=jwFCqdJ0LPk","reqid":"1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL","duration":2458},"parentClipId":"17788186828515953411","href":"/preview/17788186828515953411?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1","rawHref":"/video/preview/17788186828515953411?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1","isEmbedOnly":false,"shouldPlayInstreamPreroll":false},"12104485892793366073":{"videoId":"12104485892793366073","title":"JavaScript ile Pizza Sipariş Formu(AddEventListener Kullanımı)","cleanTitle":"JavaScript ile Pizza Sipariş Formu(AddEventListener Kullanımı)","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=m70HebUrD0g","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/m70HebUrD0g?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":"d3d3LnlvdXR1YmUuY29tO1VDSzBSZzJra3UybmxEWnZkY2VOMFY4Zw==","name":"WebMucidi “WebMucidi” Tasarım Laboratuvarı","isVerified":false,"subscribersCount":0,"url":"/video/search?text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1","origUrl":"http://www.youtube.com/@WebMucidi","a11yText":"WebMucidi “WebMucidi” Tasarım Laboratuvarı. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":4050,"text":"1:07:30","a11yText":"Süre 1 saat 7 dakika 30 saniye","shortText":"1 sa. 7 dk."},"views":{"text":"2,8bin","a11yText":"2,8 bin izleme"},"date":"13 mar 2020","modifyTime":1584057600000,"isExternal":false,"player":{"embedUrl":"https://www.youtube.com/embed/m70HebUrD0g?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=m70HebUrD0g","reqid":"1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL","duration":4050},"parentClipId":"12104485892793366073","href":"/preview/12104485892793366073?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1","rawHref":"/video/preview/12104485892793366073?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1","isEmbedOnly":false,"shouldPlayInstreamPreroll":false},"6480082898678399389":{"videoId":"6480082898678399389","title":"Video Yapay Zeka Araçları Kıyaslama - Google AI Studio ve diğerleri...","cleanTitle":"Video Yapay Zeka Araçları Kıyaslama - Google AI Studio ve diğerleri...","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=tAucnrvRb0s","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/tAucnrvRb0s?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":"d3d3LnlvdXR1YmUuY29tO1VDSzBSZzJra3UybmxEWnZkY2VOMFY4Zw==","name":"WebMucidi “WebMucidi” Tasarım Laboratuvarı","isVerified":false,"subscribersCount":0,"url":"/video/search?text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1","origUrl":"http://www.youtube.com/@WebMucidi","a11yText":"WebMucidi “WebMucidi” Tasarım Laboratuvarı. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":177,"text":"2:57","a11yText":"Süre 2 dakika 57 saniye","shortText":"2 dk."},"date":"18 mayıs 2025","modifyTime":1747526400000,"isExternal":false,"player":{"embedUrl":"https://www.youtube.com/embed/tAucnrvRb0s?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=tAucnrvRb0s","reqid":"1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL","duration":177},"parentClipId":"6480082898678399389","href":"/preview/6480082898678399389?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1","rawHref":"/video/preview/6480082898678399389?parent-reqid=1765193054300965-8949365998070139539-balancer-l7leveler-kubr-yp-vla-161-BAL&text=WebMucidi+%E2%80%9CWebMucidi%E2%80%9D+Tasar%C4%B1m+Laboratuvar%C4%B1","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":"9493659980701395397161","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":{"regular":{"default":"R-I-48058-715","mail":"R-A-13411721-3"},"adult":{"default":"R-I-474674-108","mail":"R-A-13426421-3"}},"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":"WebMucidi “WebMucidi” Tasarım Laboratuvarı","queryUriEscaped":"WebMucidi%20%E2%80%9CWebMucidi%E2%80%9D%20Tasar%C4%B1m%20Laboratuvar%C4%B1","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"}}}