{"id":219757,"date":"2020-06-10T00:00:00","date_gmt":"2020-06-09T22:00:00","guid":{"rendered":"https:\/\/blog.lewagon.com\/nao-categorizado\/o-que-e-ajax-a-historia-do-gmail\/"},"modified":"2020-06-10T00:00:00","modified_gmt":"2020-06-09T22:00:00","slug":"o-que-e-ajax-a-historia-do-gmail","status":"publish","type":"post","link":"https:\/\/blog.lewagon.com\/pt-br\/news\/o-que-e-ajax-a-historia-do-gmail\/","title":{"rendered":"O que \u00e9 AJAX e por que \u00e9 t\u00e3o importante conhece-lo? Conhe\u00e7a a hist\u00f3ria do Gmail"},"content":{"rendered":"","protected":false},"excerpt":{"rendered":"<p>O AJAX n\u00e3o \u00e9 novo, mas revolucionou o funcionamento da web e \u00e9 muito importante at\u00e9 hoje. Neste artigo entenda o por qu\u00ea!<\/p>\n","protected":false},"author":1,"featured_media":219758,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_post_was_ever_published":false},"categories":[156],"type_de_post":[],"post-format":[179],"class_list":["post-219757","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news","tag-web-pt-br","post-format-post-pt-br"],"acf":[],"acfml_non_translatable_locations":null,"_wp_attached_file":null,"_wp_attachment_metadata":null,"wpml_media_processed":null,"_elementor_inline_svg":null,"_elementor_source_image_hash":null,"_wp_attachment_image_alt":null,"_msc":null,"_elementor_is_screenshot":null,"_wp_attachment_context":null,"_oembed_4f1dc266c1e5b199d2e3668569863d35":null,"_wp_attachment_backup_sizes":null,"description_courte_du_cours":null,"_description_courte_du_cours":null,"sujets":null,"_sujets":null,"niveau":null,"_niveau":null,"duree":null,"_duree":null,"lien_externe_du_cours":null,"_lien_externe_du_cours":null,"_g_feedback_shortcode_8e54bebc0966bf7f9290fee5ef5e57c8a8c597c6":null,"_g_feedback_shortcode_atts_8e54bebc0966bf7f9290fee5ef5e57c8a8c597c6":null,"elementor_font_files":null,"elementor_font_face":null,"_elementor_location":null,"_elementor_priority":null,"_elementor_code":null,"_elementor_extra_options":null,"date_de_levent":null,"_date_de_levent":null,"heure_de_debut_de_levent":null,"_heure_de_debut_de_levent":null,"heure_de_fin_de_levent":null,"_heure_de_fin_de_levent":null,"time_zone":null,"_time_zone":null,"description_de_levent":null,"_description_de_levent":null,"format_du_cours":null,"_format_du_cours":null,"pre-requis":null,"_pre-requis":null,"langue_de_levent":null,"_langue_de_levent":null,"lien_externe_de_levent":null,"_lien_externe_de_levent":null,"_yoast_wpseo_primary_tag_events":null,"lieu_de_levent":null,"_lieu_de_levent":null,"_menu_item_type":null,"_menu_item_menu_item_parent":null,"_menu_item_object_id":null,"_menu_item_object":null,"_menu_item_target":null,"_menu_item_classes":null,"_menu_item_xfn":null,"_menu_item_url":null,"_omapi_type":null,"_omapi_ids":null,"_omapi_enabled":null,"_yoast_wpseo_content_score":null,"_pll_strings_translations":null,"_yoast_wpseo_primary_post_tag":null,"_yoast_wpseo_primary_type_de_post":null,"_yoast_wpseo_primary_post-format":null,"_oembed_e607e81f61090d85eabdabc743a27470":null,"_oembed_196c62ccee9fda191cd6fa5f568ddc05":null,"_oembed_6b5f28c0de48cbf3a2ad766be5eb3b30":null,"_oembed_082c4292f4cd0dedc40ae746a899501c":null,"om_disable_all_campaigns":null,"wpil_sync_report3":"1","_yoast_wpseo_focuskw":null,"_yoast_wpseo_linkdex":null,"_yoast_wpseo_opengraph-title":"O que \u00e9 AJAX e por que \u00e9 t\u00e3o importante conhece-lo? Conhe\u00e7a a hist\u00f3ria do Gmail | Le Wagon","_yoast_wpseo_opengraph-description":"O AJAX n\u00e3o \u00e9 novo, mas revolucionou o funcionamento da web e \u00e9 muito importante at\u00e9 hoje. Neste artigo entenda o por qu\u00ea!","_yoast_wpseo_twitter-title":"O que \u00e9 AJAX e por que \u00e9 t\u00e3o importante conhece-lo? Conhe\u00e7a a hist\u00f3ria do Gmail | Le Wagon","_yoast_wpseo_twitter-description":"O AJAX n\u00e3o \u00e9 novo, mas revolucionou o funcionamento da web e \u00e9 muito importante at\u00e9 hoje. Neste artigo entenda o por qu\u00ea!","wpil_links_inbound_internal_count":"0","wpil_links_inbound_internal_count_data":[],"wpil_links_outbound_internal_count":"0","wpil_links_outbound_internal_count_data":[],"wpil_links_outbound_external_count":"0","wpil_links_outbound_external_count_data":[],"wpil_sync_report2_time":"2023-08-11T09:31:56+00:00","gnpub_modified_count":null,"_encloseme":null,"_jetpack_memberships_contains_paid_content":null,"_oembed_df252bc3f21e94e550790f0a26013d33":null,"_oembed_7c25793225e5877909b9566a95c01f07":null,"_oembed_time_7c25793225e5877909b9566a95c01f07":null,"_oembed_c035311b2d37111892bc6336ad75c1a7":null,"_oembed_time_c035311b2d37111892bc6336ad75c1a7":null,"_yoast_wpseo_focuskw_text_input":"","_yoast_wpseo_opengraph-image":"https:\/\/blog.lewagon.com\/wp-content\/uploads\/2023\/03\/r0z9swhhz7alsbvcoodros2xcyca.jpeg","_yoast_wpseo_twitter-image":"https:\/\/blog.lewagon.com\/wp-content\/uploads\/2023\/03\/r0z9swhhz7alsbvcoodros2xcyca.jpeg","_bnitk_mfd_meta-robots-noindex":null,"_yoast_wpseo_meta-robots-noindex":null,"_bnitk_mfd_meta-robots-nofollow":null,"_yoast_wpseo_meta-robots-nofollow":null,"_oembed_9b38dff8e9475b390d223d1a13735d6e":null,"_oembed_09b03dce1da57707d8b400d6ead6cfea":null,"_oembed_time_09b03dce1da57707d8b400d6ead6cfea":null,"_oembed_761875ecd5d7c814e779a8a1669e3078":null,"_oembed_time_761875ecd5d7c814e779a8a1669e3078":null,"_oembed_60128998417fdcbaac97a635f5785efd":null,"_oembed_time_60128998417fdcbaac97a635f5785efd":null,"_oembed_bbc2c908fc7e611d82dce88119dc4350":null,"_oembed_time_bbc2c908fc7e611d82dce88119dc4350":null,"_oembed_5ada75a4373349f7b136423290505b3a":null,"_oembed_time_5ada75a4373349f7b136423290505b3a":null,"_oembed_086373a651e90a4eb1279fa1f945472c":null,"_oembed_time_086373a651e90a4eb1279fa1f945472c":null,"_wpml_post_translation_editor_native":null,"_oembed_5e24c29ce369f6b80c9eeec04f14665b":null,"_oembed_time_5e24c29ce369f6b80c9eeec04f14665b":null,"_oembed_8c3e7085f10b7c0fc5520e72277d797b":null,"_oembed_time_8c3e7085f10b7c0fc5520e72277d797b":null,"_oembed_1489782c3c8ef26605b6876b88f7bdda":null,"_oembed_time_1489782c3c8ef26605b6876b88f7bdda":null,"_oembed_0a3d659fc8de333aa903ab0b56018d23":null,"_oembed_time_0a3d659fc8de333aa903ab0b56018d23":null,"_oembed_d1585e059963c7dbe1909a198f64637b":null,"_oembed_da273c5e4d4993b38963204fa3018b68":null,"_oembed_time_da273c5e4d4993b38963204fa3018b68":null,"_oembed_a5e2c70342e4f17e48253b0a60b76258":null,"_oembed_time_a5e2c70342e4f17e48253b0a60b76258":null,"_oembed_83c8f84c43191797360817ecdc633650":null,"_oembed_time_83c8f84c43191797360817ecdc633650":null,"_oembed_e105b3463a1e23321ff3d1a9daf4ce77":null,"_oembed_1692f2329443bc1b18fc320e0d77cb4e":null,"_yoast_wpseo_schema_article_type":null,"_oembed_02bf1d274545a46fdad44828db802e9b":null,"_oembed_483efee027379bb1099137e135e60619":null,"_oembed_time_483efee027379bb1099137e135e60619":null,"_oembed_d9e3a2e55472c308a6d4f95f9859d57c":null,"_oembed_time_d9e3a2e55472c308a6d4f95f9859d57c":null,"_oembed_14a773041d4083fdc540105ccc635e1f":null,"_oembed_time_14a773041d4083fdc540105ccc635e1f":null,"_oembed_fd2c0295b311b878f43def139f693291":null,"_oembed_time_fd2c0295b311b878f43def139f693291":null,"_oembed_9e88339a75e081aa4aa002ac43b5917e":null,"_oembed_time_9e88339a75e081aa4aa002ac43b5917e":null,"_oembed_e58b2264fd34411178c5aead6e76fc0e":null,"_oembed_time_e58b2264fd34411178c5aead6e76fc0e":null,"_oembed_bddf29494cd341c273d2f25802785f3a":null,"_oembed_time_bddf29494cd341c273d2f25802785f3a":null,"_oembed_9fdc7ffbd7d1c456cb57323136bcf86d":null,"_oembed_time_9fdc7ffbd7d1c456cb57323136bcf86d":null,"_oembed_6882adf1f7ba34c40d8abda49c078862":null,"_oembed_time_6882adf1f7ba34c40d8abda49c078862":null,"_oembed_42ae0b6a999f98ed81c86edf9b80d360":null,"_oembed_time_42ae0b6a999f98ed81c86edf9b80d360":null,"_oembed_f4dcff6ba8f84f09cade790420ba4d80":null,"_oembed_time_f4dcff6ba8f84f09cade790420ba4d80":null,"_oembed_25071af9d5ecd73a9356fe5704bba4d8":null,"_oembed_time_25071af9d5ecd73a9356fe5704bba4d8":null,"_oembed_a86728f5efc0ca0642006bbb96f843cc":null,"_oembed_time_a86728f5efc0ca0642006bbb96f843cc":null,"_oembed_d7b5055b785ef8a0cf22c87d024bf2a4":null,"_oembed_time_d7b5055b785ef8a0cf22c87d024bf2a4":null,"_oembed_6a73e101cae7c3452b00a72cf0fc9b22":null,"_oembed_time_6a73e101cae7c3452b00a72cf0fc9b22":null,"_oembed_0aef478f0830cc2e857b9a150a7f763a":null,"_oembed_time_0aef478f0830cc2e857b9a150a7f763a":null,"_oembed_d1a3bdcdf10e4859560b01d910ad1120":null,"_oembed_time_d1a3bdcdf10e4859560b01d910ad1120":null,"_oembed_05ef2af36a31586761b7311d393d1df4":null,"_oembed_time_05ef2af36a31586761b7311d393d1df4":null,"_oembed_ed00fe1690bb2e86f1eb06acfe8a13e7":null,"_oembed_time_ed00fe1690bb2e86f1eb06acfe8a13e7":null,"_oembed_59ffcbf71f633752ca4f26b3b4a544c9":null,"_oembed_time_59ffcbf71f633752ca4f26b3b4a544c9":null,"_oembed_a7b688611478922544f14672fda18461":null,"_oembed_time_a7b688611478922544f14672fda18461":null,"_oembed_266f9a151e3a09eeee918af2d28fd24f":null,"_oembed_time_266f9a151e3a09eeee918af2d28fd24f":null,"_oembed_9f52726dd229470e47d40ff0c8aeb5f8":null,"_oembed_time_9f52726dd229470e47d40ff0c8aeb5f8":null,"_oembed_5547f713058fed19783e0533ce393a31":null,"_oembed_time_5547f713058fed19783e0533ce393a31":null,"_oembed_68ff8dd20e77e109ad084c2252ca040d":null,"_oembed_time_68ff8dd20e77e109ad084c2252ca040d":null,"_oembed_819f09a569080db91bf5dadda0a30d9f":null,"_oembed_time_819f09a569080db91bf5dadda0a30d9f":null,"_oembed_4fc081fbdf0afd05a624ba852a63e133":null,"_oembed_time_4fc081fbdf0afd05a624ba852a63e133":null,"_oembed_d66baf1301b99db8b19a0924319cf03e":null,"_oembed_time_d66baf1301b99db8b19a0924319cf03e":null,"_oembed_14a5f80e3eef4903e482b0ef3799659e":null,"_oembed_time_14a5f80e3eef4903e482b0ef3799659e":null,"_oembed_c24c715adb3853482526a794a5f3c3bb":null,"_oembed_time_c24c715adb3853482526a794a5f3c3bb":null,"_oembed_9c493e098be2852715cc990b6e6243f3":null,"_oembed_time_9c493e098be2852715cc990b6e6243f3":null,"_oembed_b60b7e3028d326711916099f54e986fa":null,"_oembed_time_b60b7e3028d326711916099f54e986fa":null,"_oembed_5283e19fcec44e632de8d436d46ec2f7":null,"_oembed_time_5283e19fcec44e632de8d436d46ec2f7":null,"_oembed_057692cb4479cf5c77363896a28db44f":null,"_oembed_time_057692cb4479cf5c77363896a28db44f":null,"_oembed_e8cb0f41d141fe5eb9d69fc32a98cd72":null,"_oembed_time_e8cb0f41d141fe5eb9d69fc32a98cd72":null,"_oembed_75dcbca80ec1829a77578390fae8fa56":null,"_oembed_time_75dcbca80ec1829a77578390fae8fa56":null,"_oembed_e49318dfeabd5f16d7967e2fcc746fbd":null,"_oembed_time_e49318dfeabd5f16d7967e2fcc746fbd":null,"_oembed_76116b03fe5a013341210d278021184b":null,"_oembed_time_76116b03fe5a013341210d278021184b":null,"_oembed_6c81e1c9b634b5066fb37aaccfd71053":null,"_oembed_time_6c81e1c9b634b5066fb37aaccfd71053":null,"_oembed_abbc1aa97e554f334c2ce25f0d883702":null,"_oembed_time_abbc1aa97e554f334c2ce25f0d883702":null,"_oembed_ba421363b36dd97c087665d5025396cf":null,"_oembed_time_ba421363b36dd97c087665d5025396cf":null,"_oembed_a98f236eb48eb9cd4ede7f319e9cfbc7":null,"_oembed_time_a98f236eb48eb9cd4ede7f319e9cfbc7":null,"_oembed_d61fec7d73397687995fec8d7bd9852f":null,"_oembed_time_d61fec7d73397687995fec8d7bd9852f":null,"_oembed_2e9e46a0176fe90e49cc5fff32ac6912":null,"_oembed_time_2e9e46a0176fe90e49cc5fff32ac6912":null,"_oembed_8a304f49b3aa1c3eec8d0b0577e05e3d":null,"_oembed_time_8a304f49b3aa1c3eec8d0b0577e05e3d":null,"_oembed_ad30824ca1e37cffdad2dbce46c4998a":null,"_oembed_time_ad30824ca1e37cffdad2dbce46c4998a":null,"_oembed_6c3dacc8273d4877c65378c1f324c9cc":null,"_oembed_time_6c3dacc8273d4877c65378c1f324c9cc":null,"_oembed_1d0e7d3c6d826ca1e56a24218abba6f2":null,"_oembed_time_1d0e7d3c6d826ca1e56a24218abba6f2":null,"_oembed_50929cd1300f7cdee57e6e5451afb186":null,"_oembed_time_50929cd1300f7cdee57e6e5451afb186":null,"_oembed_72dc139d079681a2c3d759a86af48ccc":null,"_oembed_time_72dc139d079681a2c3d759a86af48ccc":null,"_oembed_d359fdb1fa5da9e62dd3505937f46fb6":null,"_oembed_time_d359fdb1fa5da9e62dd3505937f46fb6":null,"_oembed_589d6065ccac39334963be5bd8656631":null,"_oembed_time_589d6065ccac39334963be5bd8656631":null,"_oembed_715be02b6ebadc1be6dd638a57d01eb7":null,"_oembed_time_715be02b6ebadc1be6dd638a57d01eb7":null,"_oembed_f5139a9df267d3aa532f5b56409c90b0":null,"_oembed_time_f5139a9df267d3aa532f5b56409c90b0":null,"_oembed_3d9a26be229b27005ca74596fb62cc08":null,"_oembed_time_3d9a26be229b27005ca74596fb62cc08":null,"_oembed_a7d6f0ce79de685fc6f7f4d447e15468":null,"_oembed_time_a7d6f0ce79de685fc6f7f4d447e15468":null,"_oembed_20849479e832b5312335e3086c5f972b":null,"_oembed_time_20849479e832b5312335e3086c5f972b":null,"_oembed_2be4d392f66846deb7624c1bf3bc293e":null,"_oembed_time_2be4d392f66846deb7624c1bf3bc293e":null,"_oembed_9bcf546ec292041d23df28a719840688":null,"_oembed_time_9bcf546ec292041d23df28a719840688":null,"_oembed_0858ffd7404bcd7d82896f942481fe63":null,"_oembed_time_0858ffd7404bcd7d82896f942481fe63":null,"_oembed_4a2dd0ecf082a7c7d82731c06a644799":null,"_oembed_time_4a2dd0ecf082a7c7d82731c06a644799":null,"_oembed_8a1e46bc730cb21c1085d157ae6fa8b6":null,"_oembed_time_8a1e46bc730cb21c1085d157ae6fa8b6":null,"_oembed_cae7deb931d75f809e459e912e71429a":null,"_oembed_time_cae7deb931d75f809e459e912e71429a":null,"_oembed_6fcb4f8ab72abccda75674f71a946f97":null,"_oembed_time_6fcb4f8ab72abccda75674f71a946f97":null,"_oembed_7f0bfd584f844117a64fe73d83b43245":null,"_oembed_time_7f0bfd584f844117a64fe73d83b43245":null,"_oembed_d0aea105cffdf6e004979cf1e4f51e96":null,"_oembed_time_d0aea105cffdf6e004979cf1e4f51e96":null,"_oembed_e53b85b8766b3dc91338f6c1b95a2541":null,"_oembed_time_e53b85b8766b3dc91338f6c1b95a2541":null,"_oembed_48832be87b763046d232c1f2b5ac5fb3":null,"_oembed_time_48832be87b763046d232c1f2b5ac5fb3":null,"_oembed_32a9a34fcf91c466be9a08e1dba3c84e":null,"_oembed_time_32a9a34fcf91c466be9a08e1dba3c84e":null,"_oembed_fb50b2dc07acfa2418f00cdc2ad4c4c2":null,"_oembed_time_fb50b2dc07acfa2418f00cdc2ad4c4c2":null,"_oembed_3089e1d62f944a73b38c996e49abd2fc":null,"_oembed_time_3089e1d62f944a73b38c996e49abd2fc":null,"_oembed_1ecc99e75cf5d001c8da4f4d600703a8":null,"_oembed_time_1ecc99e75cf5d001c8da4f4d600703a8":null,"_oembed_b9c03ca24b382c17966861d251dc3b8d":null,"_oembed_time_b9c03ca24b382c17966861d251dc3b8d":null,"_wp_trash_meta_status":null,"_wp_trash_meta_time":null,"_wp_desired_post_slug":null,"_oembed_031755ba22f2b639d88c78254a99ff39":null,"_oembed_time_031755ba22f2b639d88c78254a99ff39":null,"description_de_la_ressource":null,"_description_de_la_ressource":null,"titre_du_fichier":null,"_titre_du_fichier":null,"_edit_last":null,"_edit_lock":null,"_wp_old_slug":null,"_top_nav_excluded":null,"_cms_nav_minihome":null,"inline_featured_image":null,"_yoast_wpseo_estimated-reading-time-minutes":null,"_yoast_wpseo_wordproof_timestamp":null,"_wpml_media_duplicate":"1","_thumbnail_id":"219758","_wpml_media_featured":"1","_wpml_word_count":"{\"total\":3107,\"to_translate\":{\"en\":3107,\"fr\":3107,\"de\":3107,\"ja\":3107,\"es\":3107}}","_last_translation_edit_mode":null,"_last_editor_used_jetpack":null,"_elementor_edit_mode":null,"_elementor_template_type":null,"_wp_page_template":"default","_elementor_page_settings":null,"_elementor_data":null,"_elementor_page_assets":[],"_elementor_version":null,"_elementor_pro_version":null,"_elementor_elements_default_values":null,"_elementor_css":null,"_elementor_source":null,"_elementor_conditions":null,"_wpml_location_migration_done":null,"_elementor_controls_usage":null,"_elementor_screenshot_failed":null,"_elementor_screenshot":null,"_elementor_popup_display_settings":null,"_yoast_wpseo_primary_category":null,"_wp_old_date":null,"_elementor_template_widget_type":null,"_icl_lang_duplicate_of":null,"_yoast_wpseo_metadesc":"O AJAX n\u00e3o \u00e9 novo, mas revolucionou o funcionamento da web e \u00e9 muito importante at\u00e9 hoje. Neste artigo entenda o por qu\u00ea!","_yoast_wpseo_title":"O que \u00e9 AJAX e por que \u00e9 t\u00e3o importante conhece-lo? Conhe\u00e7a a hist\u00f3ria do Gmail | Le Wagon","contenu_de_larticle":"<div><em>Foto: Dmitry Baranovskiy | <\/em><a href=\"https:\/\/creativecommons.org\/licenses\/by\/2.0\/deed.pt_BR\"><em>CC BY 2.0<\/em><\/a><em>&nbsp;<br><\/em><br><\/div><ul><li>O que \u00e9 AJAX e como funciona?<\/li><li>O que \u00e9 uma requisi\u00e7\u00e3o HTTP?<\/li><li>Requisi\u00e7\u00f5es Sincronizadas e Requisi\u00e7\u00f5es Ass\u00edncronas<\/li><li>Qual a import\u00e2ncia do AJAX para programa\u00e7\u00e3o?<\/li><li>AJAX, UX e Performance<\/li><li>Como surgiu AJAX: A hist\u00f3ria do Gmail<\/li><li>A origem do Javascript: HTML, jQuery, XML e node.js<\/li><li>AJAX e APIs<\/li><li>Os primeiros passos para aprender a programar em Javascript<\/li><\/ul><h3>O que \u00e9 AJAX e como funciona?<\/h3><div>Imagine que toda vez que voc\u00ea escrevesse algo na barra de pesquisa do Google, a p\u00e1gina inteira tivesse que carregar novamente para mostrar uma sugest\u00e3o. Ou se tivesse que regarregar toda vez que voc\u00ea arrastasse o mapa no Google Maps. At\u00e9 mesmo quando voc\u00ea vai verificar se um usu\u00e1rio j\u00e1 existe, por exemplo, no Twitter. Seria muito ruim ficar esperando toda a p\u00e1gina recarregar de novo e de novo sempre que ela precisasse conectar ao servidor, certo? E \u00e9 a\u00ed que entra o AJAX. Essa sigla vem de Asynchronous Javascript and XML (Javascript e XML ass\u00edncronos). Esse termo se refere a t\u00e9cnicas de programa\u00e7\u00e3o usadas para fazer com que uma p\u00e1gina web se torne mais din\u00e2mica e interativa. O AJAX permite que tudo aconte\u00e7a numa mesma p\u00e1gina, sem que seja preciso recarreg\u00e1-la por completo toda vez que for necess\u00e1rio conectar ao servidor. Em vez disso, s\u00e3o trocadas pequenas quantidades de informa\u00e7\u00f5es quando solicitadas <strong>alterando somente o DOM<\/strong>. (N\u00e3o sabe o que \u00e9 o DOM? Ent\u00e3o leia <a href=\"https:\/\/www.lewagon.com\/pt-BR\/blog\/modern-javascript-in-the-browser\">este artigo sobre o b\u00e1sico do JavaScript<\/a>). Isso faz com que al\u00e9m de r\u00e1pidas, as p\u00e1ginas sejam mais responsivas, o que melhora a experi\u00eancia do usu\u00e1rio. O primeiro a dar o nome de AJAX para essa t\u00e9cnica foi o Jesse James Garrett, em um artigo chamado \u201cAjax: A New Approach to Web Applications\u201d (Uma nova abordagem para aplica\u00e7\u00f5es web). Apesar de j\u00e1 estar sendo utilizada antes desse texto, foi ele que estabeleceu o nome AJAX e trouxe essa t\u00e9cnica \u00e0 tona para o mundo da programa\u00e7\u00e3o.&nbsp;<\/div><div><br><\/div><h3>O que \u00e9 uma requisi\u00e7\u00e3o HTTP?<\/h3><div>O HTTP (Hypertext Transfer Protocol) possui m\u00e9todos, tamb\u00e9m chamados de verbos, e \u00e9 por meio dele que se estabelece a comunica\u00e7\u00e3o entre <a href=\"https:\/\/rockcontent.com\/br\/blog\/site\/\">sites<\/a> na web e servidores.&nbsp;<\/div><div><br><\/div><div>Mas afinal, o que \u00e9 esse HTTP? Ele \u00e9 basicamente um protocolo de pedido e resposta, utilizado para a transfer\u00eancia de p\u00e1gina HTML do servidor para a internet. E \u00e9 por isso que quando voc\u00ea vai entrar em algum site pelo <a href=\"https:\/\/rockcontent.com\/br\/blog\/navegador\/\">navegador<\/a>, aparece a express\u00e3o HTTP no endere\u00e7o, \u00e9 o que est\u00e1 definindo o protocolo usado. Um protocolo \u00e9 basicamente uma \u201cl\u00edngua falada\u201d pelo navegador e pelo servidor web, ou seja, um conjunto de regras bem definidas, que descrevem como duas entidades se comunicam. A requisi\u00e7\u00e3o HTTP possui um cabe\u00e7alho (header) e um corpo da mensagem que diz ao servidor o que est\u00e1 sendo requisitado, ao fazer isso, um verbo \u00e9 utilizado. Ele identifica o que deve ser feito em um determinado recurso. Existem alguns m\u00e9todos diferentes nessas requisi\u00e7\u00f5es, s\u00e3o eles<br><br><\/div><ul><li>GET<\/li><li>POST<\/li><li>PUT<\/li><li>PATCH<\/li><li>DELETE<br><br><\/li><\/ul><div>No m\u00e9todo GET \u00e9 por onde n\u00f3s pedimos a representa\u00e7\u00e3o de um recurso, ou seja, voc\u00ea faz um pedido para receber informa\u00e7\u00f5es, e geralmente usamos ele quando estamos navegando em sites atrav\u00e9s de seus links, pois a requisi\u00e7\u00e3o \u00e9 feita por meio da URL. No entanto, existe um limite de caracteres: A string da URL n\u00e3o pode ser maior do que 255.&nbsp;<br><br><\/div><div>Mas j\u00e1 o m\u00e9todo POST \u00e9 usado para a aplica\u00e7\u00e3o receber informa\u00e7\u00f5es do usu\u00e1rio e acrescent\u00e1-las \u00e0 aplica\u00e7\u00e3o. E, por causa do n\u00famero de caracteres, \u00e9 poss\u00edvel enviar os par\u00e2metros no corpo da mensagem, n\u00e3o estando vis\u00edveis na URL. Al\u00e9m do m\u00e9todo da requisi\u00e7\u00e3o, \u00e9 poss\u00edvel, tamb\u00e9m, passar par\u00e2metros GETs para o servidor via URL, desde que n\u00e3o ultrapasse o limite definido, mas, se precisar, basta fazer pelo m\u00e9todo POST. A resposta que \u00e9 recebida do servidor \u00e9 chamada de HTTP response. No header dela tem informa\u00e7\u00f5es como data, tamanho, tipo de arquivo e informa\u00e7\u00f5es sobre o servidor.<br><br><\/div><div>J\u00e1 os m\u00e9todos PUT, PATCH e DELETE s\u00e3o bem simples. Os dois primeiros s\u00e3o para atualizar informa\u00e7\u00f5es em aplica\u00e7\u00f5es web, a diferen\u00e7a \u00e9 que com o verbo PUT, voc\u00ea pode alterar campos inteiros de dados, j\u00e1 com o PATCH, \u00e9 poss\u00edvel apenas alterar uma parte. O DELETE, se voc\u00ea sabe ingl\u00eas, j\u00e1 at\u00e9 imagina o que seja, n\u00e3o \u00e9 mesmo? Sim, \u00e9 bem intuitivo: a fun\u00e7\u00e3o dele \u00e9 remover dados.<br><br><\/div><h3><em>Mas como isso acontece?<\/em><\/h3><div>Bom, primeiro o cliente, (o navegador ou a m\u00e1quina) pede para o servidor um recurso, ao enviar um pacote de headers, ou cabe\u00e7alhos, a um URI ou URL. Ao receber esse pedido, o servidor verifica entre os dados e envia uma resposta, podendo ser outro recurso ou headers. Existem tecnologias como servidores web, linguagens de programa\u00e7\u00e3o e banco de dados que s\u00e3o executadas na parte de tr\u00e1s do nosso site, ou seja, no back-end. Por outro lado, as tecnologias que s\u00e3o interpretadas pelo navegador, chamamos de tecnologias front-end, pois representa uma camada de interface com o usu\u00e1rio do nosso site.&nbsp;<br><br><\/div><div>Requisi\u00e7\u00f5es s\u00edncronas e requisi\u00e7\u00f5es ass\u00edncronas<br><br><\/div><div>Agora que voc\u00ea j\u00e1 sabe o que \u00e9 uma requisi\u00e7\u00e3o, vamos entender a diferen\u00e7a entre requisi\u00e7\u00f5es s\u00edncronas e ass\u00edncronas. A ideia \u00e9 que uma requisi\u00e7\u00e3o s\u00edncrona \u00e9 feita pelo pr\u00f3prio navegador para o servidor web, como quando voc\u00ea digita uma URL ou clica em um link. Essa \u00e9 uma requisi\u00e7\u00e3o tradicional. Um exemplo muito comum no nosso dia a dia est\u00e1 em todos os sites que acessamos diariamente. Vamos pegar o Twitter como exemplo: Um usu\u00e1rio digita a URL, d\u00e1 enter e espera carregar uma p\u00e1gina em branco. Enquanto isso, o navegador envia uma requisi\u00e7\u00e3o da p\u00e1gina inicial do Twitter, o servidor web recebe, procura no sistema de arquivos dele se pode responder, monta uma resposta e a entrega para o navegador um arquivo HTML. Ao receber o arquivo HTML, o navegador come\u00e7a a ler e mostrar algumas coisas para que o usu\u00e1rio possa voltar a interagir. E se o usu\u00e1rio clica no perfil de algu\u00e9m? Bom, a\u00ed o processo se repete: \u00e9 outra requisi\u00e7\u00e3o s\u00edncrona que ser\u00e1 feita, o Twitter vai olhar o banco de dados, ver o que foi publicado por essa pessoa e enviar mais uma resposta para o usu\u00e1rio que estava esperando o navegador mostrar algo para voltar a interagir.<\/div><div><br><\/div><div>*O twitter especificamente, utiliza de tecnologias como AJAX, atreladas \u00e0 tecnologia do framework de front-end na linguagem Javascript, conhecido como React para dinamizar a experi\u00eancia do usu\u00e1rio, adicionando novas informa\u00e7\u00f5es \u00e0 interface, sem ter que realizar m\u00faltiplas requisi\u00e7\u00f5es HTTP<\/div><div><br><\/div><div>Certo, mas e quando voc\u00ea est\u00e1 rolando pela p\u00e1gina inicial, vendo os tweets e chega no final, o que acontece? Aparecem mais postagens, n\u00e3o \u00e9 mesmo? Dessa forma, voc\u00ea consegue continuar interagindo com a p\u00e1gina e sem precisar recarregar a p\u00e1gina novamente, fazendo outra HTTP request para ter acesso \u00e0 novas informa\u00e7\u00f5es. Isso acontece devido \u00e0 requisi\u00e7\u00e3o ass\u00edncrona: quando o servidor responde e essa resposta chega no navegador, um c\u00f3digo JavaScript \u00e9 chamado e executa uma a\u00e7\u00e3o na p\u00e1gina, manipulando a DOM do HTML, como por exemplo, pegando os dados das novas publica\u00e7\u00f5es e criando elementos HTML din\u00e2micos.<\/div><div><br><\/div><h3>Qual a import\u00e2ncia do AJAX para a programa\u00e7\u00e3o?<\/h3><div><br><\/div><div>O AJAX tornou-se mais famoso por volta de 2005, quando Jesse James Garrett escreveu o seu artigo chamado \u201cAjax: A New Approach to Web Applications\u201d, como dito anteriormente e quando a Google come\u00e7ou a utilizar a t\u00e9cnica (mas sobre ela eu conto daqui a pouco). A partir de ent\u00e3o, AJAX come\u00e7ou a fazer muito sucesso, pois as pessoas come\u00e7aram a perceber que um site poderia ser t\u00e3o fluido como um software baixado. Essa t\u00e9cnica trouxe diversas utilidades na programa\u00e7\u00e3o, pois melhorou a tanto o trabalho do desenvolvedor na programa\u00e7\u00e3o quanto a experi\u00eancia do usu\u00e1rio.&nbsp;<\/div><div><br><\/div><div>Uma das coisas muito \u00fateis e uma das primeiras a ficar muito conhecida, foi a sugest\u00e3o de busca do Google. Enquanto voc\u00ea insere um termo, o AJAX se conecta com o Google pelos bastidores e ent\u00e3o voc\u00ea v\u00ea uma caixinha aparecendo bem embaixo de onde est\u00e1 sendo digitado, com sugest\u00f5es de pesquisa que provavelmente v\u00e3o coincidir com o que voc\u00ea est\u00e1 querendo procurar. A utilidade do AJAX \u00e9 tremenda, pois essa t\u00e9cnica surgiu em um momento que os navegadores precisavam se mostrar cada vez mais r\u00e1pidos para se sobressa\u00edram no mercado, pois a velocidade e a disponibilidade dos servidores n\u00e3o eram t\u00e3o eficientes. Hoje, com o uso da internet m\u00f3vel tendo cada vez mais peso em rela\u00e7\u00e3o \u00e0 navega\u00e7\u00e3o web dos desktops, \u00e9 muito importante que os sites sejam elaborados com o foco em usabilidade fluida e maior velocidade de carregamento.&nbsp;<\/div><div><br>N\u00e3o s\u00f3 para a evolu\u00e7\u00e3o da programa\u00e7\u00e3o, quanto para a vida profissional do programador, o conhecimento em AJAX \u00e9 muito importante, pois, como voc\u00ea pode ver <a href=\"https:\/\/www.lewagon.com\/pt-BR\/blog\/barreiras-entrada-mercado-ti\">neste artigo<\/a>, pode ser uma \u00f3tima ferramenta para te ajudar a se adequar ao mercado de TI se voc\u00ea quiser investir no front-end.<br><br><\/div><h3>AJAX, UX e Performance<\/h3><div><br><\/div><div>Apesar de a experi\u00eancia do usu\u00e1rio (UX) dar mais relev\u00e2ncia a quem est\u00e1 usufruindo do site e prestar mais aten\u00e7\u00e3o na sua jornada por ele, n\u00e3o \u00e9 s\u00f3 o marketing que importa, mas o conhecimento t\u00e9cnico e visual acompanhados de fases de monitoramento e testes como testes A\/B. Ao focar nesses quatro pontos, a qualidade do site aumenta significativamente pois o torna mais simples, f\u00e1cil de usar e r\u00e1pido, o que por consequ\u00eancia, melhora a usabilidade, otimizando a taxas de convers\u00e3o de visitantes em leads, podendo significar resultados concretos de neg\u00f3cio. Por exemplo, tornar seu site responsivo \u00e9 essencial. Ser responsivo significa ser capaz de dimensionar as telas adequadamente&nbsp; em qualquer dispositivo, seja em computadores, tablets ou celulares. Al\u00e9m disso, \u00e9 muito importante que ele seja acess\u00edvel para todos, como idosos e pessoas com defici\u00eancia.&nbsp;<\/div><div><br><\/div><div>Para melhorar a navegabilidade, ao programar o site \u00e9 necess\u00e1rio levar duas coisas em conta. Primeiro, o usu\u00e1rio deve saber onde ele est\u00e1, ser capaz de determinar sua localiza\u00e7\u00e3o na p\u00e1gina atual e saber como voltar nela. Uma navega\u00e7\u00e3o estrutural \u00e9 uma \u00f3tima escolha para esse fim. Segundo que o usu\u00e1rio deve conseguir encontrar o que ele quiser rapidamente, por isso \u00e9 necess\u00e1rio integrar um mecanismo de busca eficiente. A\u00ed \u00e9 que entra o AJAX. Sites em que os programadores constroem com&nbsp; uma arquitetura moderna baseada no AJAX, podem utilizar t\u00e9cnicas muito interessantes para tornar a navega\u00e7\u00e3o r\u00e1pida.&nbsp;<\/div><div><br><\/div><div>Antes, os computadores e a capacidade de processamento de informa\u00e7\u00f5es eram muito lentos, ent\u00e3o as requisi\u00e7\u00f5es feitas para os servidores, que em maioria, eram localizados nos EUA, junto com a velocidade, n\u00e3o eram uma boa combina\u00e7\u00e3o. Principalmente por causa disso, os usu\u00e1rios n\u00e3o exigiam muito de um site. Mas hoje em dia as coisas s\u00e3o muito diferentes, portanto, \u00e9 essencial cativ\u00e1-los assim que chegarem no site. Um dos pontos que \u00e9 muito importante e faz muita diferen\u00e7a s\u00e3o os tempos curtos de carregamento e navega\u00e7\u00e3o suave. A performance pode ser melhorada significativamente minimizando o n\u00famero de solicita\u00e7\u00f5es, medindo arquivos CSS e JavaScript e comprimindo respostas.&nbsp;<\/div><div>Com base em uma estrutura 100% AJAX, somos capazes de criar sites que s\u00e3o personalizados \u00e0s necessidades dos clientes, fornecer navega\u00e7\u00e3o fluida e que funcionam em um alto n\u00edvel de dinamicidade.<\/div><div><br><\/div><h3>Como surgiu AJAX: a hist\u00f3ria do Gmail<\/h3><div><br><\/div><div>Tudo come\u00e7ou quando o engenheiro da Google, Paul Buchheit, resolveu fazer um servi\u00e7o de correio eletr\u00f4nico interno para a empresa. Ele pegou o que tinha de mais deficiente nos servi\u00e7os populares, como os da Yahoo! e da Microsoft e, a partir disso, desenvolveu o produto.<\/div><div><br><\/div><div>O surgimento do Gmail aconteceu l\u00e1 em 2004. O produto ganhou popularidade rapidamente porque ele chegou com uma not\u00edcia extraordin\u00e1ria: teria 1gb de mem\u00f3ria, enquanto seus concorrentes teriam no m\u00e1ximo 6mb. Al\u00e9m de ser uma grande conquista para a \u00e9poca, ainda foi lan\u00e7ado dia 1\u00b0 de abril, ent\u00e3o algumas pessoas acharam que aquilo era algum tipo de brincadeira ou pegadinha, por conta do tamanho desse avan\u00e7o tecnol\u00f3gico, poderia \u2018\u2019ser bom demais para ser verdade\u2019\u2019. Por causa disso, outras organiza\u00e7\u00f5es que ofereciam servi\u00e7o de webmail tiveram que se reinventar. Um ano mais tarde, a Google resolveu inovar ainda mais lan\u00e7ando um projeto chamado Infinity Plus One que resolvia alguns problemas que os concorrentes tinham, como a interface, que n\u00e3o era muito agrad\u00e1vel, linguagens de programa\u00e7\u00e3o ultrapassadas e falta de organiza\u00e7\u00e3o das mensagens no inbox. Outra coisa que colocava o Gmail muito \u00e0 frente dos outros era a velocidade em que os processos aconteciam, muito mais r\u00e1pidos do que as outras plataformas, que eram muito lentas. Posteriormente o Gmail foi melhorado com a chegada do AJAX, a sua t\u00e9cnica foi implementada ao servi\u00e7o de webmail e isso aprimorou mais ainda suas ferramentas.<\/div><div><br><\/div><h3>A origem do Javascript: HTML, jQuery e XML<\/h3><div><br><\/div><div>Primeiramente \u00e9 bom lembrar que o Javascript \u00e9 uma linguagem de programa\u00e7\u00e3o interpretada, n\u00e3o compilada, e \u00e9 executada no interior de um programa, que no caso \u00e9 o navegador. Ela serve para criar p\u00e1ginas din\u00e2micas, como vimos, e \u00e9 uma das linguagens utilizada para criar um site com a t\u00e9cnica do AJAX. Ela \u00e9 uma das linguagens de programa\u00e7\u00e3o mais utilizada na atualidade. Mesmo sendo relativamente antiga, lan\u00e7ada em 1996, ela continuou evoluindo, a todo momento s\u00e3o lan\u00e7ados novos frameworks.&nbsp;<\/div><div>Voc\u00ea tamb\u00e9m pode dar uma olhada <a href=\"https:\/\/www.lewagon.com\/blog\/modern-javascript-in-the-browser\">neste post<\/a> sobre conceitos que voc\u00ea precisa dominar para trabalhar com Javascript.<\/div><div><br><\/div><div>Quando foi criado, o Javascript recebeu o nome de Mocha e, posteriormente, foi chamado de Livescript. Isso aconteceu porque os desenvolvedores tinham a inten\u00e7\u00e3o de dar mais \u201cvida\u201d \u00e0s p\u00e1ginas com ela, com mais interatividade, porque na \u00e9poca s\u00f3 existiam sites est\u00e1ticos escritos em HTML. S\u00f3 que, como sabemos, esse n\u00e3o foi seu nome final. Muita gente acaba se enganando, ao pensar que Java e Javascript, t\u00eam alguma coisa a ver, mas isso n\u00e3o passou de uma jogada de marketing, porque na \u00e9poca o Java j\u00e1 era uma linguagem de programa\u00e7\u00e3o muito popular, e por isso o nome Javascript, foi uma maneira de pegar carona na popularidade do Java. Atualmente ele \u00e9 mantido pela ECMA, uma associa\u00e7\u00e3o de software que fez ele se popularizar entre os navegadores.<\/div><div><br><\/div><h3>HTML<\/h3><div><br><\/div><div>HTML \u00e9 um acr\u00f4nimo para Hypertext Markup Language, que significa linguagem de marca\u00e7\u00e3o de hipertexto. Ela \u00e9 a linguagem respons\u00e1vel por exibir, estruturar e organizar a informa\u00e7\u00e3o do site. Podemos dizer que o HTML \u00e9 a forma que escrevemos o nosso c\u00f3digo para que os navegadores entendam o que queremos e, atrav\u00e9s das tags, organizamos e damos significado \u00e0 nossa informa\u00e7\u00e3o.<\/div><div><br><\/div><h3>JQuery<\/h3><div><br>O jQuery \u00e9 uma biblioteca de multiplataforma projetada para simplificar a cria\u00e7\u00e3o de scripts e foi criada em 2006 pelo Engenheiro de Software John Resig. A maioria dos sites da web utilizam essa biblioteca atualmente, isso d\u00e1-se principalmente pelo fato de ela simplificar a sintaxe para encontrar, selecionar e manipular os elementos de uma estrutura de HTML no DOM .<br><br><\/div><div><br>J\u00e1 o XML \u00e9 um formato de arquivo criado para que informa\u00e7\u00f5es pudessem ser lidas facilmente tanto por humanos, quanto por m\u00e1quinas, al\u00e9m de permitir que informa\u00e7\u00f5es sejam adicionadas ou repetidas sem que houvesse uma mudan\u00e7a estrutural.&nbsp;<br><br><\/div><h3>AJAX e APIs<\/h3><div><br><\/div><div>API significa Application Programming Interface (Interface de Programa\u00e7\u00e3o de Aplica\u00e7\u00f5es). Ela serve para que um sistema possa se comunicar, ou seja, compartilhar informa\u00e7\u00f5es, como por exemplo protocolos e ferramentas, com o outro. Seria um \u201cminissistema\u201d que interliga um maior com quem quiser utilizar os recursos da API.&nbsp;<\/div><div><br><\/div><div>Ok, mas e uma API RESTful? Bom, esse segundo nome n\u00e3o muda muita coisa, pra falar a verdade. API REST acaba sendo como uma API qualquer, a diferen\u00e7a \u00e9 que a primeira utiliza a vers\u00e3o 1.1 do protocolo HTTP e, al\u00e9m disso, faz todas as 4 CRUD actions: Create, Read, Update e Delete. Para fazer uma requisi\u00e7\u00e3o HTTP, voc\u00ea deve utilizar o m\u00e9todo fetch, pois, ao ser invocado, ele traz dados da URL que o programador especifica no argumento. \u00c9 uma op\u00e7\u00e3o que est\u00e3o utilizando muito ultimamente e sendo implementada nos navegadores para substituir como as requisi\u00e7\u00f5es HTTP eram feitas no browser antes. Vale lembrar, tamb\u00e9m, que esse pedido \u00e9 ass\u00edncrono, ou seja, o usu\u00e1rio n\u00e3o fica preso, esperando a resposta enquanto a requisi\u00e7\u00e3o \u00e9 feita.<\/div><div><br><\/div><h3>Os primeiros passos para aprender a programar em Javascript &amp; AJAX requests<\/h3><div><br><\/div><div>Hoje em qualquer computador \u00e9 poss\u00edvel rodar Javascript, mesmo zerado, todo formatado, basta ter um navegador para rodar um c\u00f3digo Javascript, o que facilita muito a linguagem que \u00e9 uma das mais populares da atualidade. Mas \u00e9 bom lembrar que, se voc\u00ea quiser escrever o c\u00f3digo, \u00e9 necess\u00e1rio instalar, por exemplo, o Node.js.<\/div><div><br><\/div><div>Para desenvolvimento web, primeiro, tente aprender HTML, pois \u00e9 uma linguagem de marca\u00e7\u00e3o, n\u00e3o de programa\u00e7\u00e3o, ent\u00e3o \u00e9 um \u00f3timo lugar pra come\u00e7ar e uma das bases para Javascript.<\/div><div><br><\/div><div>Voc\u00ea tamb\u00e9m pode desenvolver projetos pessoais, mesmo sem ter aprofundado muito. Participe de f\u00f3runs, tire d\u00favidas, fa\u00e7a networking, conhe\u00e7a outros desenvolvedores, seja no seu local de estudo, trabalho ou at\u00e9 mesmo na internet. As comunidades do github e do facebook podem te ajudar a tirar muitas d\u00favidas sobre carreira e primeiros passos.<\/div><div><br><\/div><div>Leia c\u00f3digo, veja os de outras pessoas, participe de projetos. Dessa forma, voc\u00ea pode ver o&nbsp; que outros desenvolvedores profissionais trabalham, como usam a l\u00f3gica para solucionarem problemas de programa\u00e7\u00e3o com a linguagem. Voc\u00ea tamb\u00e9m pode us\u00e1-los como base para o seu projeto. Outros lugares que voc\u00ea tamb\u00e9m pode ver exemplos de c\u00f3digos, s\u00e3o em livros de Javascript, alguns muito bons e famosos s\u00e3o: You don\u2019t know Javascript; Use a cabe\u00e7a! Programa\u00e7\u00e3o Javascript; PHP, My SQL &amp; Javascript for dummies e Segredos do Javascript ninja.<\/div><div><br><\/div><div>Al\u00e9m disso, se j\u00e1 tiver certeza que quer aprender a programar mas n\u00e3o sabe como? Ou quer um caminho menos formal do que um curso acad\u00eamico em Ci\u00eancias da Computa\u00e7\u00e3o, voc\u00ea pode fazer um <strong><em>bootcamp<\/em><\/strong>. N\u00e3o sabe o que s\u00e3o bootcamps? <a href=\"https:\/\/www.lewagon.com\/pt-BR\/blog\/bootcamps-programa%C3%A7%C3%A3o-funcionam\">Esse post<\/a> explica bem direitinho o que s\u00e3o e se funcionam, vale a pena dar uma conferida.&nbsp;<\/div><div><br><br><\/div><div><br><\/div>","_contenu_de_larticle":null,"titre_de_la_banniere":null,"_titre_de_la_banniere":null,"paragraphe_de_la_banniere":null,"_paragraphe_de_la_banniere":null,"intitule_du_bouton_de_la_banniere":null,"_intitule_du_bouton_de_la_banniere":null,"lien_du_bouton_de_la_banniere":null,"_lien_du_bouton_de_la_banniere":null,"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.9 (Yoast SEO v28.0) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>O que \u00e9 AJAX e por que \u00e9 t\u00e3o importante conhece-lo? Conhe\u00e7a a hist\u00f3ria do Gmail | Le Wagon<\/title>\n<meta name=\"description\" content=\"O AJAX n\u00e3o \u00e9 novo, mas revolucionou o funcionamento da web e \u00e9 muito importante at\u00e9 hoje. Neste artigo entenda o por qu\u00ea!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/blog.lewagon.com\/pt-br\/news\/o-que-e-ajax-a-historia-do-gmail\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"O que \u00e9 AJAX e por que \u00e9 t\u00e3o importante conhece-lo? Conhe\u00e7a a hist\u00f3ria do Gmail | Le Wagon\" \/>\n<meta property=\"og:description\" content=\"O AJAX n\u00e3o \u00e9 novo, mas revolucionou o funcionamento da web e \u00e9 muito importante at\u00e9 hoje. Neste artigo entenda o por qu\u00ea!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/blog.lewagon.com\/pt-br\/news\/o-que-e-ajax-a-historia-do-gmail\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog Le Wagon\" \/>\n<meta property=\"article:published_time\" content=\"2020-06-09T22:00:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog.lewagon.com\/wp-content\/uploads\/2023\/03\/r0z9swhhz7alsbvcoodros2xcyca.jpeg\" \/>\n<meta name=\"author\" content=\"MickaelT\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"O que \u00e9 AJAX e por que \u00e9 t\u00e3o importante conhece-lo? Conhe\u00e7a a hist\u00f3ria do Gmail | Le Wagon\" \/>\n<meta name=\"twitter:description\" content=\"O AJAX n\u00e3o \u00e9 novo, mas revolucionou o funcionamento da web e \u00e9 muito importante at\u00e9 hoje. Neste artigo entenda o por qu\u00ea!\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/blog.lewagon.com\/wp-content\/uploads\/2023\/03\/r0z9swhhz7alsbvcoodros2xcyca.jpeg\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"MickaelT\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":[\"Article\",\"BlogPosting\"],\"@id\":\"https:\\\/\\\/blog.lewagon.com\\\/pt-br\\\/news\\\/o-que-e-ajax-a-historia-do-gmail\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/blog.lewagon.com\\\/pt-br\\\/news\\\/o-que-e-ajax-a-historia-do-gmail\\\/\"},\"author\":{\"name\":\"MickaelT\",\"@id\":\"https:\\\/\\\/blog.lewagon.com\\\/pt-br\\\/#\\\/schema\\\/person\\\/8b4567040d8a3520451362bb71ea09e6\"},\"headline\":\"O que \u00e9 AJAX e por que \u00e9 t\u00e3o importante conhece-lo? Conhe\u00e7a a hist\u00f3ria do Gmail\",\"datePublished\":\"2020-06-09T22:00:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/blog.lewagon.com\\\/pt-br\\\/news\\\/o-que-e-ajax-a-historia-do-gmail\\\/\"},\"wordCount\":17,\"publisher\":{\"@id\":\"https:\\\/\\\/blog.lewagon.com\\\/pt-br\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/blog.lewagon.com\\\/pt-br\\\/news\\\/o-que-e-ajax-a-historia-do-gmail\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i0.wp.com\\\/blog.lewagon.com\\\/wp-content\\\/uploads\\\/2023\\\/04\\\/r0z9swhhz7alsbvcoodros2xcyca.jpeg?fit=1200%2C800&ssl=1\",\"keywords\":[\"Web\"],\"articleSection\":[\"News\"],\"inLanguage\":\"pt-BR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/blog.lewagon.com\\\/pt-br\\\/news\\\/o-que-e-ajax-a-historia-do-gmail\\\/\",\"url\":\"https:\\\/\\\/blog.lewagon.com\\\/pt-br\\\/news\\\/o-que-e-ajax-a-historia-do-gmail\\\/\",\"name\":\"O que \u00e9 AJAX e por que \u00e9 t\u00e3o importante conhece-lo? Conhe\u00e7a a hist\u00f3ria do Gmail | Le Wagon\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/blog.lewagon.com\\\/pt-br\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/blog.lewagon.com\\\/pt-br\\\/news\\\/o-que-e-ajax-a-historia-do-gmail\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/blog.lewagon.com\\\/pt-br\\\/news\\\/o-que-e-ajax-a-historia-do-gmail\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i0.wp.com\\\/blog.lewagon.com\\\/wp-content\\\/uploads\\\/2023\\\/04\\\/r0z9swhhz7alsbvcoodros2xcyca.jpeg?fit=1200%2C800&ssl=1\",\"datePublished\":\"2020-06-09T22:00:00+00:00\",\"description\":\"O AJAX n\u00e3o \u00e9 novo, mas revolucionou o funcionamento da web e \u00e9 muito importante at\u00e9 hoje. Neste artigo entenda o por qu\u00ea!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/blog.lewagon.com\\\/pt-br\\\/news\\\/o-que-e-ajax-a-historia-do-gmail\\\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/blog.lewagon.com\\\/pt-br\\\/news\\\/o-que-e-ajax-a-historia-do-gmail\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/blog.lewagon.com\\\/pt-br\\\/news\\\/o-que-e-ajax-a-historia-do-gmail\\\/#primaryimage\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/blog.lewagon.com\\\/wp-content\\\/uploads\\\/2023\\\/04\\\/r0z9swhhz7alsbvcoodros2xcyca.jpeg?fit=1200%2C800&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/blog.lewagon.com\\\/wp-content\\\/uploads\\\/2023\\\/04\\\/r0z9swhhz7alsbvcoodros2xcyca.jpeg?fit=1200%2C800&ssl=1\",\"width\":1200,\"height\":800},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/blog.lewagon.com\\\/pt-br\\\/news\\\/o-que-e-ajax-a-historia-do-gmail\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/blog.lewagon.com\\\/pt-br\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"News\",\"item\":\"https:\\\/\\\/blog.lewagon.com\\\/pt-br\\\/.\\\/news\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"O que \u00e9 AJAX e por que \u00e9 t\u00e3o importante conhece-lo? Conhe\u00e7a a hist\u00f3ria do Gmail\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/blog.lewagon.com\\\/pt-br\\\/#website\",\"url\":\"https:\\\/\\\/blog.lewagon.com\\\/pt-br\\\/\",\"name\":\"Le Wagon\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/blog.lewagon.com\\\/pt-br\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/blog.lewagon.com\\\/pt-br\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/blog.lewagon.com\\\/pt-br\\\/#organization\",\"name\":\"Le Wagon\",\"url\":\"https:\\\/\\\/blog.lewagon.com\\\/pt-br\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/blog.lewagon.com\\\/pt-br\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/blog.lewagon.com\\\/wp-content\\\/uploads\\\/2023\\\/02\\\/logo.svg\",\"contentUrl\":\"https:\\\/\\\/blog.lewagon.com\\\/wp-content\\\/uploads\\\/2023\\\/02\\\/logo.svg\",\"width\":172,\"height\":44,\"caption\":\"Le Wagon\"},\"image\":{\"@id\":\"https:\\\/\\\/blog.lewagon.com\\\/pt-br\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/blog.lewagon.com\\\/pt-br\\\/#\\\/schema\\\/person\\\/8b4567040d8a3520451362bb71ea09e6\",\"name\":\"MickaelT\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/627722b9f4aaa9f24735f9b8656525ab01111fb2c94de91dc70c9c1bffb90e7b?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/627722b9f4aaa9f24735f9b8656525ab01111fb2c94de91dc70c9c1bffb90e7b?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/627722b9f4aaa9f24735f9b8656525ab01111fb2c94de91dc70c9c1bffb90e7b?s=96&d=mm&r=g\",\"caption\":\"MickaelT\"},\"sameAs\":[\"http:\\\/\\\/blog.lewagon.com\"],\"url\":\"https:\\\/\\\/blog.lewagon.com\\\/pt-br\\\/author\\\/mickaelt\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"O que \u00e9 AJAX e por que \u00e9 t\u00e3o importante conhece-lo? Conhe\u00e7a a hist\u00f3ria do Gmail | Le Wagon","description":"O AJAX n\u00e3o \u00e9 novo, mas revolucionou o funcionamento da web e \u00e9 muito importante at\u00e9 hoje. Neste artigo entenda o por qu\u00ea!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/blog.lewagon.com\/pt-br\/news\/o-que-e-ajax-a-historia-do-gmail\/","og_locale":"pt_BR","og_type":"article","og_title":"O que \u00e9 AJAX e por que \u00e9 t\u00e3o importante conhece-lo? Conhe\u00e7a a hist\u00f3ria do Gmail | Le Wagon","og_description":"O AJAX n\u00e3o \u00e9 novo, mas revolucionou o funcionamento da web e \u00e9 muito importante at\u00e9 hoje. Neste artigo entenda o por qu\u00ea!","og_url":"https:\/\/blog.lewagon.com\/pt-br\/news\/o-que-e-ajax-a-historia-do-gmail\/","og_site_name":"Blog Le Wagon","article_published_time":"2020-06-09T22:00:00+00:00","og_image":[{"url":"https:\/\/blog.lewagon.com\/wp-content\/uploads\/2023\/03\/r0z9swhhz7alsbvcoodros2xcyca.jpeg","type":"","width":"","height":""}],"author":"MickaelT","twitter_card":"summary_large_image","twitter_title":"O que \u00e9 AJAX e por que \u00e9 t\u00e3o importante conhece-lo? Conhe\u00e7a a hist\u00f3ria do Gmail | Le Wagon","twitter_description":"O AJAX n\u00e3o \u00e9 novo, mas revolucionou o funcionamento da web e \u00e9 muito importante at\u00e9 hoje. Neste artigo entenda o por qu\u00ea!","twitter_image":"https:\/\/blog.lewagon.com\/wp-content\/uploads\/2023\/03\/r0z9swhhz7alsbvcoodros2xcyca.jpeg","twitter_misc":{"Escrito por":"MickaelT"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":["Article","BlogPosting"],"@id":"https:\/\/blog.lewagon.com\/pt-br\/news\/o-que-e-ajax-a-historia-do-gmail\/#article","isPartOf":{"@id":"https:\/\/blog.lewagon.com\/pt-br\/news\/o-que-e-ajax-a-historia-do-gmail\/"},"author":{"name":"MickaelT","@id":"https:\/\/blog.lewagon.com\/pt-br\/#\/schema\/person\/8b4567040d8a3520451362bb71ea09e6"},"headline":"O que \u00e9 AJAX e por que \u00e9 t\u00e3o importante conhece-lo? Conhe\u00e7a a hist\u00f3ria do Gmail","datePublished":"2020-06-09T22:00:00+00:00","mainEntityOfPage":{"@id":"https:\/\/blog.lewagon.com\/pt-br\/news\/o-que-e-ajax-a-historia-do-gmail\/"},"wordCount":17,"publisher":{"@id":"https:\/\/blog.lewagon.com\/pt-br\/#organization"},"image":{"@id":"https:\/\/blog.lewagon.com\/pt-br\/news\/o-que-e-ajax-a-historia-do-gmail\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/blog.lewagon.com\/wp-content\/uploads\/2023\/04\/r0z9swhhz7alsbvcoodros2xcyca.jpeg?fit=1200%2C800&ssl=1","keywords":["Web"],"articleSection":["News"],"inLanguage":"pt-BR"},{"@type":"WebPage","@id":"https:\/\/blog.lewagon.com\/pt-br\/news\/o-que-e-ajax-a-historia-do-gmail\/","url":"https:\/\/blog.lewagon.com\/pt-br\/news\/o-que-e-ajax-a-historia-do-gmail\/","name":"O que \u00e9 AJAX e por que \u00e9 t\u00e3o importante conhece-lo? Conhe\u00e7a a hist\u00f3ria do Gmail | Le Wagon","isPartOf":{"@id":"https:\/\/blog.lewagon.com\/pt-br\/#website"},"primaryImageOfPage":{"@id":"https:\/\/blog.lewagon.com\/pt-br\/news\/o-que-e-ajax-a-historia-do-gmail\/#primaryimage"},"image":{"@id":"https:\/\/blog.lewagon.com\/pt-br\/news\/o-que-e-ajax-a-historia-do-gmail\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/blog.lewagon.com\/wp-content\/uploads\/2023\/04\/r0z9swhhz7alsbvcoodros2xcyca.jpeg?fit=1200%2C800&ssl=1","datePublished":"2020-06-09T22:00:00+00:00","description":"O AJAX n\u00e3o \u00e9 novo, mas revolucionou o funcionamento da web e \u00e9 muito importante at\u00e9 hoje. Neste artigo entenda o por qu\u00ea!","breadcrumb":{"@id":"https:\/\/blog.lewagon.com\/pt-br\/news\/o-que-e-ajax-a-historia-do-gmail\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blog.lewagon.com\/pt-br\/news\/o-que-e-ajax-a-historia-do-gmail\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/blog.lewagon.com\/pt-br\/news\/o-que-e-ajax-a-historia-do-gmail\/#primaryimage","url":"https:\/\/i0.wp.com\/blog.lewagon.com\/wp-content\/uploads\/2023\/04\/r0z9swhhz7alsbvcoodros2xcyca.jpeg?fit=1200%2C800&ssl=1","contentUrl":"https:\/\/i0.wp.com\/blog.lewagon.com\/wp-content\/uploads\/2023\/04\/r0z9swhhz7alsbvcoodros2xcyca.jpeg?fit=1200%2C800&ssl=1","width":1200,"height":800},{"@type":"BreadcrumbList","@id":"https:\/\/blog.lewagon.com\/pt-br\/news\/o-que-e-ajax-a-historia-do-gmail\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/blog.lewagon.com\/pt-br\/"},{"@type":"ListItem","position":2,"name":"News","item":"https:\/\/blog.lewagon.com\/pt-br\/.\/news\/"},{"@type":"ListItem","position":3,"name":"O que \u00e9 AJAX e por que \u00e9 t\u00e3o importante conhece-lo? Conhe\u00e7a a hist\u00f3ria do Gmail"}]},{"@type":"WebSite","@id":"https:\/\/blog.lewagon.com\/pt-br\/#website","url":"https:\/\/blog.lewagon.com\/pt-br\/","name":"Le Wagon","description":"","publisher":{"@id":"https:\/\/blog.lewagon.com\/pt-br\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blog.lewagon.com\/pt-br\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Organization","@id":"https:\/\/blog.lewagon.com\/pt-br\/#organization","name":"Le Wagon","url":"https:\/\/blog.lewagon.com\/pt-br\/","logo":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/blog.lewagon.com\/pt-br\/#\/schema\/logo\/image\/","url":"https:\/\/blog.lewagon.com\/wp-content\/uploads\/2023\/02\/logo.svg","contentUrl":"https:\/\/blog.lewagon.com\/wp-content\/uploads\/2023\/02\/logo.svg","width":172,"height":44,"caption":"Le Wagon"},"image":{"@id":"https:\/\/blog.lewagon.com\/pt-br\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/blog.lewagon.com\/pt-br\/#\/schema\/person\/8b4567040d8a3520451362bb71ea09e6","name":"MickaelT","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/secure.gravatar.com\/avatar\/627722b9f4aaa9f24735f9b8656525ab01111fb2c94de91dc70c9c1bffb90e7b?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/627722b9f4aaa9f24735f9b8656525ab01111fb2c94de91dc70c9c1bffb90e7b?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/627722b9f4aaa9f24735f9b8656525ab01111fb2c94de91dc70c9c1bffb90e7b?s=96&d=mm&r=g","caption":"MickaelT"},"sameAs":["http:\/\/blog.lewagon.com"],"url":"https:\/\/blog.lewagon.com\/pt-br\/author\/mickaelt\/"}]}},"jetpack_featured_media_url":"https:\/\/i0.wp.com\/blog.lewagon.com\/wp-content\/uploads\/2023\/04\/r0z9swhhz7alsbvcoodros2xcyca.jpeg?fit=1200%2C800&ssl=1","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/blog.lewagon.com\/pt-br\/wp-json\/wp\/v2\/posts\/219757","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.lewagon.com\/pt-br\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.lewagon.com\/pt-br\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.lewagon.com\/pt-br\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.lewagon.com\/pt-br\/wp-json\/wp\/v2\/comments?post=219757"}],"version-history":[{"count":0,"href":"https:\/\/blog.lewagon.com\/pt-br\/wp-json\/wp\/v2\/posts\/219757\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.lewagon.com\/pt-br\/wp-json\/wp\/v2\/media\/219758"}],"wp:attachment":[{"href":"https:\/\/blog.lewagon.com\/pt-br\/wp-json\/wp\/v2\/media?parent=219757"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.lewagon.com\/pt-br\/wp-json\/wp\/v2\/categories?post=219757"},{"taxonomy":"type_de_post","embeddable":true,"href":"https:\/\/blog.lewagon.com\/pt-br\/wp-json\/wp\/v2\/type_de_post?post=219757"},{"taxonomy":"post-format","embeddable":true,"href":"https:\/\/blog.lewagon.com\/pt-br\/wp-json\/wp\/v2\/post-format?post=219757"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}