From 8f2731905212f6e7eb2d9793ad20b8b448c54ccf Mon Sep 17 00:00:00 2001 From: Florian Merz Date: Thu, 11 Feb 2021 14:51:31 +0100 Subject: unslug tr: move --- files/tr/araclar/browser_console/index.html | 187 ------ .../index.html" | 55 -- files/tr/araclar/index.html | 113 ---- files/tr/araclar/page_inspector/index.html | 46 -- files/tr/araclar/performance/index.html | 92 --- files/tr/araclar/remote_debugging/index.html | 22 - .../araclar/web_konsolu/bolunmus_konsol/index.html | 20 - files/tr/araclar/web_konsolu/index.html | 45 -- .../web_konsolu/komut_satiri_tercumani/index.html | 141 ---- .../web_konsolu/web_konsolunu_acmak/index.html | 30 - .../tr/araclar/web_konsolu/zengin_cikti/index.html | 113 ---- .../cascade_and_inheritance/index.html | 147 ++++ .../learn/css/first_steps/how_css_works/index.html | 118 ++++ .../index.html | 113 ++++ .../index.html | 135 ++++ .../conflicting/learn/css/first_steps/index.html | 53 ++ .../reference/global_objects/boolean/index.html | 77 +++ .../reference/global_objects/map/index.html | 85 +++ .../web/javascript/reference/operators/index.html | 294 ++++++++ .../index.html | 565 ++++++++++++++++ .../index.html | 312 +++++++++ files/tr/fennec_(firefox_mobile)/index.html | 15 - files/tr/games/index.html | 84 +++ files/tr/glossary/browser/index.html | 24 + files/tr/glossary/nesne/index.html | 18 - files/tr/glossary/nyp/index.html | 17 - files/tr/glossary/object/index.html | 18 + files/tr/glossary/oop/index.html | 17 + files/tr/glossary/protocol/index.html | 22 + files/tr/glossary/protokol/index.html | 22 - .../index.html" | 24 - files/tr/html/element/aside/index.html | 154 ----- files/tr/html/element/head/index.html | 138 ---- files/tr/html/element/hgroup/index.html | 135 ---- files/tr/html/element/index.html | 241 ------- files/tr/html/element/li/index.html | 205 ------ files/tr/html/element/link/index.html | 402 ----------- .../index.html" | 238 ------- .../what_are_browser_developer_tools/index.html | 238 +++++++ .../backgrounds_and_borders/index.html | 324 +++++++++ .../cascade_and_inheritance/index.html | 357 ++++++++++ .../css/building_blocks/debugging_css/index.html | 212 ++++++ .../handling_different_text_directions/index.html | 168 +++++ .../images_media_form_elements/index.html | 211 ++++++ files/tr/learn/css/building_blocks/index.html | 101 +++ .../css/building_blocks/organizing/index.html | 376 +++++++++++ .../css/building_blocks/overflow_tasks/index.html | 66 ++ .../building_blocks/overflowing_content/index.html | 140 ++++ .../building_blocks/sizing_items_in_css/index.html | 153 +++++ .../css/building_blocks/sizing_tasks/index.html | 82 +++ .../css/building_blocks/styling_tables/index.html | 330 +++++++++ .../index.html | 87 +++ .../css/building_blocks/the_box_model/index.html | 367 ++++++++++ .../building_blocks/values_and_units/index.html | 414 ++++++++++++ .../css/building_blocks/values_tasks/index.html | 97 +++ .../building_blocks/writing_modes_tasks/index.html | 82 +++ files/tr/learn/css/css_layout/index.html | 84 +++ .../learn/css/css_layout/introduction/index.html | 707 +++++++++++++++++++ .../css/first_steps/getting_started/index.html | 272 ++++++++ .../first_steps/how_css_is_structured/index.html | 551 +++++++++++++++ .../learn/css/first_steps/how_css_works/index.html | 157 +++++ files/tr/learn/css/first_steps/index.html | 64 ++ .../using_your_new_knowledge/index.html | 105 +++ .../learn/css/first_steps/what_is_css/index.html | 136 ++++ files/tr/learn/css/index.html | 86 +++ .../learn/css/styling_text/fundamentals/index.html | 737 ++++++++++++++++++++ files/tr/learn/css/styling_text/index.html | 83 +++ .../css/styling_text/styling_links/index.html | 453 +++++++++++++ .../css/styling_text/styling_lists/index.html | 436 ++++++++++++ .../styling_text/typesetting_a_homepage/index.html | 143 ++++ .../tr/learn/css/styling_text/web_fonts/index.html | 221 ++++++ files/tr/learn/front-end_web_developer/index.html | 198 ++++++ .../how_the_web_works/index.html | 103 +++ .../learn/getting_started_with_the_web/index.html | 49 ++ .../installing_basic_software/index.html | 59 ++ .../javascript_basics/index.html | 386 +++++++++++ .../what_will_your_website_look_like/index.html | 93 +++ files/tr/learn/html/index.html | 61 ++ .../getting_started/index.html | 746 +++++++++++++++++++++ .../tr/learn/html/introduction_to_html/index.html | 92 +++ files/tr/learn/index.html | 111 +++ .../first_steps/a_first_splash/index.html | 600 +++++++++++++++++ files/tr/learn/javascript/first_steps/index.html | 61 ++ files/tr/learn/javascript/index.html | 56 ++ .../tr/learn/javascript/objects/basics/index.html | 257 +++++++ files/tr/learn/javascript/objects/index.html | 53 ++ .../server-side/django/authentication/index.html | 677 +++++++++++++++++++ files/tr/learn/server-side/django/index.html | 72 ++ .../learn/server-side/django/sessions/index.html | 182 +++++ .../server-side/django/skeleton_website/index.html | 394 +++++++++++ files/tr/learn/server-side/index.html | 52 ++ files/tr/mdn/about/index.html | 138 ++++ files/tr/mdn/at_ten/index.html | 36 + files/tr/mdn/community/index.html | 53 -- .../howto/create_and_edit_pages/index.html | 11 + .../editor_incelemesi_nasil_yapilir/index.html | 48 -- .../index.html | 11 - files/tr/mdn/editor/basics/index.html | 427 ------------ files/tr/mdn/editor/index.html | 13 - files/tr/mdn/hakkinda/index.html | 138 ---- files/tr/mdn/kuma/index.html | 26 - files/tr/mdn/kuma/server_charts/index.html | 63 -- .../troubleshooting_kumascript_errors/index.html | 75 --- .../tools/kumascript/troubleshooting/index.html | 75 +++ files/tr/mdn/tools/page_watching/index.html | 44 -- files/tr/mdn/yari/index.html | 26 + files/tr/mdn_onunda/index.html | 36 - files/tr/mozilla/add-ons/index.html | 107 +++ .../extending_the_developer_tools/index.html | 167 +++++ files/tr/mozilla/add-ons/webextensions/index.html | 138 ++++ .../webextensions/user_interface/index.html | 95 +++ .../what_are_webextensions/index.html | 68 ++ .../your_first_webextension/index.html | 157 +++++ .../mozilla/developer_guide/kaynak_kod/index.html | 55 -- .../mozilla/developer_guide/source_code/index.html | 55 ++ files/tr/mozilla/eklentiler/index.html | 107 --- .../index.html" | 335 --------- .../webextensions/eklenti_nedir/index.html | 68 -- .../extending_the_developer_tools/index.html | 167 ----- .../tr/mozilla/eklentiler/webextensions/index.html | 138 ---- .../webextensions/i\314\207lk_eklentin/index.html" | 157 ----- .../webextensions/user_interface/index.html | 95 --- .../tr/orphaned/fennec_(firefox_mobile)/index.html | 15 + files/tr/orphaned/mdn/community/index.html | 53 ++ .../howto/do_an_editorial_review/index.html | 48 ++ files/tr/orphaned/mdn/editor/basics/index.html | 427 ++++++++++++ files/tr/orphaned/mdn/editor/index.html | 13 + .../tr/orphaned/mdn/kuma/server_charts/index.html | 63 ++ .../tr/orphaned/mdn/tools/page_watching/index.html | 44 ++ .../getting_started_with_web-ext/index.html | 335 +++++++++ files/tr/orphaned/tr/index.html | 63 ++ files/tr/orphaned/web/html-alani/index.html | 103 +++ .../global_objects/array/prototype/index.html | 205 ++++++ files/tr/oyunlar/index.html | 84 --- files/tr/security/mixedcontent/index.html | 44 -- .../index.html" | 18 - files/tr/tools/browser_console/index.html | 187 ++++++ files/tr/tools/debugger/index.html | 55 ++ files/tr/tools/index.html | 113 ++++ files/tr/tools/page_inspector/index.html | 46 ++ files/tr/tools/performance/index.html | 92 +++ files/tr/tools/remote_debugging/index.html | 22 + files/tr/tools/web_console/index.html | 45 ++ files/tr/tools/web_console/rich_output/index.html | 113 ++++ .../tr/tools/web_console/split_console/index.html | 20 + .../the_command_line_interpreter/index.html | 141 ++++ files/tr/tools/web_console/ui_tour/index.html | 30 + files/tr/tr/index.html | 63 -- files/tr/web/api/canvas_api/index.html | 173 +++++ files/tr/web/api/tuval_arabirimi/index.html | 173 ----- files/tr/web/bildiri/index.html | 93 --- files/tr/web/css/box_model/index.html | 67 -- files/tr/web/css/class_selectors/index.html | 124 ++++ .../introduction_to_the_css_box_model/index.html | 67 ++ .../using_css_counters/index.html | 102 +++ files/tr/web/css/css_selectors/index.html | 232 +++++++ files/tr/web/css/margin/index.html | 224 +++++++ files/tr/web/css/marjin/index.html | 224 ------- .../index.html" | 124 ---- files/tr/web/css/tip_secicileri/index.html | 125 ---- files/tr/web/css/type_selectors/index.html | 125 ++++ .../cascading_and_inheritance/index.html | 147 ---- .../guide/css/getting_started/css_nedir/index.html | 118 ---- .../css/getting_started/how_css_works/index.html | 135 ---- files/tr/web/guide/css/getting_started/index.html | 53 -- .../css/getting_started/why_use_css/index.html | 113 ---- .../tr/web/guide/css/saya\303\247lar/index.html" | 102 --- files/tr/web/guide/graphics/index.html | 53 ++ files/tr/web/guide/html/html5/index.html | 254 +++++++ "files/tr/web/guide/\303\247izgeler/index.html" | 53 -- "files/tr/web/g\303\274venlik/index.html" | 16 - .../transport_layer_security/index.html" | 115 ---- files/tr/web/html-alani/index.html | 103 --- files/tr/web/html/element/aside/index.html | 154 +++++ files/tr/web/html/element/head/index.html | 138 ++++ files/tr/web/html/element/hgroup/index.html | 135 ++++ files/tr/web/html/element/index.html | 241 +++++++ files/tr/web/html/element/li/index.html | 205 ++++++ files/tr/web/html/element/link/index.html | 402 +++++++++++ files/tr/web/html/html5/index.html | 254 ------- files/tr/web/http/methods/index.html | 72 ++ files/tr/web/http/metotlar/index.html | 72 -- files/tr/web/http/oturum/index.html | 173 ----- files/tr/web/http/session/index.html | 173 +++++ files/tr/web/javascript/data_structures/index.html | 298 ++++++++ .../control_flow_and_error_handling/index.html | 419 ++++++++++++ .../web/javascript/guide/fonksiyonlar/index.html | 662 ------------------ files/tr/web/javascript/guide/functions/index.html | 662 ++++++++++++++++++ files/tr/web/javascript/guide/ifadeler/index.html | 419 ------------ .../index.html" | 504 -------------- .../guide/working_with_objects/index.html | 504 ++++++++++++++ .../global_objects/array/prototype/index.html | 205 ------ .../global_objects/boolean/prototype/index.html | 77 --- .../global_objects/map/prototype/index.html | 85 --- .../reference/operators/function_star_/index.html | 84 +++ .../web/javascript/reference/operators/index.html | 277 ++++++++ .../reference/operators/instanceof/index.html | 207 ++++++ .../reference/operators/super/index.html | 165 +++++ .../javascript/reference/operators/this/index.html | 347 ++++++++++ .../reference/operators/typeof/index.html | 259 +++++++ .../arithmetic_operators/index.html" | 294 -------- .../bitwise_operators/index.html" | 565 ---------------- .../operat\303\266rler/function_star_/index.html" | 84 --- .../reference/operat\303\266rler/index.html" | 277 -------- .../operat\303\266rler/instanceof/index.html" | 207 ------ .../mantiksal_operatorler/index.html" | 312 --------- .../reference/operat\303\266rler/super/index.html" | 165 ----- .../reference/operat\303\266rler/this/index.html" | 347 ---------- .../operat\303\266rler/typeof/index.html" | 259 ------- .../veri_yap\304\261s\304\261/index.html" | 298 -------- files/tr/web/manifest/index.html | 93 +++ files/tr/web/security/index.html | 16 + files/tr/web/security/mixed_content/index.html | 44 ++ .../security/transport_layer_security/index.html | 115 ++++ .../security/weak_signature_algorithm/index.html | 18 + .../\303\266\304\237ren/css/css_layout/index.html" | 84 --- .../css/css_layout/introduction/index.html" | 707 ------------------- .../backgrounds_and_borders/index.html" | 324 --------- .../cascade_and_inheritance/index.html" | 357 ---------- .../css/css_yapi_taslari/debugging_css/index.html" | 212 ------ .../handling_different_text_directions/index.html" | 168 ----- .../images_media_form_elements/index.html" | 211 ------ .../css/css_yapi_taslari/index.html" | 101 --- .../css/css_yapi_taslari/organizing/index.html" | 376 ----------- .../css_yapi_taslari/overflow_tasks/index.html" | 66 -- .../overflowing_content/index.html" | 140 ---- .../css/css_yapi_taslari/selectors/index.html" | 232 ------- .../sizing_items_in_css/index.html" | 153 ----- .../css/css_yapi_taslari/sizing_tasks/index.html" | 82 --- .../css_yapi_taslari/styling_tables/index.html" | 330 --------- .../index.html" | 87 --- .../css/css_yapi_taslari/the_box_model/index.html" | 367 ---------- .../css_yapi_taslari/values_and_units/index.html" | 414 ------------ .../css/css_yapi_taslari/values_tasks/index.html" | 97 --- .../writing_modes_tasks/index.html" | 82 --- .../css/ilk_adimlar/css_nasil_calisir/index.html" | 157 ----- .../css/ilk_adimlar/css_nedir/index.html" | 136 ---- .../css/ilk_adimlar/getting_started/index.html" | 272 -------- .../ilk_adimlar/how_css_is_structured/index.html" | 551 --------------- .../css/ilk_adimlar/index.html" | 64 -- .../ogrendiklerinizi_uygulay\304\261n/index.html" | 105 --- "files/tr/\303\266\304\237ren/css/index.html" | 86 --- .../css/styling_text/fundamentals/index.html" | 737 -------------------- .../css/styling_text/index.html" | 83 --- .../css/styling_text/styling_links/index.html" | 453 ------------- .../css/styling_text/styling_lists/index.html" | 436 ------------ .../typesetting_a_homepage/index.html" | 143 ---- .../css/styling_text/web_fonts/index.html" | 221 ------ .../front-end_web_developer/index.html" | 198 ------ .../how_the_web_works/index.html" | 103 --- .../getting_started_with_the_web/index.html" | 49 -- .../installing_basic_software/index.html" | 59 -- .../javascript_basics/index.html" | 386 ----------- .../web_siteniz_nasil_gorunecek/index.html" | 93 --- "files/tr/\303\266\304\237ren/html/index.html" | 61 -- .../ba\305\237lang\304\261\303\247/index.html" | 746 --------------------- .../html/introduction_to_html/index.html" | 92 --- "files/tr/\303\266\304\237ren/index.html" | 111 --- .../javascript/first_steps/index.html" | 61 -- .../first_steps/javascripte_giris/index.html" | 600 ----------------- .../tr/\303\266\304\237ren/javascript/index.html" | 56 -- .../javascript/objeler/basics/index.html" | 257 ------- .../javascript/objeler/index.html" | 53 -- .../server-side/django/authentication/index.html" | 677 ------------------- .../server-side/django/index.html" | 72 -- .../server-side/django/sessions/index.html" | 182 ----- .../django/website_iskeleti/index.html" | 394 ----------- .../tr/\303\266\304\237ren/server-side/index.html" | 52 -- 268 files changed, 24094 insertions(+), 24094 deletions(-) delete mode 100644 files/tr/araclar/browser_console/index.html delete mode 100644 "files/tr/araclar/hataay\304\261klay\304\261c\304\261/index.html" delete mode 100644 files/tr/araclar/index.html delete mode 100644 files/tr/araclar/page_inspector/index.html delete mode 100644 files/tr/araclar/performance/index.html delete mode 100644 files/tr/araclar/remote_debugging/index.html delete mode 100644 files/tr/araclar/web_konsolu/bolunmus_konsol/index.html delete mode 100644 files/tr/araclar/web_konsolu/index.html delete mode 100644 files/tr/araclar/web_konsolu/komut_satiri_tercumani/index.html delete mode 100644 files/tr/araclar/web_konsolu/web_konsolunu_acmak/index.html delete mode 100644 files/tr/araclar/web_konsolu/zengin_cikti/index.html create mode 100644 files/tr/conflicting/learn/css/building_blocks/cascade_and_inheritance/index.html create mode 100644 files/tr/conflicting/learn/css/first_steps/how_css_works/index.html create mode 100644 files/tr/conflicting/learn/css/first_steps/how_css_works_64ba4331a7a5f4319c6e06b06ccdd521/index.html create mode 100644 files/tr/conflicting/learn/css/first_steps/how_css_works_bb137d8ec11d5e9680f32049e9a3cb26/index.html create mode 100644 files/tr/conflicting/learn/css/first_steps/index.html create mode 100644 files/tr/conflicting/web/javascript/reference/global_objects/boolean/index.html create mode 100644 files/tr/conflicting/web/javascript/reference/global_objects/map/index.html create mode 100644 files/tr/conflicting/web/javascript/reference/operators/index.html create mode 100644 files/tr/conflicting/web/javascript/reference/operators_3b90ea9617c66e4283e266b64ea7ae4a/index.html create mode 100644 files/tr/conflicting/web/javascript/reference/operators_603c79383d36dadbe5083df806de5999/index.html delete mode 100644 files/tr/fennec_(firefox_mobile)/index.html create mode 100644 files/tr/games/index.html create mode 100644 files/tr/glossary/browser/index.html delete mode 100644 files/tr/glossary/nesne/index.html delete mode 100644 files/tr/glossary/nyp/index.html create mode 100644 files/tr/glossary/object/index.html create mode 100644 files/tr/glossary/oop/index.html create mode 100644 files/tr/glossary/protocol/index.html delete mode 100644 files/tr/glossary/protokol/index.html delete mode 100644 "files/tr/glossary/web_taray\304\261c\304\261s\304\261/index.html" delete mode 100644 files/tr/html/element/aside/index.html delete mode 100644 files/tr/html/element/head/index.html delete mode 100644 files/tr/html/element/hgroup/index.html delete mode 100644 files/tr/html/element/index.html delete mode 100644 files/tr/html/element/li/index.html delete mode 100644 files/tr/html/element/link/index.html delete mode 100644 "files/tr/learn/common_questions/taray\304\261c\304\261_geli\305\237tirici_ara\303\247lar\304\261_ara\303\247lar\304\261_nelerdir/index.html" create mode 100644 files/tr/learn/common_questions/what_are_browser_developer_tools/index.html create mode 100644 files/tr/learn/css/building_blocks/backgrounds_and_borders/index.html create mode 100644 files/tr/learn/css/building_blocks/cascade_and_inheritance/index.html create mode 100644 files/tr/learn/css/building_blocks/debugging_css/index.html create mode 100644 files/tr/learn/css/building_blocks/handling_different_text_directions/index.html create mode 100644 files/tr/learn/css/building_blocks/images_media_form_elements/index.html create mode 100644 files/tr/learn/css/building_blocks/index.html create mode 100644 files/tr/learn/css/building_blocks/organizing/index.html create mode 100644 files/tr/learn/css/building_blocks/overflow_tasks/index.html create mode 100644 files/tr/learn/css/building_blocks/overflowing_content/index.html create mode 100644 files/tr/learn/css/building_blocks/sizing_items_in_css/index.html create mode 100644 files/tr/learn/css/building_blocks/sizing_tasks/index.html create mode 100644 files/tr/learn/css/building_blocks/styling_tables/index.html create mode 100644 files/tr/learn/css/building_blocks/test_your_skills_backgrounds_and_borders/index.html create mode 100644 files/tr/learn/css/building_blocks/the_box_model/index.html create mode 100644 files/tr/learn/css/building_blocks/values_and_units/index.html create mode 100644 files/tr/learn/css/building_blocks/values_tasks/index.html create mode 100644 files/tr/learn/css/building_blocks/writing_modes_tasks/index.html create mode 100644 files/tr/learn/css/css_layout/index.html create mode 100644 files/tr/learn/css/css_layout/introduction/index.html create mode 100644 files/tr/learn/css/first_steps/getting_started/index.html create mode 100644 files/tr/learn/css/first_steps/how_css_is_structured/index.html create mode 100644 files/tr/learn/css/first_steps/how_css_works/index.html create mode 100644 files/tr/learn/css/first_steps/index.html create mode 100644 files/tr/learn/css/first_steps/using_your_new_knowledge/index.html create mode 100644 files/tr/learn/css/first_steps/what_is_css/index.html create mode 100644 files/tr/learn/css/index.html create mode 100644 files/tr/learn/css/styling_text/fundamentals/index.html create mode 100644 files/tr/learn/css/styling_text/index.html create mode 100644 files/tr/learn/css/styling_text/styling_links/index.html create mode 100644 files/tr/learn/css/styling_text/styling_lists/index.html create mode 100644 files/tr/learn/css/styling_text/typesetting_a_homepage/index.html create mode 100644 files/tr/learn/css/styling_text/web_fonts/index.html create mode 100644 files/tr/learn/front-end_web_developer/index.html create mode 100644 files/tr/learn/getting_started_with_the_web/how_the_web_works/index.html create mode 100644 files/tr/learn/getting_started_with_the_web/index.html create mode 100644 files/tr/learn/getting_started_with_the_web/installing_basic_software/index.html create mode 100644 files/tr/learn/getting_started_with_the_web/javascript_basics/index.html create mode 100644 files/tr/learn/getting_started_with_the_web/what_will_your_website_look_like/index.html create mode 100644 files/tr/learn/html/index.html create mode 100644 files/tr/learn/html/introduction_to_html/getting_started/index.html create mode 100644 files/tr/learn/html/introduction_to_html/index.html create mode 100644 files/tr/learn/index.html create mode 100644 files/tr/learn/javascript/first_steps/a_first_splash/index.html create mode 100644 files/tr/learn/javascript/first_steps/index.html create mode 100644 files/tr/learn/javascript/index.html create mode 100644 files/tr/learn/javascript/objects/basics/index.html create mode 100644 files/tr/learn/javascript/objects/index.html create mode 100644 files/tr/learn/server-side/django/authentication/index.html create mode 100644 files/tr/learn/server-side/django/index.html create mode 100644 files/tr/learn/server-side/django/sessions/index.html create mode 100644 files/tr/learn/server-side/django/skeleton_website/index.html create mode 100644 files/tr/learn/server-side/index.html create mode 100644 files/tr/mdn/about/index.html create mode 100644 files/tr/mdn/at_ten/index.html delete mode 100644 files/tr/mdn/community/index.html create mode 100644 files/tr/mdn/contribute/howto/create_and_edit_pages/index.html delete mode 100644 files/tr/mdn/contribute/howto/editor_incelemesi_nasil_yapilir/index.html delete mode 100644 files/tr/mdn/contribute/howto/sayfalar_nasil_olusturulur_duzenlenir/index.html delete mode 100644 files/tr/mdn/editor/basics/index.html delete mode 100644 files/tr/mdn/editor/index.html delete mode 100644 files/tr/mdn/hakkinda/index.html delete mode 100644 files/tr/mdn/kuma/index.html delete mode 100644 files/tr/mdn/kuma/server_charts/index.html delete mode 100644 files/tr/mdn/kuma/troubleshooting_kumascript_errors/index.html create mode 100644 files/tr/mdn/tools/kumascript/troubleshooting/index.html delete mode 100644 files/tr/mdn/tools/page_watching/index.html create mode 100644 files/tr/mdn/yari/index.html delete mode 100644 files/tr/mdn_onunda/index.html create mode 100644 files/tr/mozilla/add-ons/index.html create mode 100644 files/tr/mozilla/add-ons/webextensions/extending_the_developer_tools/index.html create mode 100644 files/tr/mozilla/add-ons/webextensions/index.html create mode 100644 files/tr/mozilla/add-ons/webextensions/user_interface/index.html create mode 100644 files/tr/mozilla/add-ons/webextensions/what_are_webextensions/index.html create mode 100644 files/tr/mozilla/add-ons/webextensions/your_first_webextension/index.html delete mode 100644 files/tr/mozilla/developer_guide/kaynak_kod/index.html create mode 100644 files/tr/mozilla/developer_guide/source_code/index.html delete mode 100644 files/tr/mozilla/eklentiler/index.html delete mode 100644 "files/tr/mozilla/eklentiler/webextensions/deneyiminize_web-ext_ile_ba\305\237lay\304\261n/index.html" delete mode 100644 files/tr/mozilla/eklentiler/webextensions/eklenti_nedir/index.html delete mode 100644 files/tr/mozilla/eklentiler/webextensions/extending_the_developer_tools/index.html delete mode 100644 files/tr/mozilla/eklentiler/webextensions/index.html delete mode 100644 "files/tr/mozilla/eklentiler/webextensions/i\314\207lk_eklentin/index.html" delete mode 100644 files/tr/mozilla/eklentiler/webextensions/user_interface/index.html create mode 100644 files/tr/orphaned/fennec_(firefox_mobile)/index.html create mode 100644 files/tr/orphaned/mdn/community/index.html create mode 100644 files/tr/orphaned/mdn/contribute/howto/do_an_editorial_review/index.html create mode 100644 files/tr/orphaned/mdn/editor/basics/index.html create mode 100644 files/tr/orphaned/mdn/editor/index.html create mode 100644 files/tr/orphaned/mdn/kuma/server_charts/index.html create mode 100644 files/tr/orphaned/mdn/tools/page_watching/index.html create mode 100644 files/tr/orphaned/mozilla/add-ons/webextensions/getting_started_with_web-ext/index.html create mode 100644 files/tr/orphaned/tr/index.html create mode 100644 files/tr/orphaned/web/html-alani/index.html create mode 100644 files/tr/orphaned/web/javascript/reference/global_objects/array/prototype/index.html delete mode 100644 files/tr/oyunlar/index.html delete mode 100644 files/tr/security/mixedcontent/index.html delete mode 100644 "files/tr/security/zat\304\261f_i\314\207mza_algoritmas\304\261/index.html" create mode 100644 files/tr/tools/browser_console/index.html create mode 100644 files/tr/tools/debugger/index.html create mode 100644 files/tr/tools/index.html create mode 100644 files/tr/tools/page_inspector/index.html create mode 100644 files/tr/tools/performance/index.html create mode 100644 files/tr/tools/remote_debugging/index.html create mode 100644 files/tr/tools/web_console/index.html create mode 100644 files/tr/tools/web_console/rich_output/index.html create mode 100644 files/tr/tools/web_console/split_console/index.html create mode 100644 files/tr/tools/web_console/the_command_line_interpreter/index.html create mode 100644 files/tr/tools/web_console/ui_tour/index.html delete mode 100644 files/tr/tr/index.html create mode 100644 files/tr/web/api/canvas_api/index.html delete mode 100644 files/tr/web/api/tuval_arabirimi/index.html delete mode 100644 files/tr/web/bildiri/index.html delete mode 100644 files/tr/web/css/box_model/index.html create mode 100644 files/tr/web/css/class_selectors/index.html create mode 100644 files/tr/web/css/css_box_model/introduction_to_the_css_box_model/index.html create mode 100644 files/tr/web/css/css_lists_and_counters/using_css_counters/index.html create mode 100644 files/tr/web/css/css_selectors/index.html create mode 100644 files/tr/web/css/margin/index.html delete mode 100644 files/tr/web/css/marjin/index.html delete mode 100644 "files/tr/web/css/s\304\261n\304\261f_se\303\247icileri/index.html" delete mode 100644 files/tr/web/css/tip_secicileri/index.html create mode 100644 files/tr/web/css/type_selectors/index.html delete mode 100644 files/tr/web/guide/css/getting_started/cascading_and_inheritance/index.html delete mode 100644 files/tr/web/guide/css/getting_started/css_nedir/index.html delete mode 100644 files/tr/web/guide/css/getting_started/how_css_works/index.html delete mode 100644 files/tr/web/guide/css/getting_started/index.html delete mode 100644 files/tr/web/guide/css/getting_started/why_use_css/index.html delete mode 100644 "files/tr/web/guide/css/saya\303\247lar/index.html" create mode 100644 files/tr/web/guide/graphics/index.html create mode 100644 files/tr/web/guide/html/html5/index.html delete mode 100644 "files/tr/web/guide/\303\247izgeler/index.html" delete mode 100644 "files/tr/web/g\303\274venlik/index.html" delete mode 100644 "files/tr/web/g\303\274venlik/transport_layer_security/index.html" delete mode 100644 files/tr/web/html-alani/index.html create mode 100644 files/tr/web/html/element/aside/index.html create mode 100644 files/tr/web/html/element/head/index.html create mode 100644 files/tr/web/html/element/hgroup/index.html create mode 100644 files/tr/web/html/element/index.html create mode 100644 files/tr/web/html/element/li/index.html create mode 100644 files/tr/web/html/element/link/index.html delete mode 100644 files/tr/web/html/html5/index.html create mode 100644 files/tr/web/http/methods/index.html delete mode 100644 files/tr/web/http/metotlar/index.html delete mode 100644 files/tr/web/http/oturum/index.html create mode 100644 files/tr/web/http/session/index.html create mode 100644 files/tr/web/javascript/data_structures/index.html create mode 100644 files/tr/web/javascript/guide/control_flow_and_error_handling/index.html delete mode 100644 files/tr/web/javascript/guide/fonksiyonlar/index.html create mode 100644 files/tr/web/javascript/guide/functions/index.html delete mode 100644 files/tr/web/javascript/guide/ifadeler/index.html delete mode 100644 "files/tr/web/javascript/guide/nesneler_ile_\303\247al\304\261\305\237mak/index.html" create mode 100644 files/tr/web/javascript/guide/working_with_objects/index.html delete mode 100644 files/tr/web/javascript/reference/global_objects/array/prototype/index.html delete mode 100644 files/tr/web/javascript/reference/global_objects/boolean/prototype/index.html delete mode 100644 files/tr/web/javascript/reference/global_objects/map/prototype/index.html create mode 100644 files/tr/web/javascript/reference/operators/function_star_/index.html create mode 100644 files/tr/web/javascript/reference/operators/index.html create mode 100644 files/tr/web/javascript/reference/operators/instanceof/index.html create mode 100644 files/tr/web/javascript/reference/operators/super/index.html create mode 100644 files/tr/web/javascript/reference/operators/this/index.html create mode 100644 files/tr/web/javascript/reference/operators/typeof/index.html delete mode 100644 "files/tr/web/javascript/reference/operat\303\266rler/arithmetic_operators/index.html" delete mode 100644 "files/tr/web/javascript/reference/operat\303\266rler/bitwise_operators/index.html" delete mode 100644 "files/tr/web/javascript/reference/operat\303\266rler/function_star_/index.html" delete mode 100644 "files/tr/web/javascript/reference/operat\303\266rler/index.html" delete mode 100644 "files/tr/web/javascript/reference/operat\303\266rler/instanceof/index.html" delete mode 100644 "files/tr/web/javascript/reference/operat\303\266rler/mantiksal_operatorler/index.html" delete mode 100644 "files/tr/web/javascript/reference/operat\303\266rler/super/index.html" delete mode 100644 "files/tr/web/javascript/reference/operat\303\266rler/this/index.html" delete mode 100644 "files/tr/web/javascript/reference/operat\303\266rler/typeof/index.html" delete mode 100644 "files/tr/web/javascript/veri_yap\304\261s\304\261/index.html" create mode 100644 files/tr/web/manifest/index.html create mode 100644 files/tr/web/security/index.html create mode 100644 files/tr/web/security/mixed_content/index.html create mode 100644 files/tr/web/security/transport_layer_security/index.html create mode 100644 files/tr/web/security/weak_signature_algorithm/index.html delete mode 100644 "files/tr/\303\266\304\237ren/css/css_layout/index.html" delete mode 100644 "files/tr/\303\266\304\237ren/css/css_layout/introduction/index.html" delete mode 100644 "files/tr/\303\266\304\237ren/css/css_yapi_taslari/backgrounds_and_borders/index.html" delete mode 100644 "files/tr/\303\266\304\237ren/css/css_yapi_taslari/cascade_and_inheritance/index.html" delete mode 100644 "files/tr/\303\266\304\237ren/css/css_yapi_taslari/debugging_css/index.html" delete mode 100644 "files/tr/\303\266\304\237ren/css/css_yapi_taslari/handling_different_text_directions/index.html" delete mode 100644 "files/tr/\303\266\304\237ren/css/css_yapi_taslari/images_media_form_elements/index.html" delete mode 100644 "files/tr/\303\266\304\237ren/css/css_yapi_taslari/index.html" delete mode 100644 "files/tr/\303\266\304\237ren/css/css_yapi_taslari/organizing/index.html" delete mode 100644 "files/tr/\303\266\304\237ren/css/css_yapi_taslari/overflow_tasks/index.html" delete mode 100644 "files/tr/\303\266\304\237ren/css/css_yapi_taslari/overflowing_content/index.html" delete mode 100644 "files/tr/\303\266\304\237ren/css/css_yapi_taslari/selectors/index.html" delete mode 100644 "files/tr/\303\266\304\237ren/css/css_yapi_taslari/sizing_items_in_css/index.html" delete mode 100644 "files/tr/\303\266\304\237ren/css/css_yapi_taslari/sizing_tasks/index.html" delete mode 100644 "files/tr/\303\266\304\237ren/css/css_yapi_taslari/styling_tables/index.html" delete mode 100644 "files/tr/\303\266\304\237ren/css/css_yapi_taslari/test_your_skills_backgrounds_and_borders/index.html" delete mode 100644 "files/tr/\303\266\304\237ren/css/css_yapi_taslari/the_box_model/index.html" delete mode 100644 "files/tr/\303\266\304\237ren/css/css_yapi_taslari/values_and_units/index.html" delete mode 100644 "files/tr/\303\266\304\237ren/css/css_yapi_taslari/values_tasks/index.html" delete mode 100644 "files/tr/\303\266\304\237ren/css/css_yapi_taslari/writing_modes_tasks/index.html" delete mode 100644 "files/tr/\303\266\304\237ren/css/ilk_adimlar/css_nasil_calisir/index.html" delete mode 100644 "files/tr/\303\266\304\237ren/css/ilk_adimlar/css_nedir/index.html" delete mode 100644 "files/tr/\303\266\304\237ren/css/ilk_adimlar/getting_started/index.html" delete mode 100644 "files/tr/\303\266\304\237ren/css/ilk_adimlar/how_css_is_structured/index.html" delete mode 100644 "files/tr/\303\266\304\237ren/css/ilk_adimlar/index.html" delete mode 100644 "files/tr/\303\266\304\237ren/css/ilk_adimlar/ogrendiklerinizi_uygulay\304\261n/index.html" delete mode 100644 "files/tr/\303\266\304\237ren/css/index.html" delete mode 100644 "files/tr/\303\266\304\237ren/css/styling_text/fundamentals/index.html" delete mode 100644 "files/tr/\303\266\304\237ren/css/styling_text/index.html" delete mode 100644 "files/tr/\303\266\304\237ren/css/styling_text/styling_links/index.html" delete mode 100644 "files/tr/\303\266\304\237ren/css/styling_text/styling_lists/index.html" delete mode 100644 "files/tr/\303\266\304\237ren/css/styling_text/typesetting_a_homepage/index.html" delete mode 100644 "files/tr/\303\266\304\237ren/css/styling_text/web_fonts/index.html" delete mode 100644 "files/tr/\303\266\304\237ren/front-end_web_developer/index.html" delete mode 100644 "files/tr/\303\266\304\237ren/getting_started_with_the_web/how_the_web_works/index.html" delete mode 100644 "files/tr/\303\266\304\237ren/getting_started_with_the_web/index.html" delete mode 100644 "files/tr/\303\266\304\237ren/getting_started_with_the_web/installing_basic_software/index.html" delete mode 100644 "files/tr/\303\266\304\237ren/getting_started_with_the_web/javascript_basics/index.html" delete mode 100644 "files/tr/\303\266\304\237ren/getting_started_with_the_web/web_siteniz_nasil_gorunecek/index.html" delete mode 100644 "files/tr/\303\266\304\237ren/html/index.html" delete mode 100644 "files/tr/\303\266\304\237ren/html/introduction_to_html/ba\305\237lang\304\261\303\247/index.html" delete mode 100644 "files/tr/\303\266\304\237ren/html/introduction_to_html/index.html" delete mode 100644 "files/tr/\303\266\304\237ren/index.html" delete mode 100644 "files/tr/\303\266\304\237ren/javascript/first_steps/index.html" delete mode 100644 "files/tr/\303\266\304\237ren/javascript/first_steps/javascripte_giris/index.html" delete mode 100644 "files/tr/\303\266\304\237ren/javascript/index.html" delete mode 100644 "files/tr/\303\266\304\237ren/javascript/objeler/basics/index.html" delete mode 100644 "files/tr/\303\266\304\237ren/javascript/objeler/index.html" delete mode 100644 "files/tr/\303\266\304\237ren/server-side/django/authentication/index.html" delete mode 100644 "files/tr/\303\266\304\237ren/server-side/django/index.html" delete mode 100644 "files/tr/\303\266\304\237ren/server-side/django/sessions/index.html" delete mode 100644 "files/tr/\303\266\304\237ren/server-side/django/website_iskeleti/index.html" delete mode 100644 "files/tr/\303\266\304\237ren/server-side/index.html" diff --git a/files/tr/araclar/browser_console/index.html b/files/tr/araclar/browser_console/index.html deleted file mode 100644 index 542c9f6b28..0000000000 --- a/files/tr/araclar/browser_console/index.html +++ /dev/null @@ -1,187 +0,0 @@ ---- -title: Browser Console -slug: Araclar/Browser_Console -tags: - - Developer - - Tutorial - - WebGL - - WebMechanics - - WebRTC -translation_of: Tools/Browser_Console ---- -
    {{ToolsSidebar}}
- -

The Browser Console is like the Web Console, but applied to the whole browser rather than a single content tab.

- -

So it logs the same sorts of information as the Web Console - network requests, JavaScript, CSS, and security errors and warnings, and messages explicitly logged by JavaScript code. However, rather than logging this information for a single content tab, it logs information for all content tabs, for add-ons, and for the browser's own code.

- -

If you also want to use the other web developer tools in the regular Web Toolbox with add-on or browser code, consider using the Browser Toolbox.

- -

Similarly, you can execute JavaScript expressions using the Browser Console. But while the Web Console executes code in the page window scope, the Browser Console executes them in the scope of the browser's chrome window. This means you can interact with all the browser's tabs using the gBrowser global, and even with the XUL used to specify the browser's user interface.

- -
-

NB: The Browser Console command line (to execute JavaScript expressions) is disabled by default. To enable it set the devtools.chrome.enabled preference to true in about:config, or set the "Enable browser {{Glossary("chrome")}} and add-on debugging toolboxes" (Firefox 40 and later)  option in the developer tool settings.

-
- -

Opening the Browser Console

- -

You can open the Browser Console in one of two ways:

- -
    -
  1. from the menu: select "Browser Console" from the Web Developer submenu in the Firefox Menu (or Tools menu if you display the menu bar or are on macOS).
    2. -
  2. from the keyboard: press Ctrl+Shift+J (or Cmd+Shift+J on a Mac).
    3. -
- -

You can also start the Browser Console by launching Firefox from the command line and passing the -jsconsole argument:

- -
/Applications/FirefoxAurora.app/Contents/MacOS/firefox-bin -jsconsole
- -

The Browser Console looks like this:

- -

- -

You can see that the Browser Console looks and behaves very much like the Web Console:

- - - -

Beginning with Firefox 68, the Browser Console allows you to show or hide messages from the content process (i.e. the messages from scripts in all the opened pages) by setting or clearing the checkbox labeled Show Content Messages. The following image shows the browser console focused on the same page as above after clicking on the Show Content Messages checkbox.

- -

- -

Browser Console logging

- -

The Browser console logs the same sorts of messages as the Web Console:

- - - -

However, it displays such messages from:

- - - -

Messages from add-ons

- -

The Browser Console displays messages logged by all Firefox add-ons.

- -

Console.jsm

- -

To use the console API from a traditional or bootstrapped add-on, get it from the Console module.

- -

One exported symbol from Console.jsm is "console". Below is an example of how to access it, which adds a message to the Browser Console.

- -
Components.utils.import("resource://gre/modules/Console.jsm");
-console.log("Hello from Firefox code"); //output messages to the console
- -

Learn more:

- - - -

HUDService

- -

There is also the HUDService which allows access to the Browse Console. The module is available at Mozilla DXR. We see we can not only access the Browser Console but also Web Console.

- -

Here is an example on how to clear the contents of the Browser console:

- -
Components.utils.import("resource://devtools/shared/Loader.jsm");
-var HUDService = devtools.require("devtools/client/webconsole/hudservice");
-
-var hud = HUDService.getBrowserConsole();
-hud.jsterm.clearOutput(true);
- -

If you would like to access the content document of the Browser Console this can be done with the HUDService. This example here makes it so that when you mouse over the "Clear" button it will clear the Browser Console:

- -
Components.utils.import("resource://devtools/shared/Loader.jsm");
-var HUDService = devtools.require("devtools/client/webconsole/hudservice");
-
-var hud = HUDService.getBrowserConsole();
-
-var clearBtn = hud.chromeWindow.document.querySelector('.webconsole-clear-console-button');
-clearBtn.addEventListener('mouseover', function() {
-  hud.jsterm.clearOutput(true);
-}, false);
- -

Bonus Features Available

- -

For Add-on SDK add-ons, the console API is available automatically. Here's an example add-on that just logs an error when the user clicks a widget:

- -
widget = require("sdk/widget").Widget({
-  id: "an-error-happened",
-  label: "Error!",
-  width: 40,
-  content: "Error!",
-  onClick: logError
-});
-
-function logError() {
-  console.error("something went wrong!");
-}
- -

If you build this as an XPI file, then open the Browser Console, then open the XPI file in Firefox and install it, you'll see a widget labeled "Error!" in the Add-on bar:

- -

Click the icon. You'll see output like this in the Browser Console:

- -

- -

For Add-on SDK-based add-ons only, the message is prefixed with the name of the add-on ("log-error"), making it easy to find all messages from this add-on using the "Filter output" search box. By default, only error messages are logged to the console, although you can change this in the browser's preferences.

- -

Browser Console command line

- -
-

The Browser Console command line is disabled by default. To enable it set the devtools.chrome.enabled preference to true in about:config, or set the "Enable chrome debugging" option in the developer tool settings.

-
- -

Like the Web Console, the command line interpreter enables you to evaluate JavaScript expressions in real time:Also like the Web Console's command line interpreter, this command line supports autocomplete, history, and various keyboard shortcuts and helper commands. If the result of a command is an object, you can click on the object to see its details.

- -

But while the Web Console executes code in the scope of the content window it's attached to, the browser console executes code in the scope of the chrome window of the browser. You can confirm this by evaluating window:

- -

- -

This means you can control the browser: opening, closing tabs and windows and changing the content that they host, and modify the browser's UI by creating, changing and removing XUL elements.

- -

Controlling the browser

- -

The command line interpreter gets access to the tabbrowser object, through the gBrowser global, and that enables you to control the browser through the command line. Try running this code in the Browser Console's command line (remember that to send multiple lines to the Browser Console, use Shift+Enter):

- -
var newTabBrowser = gBrowser.getBrowserForTab(gBrowser.selectedTab);
-newTabBrowser.addEventListener("load", function() {
-  newTabBrowser.contentDocument.body.innerHTML = "<h1>this page has been eaten</h1>";
-}, true);
-newTabBrowser.contentDocument.location.href = "https://mozilla.org/";
- -

It adds a listener to the currently selected tab's load event that will eat the new page, then loads a new page.

- -
-

Note: You can restart the browser with the command Ctrl + Alt + R (Windows, Linux) or Cmd + Alt + R (Mac) This command restarts the browser with the same tabs open as before the restart.

-
- -

Modifying the browser UI

- -

Since the global window object is the browser's chrome window, you can also modify the browser's user interface. On Windows, the following code will add a new item to the browser's main menu:

- -
var parent = window.document.getElementById("appmenuPrimaryPane");
-var makeTheTea = gBrowser.ownerDocument.defaultView.document.createElementNS("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul", "menuitem");
-makeTheTea.setAttribute("label", "A nice cup of tea?");
-parent.appendChild(makeTheTea);
- -

On macOS, this similar code will add a new item to the "Tools" menu:

- -
var parent = window.document.getElementById("menu_ToolsPopup");
-var makeTheTea = gBrowser.ownerDocument.defaultView.document.createElementNS("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul", "menuitem");
-makeTheTea.setAttribute("label", "A nice cup of tea?");
-parent.appendChild(makeTheTea);
- -

diff --git "a/files/tr/araclar/hataay\304\261klay\304\261c\304\261/index.html" "b/files/tr/araclar/hataay\304\261klay\304\261c\304\261/index.html" deleted file mode 100644 index 36f2ee5531..0000000000 --- "a/files/tr/araclar/hataay\304\261klay\304\261c\304\261/index.html" +++ /dev/null @@ -1,55 +0,0 @@ ---- -title: Hata ayıklayıcı -slug: Araclar/HataAyıklayıcı -tags: - - '#HataAyıklayıcı #HataAyıklama #JavaScript' -translation_of: Tools/Debugger ---- -
-

Bu sayfa Firefox 52 veya daha üzeri sürümdeki JavaScript Hata Ayıklayıcı'yı tanıtır. Daha önceki sürümlerde nasıl olduğunu görmek için  Debugger (before Firefox 52).

- -

Eğer Firefox 52 veya daha yeni sürüm kullanıyor ve  eski Hata Ayıklayıcı'ya dönmek istiyorsanız, about:config adresini ziyaret edip  "devtools.debugger.new-debugger-frontend" tercihini false yaparak başarabilirsiniz. 

-
- -

{{EmbedYouTube("QK4hKWmJVLo")}}

- -

JavaScript Hata Ayıklayıcı, hataları izlemenize yardımcı olması için JavaScript kodunu adım adım izlemenize veya durumunu değiştirmenize olanak tanır.

- -

Onu Firefox'ta yerel olarak hata ayıklamak için veya uzaktan çalıştırılabilir. Örneğin Android cihazda Android için Firefox çalışırken. Uzaktaki bir hedefe nasıl bağlanıldığını öğrenmek için  Remote debugging sayfasını ziyaret edin.

- -

Hata Ayıklayıcı Firefox'ta yerleşik olarak bulunur, ve bu sayfalar Firefox'ta gömülü bu özelliği açıklar. Ancak onu bağımsız bir web uygulaması olarak da çalıştırabilirsiniz, ve daha sonra onu hata ayıklamak için diğer tarayıcılarda ve düğümde kullanabilirsiniz. Daha fazla detay için projenin GitHub deposuna bakabilirsiniz: project's GitHub repository.

- -

Yeni Hata Ayıklayıcı  — henüz — eski Hata Ayıklayıcı'nın tüm özelliklerini desteklemiyor. Şuradan bakın: Limitations of the new debugger.

- -
-

Kullanıcı Arayüz Turu

- -

Hata Ayıklayıcı'da yolunuzu bulmak için size küçük bir tur : quick tour of the UI.

- -
-

Nasıl?

- -

Hata Ayıklayıcı'da ne yapabileceğinizi bulmak için aşağıdaki Nasıl? Rehberini takip edin:

- -
- -
- -
-

Referans

- -
- -
diff --git a/files/tr/araclar/index.html b/files/tr/araclar/index.html deleted file mode 100644 index 9c2e82ecb6..0000000000 --- a/files/tr/araclar/index.html +++ /dev/null @@ -1,113 +0,0 @@ ---- -title: Firefox Geliştirici Araçları -slug: Araclar -tags: - - Türkçe Firefox Devop Toolls - - firefox aurora - - geliştirici araçları -translation_of: Tools ---- -
{{ToolsSidebar}}
- -
HTML, CSS ve JavaScript'i telefonundan ve masaüstü bilgisayarından incele, düzenle ve ayıkla. Geliştirici araçları son sürümleri için Firefox Gelistirici Sürümü'nü indir.
- -
-

Aurora' da neler yeni?

-Son Firefox Aurora dağıtımı Firefox 27' dir, ve geliştirici araçları için bu güncellemeleri içerir: - - -
- -
-

Seçmenler adipiscing lorem ipsum dolor elit, sit amet. Kazanan sonuc Maecenas futbol. Maecenas korkar. Tamam bir, çalışan, çapı yaşamak, olmayan lütfen, kolay Hayat, Hayim. Ama vadi Eleman Am rafa sohbet. Hamil finanse Hemen başlayın.Firefox Geliştirici Araçları'nı HTML and CSS'i incelemek ve düzenlemek, JavaScript'te hata ayıklamak ve sayfa içinde JavaScript'i çalıştırmak için kullanabilirsiniz. Bir sayfayı yüklerken tarayıcınızın karşılaştığı JavaScript ve CSS uyarı ve hatalarını görebilmeye ek olarak, ağ isteklerini görmek için de bu geliştirici araçlarını kullanabilirsiniz. 

- -
Android için Firefox ve yakında Firefox OS çalıştıran kodda hata ayıklamak için geliştirici araçlarını kullanabilirsiniz. Mobil geliştirmeyi hedefleyen araçlar da sağladık: Duyarlı Tasarım Görünümü, bir sitenin küçük bir ekranda nasıl görüneceğini görmenin hızlı bir yoludur ve Firefox OS Simulator, bir Firefox OS uygulamasını masaüstünde gerek kalmadan çalıştırmanıza ve hata ayıklamanıza olanak tanır gerçek bir Firefox OS cihazı kullanmak için.
- -
- -
Firefox eklentileri hata ayıklayıcı API'sına erişebilir, böylece yerleşik araçları genişleten ve geliştiren kendi geliştirici araçlarınızı oluşturabilirsiniz. Uzaktan hata ayıklama protokolü ile kendi hata ayıklama istemcilerinizi ve sunucularınızı uygulayabilir, böylece kendi araçlarınızı kullanarak web sitelerinde hata ayıklama veya Firefox araçlarını kullanarak farklı hedeflerde hata ayıklama yapabilirsiniz.
- -
-

Araç Kutusu

- -

Araç Kutusu, Firefox içindeki tüm Geliştirici Araçları'nı tek çatı altına toplamayı sağlamaktadır.

- -
-
Sayfa Denetçisi
-
Görünüm ve seçili öğe için HTML ve CSS ayarları.
-
Web Konsolu
-
Web sayfası yükleyen browser tarafından gönderilen bilgi, uyarı ve hata mesajlarını görün, ve JavaScript kullanarak sayfayı inceleyin ve degiştirin.
-
Biçim Editörü
-
Sayfanızdaki CSS ayarlarını görün ve düzenleyin.
-
JavaScript Debugger
-
Browserda calışan JavaScript kodunu inceleyin ve değişkenleri takip ederek kodunuzu debug edin.
-
JavaScript Profiler
-
Profiler'ı kullanarak JavaScript'inizin vaktini nerede harcadığını anlayın.
-
Ağ izleyici
-
Bir sayfa yüklendiğinde gerçekleşen bütün ağ taleplerini ve ne kadar süre aldıklarını inceleyin.
-
Shader Editör
-
Görüntüleme ve düzenleme köşe ve kullandığı parçası shader WebGL .
-
-
- -
-

Mobil

- -

Elbette mobil web geliştiricileri de web geliştiricileridir. Bu nedenle wen geliştirme araçlarının çoğunun mobil wen geliştiricilerini de ilgilendiriyor.Fakat sadece mobil geliştirmeyi hedefleyen bazı araçlar da hazırladık.

- -
-
Uzaktan Hata Ayıklama
-
Android cihazında USB üzerinden hata ayıklamak için geliştirici araçlarını kullanın.
-
Firefox OS Simülatör
-
Gerçek bir Firefox OS cihazı kullanmanıza gerek kalmadan masaüstünde Firefox OS uygulamanızı çalıştırın ve hata ayıklayın.
-
Responsive Tasarım Görünümü
-
Tarayıcı pencerenizin boyutunu değiştirmeden web sitenizin veya uygulamanızın farklı ekran boyutlarında nasıl görüneceğini görün..
-
-
- -
-

Bağımsız Araçlar

- -

Bu araçlar Firefox'a dahil edilebilir, ama kullanıcı arayüzleri (GUI) Araç Kutusu'na entegre edilemezler.

- -
-
Çalışma defteri
-
Yazdığınız ve JavaScript yürütmek sağlar Firefox yerleşik bir metin editörü.
-
Tarayıcı Konsol
-
içerik, krom içeren tarayıcıda çalışan tüm JavaScript kodundan mesajlarına bakın ve eklentileri. krom pencerenin bağlamda JavaScript kodunu yürütün.
-
Geliştirici Araç Çubuğu
-
Bir komut satırı arayüzü en sık kullanılan araçlara hızlı erişim için geliştirici Firefox'ta araçları ve düğmelerle işlemek ve çalışmak için.
-
3D Görünüm
-
"Tilt", bu mevcut sayfanın 3D görselleştirme sağlar olarak da bilinir.
-
Yanıp sönen Aracı Boya
-
Boya yanıp sönen aracı siteyle ilgili olası performans sorunları teşhis etmek için yardımcı olaylar karşısında yeniden boyanması ve tarayıcı penceresinin bir kısmını vurgular.
-
-
-
- -
-

Diğer Kaynaklar

- -

Mozilla'nın geliştirici araçları ekibi tarafından tutulan ancak değil bu bölümde listelenmiştir kaynakları yaygın web geliştiricileri tarafından kullanılır. Biz bu listedeki birkaç Firefox eklentileri dahil, fakat tam liste için bkz ettik addons.mozilla.org "Web Geliştirme" kategorisinde .

- -
-
kundakçı
-
bir JavaScript debugger, HTML ve CSS düzenleyici ve gösterici ve ağ monitör de dahil olmak üzere bir çok popüler ve güçlü bir web geliştirme aracı.
-
DOM Ayıklayıcı
-
web sayfaları veya XUL pencerelerin DOM göz, kontrol ve düzenleme.
-
Web Geliştirici
-
Bir menü ve çeşitli web geliştirici araçları ile tarayıcıya bir araç çubuğu ekler.
-
Web Tasarım Aracı
-
Mozilla tarafından geliştirilen araçlar kümesi, insanlar Internet gelişimi ile başlarken amaçlayan.
-
W3C Doğrulayıcı
-
W3C web sitesinin dahil olmak üzere web geçerliliğini kontrol etmek bir dizi araç barındıran HTML ve CSS .
-
JSHint
-
JavaScript kod analiz aracı
-
diff --git a/files/tr/araclar/page_inspector/index.html b/files/tr/araclar/page_inspector/index.html deleted file mode 100644 index f50c28aa5c..0000000000 --- a/files/tr/araclar/page_inspector/index.html +++ /dev/null @@ -1,46 +0,0 @@ ---- -title: Page Inspector -slug: Araclar/Page_Inspector -translation_of: Tools/Page_Inspector ---- -

Bir sayfanın HTML'sini ve CSS'sini incelemek ve değiştirmek için Page Inspector'ı kullanın.

- -

Firefox'un yerel kopyasında yüklü olan sayfaları veya Android için Firefox gibi uzak bir hedefi inceleyebilirsiniz. Geliştirici araçlarını uzak bir hedefe nasıl bağlayacağınızı öğrenmek için uzaktan hata ayıklamaya bakın.

- -

Kullanıcı Arayüzü Turu

- -

Page Inspector'daki yolunuzu bulmak için, arayüzü hızlı bir şekilde gezin.

- -

Nasıl

- -

Inspector'la neler yapabileceğinizi öğrenmek için, aşağıdaki kılavuzları inceleyin:

- -
- -
- -

Reference

- -
- -
diff --git a/files/tr/araclar/performance/index.html b/files/tr/araclar/performance/index.html deleted file mode 100644 index 803e590515..0000000000 --- a/files/tr/araclar/performance/index.html +++ /dev/null @@ -1,92 +0,0 @@ ---- -title: Performance -slug: Araclar/Performance -translation_of: Tools/Performance ---- -
{{ToolsSidebar}}
- -

The Performance tool gives you insight into your site's general responsiveness, JavaScript and layout performance. With the Performance tool you create a recording, or profile, of your site over a period of time. The tool then shows you an overview of the things the browser was doing to render your site over the profile, and a graph of the frame rate over the profile.

- -

You get four sub-tools to examine aspects of the profile in more detail:

- - - -

{{EmbedYouTube("WBmttwfA_k8")}}

- -
-

Getting started

- -
-
-
-
UI Tour
-
-

To find your way around the Performance tool, here's a quick tour of the UI.

-
-
-
- -
-
-
How to
-
Basic tasks: open the tool, create, save, load, and configure recordings
-
-
-
- -
-

Components of the Performance tool

- -
-
-
-
Frame rate
-
Understand your site's overall responsiveness.
-
Call Tree
-
Find bottlenecks in your site's JavaScript.
-
Allocations
-
See the allocations made by your code over the course of the recording.
-
-
- -
-
-
Waterfall
-
Understand the work the browser's doing as the user interacts with your site.
-
Flame Chart
-
See which JavaScript functions are executing, and when, over the course of the recording.
-
-
-
-
- -
-

Scenarios

- -
-
-
-
Animating CSS properties
-
Uses the Waterfall to understand how the browser updates a page, and how animating different CSS properties can affect performance.
-
-
-
- -
-
-
Intensive JavaScript
-
Uses the frame rate and Waterfall tools to highlight performance problems caused by long-running JavaScript, and how using workers can help in this situation.
-
-
-
- -
-
-
-
-
diff --git a/files/tr/araclar/remote_debugging/index.html b/files/tr/araclar/remote_debugging/index.html deleted file mode 100644 index 0718a25e60..0000000000 --- a/files/tr/araclar/remote_debugging/index.html +++ /dev/null @@ -1,22 +0,0 @@ ---- -title: Remote Debugging -slug: Araclar/Remote_Debugging -translation_of: Tools/Remote_Debugging ---- -

You can use the Firefox developer tools on your desktop to debug code running remotely: in a different process on the same device or on a completely different device. To do this you use Firefox to attach the Toolbox to the remote process, and the Toolbox is then launched in its own window. At the moment the following tools support remote debugging:

- -

Firefox for Android

-

Remotely debugging Firefox for Android describes how to connect to Firefox on an Android device over USB.

-

Firefox for Metro

-

Remotely debugging Firefox for Metro describes how to use desktop Firefox to debug code running in Windows 8 (Metro-style) Firefox.

-

Firefox OS

-

Using the App Manager includes instructions for connecting the Firefox developer tools to the Firefox OS simulator or to a Firefox OS device.

-

Thunderbird

-

Remotely debugging Thunderbird explains how a combination of Firefox and Thunderbird can be used to debug code running in Thunderbird.

diff --git a/files/tr/araclar/web_konsolu/bolunmus_konsol/index.html b/files/tr/araclar/web_konsolu/bolunmus_konsol/index.html deleted file mode 100644 index b145783aca..0000000000 --- a/files/tr/araclar/web_konsolu/bolunmus_konsol/index.html +++ /dev/null @@ -1,20 +0,0 @@ ---- -title: Bölünmüş Konsol -slug: Araclar/Web_Konsolu/Bolunmus_Konsol -translation_of: Tools/Web_Console/Split_console ---- -
{{ToolsSidebar}}
- -

Konsolu diğer araçlarla birlikte kullanabilirsiniz. Araç kutusundaki başka bir araçtayken,  Esc'ye tıklayın ya da Araç Çubuğu menüsündeki "Bölünmüş Konsolu Göster"i seçin. Araç kutusu şimdi yukarıda orijinal araç ve altındaki web konsoluyla birlikte gözükecektir.

- -

Bölünmüş konsolu tekrar Esc'ye tıklayarak ya da "Bölünmüş Konsolu Gizle" butonuyla kapatabilirsiniz.

- -

- -

{{EmbedYouTube("G2hyxhPHyXo")}}

- -

Her zaman olduğu gibi,  $0 elementler için Denetçi'de seçilmiş kısaltmalar şeklinde çalışır:

- -

Bölünmüş konsolu hata ayıklayıcı ile birlikte kullandığınızda, konsolun kapsamı o anda çalışan yığın çerçevesidir. Öyleyse fonksiyonda bir kesme noktasına gelirseniz, kapsam işlevin kapsamı olacaktır. İşlevde tanımlanan nesneler için otomatik tamamlama elde edersiniz ve bunları kolayca değiştirebilirsiniz:

- -

diff --git a/files/tr/araclar/web_konsolu/index.html b/files/tr/araclar/web_konsolu/index.html deleted file mode 100644 index 585d711508..0000000000 --- a/files/tr/araclar/web_konsolu/index.html +++ /dev/null @@ -1,45 +0,0 @@ ---- -title: Web Konsolu -slug: Araclar/Web_Konsolu -tags: - - Debugging Guide Tools Turkish - - Türkçe DevOps Web Console Mozilla - - Türkçe Web Development - - Web Machine Türkçe - - Web console Türkçe -translation_of: Tools/Web_Console ---- -
{{ToolsSidebar}}
- -

 Web Konsolu:

- -
    -
  1. Kayıt bilgileri bir web sayfasıyla ilişkilidir: ağ istekleri, JavaScript, CSS, güvenlik hataları, uyarılar -ve hatalar da-, sayfa içeriğinde çalışan JavaScript kodunda uyarılar ve bilgilendirme mesajları açıkça tutulur.
    2. -
  2. Sayfa içeriğinde JavaScript ifadeleri çalıştırarak bir web sayfasıyla etkileşime girmenizi sağlar
    3. -
- -

{{EmbedYouTube("C6Cyrpkb25k")}}

- -
-
-
-
Web Konsolunu Açmak
-
Web Konsolu nasıl açılır bilgisi.
-
Komut Satırı Tercümanı
-
How to interact with a document using the Console.
-
Bölünmüş Konsol
-
Konsolu diğer araçlarla birlikte kullanın.
-
-
- -
-
-
Konsol mesajları
-
Konsol kayıtlarının detayları.
-
Zengin Çıktı
-
Konsol tarafından kaydedilen nesnelere bakın ve bunlarla etkileşime geçin.
-
Klavye Kısaltmaları
-
Kısayol referansı.
-
-
-
diff --git a/files/tr/araclar/web_konsolu/komut_satiri_tercumani/index.html b/files/tr/araclar/web_konsolu/komut_satiri_tercumani/index.html deleted file mode 100644 index a63f823b21..0000000000 --- a/files/tr/araclar/web_konsolu/komut_satiri_tercumani/index.html +++ /dev/null @@ -1,141 +0,0 @@ ---- -title: Komut Satırı Tercümanı -slug: Araclar/Web_Konsolu/Komut_Satiri_Tercumani -translation_of: Tools/Web_Console/The_command_line_interpreter ---- -
{{ToolsSidebar}}
- -

Web Konsolu'nun komut satırını kullanarak gerçek zamanlı bir şekilde JavaScript ifadelerini yorumlayabilirsiniz.

- -

- -

İfadeleri Giriş

- -

İfadeleri girmek için komut satırına yazmanız ve Enter 'a tıklamanız yeterlidir. çoklu satırlı ifadeleri girmek için, Enter yerine Shift+Enter kullanmalısınız.

- -

Yazdığınız ifade mesaj görüntüleme penceresinde yankılanır ve sonuç şöyle olur:

- -

Console output showing syntax highlighting

- -

Enter tuşuna bastığınızda girişiniz tam gözükmüyorsa, Konsol bunu girişinizi tamamlamanızı sağlayan Shift+Enter kombinasyonu olarak kabul eder.

- -

Örneğin, şöyle yazarsanız:

- -
function foo() {
- -

sonra Enter 'a basarsanız, Konsol girişi hemen gerçekleştirmez ama Shift+Enter tuşlarına basmışsınız gibi davranır, böylelikle işlev tanımı girmeyi bitirebilirsiniz.

- -

Değişkenlere Erişmek

- -

Sayfada tanımlanan değişkenlere erişebilirsiniz, hem pencere gibi yerleşik değişkenlere hem de jQuery gibi JavaScript tarafından eklenen değişkenlere:

- -

Otomatik Tamamlama

- -

Komut satırı otomatik tamamlama içerir: ilk birkaç harfi girin ve olası tamamlamalar ile bir açılır pencere görünür:

- -

- -

Öneriyi kabul etmek için Enter, Tab ya da sağ ok tuşunu kullanın, farklı bir öneriye geçmek için ise yukarı aşağı oklarını kullanın, ya da önerilerden hiçbirini beğenmiyorsanız yazmaya devam edin.

- -

Konsol otomatik tamamlama önerileri büyük/küçük harf duyarlı değildir.

- -

Konsol,mevcut olarak yürütülen yığın çerçevesinin kapsamından tamamlamalar önerir. Bu şu anlama gelir, bir fonksiyonda kesme noktasına ulaşırsanız, fonksiyondaki yerel nesneler için otomatik tamamlama elde edersiniz.

- -

Otomatik tamamlama önerilerini dizi elemanları için de alırsınız:

- -

Değişkenleri tanımlamak

- -

Kendi değişken ve fonksiyonlarınızı tanımlayıp sonra onlara erişebilirsiniz:

- -

Console output showing syntax highlighting

- -

Girdiğiniz metin, yorumlandıktan sonra sözdizimi kurallarınca vurgulama özelliğine sahip olacaktır.

- -
-

Not: Erişilebilirlik özellikleri etkinleştirilmişse, sözdizimi kuralları vurgulanması(syntax highlighting) tarayıcınızda gözükmez.

-
- -

Komut Geçmişi

- - - -

Komut satırı yazdığınız komutları hatırlar: geçmişinizde ileri veya geri gitmek için yukarı veya aşağı oklarını kullanın.

- -

Komut geçmişi oturumlar arası kalıcıdır. Geçmişi silmek için, sclearHistory() yardımcı fonksiyonunu kullanın.

- -

Firefox 65 ile başlanarak, Linux ve Mac'te veya Windows'ta PowerShell'de olduğu gibi komut satırı geçmişinde ters bir arama başlatabilirsiniz.

- -

Ters aramayı başlatmak için Windows ve Linux'ta F9, Mac'te Ctrl + R tuşlarına basın.

- -

- -

Konsolun altındaki giriş kutusuna aramak istediğiniz metni girin. Aradığınız komutu yazmaya başlayın, ilk eşleşme konsolda gösterilecektir. Tekrar tekrar  Ctrl + R (F9 Windows ve Linux'ta) yazmak, eşleşmeler arasında geriye doğru dönecektir.

- -

- -

Geriye doğru aramayı başlattıktan sonra, eşleşme listesinde ileriye bakmak için Ctrl + S (Shift + F9 Windows ve Linux'ta) tuşlarını kullanabilirsiniz. İstediğiniz komutu bulduğunuzda, ifadeyi çalıştırmak için Return (Enter) tuşuna basın.

- -

Iframe'lerle çalışmak

- -

Bir sayfada gömülü iframe'ler varsa, konsolun kapsamını belirli bir iframe olarak değiştirmek için cd() komutunu kullanabilirsiniz ve sonrasında bu iframe tarafından barındırılan belgede tanımlanan işlevleri çalıştırabilirsiniz. cd() kullanarak bir iframe seçmenin üç yolu vardır: 

- -

 iframe DOM öğesini iletebilirsiniz:

- -
var frame = document.getElementById("frame1");
-cd(frame);
- -

Iframe ile eşleşen bir CSS seçiciyi geçebilirsiniz:

- -
cd("#frame1");
- -

Iframe 'in global pencere nesnesini iletebilirsiniz:

- -
var frame = document.getElementById("frame1");
-cd(frame.contentWindow);
-
- -

İçeriği tekrar üst düzey pencereye geçirmek için, argüman olmadan cd() işlevini çağırın:

- -
cd();
- -

Örneğin, iframe yerleştiren bir belgemiz olduğunu varsayalım:

- -
<!DOCTYPE html>
-<html>
-  <head>
-    <meta charset="UTF-8">
-  </head>
-  <body>
-    <iframe id="frame1" src="static/frame/my-frame1.html"></iframe>
-  </body>
-</html>
- -

Iframe yeni bir fonksiyon tanımlar:

- -
<!DOCTYPE html>
-<html>
-  <head>
-    <meta charset="UTF-8">
-    <script>
-      function whoAreYou() {
-        return "I'm frame1";
-      }
-   </script>
-  </head>
-  <body>
-  </body>
-</html>
- -

Bağlamı şu şekilde iframe olarak değiştirebilirsiniz:

- -
cd("#frame1");
- -

Şimdi global pencerenin belgesinin iframe olduğunu fark edeceksiniz:

- -

Ve, iframe'de tanımlanan işlevi çağırabilirsiniz:

- -

- -

Yardımcı Komutlar

- -

{{ page("en-US/docs/Tools/Web_Console/Helpers", "The commands") }}

diff --git a/files/tr/araclar/web_konsolu/web_konsolunu_acmak/index.html b/files/tr/araclar/web_konsolu/web_konsolunu_acmak/index.html deleted file mode 100644 index d1a1ebb0d5..0000000000 --- a/files/tr/araclar/web_konsolu/web_konsolunu_acmak/index.html +++ /dev/null @@ -1,30 +0,0 @@ ---- -title: Web Konsolu'nu Açmak -slug: Araclar/Web_Konsolu/Web_Konsolunu_Acmak -translation_of: Tools/Web_Console/UI_Tour ---- -
{{ToolsSidebar}}
- -

Web Konsolu'nu açmak için:

- - - -

Araç Kutusu alt kısımda gözükecektir, tarayıcı penceresinin solunda veya sağında (yerleştirme ayarlarınıza bağlı olarak), Web konsolu aktif edilir. (DevTools toolbar'da "Konsol" olarak adlandırılır.):

- -

- -

Web Konsolu'nun arayüzü dört yatay bölüme ayrılmıştır:

- - - -
-

Not: Konsolun içeriğini  Ctrl + Shift + L  (Windows, macOS, ve Linux'ta) veya Cmd + K  (macOS'da) klavye komutlarıyla temizleyebilirsiniz.

-
diff --git a/files/tr/araclar/web_konsolu/zengin_cikti/index.html b/files/tr/araclar/web_konsolu/zengin_cikti/index.html deleted file mode 100644 index 388246ba4b..0000000000 --- a/files/tr/araclar/web_konsolu/zengin_cikti/index.html +++ /dev/null @@ -1,113 +0,0 @@ ---- -title: Zengin Çıktı -slug: Araclar/Web_Konsolu/Zengin_Cikti -translation_of: Tools/Web_Console/Rich_output ---- -
{{ToolsSidebar}}
- -

Web konsolu nesneleri yazdırdığında, sadece nesnenin adından daha zengin bir bilgi kümesi içerir. Bilhassa:

- - - -

Türe Özgü Zengin Çıktı

- -

Web konsolu aşağıdakiler dahil birçok nesne türü için zengin çıktı sağlar:

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Object
Array
Date
Promise -

-
RegExp
Window
Document
Element
Event
- -

Nesne Özelliklerini İnceleme

- -

Bir nesne konsolda günlüğe kaydedildiğinde yanında genişletilebileceğini belirten dik bir üçgen bulunur. Üçgene tıkladığınızda nesne içeriğini gösterecek şekilde genişletecektir:

- -

- -

Firefox 67'den başlayarak (şu anda Firefox geliştirici'de kullanılabilir) konsolda görüntülenen nesnelerde gezinmek için klavyenizdeki ok tuşlarını kullanabilirsiniz. Sağ ok tuşu bir nesnenin ayrıntılarını açar ve sol ok tuşu açık nesneleri kapatır.

- -

İstek ayrıntılarının incelenmesi

- -

Nesne ayrıntılarını incelemeye benzer şekilde, you can see the details about a network request directly in the console. İsteğin yanındaki oka tıklayın; Ağ İzleyicisi aracındaki Başlıklar paneline eşdeğer olan bir detay paneli açılacaktır.

- -

{{EmbedYouTube("Cj3Pjq6jk9s")}}

- -

Çıktıyı panoya aktar

- -

Konsol penceresinde çıktı aldığınızda, çıktıyı sağ tıklayıp Görünür mesajları panoya aktar seçeneğini seçerek panoya kaydedebilirsiniz:

- -

- -

Bu çıktının tümünü panoya kopyalar. Sonrasında bir belgeye yapıştırabilirsiniz. Çıktı şöyle görünecektir:

- -
console.log(todoList)
-Array(4) [ {…}, {…}, {…}, {…} ]
-debugger eval code:1:9
-undefined
- -

Diziler gibi nesneleri de genişletirseniz, biraz farklı içerik elde edersiniz. Örneğin, yukarıdaki listedeki diziyi genişleterek aşağıdakileri alıyorum:

- -
console.log(todoList)
-(4) […]
-​
-0: Object { status: "Done", description: "Morning Pages", dateCreated: 1552404478137 }
-​
-1: Object { status: "In Progress", description: "Refactor styles", dateCreated: 1552404493169 }
-​
-2: Object { status: "To Do", description: "Create feedback form", dateCreated: 1552404512630 }
-​
-3: Object { status: "To Do", description: "Normalize table", dateCreated: 1552404533790 }
-​
-length: 4
-​
-<prototype>: Array []
-debugger eval code:1:9
-undefined
- -

DOM düğümlerini vurgulama ve inceleme

- -

Fareyi konsol çıktısındaki herhangi bir DOM öğesinin üzerine getirdiğinizde sayfada vurgulanır:

- -

Yukarıdaki ekran görüntüsünde, konsol çıktısındaki düğümün yanında mavi renkli bir "hedef" simgesi göreceksiniz: seçili düğümü seçerek denetçiye geçmek için tıklayın.

diff --git a/files/tr/conflicting/learn/css/building_blocks/cascade_and_inheritance/index.html b/files/tr/conflicting/learn/css/building_blocks/cascade_and_inheritance/index.html new file mode 100644 index 0000000000..3e3d882bdf --- /dev/null +++ b/files/tr/conflicting/learn/css/building_blocks/cascade_and_inheritance/index.html @@ -0,0 +1,147 @@ +--- +title: Cascading and inheritance +slug: Web/Guide/CSS/Getting_started/Cascading_and_inheritance +tags: + - Başlarken + - CSS + - Kılavuz + - Rehber + - Web + - Yeni başlayanlar için +translation_of: Learn/CSS/Building_blocks/Cascade_and_inheritance +translation_of_original: Web/Guide/CSS/Getting_started/Cascading_and_inheritance +--- +

{{ CSSTutorialTOC() }}

+ +

{{ previousPage("/en-US/docs/Web/Guide/CSS/Getting_Started/How_CSS_works", "How CSS works.")}}This is the fourth section of the CSS Getting Started tutorial; it outlines how stylesheets interact in a cascade, and how elements inherit style from their parents. You add to your sample stylesheet, using inheritance to alter the style of many parts of your document in one step.

+ +

Basamaklama(Cascading) ve kalıtım(Inheritance)

+ +

Bir elementin son stili kompleks bir şekilde birbiriyle etkileşen bir çok yerde belirtilebilir. Bu kompleks etkileşim CSS'e güçlü bir yapı sağlar fakat; bir çok yerde bulunan stiller bazen karışabilir, hata ayıklamayı zorlaştırabilir. Bu duruma engel olmak için CSS'in öncelik sırası vardır. Bu öncelik kurallarını tarayıcı sıra ile uygular ve elementin stilini verir.

+ +

Basamaklama ile gelen stillerin üç ana kaynağı vardır :

+ + + +

Okuyucunun belirlediği stil, tarayıcıda default bulunan stili değiştirebilir. Ardından belgenin yaratıcısının stili biraz daha değişiklik yapar. Bu kursta, siz belgenin yazarısınız. Sadece belgenin yazarının stilleri üzerinde çalışacağız.

+ +
+
Örnek
+ +

Bu kurstaki belgeleri okuyorken, stillerin bir kısmı, tarayıcınızın HTML için belirlediğini default stillerden gelir.

+ +

Bir kısmı, sizin tarafınızdan düzenlenmiş tarayıcı stil ayarlarından gelir. Firefox'ta, ayarlar Tercihler kısmından veya tarayıcı dosyaları içinde bulunan userContent.css stil dosyasından düzenlenebilir.

+ +

Stillerin çoğu kısmı ise, server'da bulunan stil belgesinden gelmektedir.

+
+ +

Örnek belgenizi tarayıcınızda açtığınızda, {{ HTMLElement("strong") }} elementleri kalın görünecektir. Bu tarayıcınızın HTML için belirttiği stilden gelir.

+ +

{{ HTMLElement("strong") }} elementleri kırmızıdır. Bu stil sizin belirttiğiniz stildir.

+ +

Ayrıca {{ HTMLElement("strong") }} elementleri {{HTMLElement("p") }} elementinin stillerini devralırlar. Aynı şekilde {{ HTMLElement("p") }} elementi de {{ HTMLElement("body") }} elementinin stillerinin varisidir.

+ +

Yazarın stilleri önceliğe sahiptir, ardından okuyucunun stilleri ve sonra tarayıcının defaul stilleri gelir.

+ +

Kalıtsal stillemede, en ufak elementin stili ( mesela {{ HTMLElement("strong") }} elementi ) ebeveyni olan elementin stillerinden daha önceliklidir.

+ +

Stilin uygulama sadece önceliğe bağlı değildir. Yani en ufak elementin önceliği en fazla olduğunda sadece onun stili uygulanmaz. Bir sonraki sayfada daha ayrıntılı açıklanacaktır.

+ +
+

Detay

+ +

CSS, !important kelimesi yardımıyla okuyucuya stillerinde yazardan üstünlük sağlayabilir.

+ +

Bunun belgenin yazarı için anlamı, belgeyi okuyucunun nasıl gördüğünün kesin olarak bilinemeyeceğidir.

+ +

Eğer basamaklama ve kalıtım ile ilgili daha fazla detay öğenmek istiyorsanız, CSS Spesifikasyonu'ndaki Assigning property values, Cascading, and Inheritance belgesine göz atın.

+
+ +

Çalışma: Kalıtımın kullanımı

+ +
    +
  1. Editörünüzde örnek CSS dosyanızı açın.
    2. +
  2. Aşağıdaki satırı kopyalayın ve yapıştırın. Orada zaten bulunan satırın altına veya üstüne yapıştırmanızın hiç bir önemi yoktur. Fakat, en üste eklemek biraz daha mantıklıdır, çünkü {{ HTMLElement("p") }} elementi {{ HTMLElement("strong") }} elementinin ebeveynidir, üstüdür: + 
    p {color: blue; text-decoration: underline;}
+
    +
    3. +
  3. Tarayıcınızı yenileyin ve örnek belgenizdeki değişikliği görün. text-decoration: underline değeri paragraftaki tüm harfleri, baş harfler dahil, etkileyecektir.{{ HTMLElement("strong") }} elementleri, altçizgi stilini miras olarak, ebeveyni olan {{ HTMLElement("p") }} elementinden almıştır. Fakat {{ HTMLElement("strong") }} elementi kırmızı olarak belirtilmişti. Kırmızı onun kendi stilidir; bu yüzden kırmızı, ebeveyni olan {{ HTMLElement("p") }}'nin renk stili maviden önceliklidir.
    4. +
+ +

Öncesi

+ +

HTML içeriği

+ +
<p>
+  <strong>C</strong>ascading
+  <strong>S</strong>tyle
+  <strong>S</strong>heets
+</p>
+
+ +

CSS içeriği

+ +
strong {color:red}
+
+ +

{{ EmbedLiveSample('Before') }}

+ +

Sonrası

+ +

HTML içeriği

+ +
<p>
+  <strong>C</strong>ascading
+  <strong>S</strong>tyle
+  <strong>S</strong>heets
+</p>
+ +

CSS içeriği

+ +
p {color:blue; text-decoration:underline}
+strong {color:red}
+ +

{{ EmbedLiveSample('After') }}

+ +

 

+ +
+
Ödev
+Şablonunuzu sadece kırmızı harflerin altıçizili olması için değiştirin: + + + + + + + +
Cascading Style Sheets
+ +
+
Possible solution
+ +

Move the declaration for underlining from the rule for {{ HTMLElement("p") }} to the one for {{ HTMLElement("strong") }}. The resulting file looks like this:

+ +
p {color: blue; }
+strong {color: red; text-decoration: underline;}
+
+ +

 

+Hide solution
+Ödevin çözümünü gör.
+ +

 

+ +

Bir sonraki?

+ +

{{ nextPage("/en-US/docs/Web/Guide/CSS/Getting_Started/Selectors", "Selectors")}}Şablonunuzda <p> ve <strong> tag'leri için stil belirlerken direk olarak belgenizde bulunan tag isimlerine stiller atadık. Bir sonraki bölümde, stilleri daha seçici yollar ile nasıl belirtebileceğinizi öğreneceksiniz.

diff --git a/files/tr/conflicting/learn/css/first_steps/how_css_works/index.html b/files/tr/conflicting/learn/css/first_steps/how_css_works/index.html new file mode 100644 index 0000000000..680ab90b30 --- /dev/null +++ b/files/tr/conflicting/learn/css/first_steps/how_css_works/index.html @@ -0,0 +1,118 @@ +--- +title: CSS nedir? +slug: Web/Guide/CSS/Getting_started/css_nedir +tags: + - Başlangıç + - Başlarken + - CSS + - Yeni başlayanlar için + - kitapçık + - Örnek +translation_of: Learn/CSS/First_steps/How_CSS_works +translation_of_original: Web/Guide/CSS/Getting_started/What_is_CSS +--- +
Css {{CSSTutorialTOC}}
+ +

{{previousPage("/en-US/docs/Web/Guide/CSS/Getting_Started", "Getting started")}} This first section of the CSS Getting Started tutorial briefly explains Cascading Style Sheets (CSS). You'll also create a simple document to use for CSS exercises in subsequent sections.

+ +

Bilgi: CSS nedir

+ +

Cascading Style Sheets (CSS), belgelerin kullanıcılara nasıl sunulacağını özelleştiren bir dildir.

+ +

Belge, bir imleme(markup) dili kullanılarak yapılandırılmış bilgi yığınıdır.

+ +

Belgenin kullanıcıya sunuluşu, ziyaretçileriniz için kullanışlı bir biçime çevrilmesi demektir. Tarayıcılar, Firefox, Chrome ya da Internet Explorer gibi, belgelerin görsel olarak sunulması için tasarlanmıştır, örneğin, bilgisayar ekranında, yansıtımda(projektör) ya da yazıcıda.

+ +
+

Örnekler

+ + +
+ +

Bu eğiticide, kutular daha fazla ayrıntıyı kapsar, yukarıda gördüğünüz daha ayrıntılı bilgi sunan kutu gibi. Onları gördüğünüzde okuyun, bağlantıları edin izleyin daha sonra okumak için atlayın.

+ +
+
Daha fazla ayrıntı
+ +

Bir belge, dosya ile aynı değildir. Bir belgeyi ancak bir dosyanın içerisinde saklayabilirsiniz.

+ +

Şu an okuduğunuz belge bir dosyadadır. Tarayıcınız bu sayfayı çağırdığında, sunucu veritabanını sorgular ve sayfanın bölümlerini dosyalardan toplayarak belgeyi hazırlar. Aynı biçimde, bu öğreticide dosyaların içerisinde saklanan belgelerle çalışacaksınız.

+ +

Bu sitenin diğer sayfalarında imleme dilleri hakkında bilgi bulabilirsiniz;

+ + + + + + + + + + + + + + + + + + + + +
HTMLweb sayfaları için
XMLbelgeleri genel olarak yapılandırma için
SVGÇizgeler için
XULMozilla'da kullanıcı arayüzleri için
+ +

Bu eğiticinin ikinci bölümünde bu imleme dillerini göreceksiniz.

+
+ +
Daha fazla ayrıntı + +

Resmi CSS terimler dizgesinde, belgenin kullanıcıya sunulduğu bir program, kullanıcı aracısı (User Agent-UA) olarak isimlendirilir. Bir tarayıcı, bir çeşit kullanıcı aracısıdır. CSS yalnızca tarayıcılar için veya görünüm sunumu için değildir fakat bu eğiticinin birinci bölümünde, yalnızca tarayıcı için olan CSS ile çalışacaksınız.

+ +

CSS'e ilişkin resmi terimleri için, World Wide Web Consortium (W3C) dan sağlanan CSS şartnamelerinin deyişlerine göz atın.W3C web için açık standartları hazırlayan uluslararası bir topluluktur.

+
+ +

Çalışma: Bir belge yaratmak

+ +
    +
  1. Bilgisayarınızda bir dizin oluşturun ve alıştırmalarınızı düzenleyin.
    2. +
  2. Yazı düzenleyicinizi açın.
    3. +
  3. Aşağıda gördüğünüz HTML kodlarını kopyalayıp yapıştırın. belge1.html adı ile kaydedin. + 
    <!DOCTYPE html>
+<html>
+  <head>
+  <meta charset="UTF-8">
+  <title>örnek belge</title>
+  </head>
+
+  <body>
+    <p>
+      <strong>C</strong>ascading
+      <strong>S</strong>tyle
+      <strong>S</strong>heets
+    </p>
+  </body>
+</html>
    + +

    {{ LiveSampleLink('Action_Creating_a_document', 'Yukarıdaki Örneği Görüntüle') }}

    +
    4. +
  4. Tarayıcınızda kaydettiğiniz belgeyi açın. +

    Tarayıcıda, aşağıdaki gibi ilk harfleri kalın olan yazıyı göreceksiniz;

    + + + + + + + +
    Cascading Style Sheets
    + +

    Eğer yukarıdakinin aynısını göremiyorsanız, bu tarayıcı ayarlarından kaynaklıdır. Yazı yüzleri, renkler ve boşluklar farklı olabilir. Bu gibi farklılıklar önemli değildir.

    +
    5. +
+ +

Bir sonraki adım?

+ +

{{nextPage("/en-US/docs/Web/Guide/CSS/Getting_Started/Why_use_CSS", "Why use CSS?")}}Belgenizde henüz CSS kullanmadınız. Bir sonraki bölüm'de, belgenizde CSS kullanacaksınız.

diff --git a/files/tr/conflicting/learn/css/first_steps/how_css_works_64ba4331a7a5f4319c6e06b06ccdd521/index.html b/files/tr/conflicting/learn/css/first_steps/how_css_works_64ba4331a7a5f4319c6e06b06ccdd521/index.html new file mode 100644 index 0000000000..fa1429e2f9 --- /dev/null +++ b/files/tr/conflicting/learn/css/first_steps/how_css_works_64ba4331a7a5f4319c6e06b06ccdd521/index.html @@ -0,0 +1,113 @@ +--- +title: Neden CSS Kullanılır +slug: Web/Guide/CSS/Getting_started/Why_use_CSS +tags: + - CSS + - 'CSS:Başlarken' + - Kılavuz + - Web + - Yeni başlayan + - Yeni başlayanlar + - Örnek +translation_of: Learn/CSS/First_steps/How_CSS_works +translation_of_original: Web/Guide/CSS/Getting_started/Why_use_CSS +--- +

{{ CSSTutorialTOC() }}

+ +

{{ previousPage("/tr/docs/Web/Guide/CSS/Getting_Started/CSS_Nedir", "CSS Nedir?") }}CSS Başlangıç yönergesindeki bu bölüm CSS ve HTML belgeleri arasındaki ilişkiyi anlatır. İlk bölümde yarattığınız belgeye biçim eklemeyi, alıştırmayla öğreneceksiniz.

+ +

Bilgi: Neden CSS kullanılır?

+ +

Belgenizin tasarım, yerleşim ve görünüm ile ilgili çeşitlerini içeren biçim öğelerini, farklı ekran boyutlarında ve farklı aygıtlarda tanımlamak için CSS kullanılır. CSS kodlarınızı <head> içerisine gömebilirsiniz (gömülü iç CSS) veya biçimlerinizi tanımlayan bir biçim sayfasını farklı bir dizine ekleyip çağırabilirsiniz (dış CSS). Farklı bir belgede bulunan biçim kurallarını belgenize eklemek için, <head> ögesi içerisine bağlantı vermeniz gerekir.

+ +

Dış biçim sayfalasının bir çok üstünlüğü vardır. Biçim sayfalarınızı HTML içeriğinizden farklı bir belgede saklamak:

+ + + +
+
Örnek
+ +

h2 ögesi için oluşturduğunuz biçim kuralı ile, tanımladığınız bütün h2 ögerlerini tek bir yerden denetleyebilirsiniz.

+ +

Kullanıcı bir ağ sayfasını görüntülediğinde, sayfanın içeriğiyle birllikte tanımlanmış biçim kuralları yüklenir.

+ +

Kullanıcı bir ağ sayfasını yazdırdığında, tanımladığınız özel biçim kuralları ile sayfanın okunabilirliğini artırabilirsiniz.

+
+ +

CSS ve HTML nasıl birlikte çalışır? Genel olarak, HTML'yi belgenizin içeriğini belirlemek için kullanırsınız, biçim kuralları için CSS vardır. Bu öğreticiden sonra, bu düzenlemelerin nasıl yapıldığını göreceksiniz.

+ +
+
Daha fazla ayrıntı
+ +

HTML gibi bir imleme dili biçim tanımlamak için bir kaç yol sağlar.

+ +

Örneğin, HTML içerisinde <b> ögesini, yazıyı kalınlaştırmak için kullanabilirsiniz ve ardalan rengini <body> ögesi içerisinde tanımlayabilirsiniz.

+ +

CSS ile bu özellikleri kullanamazsınız fakat bunlara gerek de kalmaz. Kullanmanız gereken bütün kodları tek bir yerde kullanabilirsiniz.

+
+ +

Çalışma: Bir kalıp hazırlamak

+ +
    +
  1. Birinci bölümde eklediğiniz belge1.html ile aynı dizine bir belge daha ekleyin.
    2. +
  2. Eklediğiniz belgeyi bicim1.css olarak adlandırın. Bu sizin biçim belgeniz olacak.
    3. +
  3. CSS belgesi içerisine aşağıdaki satırı ekleyip kaydedin:
    4. +
  4. + 
    strong {color: red;}
+
    +
    5. +
+ +

Biçim belgesi ile bağlantılamak

+ +
    +
  1. Biçim belgeniz ile HTML'inizi ilişkilendirmek için, HTML belgesini düzenleyin. Aşağıdaki işaretli satırı ekleyin: + 
    <!DOCTYPE html>
+<html>
+  <head>
+  <meta charset="UTF-8">
+  <title>örnek belge</title>
+  <link rel="stylesheet" href="bicim1.css">
+  </head>
+  <body>
+    <p>
+      <strong>C</strong>ascading
+      <strong>S</strong>tyle
+      <strong>S</strong>heets
+    </p>
+  </body>
+</html>
+
    +
    2. +
  2. Kaydedin ve HTML'yi tarayıcınızda açın, açıksa yenileyin. İlk harfler kırmızı olacaktır: + + + + + + +
    Cascading Style Sheets
    +
    3. +
+ +
+
Alıştırma
+ +

CSS bazı renkler için rengin ingilizcesine izin verir.

+ +
+
Possible solution
+ +

CSS supports common color names like orange, yellow, blue, green, or black. It also supports some more exotic color names like chartreuse, fuschia, or burlywood. See CSS Color value for a complete list as well as other ways of specifying colors.

+Hide solution
+Alıştırmanın yanıtını görün.
+ +

Sıradaki

+ +

{{nextPage("/en-US/docs/Web/Guide/CSS/Getting_started/How_CSS_works", "CSS Nasıl Çalışır.")}} Artık bir HTML belgesine bağlı bir biçim belgeniz var.

+ +

Şimdi tarayıcınızın, sayfayı oluştururken bunları nasıl birleştirdiğini öğrenebilirsiniz.

diff --git a/files/tr/conflicting/learn/css/first_steps/how_css_works_bb137d8ec11d5e9680f32049e9a3cb26/index.html b/files/tr/conflicting/learn/css/first_steps/how_css_works_bb137d8ec11d5e9680f32049e9a3cb26/index.html new file mode 100644 index 0000000000..8fbddac78d --- /dev/null +++ b/files/tr/conflicting/learn/css/first_steps/how_css_works_bb137d8ec11d5e9680f32049e9a3cb26/index.html @@ -0,0 +1,135 @@ +--- +title: How CSS works +slug: Web/Guide/CSS/Getting_started/How_CSS_works +tags: + - Başlarken + - CSS + - Kılavuz + - Web + - Yeni başlayan + - Yeni başlayanlar +translation_of: Learn/CSS/First_steps/How_CSS_works +translation_of_original: Web/Guide/CSS/Getting_started/How_CSS_works +--- +

{{ CSSTutorialTOC() }}

+ +

{{ previousPage("/en-US/docs/Web/Guide/CSS/Getting_Started/Why_use_CSS", "Why use CSS?") }}This third section of the CSS Getting Started tutorial explains how CSS works in your browser and the purpose of the Document Object Model (DOM). You'll also learn how to analyze your sample document.

+ +

Bilgi: CSS nasıl çalışır

+ +

Bir tarayıcı bir belgeyi görüntülediğinde, belgenin içeriği ve stil bilgileri birleşir. Bu, iki adımda gerçekleşir:

+ +
    +
  1. Tarayıcı markup (HTML gibi) dilini ve DOM (Document Object Model) içerisindeki CSS'i dönüştürür. DOM bilgisayar hafızasındaki belgeyi temsil eder. Belge içeriği ile stili kombine olur.
    2. +
  2. Tarayıcı DOM içeriğini gösterir.
    3. +
+ +

Bir markup dili belge yapısını oluşturmak için elementleri kullanır. Elementler < > arasında belirtilir. Bir çok elementin başlama ve bitiş etiketi vardır. Başlama etiketi için, işaretlerin arasına <elementinadı>, bitiş için </elementinadı> şeklinde kullanılır.Şu şekildedir;

+ +

<elementinismi>

+ +

Bu elementte kullanacağınız içerik bu ikisi arasında yer almalıdır.

+ +

</elementinismi>

+ +

Depending on the markup language, some elements have only a start tag, or a single tag where the '/' comes after the element name. An element can also be a container and include other elements between its start tag and end tag. Just remember to always close the tags inside the container.

+ +

DOM ağaçsı bir yapıya sahiptir. Markup dili içerisindeki her element, öznitelik ve text, bu ağaçsı yapı içerisinde bir düğüm noktasıdır. Düğümler diğer DOM düğümleri ile ilişki içindedir. Düğümler arasına kalıtsallığa benzeyen bir durum vardır. Kimi element üsttedir (parent), kimi element ise alttadır (sibling). Bir aile ağacı gibi düşünülebilir.

+ +

DOM'u anlamak size CSS'te kolaylık sağlar, çünkü DOM, CSS'inizin ve belge içeriğinizin birleştiği yerdedir.

+ +
+
Örnek
+ +
 
+Örnek belgenizde, Başlama <p> ve onun bitişi </p> kullanılmak üzerei bir alan (container) yaratır: + +
<p>
+  <strong>C</strong>ascading
+  <strong>S</strong>tyle
+  <strong>S</strong>heets
+</p>
+
+ +

 

+ +

{{ EmbedLiveSample('Information.3A_How_CSS_works', '', '', '', 'Web/Guide/CSS/Getting_started/How_CSS_works') }}

+ +

DOM'da, aşağıda, P'ye karşılık gelen düğüm bir ebeveyndir. Onun çocukları ise STRONG düğümleri ve text düğümleridir.STRONG düğümü ise, örnekte gördüğünüz kırmızı harflerin ebeveynidir. Kırmızı harfler kardeştir.Aşağıda bu yapı gösterilmiştir;

+ +
P
+├─STRONG
+│ └─"C"
+├─"ascading"
+├─STRONG
+│ └─"S"
+├─"tyle"
+├─STRONG
+│ └─"S"
+└─"heets"
+
+ +

Çalışma: DOM'u incelemek

+ +

DOM denetçisi

+ +

DOM'u incelemek için, özel bir yazılıma ihtiyacınız var. Mozilla'nın DOM Inspector (DOMi) eklentisini kullanabilirsiniz. Eklenti ufak bir kurulum gerektirir. Aşağıda detaylıdır;

+ +
    +
  1. Örnek belgenizi Mozilla tarayıcısını kullanarak açın.
    2. +
  2. Tarayıcınızın menü kısmından, Araçlar > DOM Denetçisi, ya da Araçlar > Web Geliştirme > DOM Denetçisi. +
    +
    Daha fazla detay
    + +

    Mozilla'nızda DOMi yoksa eklentiler sitesinden yükleyin ve bu öğreticiye geri dönün.

    + +

    DOMi yüklemek istemiyorsanız veya Mozilla'dan farklı bir tarayıcı kullanıyorsanız..............

    +
    +
    3. +
  3. In DOMi, expand your document's nodes by clicking on their arrows. +

    Note:  Spacing in your HTML file may cause DOMi to show some empty text nodes, which you can ignore.

    + +

    Part of the result might look like this, depending on which nodes you have expanded:

    + + 
    │ ▼╴P
+│ │ │ ▼╴STRONG
+│ │ └#text
+│ ├╴#text
+│ ►╴STRONG
+│ │
    + +

    When you select any node, you can use DOMi's right-hand pane to find out more about it. For example, when you select a text node, DOMi shows you the text in the right-hand pane.

    + +

    When you select an element node, DOMi analyzes it and provides a huge amount of information in its right-hand pane. Style information is just part of the information it provides.

    +
    4. +
+ +
+
Challenge
+ +

In DOMi, click on a STRONG node.

+ +

Use DOMi's right-hand pane to find out where the node's color is set to red, and where its appearance is made bolder than normal text.

+ +
+
Possible solution
+ +

In the menu above the right-hand pane, choose CSS Rules. You see two items listed, one that references an internal resource and one that references your stylesheet file. The internal resource defines the font-weight property as bolder; your stylesheet defines the color property as red.

+Hide solution
+See a solution for the challenge.
+ +

Using Web X-Ray Goggles

+ +

Web X-Ray Goggles shows less information than DOM Inspector, but is simpler to install and use.

+ +
    +
  1. Go to the home page for Web X-Ray Goggles.
    2. +
  2. Drag the bookmarklet link in that page to your browser toolbar.
    3. +
  3. Open your sample HTML document.
    4. +
  4. Activate Web X-Ray Goggles by clicking the bookmarklet on the toolbar.
    5. +
  5. Move your mouse pointer around over your document to see the elements in the document.
    6. +
+ +

Sonra?

+ +

{{ nextPage("/en-US/docs/Web/Guide/CSS/Getting_Started/Cascading_and_inheritance", "Cascading & Inheritance") }}If you took the challenge, you saw that style information from more than one place interacts to create the final style for an element. The next page explains more about these interactions.

diff --git a/files/tr/conflicting/learn/css/first_steps/index.html b/files/tr/conflicting/learn/css/first_steps/index.html new file mode 100644 index 0000000000..a299f6cb69 --- /dev/null +++ b/files/tr/conflicting/learn/css/first_steps/index.html @@ -0,0 +1,53 @@ +--- +title: CSS'e başlarken +slug: Web/Guide/CSS/Getting_started +tags: + - CSS + - 'CSS:Başlarken' + - Kitap + - Kılavuz + - Rehber + - Temel CSS Eğitimi + - Web + - Yeni başlayan + - Yeni başlayanlar +translation_of: Learn/CSS/First_steps +translation_of_original: Web/Guide/CSS/Getting_started +--- +

Bu eğitimde Cascading Style Sheets (CSS) 'in söz dizimi ve dilin ana özellikleri ile tanışacaksınız. CSS kullanılarak, tıpkı bir web sayfası gibi, bir belgenin görünümü değiştirilebilir. Bu eğitici size kendi bilgisayarınızda deneyebileceğiniz ve CSS'in günümüz tarayıcılarındaki özellik ve etkilerini görebileceğiniz örnekler sunacaktır.

+ +

Bu eğitici CSS'e yeni başlayanlar için bir kılavuz niteliğindedir. Eğer daha fazla deneyiminiz varsa, CSS anasayfasında daha kapsamlı kaynaklar mevcuttur.

+ + + +

Başlarken neler gerekli?

+ + + +

Alıştırmalar öğrenmenize yardımcı olmak içindir ancak bütünüyle bir gereksinim değil. Öğrenmek için yalnızca okuyabilir ve görsellere bakabilirsiniz.

+ +

Eğitici nasıl kullanılır

+ +

Bu eğiticiyi kullanmak için, sayfaları dikkatlice ve sırasıyla okuyun. Eğer bir sayfayı atlarsanız, sonraki sayfaları anlamanız zorlaşabilir.

+ +

Bölüm I: CSS'in Temelleri

+ +

CSS'in nasıl çalıştığını kavrayabilmek için bilgi bölümünü kullanın. CSS'i kendi bilgisayarınızda kullanmayı denemek için çalışma bölümünü deneyin.

+ +

Anladığınızı sınamak için, her sayfanın sonundaki alıştırmayı yapın. Alıştırmaların çözümleri, alıştırmanın altındaki bağlantıdadır, gerek gördükçe bakabilirsiniz.

+ +

Bölüm II: CSS'in Kapsamı

+ +

Eğiticinin ikinci bölümü, CSS'in diğer web bileşenleriyle ve Mozilla teknolojileriyle olan kapsamını gösterir. Örnekler sağlar.

+ +
    +
  1. JavaScript
    2. +
  2. SVG çizgeleri
    3. +
  3. XML veri
    4. +
  4. XBL bağlamaları
    5. +
  5. XUL kullanıcı arayüzleri
    6. +
diff --git a/files/tr/conflicting/web/javascript/reference/global_objects/boolean/index.html b/files/tr/conflicting/web/javascript/reference/global_objects/boolean/index.html new file mode 100644 index 0000000000..dcb92f48b3 --- /dev/null +++ b/files/tr/conflicting/web/javascript/reference/global_objects/boolean/index.html @@ -0,0 +1,77 @@ +--- +title: Boolean.prototype +slug: Web/JavaScript/Reference/Global_Objects/Boolean/prototype +translation_of: Web/JavaScript/Reference/Global_Objects/Boolean +translation_of_original: Web/JavaScript/Reference/Global_Objects/Boolean/prototype +--- +
{{JSRef}}
+ +

Boolean.prototype özelliği {{jsxref ("Boolean")}} yapıcı methodunun prototipini temsil eder.

+ +
{{js_property_attributes(0, 0, 0)}}
+ +
{{EmbedInteractiveExample("pages/js/boolean-constructor.html")}}
+ + + +

 

+ +

{{jsxref("Boolean")}} instances inherit from Boolean.prototype. You can use the constructor's prototype object to add properties or methods to all {{jsxref("Boolean")}} instances.

+ +

Properties

+ +
+
Boolean.prototype.constructor
+
Bir örneğin prototipini oluşturan fonksiyonu döndürür. Bu varsayılan olarak {{jsxref ("Boolean")}} işlevidir.
+
+ +

Methods

+ +
+
{{jsxref("Boolean.prototype.toSource()")}} {{non-standard_inline}}
+
{{Jsxref ("Boolean")}} nesnesinin kaynağını içeren bir dize döndürür; eşdeğer bir nesne oluşturmak için bu dizeyi kullanabilirsiniz. {{Jsxref ("Object.prototype.toSource ()")}} methodunu geçersiz kılar.
+
{{jsxref("Boolean.prototype.toString()")}}
+
Nesnenin değerine bağlı olarak "true" ya da "false" dizesini döndürür. {{Jsxref ("Object.prototype.toString ()")}} methodunu geçersiz kılar.
+
{{jsxref("Boolean.prototype.valueOf()")}}
+
{{Jsxref ("Boolean")}} nesnesinin temel değerini döndürür. {{Jsxref ("Object.prototype.valueOf ()")}} methodunu geçersiz kılar.
+
+ +

Özellikler

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
ÖzelliklerDurumAçıklama
{{SpecName('ES1')}}{{Spec2('ES1')}}İlk tanım. JavaScript 1.0'da uygulanmaktadır.
{{SpecName('ES5.1', '#sec-15.6.3.1', 'Boolean.prototype')}}{{Spec2('ES5.1')}} 
{{SpecName('ES6', '#sec-boolean.prototype', 'Boolean.prototype')}}{{Spec2('ES6')}} 
{{SpecName('ESDraft', '#sec-boolean.prototype', 'Boolean.prototype')}}{{Spec2('ESDraft')}} 
+ +

Tarayıcı Uyumluluğu

+ +
+ + +

{{Compat("javascript.builtins.Boolean.prototype")}}

+
diff --git a/files/tr/conflicting/web/javascript/reference/global_objects/map/index.html b/files/tr/conflicting/web/javascript/reference/global_objects/map/index.html new file mode 100644 index 0000000000..1124f3602e --- /dev/null +++ b/files/tr/conflicting/web/javascript/reference/global_objects/map/index.html @@ -0,0 +1,85 @@ +--- +title: Map.prototype +slug: Web/JavaScript/Reference/Global_Objects/Map/prototype +translation_of: Web/JavaScript/Reference/Global_Objects/Map +translation_of_original: Web/JavaScript/Reference/Global_Objects/Map/prototype +--- +
{{JSRef}}
+ +

Map.prototype özelliği {{jsxref("Map")}} kurucusunun prototipini temsil eder.

+ +
{{js_property_attributes(0,0,0)}}
+ +

Tanım

+ +

{{jsxref("Map")}} örnekleri {{jsxref("Map.prototype")}}'den miras alınır. Tüm Map örneklerine özellikler veya yöntemler eklemek için yapıcının prototip nesnesini kullanabilirsiniz.

+ +

Özellikleri

+ +
+
Map.prototype.constructor
+
Bir örneğin prototipini oluşturan işlevi döndürür. Bu, varsayılan olarak {{jsxref("Map")}} işlevidir.
+
{{jsxref("Map.prototype.size")}}
+
Map nesnesindeki anahtar / değer çiftlerinin sayısını döndürür.
+
+ +

Yöntemler

+ +
+
{{jsxref("Map.prototype.clear()")}}
+
Tüm anahtar / değer çiftlerini Map objesinden siler.
+
{{jsxref("Map.delete", "Map.prototype.delete(key)")}}
+
Map nesnesindeki bir öge varsa ve kaldırılmışsa true öge yoksa false döndürür. Map.prototype.has(key) daha sonra false döndürür.
+
{{jsxref("Map.prototype.entries()")}}
+
Ekleme sırasındaki Map nesnesindeki her öge için [anahtar, değer] dizisini içeren yeni bir Iterator nesnesini döndürür.
+
{{jsxref("Map.forEach", "Map.prototype.forEach(callbackFn[, thisArg])")}}
+
Map nesnesindeki her anahtar - değer çifti için ekleme sırasına göre callbackFn ögesini bir kez çağırır.  thisArg parametresi forEach için sağlanmışsa, her geri çağırma için bu değer olarak kullanılacaktır.
+
{{jsxref("Map.get", "Map.prototype.get(key)")}}
+
key ile ilişkilendirilmiş değeri veya hiçbir şey yoksa undefined değerini döndürür.
+
{{jsxref("Map.has", "Map.prototype.has(key)")}}
+
Map nesnesindeki bir değerin key ile ilişkili olup olmadığını belirten bir boolean döndürür.
+
{{jsxref("Map.prototype.keys()")}}
+
Map nesnesindeki her bir ögenin anahtarlarını ekleme sırasına göre içeren yeni bir Iterator nesnesi döndürür.
+
{{jsxref("Map.set", "Map.prototype.set(key, value)")}}
+
Mapnesnesindeki key değerini ayarlar. Map nesnesini döndürür.
+
{{jsxref("Map.prototype.values()")}}
+
Map nesnesindeki her bir ögenin değerlerini ekleme sırasına göre içeren yeni bir  Iterator nesnesi döndürür.
+
{{jsxref("Map.@@iterator", "Map.prototype[@@iterator]()")}}
+
Ekleme sırasındaki Map nesnesindeki her bir öge için[anahtar, değer] dizisini içeren yeni bir Iterator nesnesini döndürür.
+
+ +

Şartlar

+ + + + + + + + + + + + + + + + + + + +
ŞartDurumAçıklama
{{SpecName('ES2015', '#sec-map.prototype', 'Map.prototype')}}{{Spec2('ES2015')}} +

İlk tanım

+
{{SpecName('ESDraft', '#sec-map.prototype', 'Map.prototype')}}{{Spec2('ESDraft')}} 
+ +

Tarayıcı Uyumluluğu

+ + + +

{{Compat("javascript.builtins.Map.prototype")}}

+ +

Ayrıca Bakınız

+ + diff --git a/files/tr/conflicting/web/javascript/reference/operators/index.html b/files/tr/conflicting/web/javascript/reference/operators/index.html new file mode 100644 index 0000000000..04d337601d --- /dev/null +++ b/files/tr/conflicting/web/javascript/reference/operators/index.html @@ -0,0 +1,294 @@ +--- +title: Arithmetic operators +slug: Web/JavaScript/Reference/Operatörler/Arithmetic_Operators +tags: + - Aritmetik Operatörler + - JavaScript +translation_of: Web/JavaScript/Reference/Operators +translation_of_original: Web/JavaScript/Reference/Operators/Arithmetic_Operators +--- +
{{jsSidebar("Operators")}}
+ +

Aritmetik operatörler sayısal değerleri (değişmez değerler veya değişkenler) kendi değişkeni olarak alır ve tek bir sayısal değer döndürür. Standart aritmetik operatörler toplama (+), çıkarma (-), çıkarma (*), ve bölme (/).

+ +
{{EmbedInteractiveExample("pages/js/expressions-arithmetic.html")}}
+ + + +

Toplama (+)

+ +

Toplama işleci, sayısal değişkenlerin veya dize birleşiminin toplamını üretir.

+ +

Syntax

+ +
Operator: x + y
+
+ +

Examples

+ +
// Number + Number -> Toplama
+1 + 2 // 3
+
+// Boolean + Number -> Toplama
+true + 1 // 2
+
+// Boolean + Boolean -> Toplama
+false + false // 0
+
+// Number + String -> Birleşim
+5 + 'foo' // "5foo"
+
+// String + Boolean -> Birleşim
+'foo' + false // "foofalse"
+
+// String + String -> Birleşim
+'foo' + 'bar' // "foobar"
+
+ +

Çıkarma (-)

+ +

Çıkarma işleci (operator), iki değişkeni çıkarır ve farklarını üretir.

+ +

Söz Dizimi

+ +
Operator: x - y
+
+ +

Örnekler

+ +
5 - 3 // 2
+3 - 5 // -2
+'foo' - 3 // NaN(Sayı Değil)
+ +

Bölme (/)

+ +

Bölme operatörü, sol değişkenin bölüm olduğu ve sağ değişkenin bölen olduğu işlenenlerin bölümünü üretir.

+ +

Söz Dizimi

+ +
Operator: x / y
+
+ +

Örnekler

+ +
1 / 2      // 0.5 döndürür
+1 / 2      // Java''da 0 döndürür
+// (her iki sayı da açıkça kayan nokta sayısıdır)
+
+1.0 / 2.0  // JavaScript ve Java 0.5 döndürür
+
+2.0 / 0    // JavaScript sonsuz döndürür
+2.0 / 0.0  // Sonsuzu da döndürür
+2.0 / -0.0 // JavaScript eksi sonsuz da döndürür
+ +

Çarpma (*)

+ +

Çarpma operatörü değişkenlerin ürününü üretir.

+ +

Söz Dizimi

+ +
Operator: x * y
+
+ +

Örnekler

+ +
2 * 2 // 4
+-2 * 2 // -4
+Infinity * 0 // NaN(Sayı Değil1)
+Infinity * Infinity // Sonsuz
+'foo' * 2 // NaN
+
+ +

Kalan (%)

+ +

Kalan operatörü, bir değişken ikinci bir değişken tarafından bölündüğünde kalan döndürür. Her zaman bölüm işareti alır.

+ +

Söz Dizimi

+ +
Operator: var1 % var2
+
+ +

Örnekler

+ +
12 % 5 // 2
+-1 % 2 // -1
+1 % -2 // 1
+NaN % 2 // NaN
+1 % 2 // 1
+2 % 3 // 2
+-4 % 2 // -0
+5.5 % 2 // 1.5
+
+ +

Üs (**)

+ +

The exponentiation operator returns the result of raising first operand to the power second operand. That is, var1var2, in the preceding statement, where var1 and var2 are variables. Exponentiation operator is right associative. a ** b ** c is equal to a ** (b ** c).

+ +

Syntax

+ +
Operator: var1 ** var2
+
+ +

Notes

+ +

In most languages like PHP and Python and others that have an exponentiation operator (**), the exponentiation operator is defined to have a higher precedence than unary operators such as unary + and unary -, but there are a few exceptions. For example, in Bash the ** operator is defined to have a lower precedence than unary operators. In JavaScript, it is impossible to write an ambiguous exponentiation expression, i.e. you cannot put a unary operator (+/-/~/!/delete/void/typeof) immediately before the base number.

+ +
-2 ** 2;
+// 4 in Bash, -4 in other languages.
+// This is invalid in JavaScript, as the operation is ambiguous.
+
+
+-(2 ** 2);
+// -4 in JavaScript and the author's intention is unambiguous.
+
+ +

Examples

+ +
2 ** 3 // 8
+3 ** 2 // 9
+3 ** 2.5 // 15.588457268119896
+10 ** -1 // 0.1
+NaN ** 2 // NaN
+
+2 ** 3 ** 2 // 512
+2 ** (3 ** 2) // 512
+(2 ** 3) ** 2 // 64
+
+ +

To invert the sign of the result of an exponentiation expression:

+ +
-(2 ** 2) // -4
+
+ +

To force the base of an exponentiation expression to be a negative number:

+ +
(-2) ** 2 // 4
+
+ +
+

Note: JavaScript also has a bitwise operator ^ (logical XOR). ** and ^ are different (for example : 2 ** 3 === 8 when 2 ^ 3 === 1.)

+
+ +

Artırma (++)

+ +

Artış operatörü işlenenini artırır (bir ekler) ve bir değer döndürür.

+ + + +

Söz Dizimi

+ +
Operator: x++ yada ++x
+
+ +

Örnekler

+ +
// Postfix
+var x = 3;
+y = x++; // y = 3, x = 4
+
+// Prefix
+var a = 2;
+b = ++a; // a = 3, b = 3
+
+ +

Azaltma (--)

+ +

The decrement operator decrements (subtracts one from) its operand and returns a value.

+ + + +

Syntax

+ +
Operator: x-- or --x
+
+ +

Examples

+ +
// Postfix
+var x = 3;
+y = x--; // y = 3, x = 2
+
+// Prefix
+var a = 2;
+b = --a; // a = 1, b = 1
+
+ +

Unary negation (-)

+ +

The unary negation operator precedes its operand and negates it.

+ +

Syntax

+ +
Operator: -x
+
+ +

Examples

+ +
var x = 3;
+y = -x; // y = -3, x = 3
+
+// Unary negation operator can convert non-numbers into a number
+var x = "4";
+y = -x; // y = -4
+
+ +

Unary plus (+)

+ +

The unary plus operator precedes its operand and evaluates to its operand but attempts to convert it into a number, if it isn't already. Although unary negation (-) also can convert non-numbers, unary plus is the fastest and preferred way of converting something into a number, because it does not perform any other operations on the number. It can convert string representations of integers and floats, as well as the non-string values true, false, and null. Integers in both decimal and hexadecimal ("0x"-prefixed) formats are supported. Negative numbers are supported (though not for hex). If it cannot parse a particular value, it will evaluate to {{jsxref("NaN")}}.

+ +

Syntax

+ +
Operator: +x
+
+ +

Examples

+ +
+3     // 3
++'3'   // 3
++true  // 1
++false // 0
++null  // 0
++function(val){ return val } // NaN
+
+ +

Specifications

+ + + + + + + + + + + + + + + + + + + + + +
Specification
{{SpecName('ESDraft', '#sec-additive-operators', 'Additive operators')}}
{{SpecName('ESDraft', '#sec-postfix-expressions', 'Postfix expressions')}}
{{SpecName('ESDraft', '#sec-11.5', 'Multiplicative operators')}}
{{SpecName('ESDraft', '#sec-11.4', 'Unary operator')}}
+ +

Browser compatibility

+ + + +

{{Compat("javascript.operators.arithmetic")}}

+ +

See also

+ + diff --git a/files/tr/conflicting/web/javascript/reference/operators_3b90ea9617c66e4283e266b64ea7ae4a/index.html b/files/tr/conflicting/web/javascript/reference/operators_3b90ea9617c66e4283e266b64ea7ae4a/index.html new file mode 100644 index 0000000000..410107226b --- /dev/null +++ b/files/tr/conflicting/web/javascript/reference/operators_3b90ea9617c66e4283e266b64ea7ae4a/index.html @@ -0,0 +1,565 @@ +--- +title: Bitwise operators +slug: Web/JavaScript/Reference/Operatörler/Bitwise_Operators +translation_of: Web/JavaScript/Reference/Operators +translation_of_original: Web/JavaScript/Reference/Operators/Bitwise_Operators +--- +
{{jsSidebar("Operators")}}
+ +

Bitsel işleçler işlediği elemanlara ondalık, onaltılık veya sayılar yerine 32 bit diziler(sıfır ve birler) olarak davranır. Örneğin, onluk bir sayı olan 9, ikilik sistemde 1001 ile gösterilir. Bitsel işleçler, işlemin iki tarafınada ikili değerleriyle işlem yapar ancak JavaScript standartı olan sayısal değerleri döner.

+ +

Aşağıdaki tablo JavaScript'in bitsel işleçlerini özetler:

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
OperatorUsageDescription
Bitwise ANDa & bBitsel işleçin iki tarafının karşılık gelen bitleri 1 ise, en az bir tanesi 0 ise 0 döndürür.
Bitwise ORa | bBitsel işleçin iki tarafının karşılık gelen bitlerinden en az biri 1 ise 1 döndürür.
Bitwise XORa ^ bBitsel işleçin iki tarafının karşılık gelen bitlerinden ancak bir tanesi 1 ise, 1 döndürür.
Bitwise NOT~ aİşlenenin bitlerini ters çevirir.
Left shifta << ba sayısının ikili haline, sağına b (< 32) adet bit 0 ekleyerek sola doğru kaydırır.
Sign-propagating right shifta >> ba sayısının ikili halini b (< 32) adet bit sağa kaydırır. Pozitif sayılar için b adet 0, negatif sayılar için 1 ekleyerek kaydırır.
Zero-fill right shifta >>> ba sayısının ikili gösterimine b (< 32) bit sağa kaydırır, a sayısının pozitif negatif olmasına bakmadan sayının soluna b adet 0 ekler.
+ +

İşaretli 32-bit integer sayılar

+ +

The operands of all bitwise operators are converted to signed 32-bit integers in two's complement format. Two's complement format means that a number's negative counterpart (e.g. 5 vs. -5) is all the number's bits inverted (bitwise NOT of the number, a.k.a. ones' complement of the number) plus one. For example, the following encodes the integer 314:

+ +
00000000000000000000000100111010
+
+ +

The following encodes ~314, i.e. the ones' complement of -314:

+ +
11111111111111111111111011000101
+
+ +

Finally, the following encodes -314, i.e. the two's complement of -314:

+ +
11111111111111111111111011000110
+
+ +

The two's complement guarantees that the left-most bit is 0 when the number is positive and 1 when the number is negative. Thus, it is called the sign bit.

+ +

The number 0 is the integer that is composed completely of 0 bits.

+ +
0 (base 10) = 00000000000000000000000000000000 (base 2)
+
+ +

The number -1 is the integer that is composed completely of 1 bits.

+ +
-1 (base 10) = 11111111111111111111111111111111 (base 2)
+
+ +

The number -2147483648 (hexadecimal representation: -0x80000000) is the integer that is composed completely of 0 bits except the first (left-most) one.

+ +
-2147483648 (base 10) = 10000000000000000000000000000000 (base 2)
+
+ +

The number 2147483647 (hexadecimal representation: 0x7fffffff) is the integer that is composed completely of 1 bits except the first (left-most) one.

+ +
2147483647 (base 10) = 01111111111111111111111111111111 (base 2)
+
+ +

The numbers -2147483648 and 2147483647 are the minimum and the maximum integers representable through a 32bit signed number.

+ +

Bitwise logical operators

+ +

Conceptually, the bitwise logical operators work as follows:

+ + + +

& (Bitwise AND)

+ +

Performs the AND operation on each pair of bits. a AND b yields 1 only if both a and b are 1. The truth table for the AND operation is:

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
aba AND b
000
010
100
111
+ +
.    9 (base 10) = 00000000000000000000000000001001 (base 2)
+    14 (base 10) = 00000000000000000000000000001110 (base 2)
+                   --------------------------------
+14 & 9 (base 10) = 00000000000000000000000000001000 (base 2) = 8 (base 10)
+
+ +

Bitwise ANDing any number x with 0 yields 0. Bitwise ANDing any number x with -1 yields x.

+ +

| (Bitwise OR)

+ +

Performs the OR operation on each pair of bits. a OR b yields 1 if either a or b is 1. The truth table for the OR operation is:

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
aba OR b
000
011
101
111
+ +
.    9 (base 10) = 00000000000000000000000000001001 (base 2)
+    14 (base 10) = 00000000000000000000000000001110 (base 2)
+                   --------------------------------
+14 | 9 (base 10) = 00000000000000000000000000001111 (base 2) = 15 (base 10)
+
+ +

Bitwise ORing any number x with 0 yields x. Bitwise ORing any number x with -1 yields -1.

+ +

^ (Bitwise XOR)

+ +

Performs the XOR operation on each pair of bits. a XOR b yields 1 if a and b are different. The truth table for the XOR operation is:

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
aba XOR b
000
011
101
110
+ +
.    9 (base 10) = 00000000000000000000000000001001 (base 2)
+    14 (base 10) = 00000000000000000000000000001110 (base 2)
+                   --------------------------------
+14 ^ 9 (base 10) = 00000000000000000000000000000111 (base 2) = 7 (base 10)
+
+ +

Bitwise XORing any number x with 0 yields x. Bitwise XORing any number x with -1 yields ~x.

+ +

~ (Bitwise NOT)

+ +

Performs the NOT operator on each bit. NOT a yields the inverted value (a.k.a. one's complement) of a. The truth table for the NOT operation is:

+ + + + + + + + + + + + + + + + +
aNOT a
01
10
+ +
 9 (base 10) = 00000000000000000000000000001001 (base 2)
+               --------------------------------
+~9 (base 10) = 11111111111111111111111111110110 (base 2) = -10 (base 10)
+
+ +

Bitwise NOTing any number x yields -(x + 1). For example, ~-5 yields 4.

+ +

Example with indexOf:

+ +
var str = 'rawr';
+var searchFor = 'a';
+
+// this is alternative way of typing if (-1*str.indexOf('a') <= 0)
+if (~str.indexOf(searchFor)) {
+  // searchFor is in the string
+} else {
+  // searchFor is not in the string
+}
+
+// here are the values returned by (~str.indexOf(searchFor))
+// r == -1
+// a == -2
+// w == -3
+
+ +

Bitwise shift operators

+ +

The bitwise shift operators take two operands: the first is a quantity to be shifted, and the second specifies the number of bit positions by which the first operand is to be shifted. The direction of the shift operation is controlled by the operator used.

+ +

Shift operators convert their operands to 32-bit integers in big-endian order and return a result of the same type as the left operand. The right operand should be less than 32, but if not only the low five bits will be used.

+ +

<< (Left shift)

+ +

This operator shifts the first operand the specified number of bits to the left. Excess bits shifted off to the left are discarded. Zero bits are shifted in from the right.

+ +

For example, 9 << 2 yields 36:

+ +
.    9 (base 10): 00000000000000000000000000001001 (base 2)
+                  --------------------------------
+9 << 2 (base 10): 00000000000000000000000000100100 (base 2) = 36 (base 10)
+
+ +

Bitwise shifting any number x to the left by y bits yields x * 2^y.

+ +

>> (Sign-propagating right shift)

+ +

This operator shifts the first operand the specified number of bits to the right. Excess bits shifted off to the right are discarded. Copies of the leftmost bit are shifted in from the left. Since the new leftmost bit has the same value as the previous leftmost bit, the sign bit (the leftmost bit) does not change. Hence the name "sign-propagating".

+ +

For example, 9 >> 2 yields 2:

+ +
.    9 (base 10): 00000000000000000000000000001001 (base 2)
+                  --------------------------------
+9 >> 2 (base 10): 00000000000000000000000000000010 (base 2) = 2 (base 10)
+
+ +

Likewise, -9 >> 2 yields -3, because the sign is preserved:

+ +
.    -9 (base 10): 11111111111111111111111111110111 (base 2)
+                   --------------------------------
+-9 >> 2 (base 10): 11111111111111111111111111111101 (base 2) = -3 (base 10)
+
+ +

>>> (Zero-fill right shift)

+ +

This operator shifts the first operand the specified number of bits to the right. Excess bits shifted off to the right are discarded. Zero bits are shifted in from the left. The sign bit becomes 0, so the result is always non-negative.

+ +

For non-negative numbers, zero-fill right shift and sign-propagating right shift yield the same result. For example, 9 >>> 2 yields 2, the same as 9 >> 2:

+ +
.     9 (base 10): 00000000000000000000000000001001 (base 2)
+                   --------------------------------
+9 >>> 2 (base 10): 00000000000000000000000000000010 (base 2) = 2 (base 10)
+
+ +

However, this is not the case for negative numbers. For example, -9 >>> 2 yields 1073741821, which is different than -9 >> 2 (which yields -3):

+ +
.     -9 (base 10): 11111111111111111111111111110111 (base 2)
+                    --------------------------------
+-9 >>> 2 (base 10): 00111111111111111111111111111101 (base 2) = 1073741821 (base 10)
+
+ +

Examples

+ +

Flags and bitmasks

+ +

The bitwise logical operators are often used to create, manipulate, and read sequences of flags, which are like binary variables. Variables could be used instead of these sequences, but binary flags take much less memory (by a factor of 32).

+ +

Suppose there are 4 flags:

+ + + +

These flags are represented by a sequence of bits: DCBA. When a flag is set, it has a value of 1. When a flag is cleared, it has a value of 0. Suppose a variable flags has the binary value 0101:

+ +
var flags = 5;   // binary 0101
+
+ +

This value indicates:

+ + + +

Since bitwise operators are 32-bit, 0101 is actually 00000000000000000000000000000101, but the preceding zeroes can be neglected since they contain no meaningful information.

+ +

A bitmask is a sequence of bits that can manipulate and/or read flags. Typically, a "primitive" bitmask for each flag is defined:

+ +
var FLAG_A = 1; // 0001
+var FLAG_B = 2; // 0010
+var FLAG_C = 4; // 0100
+var FLAG_D = 8; // 1000
+
+ +

New bitmasks can be created by using the bitwise logical operators on these primitive bitmasks. For example, the bitmask 1011 can be created by ORing FLAG_A, FLAG_B, and FLAG_D:

+ +
var mask = FLAG_A | FLAG_B | FLAG_D; // 0001 | 0010 | 1000 => 1011
+
+ +

Individual flag values can be extracted by ANDing them with a bitmask, where each bit with the value of one will "extract" the corresponding flag. The bitmask masks out the non-relevant flags by ANDing with zeroes (hence the term "bitmask"). For example, the bitmask 0100 can be used to see if flag C is set:

+ +
// if we own a cat
+if (flags & FLAG_C) { // 0101 & 0100 => 0100 => true
+   // do stuff
+}
+
+ +

A bitmask with multiple set flags acts like an "either/or". For example, the following two are equivalent:

+ +
// if we own a bat or we own a cat
+// (0101 & 0010) || (0101 & 0100) => 0000 || 0100 => true
+if ((flags & FLAG_B) || (flags & FLAG_C)) {
+   // do stuff
+}
+
+ +
// if we own a bat or cat
+var mask = FLAG_B | FLAG_C; // 0010 | 0100 => 0110
+if (flags & mask) { // 0101 & 0110 => 0100 => true
+   // do stuff
+}
+
+ +

Flags can be set by ORing them with a bitmask, where each bit with the value one will set the corresponding flag, if that flag isn't already set. For example, the bitmask 1100 can be used to set flags C and D:

+ +
// yes, we own a cat and a duck
+var mask = FLAG_C | FLAG_D; // 0100 | 1000 => 1100
+flags |= mask;   // 0101 | 1100 => 1101
+
+ +

Flags can be cleared by ANDing them with a bitmask, where each bit with the value zero will clear the corresponding flag, if it isn't already cleared. This bitmask can be created by NOTing primitive bitmasks. For example, the bitmask 1010 can be used to clear flags A and C:

+ +
// no, we don't have an ant problem or own a cat
+var mask = ~(FLAG_A | FLAG_C); // ~0101 => 1010
+flags &= mask;   // 1101 & 1010 => 1000
+
+ +

The mask could also have been created with ~FLAG_A & ~FLAG_C (De Morgan's law):

+ +
// no, we don't have an ant problem, and we don't own a cat
+var mask = ~FLAG_A & ~FLAG_C;
+flags &= mask;   // 1101 & 1010 => 1000
+
+ +

Flags can be toggled by XORing them with a bitmask, where each bit with the value one will toggle the corresponding flag. For example, the bitmask 0110 can be used to toggle flags B and C:

+ +
// if we didn't have a bat, we have one now,
+// and if we did have one, bye-bye bat
+// same thing for cats
+var mask = FLAG_B | FLAG_C;
+flags = flags ^ mask;   // 1100 ^ 0110 => 1010
+
+ +

Finally, the flags can all be flipped with the NOT operator:

+ +
// entering parallel universe...
+flags = ~flags;    // ~1010 => 0101
+
+ +

Conversion snippets

+ +

Convert a binary String to a decimal Number:

+ +
var sBinString = '1011';
+var nMyNumber = parseInt(sBinString, 2);
+alert(nMyNumber); // prints 11, i.e. 1011
+
+ +

Convert a decimal Number to a binary String:

+ +
var nMyNumber = 11;
+var sBinString = nMyNumber.toString(2);
+alert(sBinString); // prints 1011, i.e. 11
+
+ +

Automate Mask Creation

+ +

You can create multiple masks from a set of Boolean values, like this:

+ +
function createMask() {
+  var nMask = 0, nFlag = 0, nLen = arguments.length > 32 ? 32 : arguments.length;
+  for (nFlag; nFlag < nLen; nMask |= arguments[nFlag] << nFlag++);
+  return nMask;
+}
+var mask1 = createMask(true, true, false, true); // 11, i.e.: 1011
+var mask2 = createMask(false, false, true); // 4, i.e.: 0100
+var mask3 = createMask(true); // 1, i.e.: 0001
+// etc.
+
+alert(mask1); // prints 11, i.e.: 1011
+
+ +

Reverse algorithm: an array of booleans from a mask

+ +

If you want to create an Array of Booleans from a mask you can use this code:

+ +
function arrayFromMask(nMask) {
+  // nMask must be between -2147483648 and 2147483647
+  if (nMask > 0x7fffffff || nMask < -0x80000000) {
+    throw new TypeError('arrayFromMask - out of range');
+  }
+  for (var nShifted = nMask, aFromMask = []; nShifted;
+       aFromMask.push(Boolean(nShifted & 1)), nShifted >>>= 1);
+  return aFromMask;
+}
+
+var array1 = arrayFromMask(11);
+var array2 = arrayFromMask(4);
+var array3 = arrayFromMask(1);
+
+alert('[' + array1.join(', ') + ']');
+// prints "[true, true, false, true]", i.e.: 11, i.e.: 1011
+
+ +

You can test both algorithms at the same time…

+ +
var nTest = 19; // our custom mask
+var nResult = createMask.apply(this, arrayFromMask(nTest));
+
+alert(nResult); // 19
+
+ +

For didactic purpose only (since there is the Number.toString(2) method), we show how it is possible to modify the arrayFromMask algorithm in order to create a String containing the binary representation of a Number, rather than an Array of Booleans:

+ +
function createBinaryString(nMask) {
+  // nMask must be between -2147483648 and 2147483647
+  for (var nFlag = 0, nShifted = nMask, sMask = ''; nFlag < 32;
+       nFlag++, sMask += String(nShifted >>> 31), nShifted <<= 1);
+  return sMask;
+}
+
+var string1 = createBinaryString(11);
+var string2 = createBinaryString(4);
+var string3 = createBinaryString(1);
+
+alert(string1);
+// prints 00000000000000000000000000001011, i.e. 11
+
+ +

Specifications

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
SpecificationStatusComment
{{SpecName('ES1')}}{{Spec2('ES1')}}Initial definition.
{{SpecName('ES5.1', '#sec-11.7')}}{{Spec2('ES5.1')}}Defined in several sections of the specification: Bitwise NOT operator, Bitwise shift operators, Binary bitwise operators
{{SpecName('ES6', '#sec-bitwise-shift-operators')}}{{Spec2('ES6')}}Defined in several sections of the specification: Bitwise NOT operator, Bitwise shift operators, Binary bitwise operators
{{SpecName('ESDraft', '#sec-bitwise-shift-operators')}}{{Spec2('ESDraft')}}Defined in several sections of the specification: Bitwise NOT operator, Bitwise shift operators, Binary bitwise operators
+ +

Browser compatibility

+ + + +

{{Compat("javascript.operators.bitwise")}}

+ +

See also

+ + diff --git a/files/tr/conflicting/web/javascript/reference/operators_603c79383d36dadbe5083df806de5999/index.html b/files/tr/conflicting/web/javascript/reference/operators_603c79383d36dadbe5083df806de5999/index.html new file mode 100644 index 0000000000..8a1e2ea56f --- /dev/null +++ b/files/tr/conflicting/web/javascript/reference/operators_603c79383d36dadbe5083df806de5999/index.html @@ -0,0 +1,312 @@ +--- +title: Mantıksal Operatörler +slug: Web/JavaScript/Reference/Operatörler/Mantiksal_Operatorler +tags: + - Değil + - JavaScript + - Mantıksal Operatörler + - Operator + - Referans + - ve + - ya da +translation_of: Web/JavaScript/Reference/Operators +translation_of_original: Web/JavaScript/Reference/Operators/Logical_Operators +--- +
{{jsSidebar("Operators")}}
+ +

Mantıksal operatörler genellikle {{jsxref("Boolean")}} (mantıksal) değerleri ile kullanılır. Kullanıldıklarında, bir boolean değer döndürürler. Ancak, && ve || operatörleri aslında belirtilmiş olan operandlardan birinin değerini döndürür, bu sebeple eğer bu operatörler Boolean olmayan değerler ile kullanılırsa, Boolean olmayan değerler üretebilirler.

+ +

Açıklama

+ +

Mantıksal operatörler aşağıdaki tabloda açıklanıyor:

+ + + + + + + + + + + + + + + + + + + + + + + + +
OperatörKullanımAçıklama
Mantıksal VE (&&)expr1 && expr2Eğer expr1 false değerine dönüştürülebilirse, expr1  döndürülür. Aksi halde, expr2 döndürülür. Böylece, Boolean değerleri ile kullanıldıklarında, && her iki operand true ise true ; aksi halde, false döndürür.
Mantıksal YA DA (||)expr1 || expr2Eğer expr1 true değerine dönüştürülebilirse, expr1 döndürülür, aksi halde, expr2 döndürülür. Böylece, Boolean değerleri ile kullanıldıklarında, || her iki operanddan herhangi biri true ise true döndürür.
Mantıksal DEĞİL (!)!exprEğer operandın değeri true is false döndürür, aksi alde true döndürür.
+ +

Eğer bir değer true değerine dönüştürülebiliyorsa, ona {{Glossary("truthy")}} ismi verilir. Eğer bir değer false değerine dönüştürülebiliyorsa, ona {{Glossary("falsy")}} denir.

+ +

False değerine dönüştürülebilen ifadelere örnekler:

+ + + +

&& ve || operatörleri Boolean olmayan değerler ile kullanılabiliyor olmasına rağmen, döndürdükleri değerler her zaman Boolean değerlerine çevirilebildiğinden, halen Boolean operatörleri olarak düşünülebilirler.

+ +

Kısa-devre değerlendirmeleri

+ +

Mantıksal operatörler soldan sağa çalıştırıldıkları gibi, mümkünse aşağıdaki kurallar kullanılarak "kısa devre" testine tabi tutulurlar:

+ + + +

Mantık kuralları bu değerlendirmelerin doğruluğunu garantiler. Yukarıdaki ifadelerin tümünün çalıştırılmayacağına, bu sebeple hepsinin yan etkisinin olmayacağına dikkat edin. Ayrıca yukarıdaki ifadenin (herhangi) kısmının tamamıyla bir mantıksal ifadeye eşit olduğuna dikkat edin. (parantezler ile gösterildiği gibi).

+ +

Örneğin, aşağıdaki iki fonksiyon birbirinin aynısıdır.

+ +
function shortCircuitEvaluation() {
+  doSomething() || doSomethingElse()
+}
+
+function equivalentEvaluation() {
+  var flag = doSomething();
+  if (!flag) {
+    doSomethingElse();
+  }
+}
+
+ +

Ancak, aşağıdaki ifadeler operatör önceliğine göre eşit değildir ve sağ el operatörünün tek bir ifade olmasının önemini vurgular (gerekirse parantezler ile gruplanır).

+ +
false && true  || true      // returns true
+false && (true || true)     // returns false
+ +

Mantıksal VE (&&)

+ +

Aşağıdaki kod && (mantıksal VE) operatörüyle ilgili örnekleri gösterir.

+ +
a1 = true  && true      // t && t returns true
+a2 = true  && false     // t && f returns false
+a3 = false && true      // f && t returns false
+a4 = false && (3 == 4)  // f && f returns false
+a5 = "Cat" && "Dog"     // t && t returns "Dog"
+a6 = false && "Cat"     // f && t returns false
+a7 = "Cat" && false     // t && f returns false
+a8 = "" && false        // returns ""
+a9 = false && ||        // returns false
+
+ +

Mantıksal YA DA (||)

+ +

Aşağıdaki kod || (mantıksal YA DA) operatörüyle ilgili örnekleri gösterir.

+ +
o1 = true  || true       // t || t returns true
+o2 = false || true       // f || t returns true
+o3 = true  || false      // t || f returns true
+o4 = false || (3 == 4)   // f || f returns false
+o5 = "Cat" || "Dog"      // t || t returns "Cat"
+o6 = false || "Cat"      // f || t returns "Cat"
+o7 = "Cat" || false      // t || f returns "Cat"
+o8 = ""    || false      // returns false
+o9 = false || ""         // returns ""
+
+ +

Mantıksal DEĞİL (!)

+ +

Aşağıdaki kod ! (mantıksal DEĞİL) operatörüyle ilgili örnekleri gösterir.

+ +
n1 = !true              // !t returns false
+n2 = !false             // !f returns true
+n3 = !"Cat"             // !t returns false
+
+ +

Dönüşüm kuralları

+ +

VE operatörünü YA DA operatörüne dönüştürmek

+ +

Booleanları içeren aşağıdaki ifade:

+ +
bCondition1 && bCondition2
+ +

her zaman şuna eşittir:

+ +
!(!bCondition1 || !bCondition2)
+ +

YA DA operatörünü VE operatörüne çevirmek

+ +

Booleanları içeren aşağıdaki ifade:

+ +
bCondition1 || bCondition2
+ +

her zaman şuna eşittir:

+ +
!(!bCondition1 && !bCondition2)
+ +

DEĞİL operatörleri arasında dönüşüm yapmak

+ +

Booleanları içeren aşağıdaki ifade:

+ +
!!bCondition
+ +

her zaman şuna eşittir: 

+ +
bCondition
+ +

İç içe geçmiş parantezleri kaldırmak

+ +

Mantıksal operatörlerin soldan sağa değerlendirilmesi durumunda, kompleks bir ifadeden parantezleri bazı kuralları takip ederek kaldırmak mümkündür.

+ +

İç içe geçmiş VE operatörünü kaldırmak

+ +

Aşağıda, Boolean içeren bu bileşik işlem:

+ +
bCondition1 || (bCondition2 && bCondition3)
+ +

her zaman şuna eşittir:

+ +
bCondition1 || bCondition2 && bCondition3
+ +

İç içe geçmiş YA DA operatörünü kaldırmak

+ +

Aşağıda, Boolean içeren bu bileşik ifade:

+ +
bCondition1 && (bCondition2 || bCondition3)
+ +

her zaman şuna eşittir:

+ +
!(!bCondition1 || !bCondition2 && !bCondition3)
+ +

Özellikler

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
ÖzellikDurumAçıklama
{{SpecName('ES1')}}{{Spec2('ES1')}}İlk tanım.
{{SpecName('ES5.1', '#sec-11.11')}}{{Spec2('ES5.1')}}Tarifnamenin birkaç bölümünde tanımlandı: Logical NOT Operator, Binary Logical Operators
{{SpecName('ES6', '#sec-binary-logical-operators')}}{{Spec2('ES6')}}Tarifnamenin birkaç bölümünde tanımlandı: Logical NOT Operator, Binary Logical Operators
{{SpecName('ESDraft', '#sec-binary-logical-operators')}}{{Spec2('ESDraft')}}Tarifnamenin birkaç bölümünde tanımlandı: Logical NOT Operator, Binary Logical Operators
+ +

Tarayıcı Uyumluluğu

+ +

{{CompatibilityTable}}

+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
FeatureChromeFirefox (Gecko)Internet ExplorerOperaSafari
Mantıksal VE (&&){{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}
+

Mantıksal YA DA (||)

+ 		{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}
Mantıksal DEĞİL (!){{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
ÖzellikAndroidAndroid üzerinde ChromeFirefox Mobil (Gecko)IE MobilOpera MobilSafari Mobil
Logical AND (&&){{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}
Logical OR (||){{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}
Logical NOT (!){{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}
+
+ +

Ayrıca bakın

+ + diff --git a/files/tr/fennec_(firefox_mobile)/index.html b/files/tr/fennec_(firefox_mobile)/index.html deleted file mode 100644 index a10390a2d6..0000000000 --- a/files/tr/fennec_(firefox_mobile)/index.html +++ /dev/null @@ -1,15 +0,0 @@ ---- -title: Mobile -slug: Fennec_(Firefox_Mobile) -tags: - - Firefox - - Mobile - - firefox fennec - - mobil - - mobile firefox ---- -

fennec_logo.png

-

Firefox'un cep telefonları için olan sürümüdür. Ekran görüntüleri aşağıdaki gibidir. Yakında daha ayrıntılı bilgiye buradan erişebileceksiniz.

-

fennec_ss1.png

-

fennec_ss2.png

-

fennect_ss3.png

diff --git a/files/tr/games/index.html b/files/tr/games/index.html new file mode 100644 index 0000000000..d3cd6846ab --- /dev/null +++ b/files/tr/games/index.html @@ -0,0 +1,84 @@ +--- +title: Oyun geliştirme +slug: Oyunlar +translation_of: Games +--- +
{{GamesSidebar}}
+ +
+

Oyun oynamak bilgisayarda yapılan en popüler aktivitelerden biridir.Yeni teknolojiler, standartlara uygun tarayıcılarda çalışabilen, daha güçlü ve daha kolay geliştirilebilir oyunlar yapmayı mümkün kılıyor.

+
+ +
{{EmbedGHLiveSample("web-tech-games/index.html", '100%', 820)}}
+ +
+
+

Web Tabanlı Oyun Geliştirme

+ +

MDN oyun geliştirme merkezine hoşgeldin! Burada oyun geliştirmek isteyen geliştiriciler için kaynaklar sunuyoruz. Soldaki ana menüde birçok yararlı öğretici ve teknik makale bulacaksın. Yani özgürce keşfet. 

+ +

Ayrıca, oyun geliştirmede kullanılan en yaygın API'ler hakkında kolayca bilgi bulabilmeniz için bir referans bölümü de ekledik.

+ +
Not: Web üzerinde oyun oluşturmak, HTML, CSS ve JavaScript gibi bir dizi temel web teknolojisini kullanır. Öğrenme Alanı, temel bilgilere başlamak için iyi bir yerdir.
+
+ +
+

Yerel oyunları Web'e taşıyın

+ +

Yerel bir geliştiriciyseniz (örneğin, C ++ dilinde oyunlar yazıyorsanız) ve oyunlarınızı Web'e nasıl taşıyabileceğinizle ilgileniyorsanız, Emscripten aracımız hakkında daha fazla bilgi edinmelisiniz - bu, bir LLVM'den JavaScript derleyicisine, LLVM bayt kodu (örneğin, Clang kullanılarak C / C ++ 'dan veya başka bir dilden oluşturulmuş) ve bunu Web üzerinde çalıştırılabilen asm.js'de derler.

+ +

Başlamak için bkz:

+ + +
+
+ +
+
+

Örnekler

+ +

Örnek oyunların listesi için burayı inceleyebilirsin örnek oyunlar sayfası. Ayrıca işinize yarayabilecek içerikler için games.mozilla.org adresini ziyaret edebilirsiniz!

+
+
+ +

Bunlarada bak

+ +
+
+
+
Build New Games
+
A collaborative site featuring a large number of open web game development tutorials. Has not been very active recently, but still holds some nice resources.
+
Creative JS
+
A collection of impressive JavaScript techniques and experiments, not specific to games, but helpful nonetheless. Has not been very active recently, but still holds some nice resources.
+
Game programming patterns
+
An online book, written by Bob Nystrom, which discusses programming patterns in the context of game development with the aim of helping game developers produce more effective and efficient code.
+
Gamedev.js Weekly
+
Weekly newsletter about HTML5 game development, sent every Friday. Contains the latest articles, tutorials, tools and resources.
+
HTML5 Game Devs Forum
+
Forums for developers, framework creators and publishers. Ask questions, get feedback and help others.
+
+
+ +
+
+
HTML5 Game Engine
+
List of the most popular HTML5 game frameworks along with their rating, features and samples.
+
JSBreakouts
+
Compare JavaScript Breakout clones in different frameworks to help you choose the right one for you.
+
Tuts+ Game Development
+
Tutorials and articles about game development in general.
+
HTML5 Gamedev Starter
+
Starter for the new game developers, a curated list of links to various, useful resources around the web.
+
js13kGames
+
JavaScript coding competition for HTML5 game developers with the file size limit set to 13 kilobytes. All the submitted games are available in a readable form on GitHub.
+
Mozilla Hacks blog
+
Games category on the Mozilla Hacks blog containing interesting gamedev related articles.
+
Visual TypeScript game engine
+
TypeScript project based on matter.ts implementation.
+
+
+
diff --git a/files/tr/glossary/browser/index.html b/files/tr/glossary/browser/index.html new file mode 100644 index 0000000000..4eeb5b7d7a --- /dev/null +++ b/files/tr/glossary/browser/index.html @@ -0,0 +1,24 @@ +--- +title: Web Tarayıcısı +slug: Glossary/Web_Tarayıcısı +translation_of: Glossary/Browser +--- +

Web tarayıcısı, Kullanıcıların {{Glossary("World Wide Web","Web")}} sunucuları üzerinde bulunan sayfaları görüntülemesi ve sayfadaki {{Glossary("hyperlink","linkler")}} üzerinden başka sayfalara ulaşmasını sağlayan bir programdır.

+ +

Daha fazla bilgi edin

+ +

Genel Bilgi

+ + + +

Bir tarayıcı indir

+ + diff --git a/files/tr/glossary/nesne/index.html b/files/tr/glossary/nesne/index.html deleted file mode 100644 index 64912aa7e2..0000000000 --- a/files/tr/glossary/nesne/index.html +++ /dev/null @@ -1,18 +0,0 @@ ---- -title: Nesne -slug: Glossary/Nesne -tags: - - nesne -translation_of: Glossary/Object ---- -

Nesne, veri ve bu veriyle çalışmak için gerekli bilgileri içeren bir yapıya karşılık gelir. Nesneler bazen gerçek dünyadaki şeyler, örneğin yarış oyunundaki bir araba veya harita bile olabilir. {{glossary("JavaScript")}}, Java, C++, Python, ve Ruby {{glossary("NYP","nesne yönelimli programlama")}} dillerine örnektir.

- -

Daha fazla bilgi edin

- -

Genel Bilgi

- - diff --git a/files/tr/glossary/nyp/index.html b/files/tr/glossary/nyp/index.html deleted file mode 100644 index 771a8e739d..0000000000 --- a/files/tr/glossary/nyp/index.html +++ /dev/null @@ -1,17 +0,0 @@ ---- -title: NYP -slug: Glossary/NYP -translation_of: Glossary/OOP ---- -

NYP (Nesne Yönelimli Programlama) verilerin nesneler içine kapsüllendiği ve içinde bulunan bileşenlerin nesneyi yönettiği programlama yaklaşımıdır.

- -

{{glossary("JavaScript")}} ağırlıklı olarak nesne yönelimlidir. Prototip temelli modeli örnek alır (sınıf temelli değildir).

- -

Daha fazla bilgi edin

- -

Genel Bilgi

- - diff --git a/files/tr/glossary/object/index.html b/files/tr/glossary/object/index.html new file mode 100644 index 0000000000..64912aa7e2 --- /dev/null +++ b/files/tr/glossary/object/index.html @@ -0,0 +1,18 @@ +--- +title: Nesne +slug: Glossary/Nesne +tags: + - nesne +translation_of: Glossary/Object +--- +

Nesne, veri ve bu veriyle çalışmak için gerekli bilgileri içeren bir yapıya karşılık gelir. Nesneler bazen gerçek dünyadaki şeyler, örneğin yarış oyunundaki bir araba veya harita bile olabilir. {{glossary("JavaScript")}}, Java, C++, Python, ve Ruby {{glossary("NYP","nesne yönelimli programlama")}} dillerine örnektir.

+ +

Daha fazla bilgi edin

+ +

Genel Bilgi

+ + diff --git a/files/tr/glossary/oop/index.html b/files/tr/glossary/oop/index.html new file mode 100644 index 0000000000..771a8e739d --- /dev/null +++ b/files/tr/glossary/oop/index.html @@ -0,0 +1,17 @@ +--- +title: NYP +slug: Glossary/NYP +translation_of: Glossary/OOP +--- +

NYP (Nesne Yönelimli Programlama) verilerin nesneler içine kapsüllendiği ve içinde bulunan bileşenlerin nesneyi yönettiği programlama yaklaşımıdır.

+ +

{{glossary("JavaScript")}} ağırlıklı olarak nesne yönelimlidir. Prototip temelli modeli örnek alır (sınıf temelli değildir).

+ +

Daha fazla bilgi edin

+ +

Genel Bilgi

+ + diff --git a/files/tr/glossary/protocol/index.html b/files/tr/glossary/protocol/index.html new file mode 100644 index 0000000000..6f9f45ff33 --- /dev/null +++ b/files/tr/glossary/protocol/index.html @@ -0,0 +1,22 @@ +--- +title: Protokol +slug: Glossary/Protokol +tags: + - Altyapı + - Protokol nedir + - Protokoller + - Sözlük +translation_of: Glossary/Protocol +--- +

Protokol, verilerin bilgisayar içinde veya bilgisayarlar arasında nasıl alınıp verildiğini tanımlayan kurallar bütünüdür.

+ +

Daha fazla bilgi edinin

+ +

Genel Bilgi

+ + + +

 

diff --git a/files/tr/glossary/protokol/index.html b/files/tr/glossary/protokol/index.html deleted file mode 100644 index 6f9f45ff33..0000000000 --- a/files/tr/glossary/protokol/index.html +++ /dev/null @@ -1,22 +0,0 @@ ---- -title: Protokol -slug: Glossary/Protokol -tags: - - Altyapı - - Protokol nedir - - Protokoller - - Sözlük -translation_of: Glossary/Protocol ---- -

Protokol, verilerin bilgisayar içinde veya bilgisayarlar arasında nasıl alınıp verildiğini tanımlayan kurallar bütünüdür.

- -

Daha fazla bilgi edinin

- -

Genel Bilgi

- - - -

 

diff --git "a/files/tr/glossary/web_taray\304\261c\304\261s\304\261/index.html" "b/files/tr/glossary/web_taray\304\261c\304\261s\304\261/index.html" deleted file mode 100644 index 4eeb5b7d7a..0000000000 --- "a/files/tr/glossary/web_taray\304\261c\304\261s\304\261/index.html" +++ /dev/null @@ -1,24 +0,0 @@ ---- -title: Web Tarayıcısı -slug: Glossary/Web_Tarayıcısı -translation_of: Glossary/Browser ---- -

Web tarayıcısı, Kullanıcıların {{Glossary("World Wide Web","Web")}} sunucuları üzerinde bulunan sayfaları görüntülemesi ve sayfadaki {{Glossary("hyperlink","linkler")}} üzerinden başka sayfalara ulaşmasını sağlayan bir programdır.

- -

Daha fazla bilgi edin

- -

Genel Bilgi

- - - -

Bir tarayıcı indir

- - diff --git a/files/tr/html/element/aside/index.html b/files/tr/html/element/aside/index.html deleted file mode 100644 index 234d56a434..0000000000 --- a/files/tr/html/element/aside/index.html +++ /dev/null @@ -1,154 +0,0 @@ ---- -title: