/*! elementor-pro - v3.5.0 - 01-11-2021 */
.wrap.elementor-admin-page-license form.elementor-license-box {
  max-width: 600px;
  background: white;
  margin: 20px 0;
  padding: 20px 20px; }
  .wrap.elementor-admin-page-license form.elementor-license-box h3 {
    border-bottom: 1px solid #eee;
    padding: 20px;
    margin: -20px -20px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .wrap.elementor-admin-page-license form.elementor-license-box h3 span {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      padding-left: 5px; }
    .wrap.elementor-admin-page-license form.elementor-license-box h3 small {
      float: right;
      font-size: 13px;
      font-weight: normal; }
  .wrap.elementor-admin-page-license form.elementor-license-box label {
    display: block;
    font-size: 1.3em;
    font-weight: 600;
    margin: 1em 0; }
  .wrap.elementor-admin-page-license form.elementor-license-box .button {
    height: 30px;
    margin-left: 15px;
    margin-bottom: 0; }
  .wrap.elementor-admin-page-license form.elementor-license-box p.description {
    margin: 10px 0; }
  .wrap.elementor-admin-page-license form.elementor-license-box .e-row-stretch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .wrap.elementor-admin-page-license form.elementor-license-box .e-row-divider-bottom {
    padding-bottom: 15px;
    border-bottom: 1px solid #eeeeee; }

.wrap.elementor-admin-page-license .elementor-box-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-top: 30px; }
  .wrap.elementor-admin-page-license .elementor-box-action .elementor-manually-link {
    color: #72777c;
    margin-right: 15px; }
    .wrap.elementor-admin-page-license .elementor-box-action .elementor-manually-link:hover {
      color: inherit; }

.fixed .column-elementor_library_type,
.fixed .column-instances {
  width: 10%; }

.fixed .elementor-shortcode-input {
  min-width: 235px; }

@media (min-width: 768px) and (max-width: 1440px) {
  .fixed .column-shortcode {
    width: 25%; }
  .fixed .elementor-shortcode-input {
    min-width: 100%; } }

#available-widgets [class*="elementor-template"] .widget-title:before {
  content: "\e801";
  font-family: eicon;
  font-size: 17px; }

#elementor-widget-template-empty-templates {
  margin-top: 15px;
  text-align: center; }

.elementor-widget-template-empty-templates-title {
  padding: 25px 0 30px; }

.elementor-widget-template-empty-templates-icon {
  font-size: 96px;
  color: #d5dadf; }

.elementor-widget-template-empty-templates-footer {
  color: #a4afb7;
  font-size: 13px;
  font-style: italic;
  margin-bottom: 15px; }
  .elementor-widget-template-empty-templates-footer a {
    color: #a4afb7; }

.elementor-button-spinner.error:before {
  content: "\f335";
  color: #ff0000; }

span.font-variations-count {
  display: inline-block;
  vertical-align: top;
  margin: 1px 0 0 5px;
  padding: 0 5px;
  min-width: 7px;
  height: 17px;
  border-radius: 11px;
  background-color: #d4dffb;
  color: #4278b2;
  font-size: 9px;
  line-height: 17px;
  text-align: center;
  z-index: 26; }

.post-type-elementor_font div#elementor-font-custommetabox {
  background: none;
  border: 0; }
  .post-type-elementor_font div#elementor-font-custommetabox button.handlediv {
    display: none; }
  .post-type-elementor_font div#elementor-font-custommetabox #poststuff .inside {
    margin: 0;
    padding: 0; }
  .post-type-elementor_font div#elementor-font-custommetabox h2.hndle {
    padding: 0; }
  .post-type-elementor_font div#elementor-font-custommetabox .handle-actions {
    display: none; }

.post-type-elementor_font #tagsdiv-elementor_font_type,
.post-type-elementor_font #minor-publishing-actions,
.post-type-elementor_font #misc-publishing-actions {
  display: none; }

.elementor-metabox-content .repeater-block {
  background: #ffffff;
  color: #6d7882;
  padding: 20px;
  margin-bottom: 2px; }
  .elementor-metabox-content .repeater-block span.elementor-repeater-tool-btn.close-repeater-row {
    display: none; }
  .elementor-metabox-content .repeater-block.block-visible {
    padding-bottom: 0;
    margin-bottom: 0; }
    .elementor-metabox-content .repeater-block.block-visible span.elementor-repeater-tool-btn.toggle-repeater-row {
      display: none; }
    .elementor-metabox-content .repeater-block.block-visible span.elementor-repeater-tool-btn.close-repeater-row {
      display: inline-block; }
  .elementor-metabox-content .repeater-block:not(.block-visible) .close-repeater-row {
    display: none; }
  .elementor-metabox-content .repeater-block .repeater-title {
    cursor: pointer; }

.elementor-metabox-content .row-font-label {
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-transform: capitalize; }
  .elementor-metabox-content .row-font-label li {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    width: 100%;
    margin: 0; }
    .elementor-metabox-content .row-font-label li span.label {
      font-weight: 500;
      padding-right: 10px; }
    .elementor-metabox-content .row-font-label li.row-font-weight, .elementor-metabox-content .row-font-label li.row-font-style {
      max-width: 180px; }
    .elementor-metabox-content .row-font-label li.row-font-actions {
      max-width: 200px;
      text-align: right; }

.elementor-metabox-content .repeater-content {
  margin: 0; }
  .elementor-metabox-content .repeater-content .repeater-content-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    line-height: 28px; }
    .elementor-metabox-content .repeater-content .repeater-content-top > div {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
    .elementor-metabox-content .repeater-content .repeater-content-top p {
      margin: 0;
      display: inline-block; }
      .elementor-metabox-content .repeater-content .repeater-content-top p label {
        font-weight: 500;
        padding-right: 10px; }
    .elementor-metabox-content .repeater-content .repeater-content-top .elementor-field-select {
      max-width: 180px; }
    .elementor-metabox-content .repeater-content .repeater-content-top .elementor-field-toolbar {
      max-width: 200px;
      text-align: right; }
  .elementor-metabox-content .repeater-content .repeater-content-bottom {
    background-color: #f7f7f7;
    padding: 20px 40px;
    margin: 0 -20px; }
    .elementor-metabox-content .repeater-content .repeater-content-bottom .elementor-field {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      background-color: #ffffff;
      padding: 10px 20px;
      margin-bottom: 10px;
      -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05);
              box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05); }
      .elementor-metabox-content .repeater-content .repeater-content-bottom .elementor-field:last-child {
        margin-bottom: 0; }
      .elementor-metabox-content .repeater-content .repeater-content-bottom .elementor-field p,
      .elementor-metabox-content .repeater-content .repeater-content-bottom .elementor-field input {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        width: 100%;
        margin: 0; }
      .elementor-metabox-content .repeater-content .repeater-content-bottom .elementor-field p.elementor-field-label {
        font-weight: 500;
        max-width: 120px; }
      .elementor-metabox-content .repeater-content .repeater-content-bottom .elementor-field .elementor-field-input {
        padding: 5px 8px;
        margin: 0 15px;
        border-radius: 3px;
        font-size: 12px;
        width: 100%;
        background: none;
        -webkit-box-shadow: none;
                box-shadow: none;
        color: #495157;
        border: 1px solid;
        outline: none; }
        .elementor-metabox-content .repeater-content .repeater-content-bottom .elementor-field .elementor-field-input:not(:focus) {
          border-color: #d5dadf; }
        .elementor-metabox-content .repeater-content .repeater-content-bottom .elementor-field .elementor-field-input:focus {
          border-color: #a4afb7; }
      .elementor-metabox-content .repeater-content .repeater-content-bottom .elementor-field .elementor-upload-btn,
      .elementor-metabox-content .repeater-content .repeater-content-bottom .elementor-field .elementor-upload-clear-btn {
        max-width: 100px;
        font-size: 11px; }
      .elementor-metabox-content .repeater-content .repeater-content-bottom .elementor-field .elementor-upload-clear-btn {
        background-color: #eceeef;
        color: #a4afb7; }
        .elementor-metabox-content .repeater-content .repeater-content-bottom .elementor-field .elementor-upload-clear-btn:hover {
          background-color: #b01b1b;
          color: white; }

.elementor-metabox-content .elementor-button {
  background-color: #a4afb7;
  color: #fff;
  line-height: 1;
  text-transform: uppercase;
  height: auto;
  padding: 10px 20px;
  outline: none;
  border: none;
  -webkit-transition-property: background, color, opacity, -webkit-box-shadow;
  transition-property: background, color, opacity, -webkit-box-shadow;
  -o-transition-property: background, color, box-shadow, opacity;
  transition-property: background, color, box-shadow, opacity;
  transition-property: background, color, box-shadow, opacity, -webkit-box-shadow;
  -webkit-transition-duration: .3s;
       -o-transition-duration: .3s;
          transition-duration: .3s; }
  .elementor-metabox-content .elementor-button:hover, .elementor-metabox-content .elementor-button:focus, .elementor-metabox-content .elementor-button:visited {
    color: #fff; }
  .elementor-metabox-content .elementor-button:focus, .elementor-metabox-content .elementor-button:visited {
    background-color: #a4afb7; }
  .elementor-metabox-content .elementor-button:hover {
    background-color: #6d7882;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.2);
            box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.2);
    border: none; }
  .elementor-metabox-content .elementor-button:active {
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.19), 0 3px 3px rgba(0, 0, 0, 0.1);
            box-shadow: 0 5px 10px rgba(0, 0, 0, 0.19), 0 3px 3px rgba(0, 0, 0, 0.1); }
  .elementor-metabox-content .elementor-button:not([disabled]) {
    cursor: pointer; }
  .elementor-metabox-content .elementor-button.elementor-size-xs {
    font-size: 11px;
    padding: 10px 20px;
    border-radius: 2px; }
  .elementor-metabox-content .elementor-button.elementor-size-sm {
    font-size: 13px;
    padding: 12px 24px;
    border-radius: 3px; }
  .elementor-metabox-content .elementor-button.elementor-size-md {
    font-size: 14px;
    padding: 15px 30px;
    border-radius: 4px; }
  .elementor-metabox-content .elementor-button.elementor-size-lg {
    font-size: 15px;
    padding: 20px 40px;
    border-radius: 5px; }
  .elementor-metabox-content .elementor-button.elementor-size-xl {
    font-size: 18px;
    padding: 25px 50px;
    border-radius: 6px; }
  .elementor-metabox-content .elementor-button .elementor-align-icon-right {
    float: right;
    margin-left: 5px; }
  .elementor-metabox-content .elementor-button .elementor-align-icon-left {
    float: left;
    margin-right: 5px; }

.elementor-metabox-content input.button.add-repeater-row {
  margin-top: 18px;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none; }

.elementor-metabox-content .elementor-repeater-tool-btn {
  color: #a4afb7;
  cursor: pointer;
  padding: 0 20px;
  font-size: 12px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }
  .elementor-metabox-content .elementor-repeater-tool-btn i {
    padding-right: 5px; }
  .elementor-metabox-content .elementor-repeater-tool-btn:hover {
    color: #6d7882; }
  .elementor-metabox-content .elementor-repeater-tool-btn.remove-repeater-row:hover {
    color: #b01b1b; }

.elementor-metabox-content .row-font-preview,
.elementor-metabox-content .inline-preview {
  font-size: 16px;
  text-transform: capitalize; }

.column-font_preview {
  width: 65%; }

.widefat td.column-font_preview {
  font-size: 16px; }

.post-type-elementor_icons .elementor-metabox-content .elementor-button:not([disabled]) {
  margin-top: 10px; }

.post-type-elementor_icons div#postbox-container-1 {
  display: none; }

.post-type-elementor_icons div#elementor-custom-icons-metabox {
  display: none;
  border: 1px solid #eceeef;
  border-radius: 1px;
  background-color: #fff; }
  .post-type-elementor_icons div#elementor-custom-icons-metabox .inside {
    margin-top: 10px;
    margin-bottom: 20px; }
  .post-type-elementor_icons div#elementor-custom-icons-metabox .elementor-metabox-content {
    background-color: #fff; }
  .post-type-elementor_icons div#elementor-custom-icons-metabox .elementor-custom-icons-metabox {
    padding: 4px 10px 10px 10px; }
    @media (max-width: 1025px) {
      .post-type-elementor_icons div#elementor-custom-icons-metabox .elementor-custom-icons-metabox {
        padding: 0; } }
  .post-type-elementor_icons div#elementor-custom-icons-metabox h4 {
    color: #556068;
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 0.7px;
    line-height: 28px;
    margin: 0 0 4px 0; }
  .post-type-elementor_icons div#elementor-custom-icons-metabox h5 {
    color: #a4afb7;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.5px;
    line-height: 21px;
    margin: 0; }
  .post-type-elementor_icons div#elementor-custom-icons-metabox .elementor--dropzone--upload__icon i {
    font-size: 64px;
    color: #39b54a; }
  .post-type-elementor_icons div#elementor-custom-icons-metabox .box__uploading,
  .post-type-elementor_icons div#elementor-custom-icons-metabox .box__success,
  .post-type-elementor_icons div#elementor-custom-icons-metabox .box__error,
  .post-type-elementor_icons div#elementor-custom-icons-metabox .box__file {
    display: none; }
  .post-type-elementor_icons div#elementor-custom-icons-metabox .is-dragover {
    background-color: grey; }
  .post-type-elementor_icons div#elementor-custom-icons-metabox .box__input {
    padding: 180px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .post-type-elementor_icons div#elementor-custom-icons-metabox .elementor-field-dropzone {
    outline: 2px dashed #d5dadf;
    outline-offset: -3px;
    background-color: #fff;
    display: none; }
  .post-type-elementor_icons div#elementor-custom-icons-metabox.elementor--has-icons {
    background-color: #f7f7f7;
    border: 1px solid #eceeef;
    border-radius: 1px; }
    .post-type-elementor_icons div#elementor-custom-icons-metabox.elementor--has-icons .elementor-metabox-content {
      background-color: #f7f7f7; }
      .post-type-elementor_icons div#elementor-custom-icons-metabox.elementor--has-icons .elementor-metabox-content .elementor-custom-icons-metabox {
        padding: 4px 10px 0 10px; }
    .post-type-elementor_icons div#elementor-custom-icons-metabox.elementor--has-icons .elementor-icon-set-header {
      height: 50px;
      color: #6d7882;
      background-color: #fff;
      -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.06);
              box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.06);
      padding: 0 35px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
      @media (max-width: 1025px) {
        .post-type-elementor_icons div#elementor-custom-icons-metabox.elementor--has-icons .elementor-icon-set-header {
          padding: 0 6px; } }
      .post-type-elementor_icons div#elementor-custom-icons-metabox.elementor--has-icons .elementor-icon-set-header div {
        -webkit-padding-end: 10px;
                padding-inline-end: 10px;
        -webkit-padding-start: 10px;
                padding-inline-start: 10px; }
        @media (max-width: 1025px) {
          .post-type-elementor_icons div#elementor-custom-icons-metabox.elementor--has-icons .elementor-icon-set-header div {
            line-height: 1; }
            .post-type-elementor_icons div#elementor-custom-icons-metabox.elementor--has-icons .elementor-icon-set-header div.remove {
              font-size: 10px; } }
        .post-type-elementor_icons div#elementor-custom-icons-metabox.elementor--has-icons .elementor-icon-set-header div:nth-of-type(2) {
          border: 1px solid #a4afb7;
          border-top: 0;
          border-bottom: 0; }
      .post-type-elementor_icons div#elementor-custom-icons-metabox.elementor--has-icons .elementor-icon-set-header-meta {
        color: #556068;
        font-size: 14px;
        line-height: 1; }
        @media (max-width: 1025px) {
          .post-type-elementor_icons div#elementor-custom-icons-metabox.elementor--has-icons .elementor-icon-set-header-meta {
            font-size: 10px; } }
        .post-type-elementor_icons div#elementor-custom-icons-metabox.elementor--has-icons .elementor-icon-set-header-meta-value {
          font-weight: bold; }
          @media (max-width: 1025px) {
            .post-type-elementor_icons div#elementor-custom-icons-metabox.elementor--has-icons .elementor-icon-set-header-meta-value {
              font-size: 10px; } }
        .post-type-elementor_icons div#elementor-custom-icons-metabox.elementor--has-icons .elementor-icon-set-header-meta-remove {
          margin-left: auto;
          color: #556068;
          opacity: .6;
          cursor: pointer;
          -webkit-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s; }
          .post-type-elementor_icons div#elementor-custom-icons-metabox.elementor--has-icons .elementor-icon-set-header-meta-remove i {
            color: #6d7882; }
          .post-type-elementor_icons div#elementor-custom-icons-metabox.elementor--has-icons .elementor-icon-set-header-meta-remove:hover {
            opacity: 1; }
    .post-type-elementor_icons div#elementor-custom-icons-metabox.elementor--has-icons .elementor-icon-set-footer {
      color: #c2cbd2;
      font-family: Roboto, Arial, Helvetica, Verdana, sans-serif;
      border-top: 1px solid #eceeef;
      font-size: 11px;
      font-weight: 500;
      line-height: 1;
      text-align: right;
      padding-top: 10px;
      padding-bottom: 10px;
      -webkit-padding-end: 35px;
              padding-inline-end: 35px; }
  .post-type-elementor_icons div#elementor-custom-icons-metabox ul {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(105px, 1fr));
    grid-gap: 20px;
    padding: 15px 35px 0 35px;
    overflow-y: auto;
    max-height: 575px; }
    .post-type-elementor_icons div#elementor-custom-icons-metabox ul li {
      position: relative;
      height: 0;
      padding-bottom: 100%;
      background-color: #fff;
      -webkit-box-shadow: 0 1px 12px rgba(0, 0, 0, 0.05);
              box-shadow: 0 1px 12px rgba(0, 0, 0, 0.05);
      border-radius: 3px;
      overflow: hidden; }
      .post-type-elementor_icons div#elementor-custom-icons-metabox ul li div.icon {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        width: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        padding: 1px; }
      .post-type-elementor_icons div#elementor-custom-icons-metabox ul li div.icon-name {
        color: #c2cbd2;
        font-size: 11px;
        padding: 18px 20px 0;
        white-space: nowrap;
        max-width: 100%;
        overflow: hidden;
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis; }
        @media (max-width: 479px) {
          .post-type-elementor_icons div#elementor-custom-icons-metabox ul li div.icon-name {
            display: none; } }
      .post-type-elementor_icons div#elementor-custom-icons-metabox ul li i {
        font-size: 32px; }

.post-type-elementor_icons #tagsdiv-elementor_icon_type,
.post-type-elementor_icons #minor-publishing-actions,
.post-type-elementor_icons #misc-publishing-actions {
  display: none; }

.column-icons_prefix {
  width: 65%; }
/*# sourceMappingURL=admin.css.map */jQuery((function(t){"use strict";t(document).on("elementor/popup/show",(function(){jQuery.getScript("https://google.com/recaptcha/api.js")}))}));<!doctype html>
<html ⚡ lang="pt-BR">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width">
	<script type="application/ld+json" class="penci-breadcrumb-schema">{"@context":"https:\/\/schema.org\/","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"item":{"@id":"https:\/\/portalnovo.websitevix.com.br\/amp\/","name":"Lar"}},{"@type":"ListItem","position":2,"item":{"@id":"https:\/\/portalnovo.websitevix.com.br\/category\/articles\/amp\/","name":"articles"}},{"@type":"ListItem","position":3,"item":{"@id":"https:\/\/portalnovo.websitevix.com.br\/2026\/05\/04\/kak-rabotaet-javascript-i-oblasti-ego-primenenija-4\/amp\/","name":"\u041a\u0430\u043a \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 JavaScript \u0438 \u043e\u0431\u043b\u0430\u0441\u0442\u0438 \u0435\u0433\u043e \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u044f"}}]}</script><link rel="shortcut icon" href="https://portalnovo.websitevix.com.br/wp-content/uploads/2022/09/9494-de-olho-na-diversidade-xbox-lanca-o-project-amplify-para-apoiar-jovens-negros-na-industria-de-games.png" type="image/x-icon" />
<link rel="apple-touch-icon" sizes="180x180" href="https://portalnovo.websitevix.com.br/wp-content/uploads/2022/09/9494-de-olho-na-diversidade-xbox-lanca-o-project-amplify-para-apoiar-jovens-negros-na-industria-de-games.png">
	<title>Как работает JavaScript и области его применения &#8211; Super Portal de Noticias -COD-7797</title>
		<link href="https://fonts.gstatic.com" rel="dns-prefetch preconnect" crossorigin>
<link href="https://fonts.googleapis.com" rel="dns-prefetch preconnect" crossorigin>
<link as="script" href="https://cdn.ampproject.org/v0.js" rel="preload">
<link rel="preload" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff2?v=4.7.0" as="font" crossorigin>
<script async custom-element="amp-user-notification" src="https://cdn.ampproject.org/v0/amp-user-notification-0.1.js"></script><script async custom-element="amp-form" src="https://cdn.ampproject.org/v0/amp-form-0.1.js"></script><script async custom-template="amp-mustache" src="https://cdn.ampproject.org/v0/amp-mustache-0.2.js"></script><link rel="stylesheet" id="font-awesome-css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css" media="all">
<script async custom-element="amp-sidebar" src="https://cdn.ampproject.org/v0/amp-sidebar-0.1.js"></script>
	<script src="https://cdn.ampproject.org/v0.js" async></script>
	<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,regular,italic,600,600italic,700,700italic,800,800italic&#038;display=optional">
	<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,100italic,300,300italic,regular,italic,500,500italic,700,700italic,900,900italic&#038;display=optional">
	<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Teko:300,400,500,600,700&#038;display=optional">
	<style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
	<script type="application/ld+json">{"@context":"http:\/\/schema.org","@type":"WebSite","mainEntityOfPage":"https:\/\/portalnovo.websitevix.com.br\/2026\/05\/04\/kak-rabotaet-javascript-i-oblasti-ego-primenenija-4","publisher":{"@type":"Organization","name":"Super Portal de Noticias -COD-7797","logo":{"@type":"ImageObject","url":"https:\/\/portalnovo.websitevix.com.br\/wp-content\/uploads\/2022\/03\/cropped-Loja-dos-Scripts-Portal-de-Noticias.png","height":32,"width":32}},"headline":"\u041a\u0430\u043a \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 JavaScript \u0438 \u043e\u0431\u043b\u0430\u0441\u0442\u0438 \u0435\u0433\u043e \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u044f","datePublished":"2026-05-04T06:08:01+00:00","dateModified":"2026-05-04T07:56:33+00:00","author":{"@type":"Person","name":"Master"}}</script>
		
	<style amp-custom>
		*{ outline: none; text-decoration: none; box-sizing: border-box; }textarea, input[type="text"], input[type="email"], input[type="search"], input[type="button"], input[type="submit"]{ -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; }.wrap a,.wrap a:active,.wrap a:visited{ text-decoration: none } .penci-google-adsense { margin: 0 0 30px; text-align: center; overflow: hidden; display: block; width: 100%; } strong, b { font-weight: 700; } h1{ font-size: 24px; } h2{ font-size: 20px; } h3{ font-size: 18px; } h4{ font-size: 16px; } h5{ font-size: 14px; } h6{ font-size: 12px; }.nopost-found{font-size: 15px; margin: 1em 0;text-align: center;}.search-label{margin-bottom: 16px;}.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto; color: #21759b; display: block; font-size: 14px; font-weight: 700; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; }h1, h2, h3, h4, h5, h6 { clear: both; line-height: 1.3; font-family: 'Roboto', sans-serif; font-style: normal; font-weight: 600; } a{ background-color: transparent; transition: color 0.3s; text-decoration: none; vertical-align: baseline; } .byline, .updated:not(.published) { display: none; } .alignright { float: right; } .alignleft { float: left; } .aligncenter { display: block; margin-left: auto; margin-right: auto; }.amp-wp-enforced-sizes { max-width: 100%; margin: 0 auto; } .amp-wp-unknown-size img { object-fit: contain; }.amp-wp-content, .amp-wp-title-bar div { margin: 0 auto; max-width: 1170px; }body { background: #fff; color: #313131; font-size: 15px; line-height: 1.5; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; word-wrap: break-word; margin: 0; overflow-x: hidden; } body, button, input, select, textarea { font-family: 'Roboto', sans-serif;font-weight: 400;font-size: 14px; } .penci-amp-wrapper { background: #ffffff; max-width: 780px; margin: 0 auto; } .penci-amp-wrapper .amp-slider { background: #ffffff; } p, ol, ul, figure { margin: 0 0 1em; padding: 0; } a,a:visited { color: #6eb48c; } a:hover,a:active,a:focus { color: #313131; } button, .button, input[type="button"], input[type="reset"], input[type="submit"] { border: 1px solid #6eb48c; border-radius: 0; background-color: #6eb48c; color: #ffffff; line-height: 36px; padding: 2px 15px 0; text-align: center; transition: all 0.25s; font-size: 14px; text-transform: uppercase; cursor: pointer; } button:hover, .button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { opacity: 0.8; border-color: #6eb48c; background-color: #6eb48c; color: #ffffff; } .penci-inline-related-posts .penci-irp-heading { font-size: 16px; font-weight: bold; margin-bottom: 8px; display: block; } .penci-inline-related-posts .penci_post-meta { display: none; } blockquote { color: #313131; background: rgba(127,127,127,.125); border-left: 4px solid #6eb48c; margin: 8px 0 24px 0; padding: 16px; } blockquote p:last-child { margin-bottom: 0; } blockquote.alignleft { margin: 5px 10px 10px 0; } blockquote.alignright { margin: 5px 0 10px 10px; }.amp-wp-meta, .penci-amp-wp-header div, .wp-caption-text, .amp-wp-tax-category, .amp-wp-tax-tag, .amp-wp-comments-link, .penci-amp-footer p, .back-to-top { font-family:'Roboto', sans-serif; } .penci-amp-wp-header { background-color: #ffffff; overflow: hidden; } body.sticky-header { padding-top: 54px; } .sticky-header .penci-amp-wp-header { position: fixed; left: 0; right: 0; top: 0; z-index: 999; display: block; } .site-header .navbar-toggle { font-size: 21px; left: 0; } .penci-amp-wp-header .navbar-search, .penci-amp-wp-header .navbar-toggle, .penci-amp-wp-header .branding { color: #313131; } .penci-amp-wp-header .navbar-search .fa { top: 2px; position: relative; } .penci-amp-wp-header .branding { display: block; text-align: center; font-size: 30px; font-weight: 600; text-decoration: none; font-family: 'Teko', sans-serif; width: 100%; padding: 10px 55px; z-index: 9; height: 54px; line-height: 34px; box-sizing: border-box; } .penci-amp-wp-header .navbar-search, .penci-amp-wp-header .navbar-toggle { font-weight: normal; font-size: 18px; position: absolute; top: 0; z-index: 99; border: none; background: transparent; height: 54px; line-height: 52px; margin: 0; padding: 0; width: 52px; text-align: center; outline: 0; cursor: pointer; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease; } .penci-amp-wp-header .navbar-toggle { font-size: 21px; left: 0; } .penci-amp-wp-header .navbar-search { font-size: 18px; right: 0; line-height: 48px; } .penci-amp-wp-header div { color: #313131; font-size: 1em; font-weight: 400; margin: 0 auto; padding: 0; position: relative; box-sizing: border-box; height:54px; } .penci-amp-wp-header a { color: #313131; text-decoration: none; } .penci-amp-wp-header .penci-amp-site-icon { padding: 2px 60px; box-sizing: border-box; max-height: 54px; display: flex; align-items: center; justify-content: center; overflow: hidden; } .penci-amp-wp-header .penci-amp-site-icon amp-img{ margin-left: auto; margin-right: auto; display:block; } .wrap { padding: 15px 15px 0; height: 100%; } .img-holder { position: relative; width: 100%; background: #ccc url(images/no-image.jpg); display: inline-block; vertical-align: top; background-repeat: no-repeat; background-position: center center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; height: 100%; transition: transform .3s ease, opacity .3s; transition-timing-function: cubic-bezier(0.39, 0.76, 0.51, 0.56); } .img-holder:before{ display: block; content: ""; width: 100%; padding-top: 66.6667%; background: none ; box-shadow: none ; }.amp-slider{ background: #eee; direction: ltr; } .amp-slider a{ text-decoration: none; } .homepage-slider{ margin: 0 0 0; width: 100%; position: relative; max-width: 100%; }.rtl .amp-featured-slider .content-holder{ direction: rtl; } .amp-featured-slider .img-holder:after{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; z-index: 1; bottom: 0; right: 0; background: linear-gradient(to bottom, transparent 50%, #000 90%); opacity: 0.9; transition: opacity 0.3s; } .amp-featured-slider .slider-item-not-caption .img-holder:after { content: none; } .gallery-feature-img-single .content-holder span{ color: #fff; } .penci-owl-featured-area .penci-slider__text { text-align: left; position: absolute; bottom: 0; padding: 20px 20px 9px; z-index: 99; } .amp-featured-slider .content-holder{ text-align: center; position: absolute; bottom: 0; padding: 0px 0 15px; z-index: 99; } .amp-featured-slider .content-holder a{ color: #fff; } .amp-featured-slider .content-holder h3{ margin: 20px 0 0; font-size: 22px; }.amp-wp-article { color: #313131; font-weight: 400; margin: 1.5em auto; max-width: 840px; overflow-wrap: break-word; word-wrap: break-word; } .amp-wp-article > p:last-child{ margin-bottom: 0; } .amp-wp-article-header { align-items: center; align-content: stretch; display: flex; flex-wrap: wrap; justify-content: space-between; margin: 1.5em 0 1.5em; } .amp-wp-title { color: #313131; display: block; flex: 1 0 100%; width: 100%; line-height: 1.2; margin-top: 9px; margin-bottom: 6px; } .post-image{ margin-bottom: 20px; } .amp-wp-meta { color: #999999; display: inline-block; flex: 2 1 50%; font-size: .875em; line-height: 1.5em; margin: 0; padding: 0; } .amp-wp-article-header .amp-wp-meta:last-of-type { text-align: right; } .amp-wp-article-header .amp-wp-meta:first-of-type { text-align: left; } .amp-wp-byline amp-img, .amp-wp-byline .amp-wp-author { display: inline-block; vertical-align: middle; } .amp-wp-byline amp-img { border: 1px solid #6eb48c; border-radius: 50%; position: relative; margin-right: 6px; } .amp-wp-posted-on { text-align: right; } .penci-amp-entry-meta{ color: #999999; line-height: 1.6; font-size: 13px; margin-top: 5px; } .penci-amp-entry-meta .entry-meta-item{ margin-right: 15px; display: inline-block; }.penci-amp-entry-meta .penci-amp-pviews{ display: none; }.penci-amp-entry-meta a, .penci-amp-entry-meta span, .penci-amp-entry-meta i { font-size: inherit; color: inherit; text-decoration: none; } .penci-amp-entry-meta i{ margin-right: 3px; }.penci-amp-entry-meta .entry-meta-item:last-child { margin-right: 0; } .amp-wp-article-featured-image { margin: 0 0 1em; } .amp-wp-article-featured-image amp-img { margin: 0 auto; } .amp-wp-article-content { margin: 0; } .amp-wp-article-content ul, .amp-wp-article-content ol { margin-left: 1em; } .amp-wp-article-content amp-img { margin: 0 auto; } .amp-wp-article-content amp-img.alignright, .amp-wp-article-content amp-img.alignleft { margin: 0 0 1em 0; } .amp-wp-article-content amp-img.alignright { display: inline; float: right; margin-left: 1.5em; } .amp-wp-article-content amp-img.alignleft { display: inline; float: left; margin-right: 1.5em; } .wp-caption { padding: 0; } .wp-caption.alignleft { margin-right: 16px; } .wp-caption.alignright { margin-left: 16px; } .wp-caption .wp-caption-text { color: #999999; font-size: 14px; line-height: 1.3; margin: 0; padding: .66em 10px .75em; text-align: center; }amp-iframe, amp-youtube, amp-instagram, amp-vine { background: #dedede; margin: 0 -16px 1.5em; } .amp-wp-iframe-placeholder { background: #dedede url( https://portalnovo.websitevix.com.br/wp-content/plugins/penci-soledad-amp/assets/images/placeholder-icon.png ) no-repeat center 40%; background-size: 48px 48px; min-height: 48px; } /* Article Footer Meta */ .amp-wp-article-footer { padding-top: 20px; } .amp-wp-article-footer .amp-wp-meta { display: block; } .penci-amp-tags-links { margin: 10px 0 5px; width: 100%; overflow: hidden; display: block; } .penci-amp-tags-links a { float: left; display: inline-block; min-height: 24px; line-height: 24px; font-size: 10px; font-weight: 700; text-align: left; color: #999999; background: #ececec; transition: all 0.3s; margin: 0 2.5px 5px; text-transform: uppercase; padding-left: 10px; padding-right: 10px; } .penci-amp-tags-links a:hover { color: #999999; background: #ececec; } .penci-amp-tax-category { overflow: hidden; } .penci-amp-tax-category a { font-size: 13px; color: #6eb48c; line-height: 1.2; margin: 0 18px 0 0; padding-right: 10px; display: inline-block; vertical-align: top; background: none; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; font-weight: normal; margin-bottom: 5px; position: relative; text-decoration: none; } .penci-amp-tax-category a:after { content: ""; display: inline-block; border: 1px solid; font-size: 12px; margin-left: 11px; position: absolute; top: 50%; margin-top: -3px; width: 3px; height: 3px; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); } .penci-amp-tax-category a:last-child:after { content: none; } .penci-amp-single .penci-social-buttons { margin-top: 19px; margin-bottom: 35px; display: block; border: 1px solid #dedede; padding: 10px 15px; } .penci-social-buttons .penci-social-share-text { text-transform: uppercase; font-weight: 700; margin-right: 20px; font-size: 14px; } .penci-social-buttons .penci-social-item { display: inline-block; margin: 5px 9px 5px 0; font-size: 14px; font-weight: normal; line-height: 32px; text-align: left; color: #ffffff; text-transform: none; height: 32px; border: 0; background-color: #0d47a1; padding: 0 12px; transition: opacity 0.3s; border-radius: 0; vertical-align: middle; } .penci-social-buttons .penci-social-item:last-child{ margin-right: 0; } .penci-social-buttons .penci-social-item .dt-share { display: none; } .penci-social-buttons .penci-social-item.twitter { background-color: #40c4ff; } .penci-social-buttons .penci-social-item.google_plus { background-color: #eb4026; } .penci-social-buttons .penci-social-item.instagram { background-color: #417096; } .penci-social-buttons .penci-social-item.pinterest { background-color: #C92228; } .penci-social-buttons .penci-social-item.vk{ background-color: #5181b8; } .penci-social-buttons .penci-social-item.ok{ background-color: #F18F00; } .penci-social-buttons .penci-social-item.pocket{ background-color: #ef4056; } .penci-social-buttons .penci-social-item.skype{ background-color: #00aff0; }.penci-social-buttons .penci-social-item.email { background-color: #a7a7a7; } .penci-social-buttons .penci-social-item.linkedin { background-color: #0077B5; } .penci-social-buttons .penci-social-item.tumblr { background-color: #34465d; } .penci-social-buttons .penci-social-item.reddit { background-color: #ff4500; } .penci-social-buttons .penci-social-item.stumbleupon { background-color: #ee4813; } .penci-social-buttons .penci-social-item.whatsapp { background-color: #00c853; } .penci-social-buttons .penci-social-item.telegram { background-color: #179cde; }.penci-post-pagination { width: 100%; margin: 0; overflow: hidden; padding: 0 0 30px; } .penci-post-pagination .prev-post-title { margin-top: -8px; } .penci-post-pagination span { color: #999999; display: inline-block; font-size: 10px; font-weight: bold; line-height: 2.4; text-transform: uppercase; } .penci-post-pagination span i { margin-right: 6px; } .penci-post-pagination span i.fa-angle-right { margin: 0 0 0 6px; } .penci-post-pagination h5 { font-size: 15px; line-height: 1.33; margin: 0; padding: 0 15px 0 0; position: relative; } .penci-post-pagination h5.next-title { padding: 0 0 0 15px; } .penci-post-pagination a { color: #6eb48c; } .penci-post-pagination a:hover { color: #6eb48c; } .pagi-text { margin-top: 6px; } .penci-post-pagination .prev-post, .penci-post-pagination .next-post { width: 100%; padding: 0; text-align: center; } .penci-post-pagination .prev-post + .next-post { padding-top: 20px; margin-top: 20px; padding-left: 0; width: 100%; border-top: 1px solid #dedede; } .penci-ajax-more .penci-block-ajax-more-button { width: 100%; } .penci-post-related{ border-top: 1px solid #dedede; overflow: hidden; margin: 0 0 20px; padding: 22px 0 0px; width: 100%; } .penci-amp-single .post-title-box { margin-bottom: 13px; } .post-title-box .post-box-title { font-size: 18px; text-transform: uppercase; position: relative; z-index: 10; display: inline-block; margin: 0; line-height: 1.67; color: #313131; } .penci-post-related .post-related_content { margin-left: -10px; margin-right: -10px; overflow: hidden; } .penci-post-related .post-related_content:after { content: " "; display: block; clear: both; width:100%; } .penci-post-related .item-related { width: 33.3333%; float: left; padding: 0 10px; } .penci-post-related .item-related h4 { margin: 15px 0 0; font-size: 15px; font-weight: 600; line-height: 1.3; } .penci-post-related .item-related h4 a{ color: #313131; } .amp-wp-comments-link { color: #999999; font-size: .875em; line-height: 1.5em; text-align: center; margin: 2.25em 0 1.5em; } .amp-wp-comments-link a { border-style: solid; border-color: #dedede; border-width: 1px 1px 2px; border-radius: 4px; background-color: transparent; color: #6eb48c; cursor: pointer; display: block; font-size: 14px; font-weight: 600; line-height: 18px; margin: 0 auto; max-width: 200px; padding: 11px 16px; text-decoration: none; width: 50%; -webkit-transition: background-color 0.2s ease; transition: background-color 0.2s ease; } .penci-amp-archive-page-header { padding: 15px 0px 9px; margin: 0 0 15px; font-weight: 500; position: relative; } .penci-amp-taxonomy-description { font-size: 13px; font-weight: normal; line-height: 1.5; margin-top: 10px; color: #777; } .penci-amp-taxonomy-description p{ margin:0; font-size: inherit; font-weight: inherit; color: inherit; } .penci-amp-archive-page-header .pre-title { font-size: 14px; margin-bottom: 3px; font-weight: 400; color: #868686; text-transform: capitalize; } .penci-amp-archive-page-header .archive-title { margin: 0; font-size: 25px; text-transform: capitalize; color: #313131; }.penci-archive__list_posts.listing-1 .article_content, .penci-archive__list_posts.listing-3 .article_content{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .penci-archive__list_posts .penci-post-item{ margin-top: 20px; } .penci-archive__list_posts .penci-post-item-1{ margin-top: 0; } .penci-archive__list_posts .entry-media a, .penci-archive__list_posts .entry-media img{ display: block; } .penci-archive__list_posts.listing-1 .entry-media, .penci-archive__list_posts.listing-3 .entry-media{ margin-right: 15px; width: 35%; } .penci-archive__list_posts .penci-post-thumb{ width:100%; height: auto; } .penci-archive__list_posts.listing-1 .entry-text, .penci-archive__list_posts.listing-3 .entry-text{ flex: 1; } .penci-archive__list_posts.listing-1 .penci__post-title, .penci-archive__list_posts.listing-3 .penci__post-title{ font-size: 14px; margin-top: 0; margin-bottom: 0; position: relative; font-weight: 500; font-family: 'Roboto', sans-serif; }.penci-archive__list_posts .penci__post-title a{ color: #313131; text-decoration: none; } .penci-archive__list_posts .penci__post-title a:hover{ color: #6eb48c; } .penci-amp-wrapper .penci-archive__list_posts.listing-1 .post-excerpt, .penci-amp-wrapper .penci-archive__list_posts.listing-3 .post-excerpt{ display: none; } .penci-archive__list_posts .entry-meta{ margin-top: 9px; color: #999999; font-size: 13px; display:block; }.penci-archive__list_posts .entry-meta span{margin-right: 10px;color:inherit;}.penci-archive__list_posts .entry-meta span:last-child{margin-right:0;}.penci-archive__list_posts .entry-meta span a{ color: inherit; }.penci-archive__list_posts .penci-posted-on a{ color: inherit; } .penci-archive__list_posts .entry-meta .fa{ margin-right: 3px; } .penci-archive__list_posts .post-excerpt p:last-child{ margin-bottom:0; } .penci-archive__list_posts.listing-2 a.post-read-more, .penci-archive__list_posts.listing-3 .penci-post-item-1 a.post-read-more { margin-top: 10px; display: block; } .penci-archive__list_posts a.post-read-more { font-family: 'Roboto', sans-serif; font-weight: 600; text-decoration: none; padding: 0; border-radius: 33px; display: inline-block; line-height: 24px; margin-top: 8px; text-transform: uppercase; border: 0; padding: 0; font-size: 13px; line-height: 1; } .penci-archive__list_posts a.post-read-more .fa { margin-left: 3px; font-size: 15px; vertical-align: middle; top: -2px; position: relative; } .penci-archive__list_posts.listing-2 .penci__post-title, .penci-archive__list_posts.listing-3 .penci-post-item-1 .penci__post-title{ font-size: 17px; margin-top: 10px; margin-bottom: 0; position: relative; font-weight: 500; font-family: 'Roboto', sans-serif; } .penci-archive__list_posts.listing-2 .post-excerpt, .penci-archive__list_posts.listing-3 .penci-post-item-1 .post-excerpt{ font-size: 14px; line-height: 1.71; color: #666666; display:block; margin-top: 5px; } .penci-archive__list_posts.listing-2 .post-excerpt .link-more, .penci-archive__list_posts.listing-3 .penci-post-item-1 .post-excerpt .link-more{ display:none; } .penci-archive__list_posts.listing-3 .penci-post-item-1 .article_content { display:block; } .penci-archive__list_posts.listing-3 .penci-post-item-1 .entry-media { margin-right: 0; width: 100%; } .meta-none{ display: none; }.meta-show{ display: inline-block; }.penci-amp-comment { border-top: 1px solid #dedede; padding-top: 21px; margin-top: 26px; } .penci-post-item + .post-comments h3.comment-reply-title { padding-top: 0; } h3.comment-reply-title { padding-top: 32px; } .penci-comments-button { margin-top: 20px; padding-top: 20px; border-top: 1px solid #dedede; } .penci-comments-button a { display: block; width: 50%; margin-right: auto; margin-left: auto; line-height: 38px; padding: 0px 15px 0; font-weight: bold; } .penci-comments-button + .post-comments { display: none; } .penci-comments-button + .post-comments .comment-reply-title, .penci-post-related + .post-comments .comment-reply-title, .penci-post-related + .post-comments .post-title-box { margin-top: 20px; border-top: 1px solid #dedede; } .comments .comment { border-top: 1px solid #dedede; } .comments .comment .comment { border-top: 1px solid #dedede; } .comments > .comment:first-child, .comments .comment > .comment:first-child { border-top: none; } .thecomment { padding-top: 20px; padding-bottom: 0; display: table; width: 100%; } .comments > .comment:first-child > .thecomment { padding-top: 0; } .thecomment .author-img { display: none; } .thecomment .comment-text { margin-left: 0; position: relative; } .thecomment .comment-text span.author, .thecomment .comment-text span.author a { display: block; margin-top: -3px; margin-bottom: 5px; font-family: "Mukta Vaani", sans-serif; font-size: 18px; font-weight: bold; line-height: 1.33; text-align: left; color: #313131; } .thecomment .comment-text span.author a { display: inline-block; margin: 0; } .thecomment .comment-text span.author a:hover { color: #6eb48c; } .thecomment .comment-text span.date { font-size: 12px; color: #999999; display: block; } .thecomment .comment-text span.date i { margin-right: 5px; } .thecomment .comment-text em { font-size: 12px; display: block; color: orange; letter-spacing: 1px; margin: 5px 0 0; } .thecomment .comment-text em i { font-size: 14px; color: #f3bd00; } .thecomment .comment-content { margin: 15px 0; } .thecomment .comment-text span.reply { display: none; } .post-comments span.reply a { font-size: 11px; color: #999999; margin-left: 18px; font-family: "Raleway", sans-serif; font-weight: 500; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; text-transform: uppercase; line-height: 1; display: inline-block; text-align: center; } .post-comments span.reply a:hover { color: #6eb48c; } .comments .comment + #respond { margin-bottom: 20px; } #respond { overflow: hidden; position: relative; } .no-comment-yet #respond { padding-top: 0; border-top: 0; } #respond h3 { font-size: 18px; text-transform: uppercase; position: relative; z-index: 10; display: inline-block; margin: 0; width: 100%; font-size: 18px; font-weight: bold; line-height: 1.67; color: #313131; margin-bottom: 13px; } #respond h3 a { color: #000; display: inline-block; } #respond h3 small a { text-transform: uppercase; font-size: 12px; color: #999999; padding: 0; margin-left: 7px; letter-spacing: 0; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; font-weight: 500; position: absolute; right: 0; } #respond #cancel-comment-reply-link { font-size: 11px; font-family: 'Roboto', sans-serif; font-weight: normal; } #respond h3 small a:hover { color: #313131; } #respond form#commentform, form.wpcf7-form { margin-left: -10px; margin-right: -10px; } .mc4wp-form label { text-align: left; margin-bottom: 10px; } #respond p.comment-form-author, #respond p.comment-form-email, #respond p.comment-form-url, .wpcf7 p.name, .wpcf7 p.email, .wpcf7 p.subject { width: 100%; padding: 0 10px; float: left; display: inline-block; margin: 0; } #respond p.comment-form-comment, .wpcf7 p.message { clear: both; margin: 0 10px; }form.comment-form > p, form.comment-form > div, form.comment-form > input, form.comment-form > textarea, form.comment-form > label, form.comment-form > span, form.wpcf7-form > div, form.wpcf7-form > p, form.wpcf7-form > input, form.wpcf7-form > textarea, form.wpcf7-form > label, form.wpcf7-form > span, form#commentform > p, form#commentform > div, form#commentform > input, form#commentform > textarea, form#commentform > label, form#commentform > span { margin: 0 14px; } form#commentform > input[type="checkbox"] { margin-left: 14px; margin-right: 14px; } .captchaSizeDivLarge { clear: both; } label#captcha_code_label { display: inline-block; } .woocommerce div.product .woocommerce-tabs .panel #respond p.comment-form-author, .woocommerce div.product .woocommerce-tabs .panel #respond p.comment-form-email { padding: 0; } .penci-amp-single-product .entry-meta-hide, .woocommerce .penci-product-item .entry-meta-hide { display: none; } .woocommerce #review_form #respond p { margin: 10px 14px; } .woocommerce #review_form #respond p.stars { margin-left: 0; margin-right: 0; } #respond label, .wpcf7 label { color: #939393; font-size: 12px; display: block; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; margin-bottom: 8px; } #respond p.form-submit, .wpcf7 p.submit { margin: 0 10px; } .button.add-comment, #respond input, .wpcf7 input, .widget_wysija input { padding: 12px 19px 11px; max-width: 100%; border: 1px solid #dedede; margin-bottom: 19px; width: 100%; max-height: 40px; font-size: 12px; line-height: 1.3; color: #999999; } .wpcf7 input[type="checkbox"]{ width: auto; } #respond input:focus, .wpcf7 input:focus { outline: none; } .jetpack_subscription_widget #subscribe-email input { width: 100% ; padding: 12px 19px 11px; margin-top: 10px; } #respond textarea, .wpcf7 textarea { padding: 12px 19px 11px; border: 1px solid #dedede; width: 100%; min-height: 120px; font-size: 12px; margin-bottom: 19px; outline: none; vertical-align: top; font-size: 12px; line-height: 1.3; background: transparent; color: #999999; } #respond textarea:focus, .wpcf7 textarea:focus { outline: none; } .button.add-comment, #respond #submit, .wpcf7 input[type="submit"], .widget_wysija input[type="submit"] {     text-decoration: none;text-transform: uppercase; border-radius: 0; display: inline-block; transition: all .3s; cursor: pointer; width: auto; min-width: 91px; margin: 0; border: none; line-height: 1; font-size: 14px; font-weight: bold; color: #ffffff; } .button.add-comment, #respond #submit:hover, .wpcf7 input[type="submit"]:hover, .widget_wysija input[type="submit"]:hover { color: #fff; } .contact-form input[type=email], .contact-form input[type=text] { max-width: 300px; width: 100%; padding: 10px 15px; }.penci-amp-footer { border-top: 1px solid #dedede; margin: calc(1.5em - 1px) -15px 0; clear: both; } .penci-amp-footer-nav { padding: 7px 15px; } .penci-amp-footer .penci-amp-footer-container { margin: 0 auto; max-width: calc(840px - 32px); padding: 0; position: relative; } .penci-footer-navigation { list-style: none; margin: 0; padding: 0; text-align: center; } .penci-footer-navigation li { display: inline-block; margin: 0 8px 5px; line-height: 1.3; } .penci-footer-navigation ul.sub-menu{ display: none; } .penci-footer-navigation a { color: #313131; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 14px; } .penci-footer-navigation a:hover { color: #6eb48c; } .penci-footer-navigation li li { display: none; } .penci-footer-navigation .fa { margin-right: 5px; } .penci-amp-footer h2 { font-size: 1em; line-height: 1.375em; margin: 0 0 .5em; } .penci-amp-footer p { color: #999999; font-size: .8em; margin: 0 85px 0 0; } .penci-amp-footer a { text-decoration: none; } .footer__copyright_menu a{ color : #fff; } .footer__copyright_menu a:hover { color: #6eb48c; } .back-to-top { bottom: 1.275em; font-size: .8em; font-weight: 600; line-height: 2em; position: absolute; right: 16px; top:7px; } .back-to-top .fa{ margin-left: 5px; } .penci-amp-main-link { text-align: center; padding: 17px 10px; } .penci-amp-main-link a { color: #ffffff; text-decoration: none; padding: 1px 14px 0; display: inline-block; border: 0; border-radius: 0; line-height: 28px; font-size: 11px; font-weight: 400; transition: all 0.3s; letter-spacing: 0; text-transform: uppercase; background: #6eb48c; } .penci-amp-main-link .fa{ padding-right: 2px; font-size: 10px; } .penci-amp-main-link a:hover { opacity: 0.8; } .footer__copyright_menu {min-height: 36px;clear: both; overflow: hidden; background: #212121; padding-left: 15px; position: relative; padding-top: 11px; padding-bottom: 11px; line-height: 1.3; text-align: left; color: #414141; }.sidebar-nav-social .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute; height: 1px; width: 1px; overflow: hidden; } .mobile-sidebar { padding: 5px 15px 15px; width:270px; max-width: 100%; background :#fff; } .mobile-sidebar::-webkit-scrollbar { width: 6px; background: #848484; } .mobile-sidebar::-webkit-scrollbar-thumb { background-color: #313131; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; } .mobile-sidebar::-webkit-scrollbar-corner { background-color: #DEDEDE; } #close-sidebar-nav { border: 0; background: transparent; position: absolute; top: 5px; right: 10px; z-index: 100; padding:0; } #close-sidebar-nav i { width: 24px; height: 24px; background-color: #fff; line-height: 24px; text-align: center; border-radius: 12px; font-size: 14px; vertical-align: top; color: #313131; } .mobile-sidebar .mobile-navigation { clear: both; } .mobile-sidebar .primary-menu-mobile { margin: 0; padding: 0; list-style: none; } .mobile-sidebar .primary-menu-mobile li > ul, .mobile-sidebar .primary-menu-mobile li > ol { margin-bottom: 0; } .mobile-sidebar .primary-menu-mobile li { display: block; border-bottom: 1px solid #dedede; } .mobile-sidebar .primary-menu-mobile > li:last-child, .mobile-sidebar .primary-menu-mobile ul > li:last-child { border-bottom: none; } .mobile-sidebar .primary-menu-mobile li.penci-mega-menu .dropdown-toggle, .mobile-sidebar .primary-menu-mobile li.penci-mega-menu .sub-menu{ display: none; } .mobile-sidebar .primary-menu-mobile li. { position: relative; } .mobile-sidebar .primary-menu-mobile li a { font-size: 14px; font-weight: normal; letter-spacing: 0; text-transform: uppercase; color: #212121; margin: 0; position: relative; padding: 12px 0 12px 0; display: block; line-height: 1.3em; text-decoration: none; } .mobile-sidebar .primary-menu-mobile li.menu-item-has-children a { padding-right: 17px; } .mobile-sidebar .primary-menu-mobile li a:hover { color: #6eb48c; } .mobile-sidebar .primary-menu-mobile li a > i { display: none; } .mobile-sidebar ul.sub-menu { border-top: 1px solid #dedede; padding: 10px 0 10px 12px; margin-left: 0; } .mobile-sidebar ul.sub-menu ul.sub-menu { border: none; padding: 5px 0 5px 12px; padding-right: 0; margin-left: 0; } .mobile-sidebar ul.sub-menu li { overflow: hidden; border: none; } .mobile-sidebar ul.sub-menu li a { margin: 0 0 0 0; padding: 10px 0; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } .mobile-sidebar .primary-menu-mobile .dropdown-toggle { text-decoration: none; position: absolute; top: 0; right: 0; z-index: 20; font-size: 17px; font-style: normal; text-align: right; padding: 11px 0 11px 5px; line-height: 1; transition: all 0.3s; color: #212121; } .mobile-sidebar .primary-menu-mobile .sub-menu li a .dropdown-toggle { padding: 8px 0 8px 5px; } .mobile-sidebar .primary-menu-mobile .sub-menu li a .dropdown-toggle { padding: 8px 0 8px 5px; } .mobile-sidebar .penci-amphtml-accordion-header { background-color: transparent; border: 0; } .mobile-sidebar .primary-menu-mobile li.toggled-on > a, .mobile-sidebar .primary-menu-mobile li.toggled-on > .dropdown-toggle, .mobile-sidebar .primary-menu-mobile li.current-menu-item > a, .mobile-sidebar .primary-menu-mobile li.current-menu-item > .dropdown-toggle { color: #313131; } .mobile-sidebar #sidebar-nav-logo { max-width: 230px; padding: 20px 0 0; text-align: center; margin: 0; position: relative; overflow: hidden; font-size: 2em; } .mobile-sidebar #sidebar-nav-logo a { font-family: "Teko", sans-serif; font-weight: 700; line-height: 1; color: #313131; padding: 0; margin: 0; text-decoration: none; } .mobile-sidebar .sidebar-nav-social { margin: 0 0 43px 0; padding: 0 10px; text-align: center; } .mobile-sidebar .sidebar-nav-social .inner-header-social { display: inline-block; vertical-align: top; position: relative; } .mobile-sidebar .sidebar-nav-social a { float: left; display: inline-block; vertical-align: top; margin-right: 13px; color: #212121; } .mobile-sidebar .sidebar-nav-social a:hover { color: #6eb48c; }body.penci-amp-body.search-results .penci-search-form.empty { padding: 35px 0; border-bottom: none; min-height: 250px; } .penci-search-form { font-family: 'Roboto', sans-serif; font-size: 16px; padding: 0 0 18px; margin: 0 0 6px; } .penci-search-form label { display: block; padding: 0 0 10px; color: #313131; } .penci-search-form .search-input-submit { position: relative; } .penci-search-form .search-field { -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); background: transparent; display: block; border: 1px solid #dedede; font-size: 15px; padding: 0 100px 0 18px; line-height: 36px; width: 100%; border-radius: 0; -webkit-appearance: textfield; color: #313131; } .penci-search-form .search-submit { position: absolute; top: 0; right: 0; bottom: 0; width: auto; text-transform: uppercase; border: none; cursor: pointer; line-height: 38px; padding: 0 22px; border-radius: 0; } .penci-search-form + .penci-archive__list_posts { border-top:1px solid #dedede; padding-top: 20px; }.pagination { clear: both; overflow: hidden; text-align: center; padding: 20px 0 9px; width: 100%; font-size: 12px; font-weight: 600; } .pagination .nav-links { display: inline-block; margin: -2px -2px 0; vertical-align: top; text-align: center; margin-left: auto; margin-right: auto; } .pagination a, .pagination span.page-numbers { margin-left: 2px; margin-right: 2px; margin-top: 2px; float: left; display: inline-block; background: transparent; border: solid 1px #dedede; color: #313131; min-width: 30px; height: 30px; line-height: 28px; transition: all 0.3s; text-decoration: none; box-sizing: border-box; } .pagination span.current, .pagination a:hover { background: #6eb48c; border-color: #6eb48c; color: #ffffff; } .penci-amp-error-404 { text-align: center; padding-bottom:10px; } #penci-disable-amp-accordion { display: none; }.post-title-box{margin-bottom: 13px;}.penci-featured-cats-wrap .post-title-box a{ color: #313131; }.penci-featured-cats-wrap:not(.penci-fcats-after){border-bottom: 1px solid #dedede;margin-bottom: 20px; padding-bottom: 20px;}.amp-wp-article-content .blocks-gallery-grid {list-style: none; }.fcatblposts .penci-featured-cats-wrap{margin: 20px 0 0 0; padding: 20px 0 0 0; border-top: 1px solid #dedede; border-bottom: 0;}.penci-recipe { border: 1px solid #dedede; padding: 5px 10px; } .penci-recipe-thumb,.penci-recipe-print,.penci-hide-tagupdated,.penci_rateyo, .penci-nutrition{ display: none; }.penci-nutrition.penci-show-nutrition{ display: block; }.penci-recipe h2{margin-top:5px;} .penci-recipe-heading .penci-recipe-meta { margin-top: 15px; } .penci-recipe-heading .penci-recipe-meta > span { display: block; margin-bottom: 4px; }.wrapper-penci-review { margin:20px 0; border: 1px solid #dedede; padding: 5px 10px } .penci-review .penci-review-title{margin-top: 5px; margin-bottom: 10px;} .penci-review-thumb,.penci-review-average ,.penci-review-hauthor{ display:none; }.penci-review-metas .penci-review-meta i { margin-right: 4px; }.penci-review-btnbuyw .button { color: #fff; margin: 10px 0 20px; display: inline-block; line-height: 30px; } .penci-review-number .penci-review-text > div{display: inline-block;}@media only screen and (max-width : 680px) { .amp-featured-slider .content-holder h3 { font-size: 15px; } }@media only screen and (max-width : 480px){ .penci-search-form .search-submit { padding: 0 15px; } .amp-featured-slider .img-holder:before { padding-top: 80%; } .amp-featured-slider .content-holder{ padding-left: 15px; padding-right:15px; width: 100%; } .penci-archive__list_posts.listing-1 .entry-media, .penci-archive__list_posts.listing-3 .entry-media { width: 108px; } .penci-post-related .item-related { width: 100%; margin-bottom: 20px; } .penci-post-related .item-related:last-child { margin-bottom: 0; } #respond p.comment-form-author, #respond p.comment-form-email, #respond p.comment-form-url, .wpcf7 p.name, .wpcf7 p.email, .wpcf7 p.subject { width:100%; } .penci-archive__list_product .penci-product-item { width: 100%; padding: 20px 10px 0; float: left; } .penci-amp-single-product .product-thumbnails, .penci-amp-single-product .product-thumbnails + .entry-summary { width:100%; padding-left: 0; } }@media only screen and (min-width : 600px){ .amp-featured-slider .content-holder { left: 26px; right: 26px; } }h1, h2, h3, h4, h5, h6, .mobile-sidebar .primary-menu-mobile li a, .penci-archive__list_posts.listing-1 .penci__post-title, .penci-archive__list_posts.listing-3 .penci__post-title, .penci-archive__list_posts.listing-2 .penci__post-title, .penci-archive__list_posts.listing-3 .penci-post-item-1 .penci__post-title, .penci-archive__list_posts a.post-read-more, .penci-footer-navigation a, .penci-search-form, #respond h3, .penci-post-related .item-related h4, #respond #cancel-comment-reply-link { font-family: 'Open Sans', sans-serif;font-weight: 700; }.penci-post-pagination h5, .penci-post-related .item-related h4, .penci-archive__list_posts.listing-1 .penci__post-title, .penci-archive__list_posts.listing-3 .penci__post-title, .penci-archive__list_posts.listing-2 .penci__post-title, .penci-archive__list_posts.listing-3 .penci-post-item-1 .penci__post-title{ font-size:15px; }
					</style>
</head>

<body  class="wp-singular post-template-default single single-post postid-452758 single-format-standard wp-theme-soledad wp-child-theme-soledad-child penci-amp-body penci-amp-single sticky-header soledad-ver-8-2-8 pclight-mode pcmn-drdw-style-slide_down penci-fawesome-ver5 pchds-showup">

<amp-sidebar id="penci_sidebar" class="mobile-sidebar" layout="nodisplay" side="left">
	<button id="close-sidebar-nav" on="tap:penci_sidebar.close" class="ampstart-btn caps m2"><i class="fa fa-close"></i></button>
	<div id="sidebar-nav-logo">
				<a href="https://portalnovo.websitevix.com.br/amp"
		   class="sidebar-branding penci-amp-site-icon sidebar-image-logo ">
			<amp-img src="https://portalnovo.websitevix.com.br/wp-content/uploads/2022/03/cropped-Loja-dos-Scripts-Portal-de-Noticias.png" alt="Super Portal de Noticias -COD-7797 - A sua  noticia online" height="44.052863436123" width="200"></amp-img>		</a>
	</div>
			<div class="header-social sidebar-nav-social">
			<div class="inner-header-social">
									<a href="https://www.facebook.com/" rel="nofollow" target="_blank"><i class="fa fa-facebook"></i></a>
													<a href="https://twitter.com/" rel="nofollow" target="_blank"><i class="fa fa-twitter"></i></a>
																																					<a href="#" rel="nofollow" target="_blank"><i class="fa fa-youtube-play"></i></a>
																																																																																																							</div>
		</div>
	
	<nav id="primary-menu-mobile" itemscope itemtype="http://schema.org/SiteNavigationElement" class="mobile-navigation primary-menu-mobile penci-amp-menu"><li id="menu-item-18" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home ajax-mega-menu menu-item-18"><a href="https://portalnovo.websitevix.com.br/amp/">Home</a></li>
<li id="menu-item-2968" class="menu-item menu-item-type-taxonomy menu-item-object-category ajax-mega-menu menu-item-2968"><a href="https://portalnovo.websitevix.com.br/category/brasil/amp/">Brasil</a></li>
<li id="menu-item-2969" class="menu-item menu-item-type-taxonomy menu-item-object-category ajax-mega-menu menu-item-2969"><a href="https://portalnovo.websitevix.com.br/category/mundo/amp/">Mundo</a></li>
<li id="menu-item-47" class="menu-item menu-item-type-taxonomy menu-item-object-category ajax-mega-menu menu-item-47"><a href="https://portalnovo.websitevix.com.br/category/esportes/amp/">Esportes</a></li>
<li id="menu-item-44" class="menu-item menu-item-type-taxonomy menu-item-object-category ajax-mega-menu menu-item-44"><a href="https://portalnovo.websitevix.com.br/category/saude/amp/">Saude</a></li>
<li id="menu-item-43" class="menu-item menu-item-type-taxonomy menu-item-object-category ajax-mega-menu menu-item-43"><a href="https://portalnovo.websitevix.com.br/category/policia/amp/">Policia</a></li>
<li id="menu-item-46" class="menu-item menu-item-type-taxonomy menu-item-object-category ajax-mega-menu menu-item-46"><a href="https://portalnovo.websitevix.com.br/category/politica/amp/">Politica</a></li>
<li id="menu-item-45" class="menu-item menu-item-type-taxonomy menu-item-object-category ajax-mega-menu menu-item-45"><a href="https://portalnovo.websitevix.com.br/category/economia/amp/">Economia</a></li>
<li id="menu-item-41" class="menu-item menu-item-type-taxonomy menu-item-object-category ajax-mega-menu menu-item-41"><a href="https://portalnovo.websitevix.com.br/category/educacao/amp/">Educação</a></li>
<li id="menu-item-42" class="menu-item menu-item-type-taxonomy menu-item-object-category ajax-mega-menu menu-item-42"><a href="https://portalnovo.websitevix.com.br/category/tecnologia/amp/">Tecnologia</a></li>
</nav></amp-sidebar>

<div class="penci-amp-wrapper">
	<header id="#top" itemscope itemtype="https://schema.org/WPHeader" class="site-header penci-amp-wp-header">
	<div>
		<button class="fa fa-bars navbar-toggle" on="tap:penci_sidebar.toggle"></button>
				<a href="https://portalnovo.websitevix.com.br/amp" class="branding  penci-amp-site-icon image-logo "><amp-img src="https://portalnovo.websitevix.com.br/wp-content/uploads/2022/03/cropped-Loja-dos-Scripts-Portal-de-Noticias.png" alt="Super Portal de Noticias -COD-7797 - A sua  noticia online" height="44.052863436123" width="200"></amp-img></a>
				<a href="https://portalnovo.websitevix.com.br/amp/?s" class="navbar-search"><i class="fa fa-search" aria-hidden="true"></i></a>
	</div>
</header>	<div class="wrap">
		<article class="amp-wp-article">
			<header class="amp-wp-article-header">
									<div class="penci-amp-tax-category amp-wp-meta amp-wp-tax-category">
		<a href="https://portalnovo.websitevix.com.br/category/articles/amp/" rel="category tag">articles</a>	</div>
				<h1 class="amp-wp-title">Как работает JavaScript и области его применения</h1>
				<div class="penci-amp-entry-meta">
					<span class="entry-meta-item penci-amp-author"><i class="fa fa-user"></i> <span class="author vcard author_name post-author">Master</span></span><span class="entry-meta-item penci-posted-on"><i class="fa fa-clock-o"></i><a href="https://portalnovo.websitevix.com.br/2026/05/04/kak-rabotaet-javascript-i-oblasti-ego-primenenija-4/amp/" rel="bookmark"><time class="entry-date post-date published" datetime="2026-05-04T06:08:01-03:00">maio 4, 2026</time></a></span><span class="entry-meta-item penci-comment-count"><a href="https://portalnovo.websitevix.com.br/2026/05/04/kak-rabotaet-javascript-i-oblasti-ego-primenenija-4/amp/#respond"><i class="fa fa-comment-o"></i>0</a></span><span class="entry-meta-item meta-none penci-amp-pviews"><i class="fa fa-eye"></i>2 Visualizações</span>				</div>
			</header>
												<div class="amp-wp-article-content">
				<h1>Как работает JavaScript и области его применения</h1>
<p>JavaScript относится к динамический языковой инструмент , созданный и спроектированный в 1995 году представления разработчиком Бренданом Айком. Изначально JavaScript разрабатывался для добавления отклика веб‑страницам. Сегодня практическое использование этой технологии существенно углубилась.</p>
<p>Основное ключевая функция данного инструмента определяется в реализации динамических фрагментов на веб‑сайтах. Разработчики используют <a href="https://yusupovskij-dvorec-ekskursii.ru/">драгон мани</a> для создания контекстных списков, слайдеров, форм отправки данных обратной связи и других динамических виджетов. Код обрабатывается непосредственно в браузере человека без необходимости обращения к серверной инфраструктуре.</p>
<p>Современные доменные области распространяются на разработку серверных веб‑ сервисов, мобильных продуктов и настольных приложений. Технология активно используется в поддержке одностраничных веб‑приложений, которые дают плавную работу без полного обновления страниц. Разработчики широко используют эту технологию для разработки сложных графических панелей управления.</p>
<p>Лидерство этого стека подкрепляется адаптивностью и простотой старта. Каждый современный browser запускает выполнение кода без установки дополнительного программного обеспечения. Обширная экосистема инструментов библиотек и фреймворков структурирует выполнение типовых задач разработки.</p>
<h2>Базовые признаки этого инструмента: динамичность, прототипы и работа в клиентской среде</h2>
<p>Изменяемая типизация поддерживает переменным сохранять значения подходящего типа данных. Разработчик может задать переменной число, затем строку или объект без явного указания типа. Интерпретатор автоматически понимает тип данных во время исполнения программы программы.</p>
<p>Prototype‑ наследование делает отличным данный язык от классических объектно‑ориентированных систем. Каждый объект может иметь прототип – другой объект, свойства которого подтягиваются в объект. Цепочка прототипов позволяет создавать иерархии без формального описания классов. Современные версии расширили синтаксисом синтаксис классов, который внутренне использует dragon money прототипы.</p>
<p>Выполнение кода работает в однопоточной среде с event loop. Асинхронные операции встраиваются через функции‑колбэки, промисы или async/await конструкции. Механизм loop‑ цикла реализует неблокирующее выполнение длительных операций.</p>
<p>Выполнение кода идёт движками браузеров – V8 в Chrome, SpiderMonkey в Firefox, JavaScriptCore в Safari. Современные движки применяют JIT‑компиляцию для оптимизации производительности. Код компилируется в машинный во время выполнения.</p>
<h2>Язык JavaScript во UI‑слое: динамическое поведение, работа с DOM и управление пользовательских событий</h2>
<p>Разработка UI использует этот язык для разработки динамических пользовательских панелей. Разработчики создают валидацию форм, анимацию элементов, модальные окна и другие пользовательские компоненты. Код запускается на стороне клиента и без заметных задержек обновляет страницу на действия пользователя.</p>
<p>Document Object Model структурирует HTML‑документ в виде многоуровневой структуры объектов. Эта технология предоставляет методы для поиска , построения, обновления и удаления элементов страницы. Манипуляции с DOM даёт возможность создавать казино адаптивные варианты верстки без перезагрузки страницы.</p>
<p>Менеджмент событий составляет стержень интерактивности веб‑приложений. Браузер поднимает события при кликах мышью, нажатиях клавиш, прокрутке страницы. Разработчики привязывают обработчики событий, которые инициируют определённые действия в ответ на действия пользователя. Механизм bubbling обеспечивает гибкую систему делегирования.</p>
<p>Современные фреймворки оптимизируют работу через виртуальные представления DOM. React, Vue и Angular реализуют декларативный подход к построению интерфейсов. Разработчик описывает желаемое состояние, а фреймворк умно пересобирает реальный DOM.</p>
<h2>JavaScript в серверной среде: Node.js и сетевые веб‑приложения</h2>
<p>Node.js является исполняющую среду, выстроенную на движке V8. Платформа даёт возможность запускать код на серверах и разрабатывать полноценные бэкенд‑приложения. Разработчики используют единый язык для фронтенда и бэкенда, что оптимизирует разработку проектов.</p>
<p>Асинхронная модель ввода‑вывода гарантирует высокую производительность при обработке множественных запросов. Неблокирующая архитектура упрощает обрабатывать тысячи одновременных подключений на одном сервере.</p>
<p>Основные возможности платформы затрагивают:</p>
<ul>
<li>Создание HTTP‑серверов и RESTful API для обмена данными с клиентами</li>
<li>Работа с базами данных через драйверы и ORM‑библиотеки</li>
<li>Обработка файлов, потоков данных и системных операций</li>
<li>Построение микросервисных архитектур и драгон мани масштабируемых решений</li>
</ul>
<p>Экосистема npm содержит миллионы готовых пакетов для решения типовых задач. Express, Koa, Fastify и другие фреймворки структурируют создание веб‑серверов. Разработчики оперативно составляют приложения из готовых модулей, сосредотачиваясь на бизнес‑логике.</p>
<h2>Возможности в web‑приложениях: формы, анимации, SPA и интеграция с API</h2>
<p>Клиентская обработка форм выполняет важную часть веб‑разработки. Язык делает валидацию введённых данных перед отправкой на сервер, контролирует корректность email‑адресов и телефонных номеров. Разработчики строят динамические формы с условными полями и автозаполнением. Пользователь оперативно получает уведомления об ошибках до отправки данных.</p>
<p>Анимация элементов интерфейса делает лучше пользовательский опыт. Разработчики настраивают плавные переходы между состояниями, появление и скрытие блоков. Библиотеки GSAP, Anime.js реализуют инструменты для создания сложных анимаций. CSS‑анимации управляются через dragon money добавление и удаление классов.</p>
<p>Single Page Applications формируют контент динамически без перезагрузки страницы. Роутинг контролируется на клиентской стороне, навигация воспринимается мгновенно. Фреймворки React, Vue, Angular делают предсказуемым построение SPA с компонентной архитектурой.</p>
<p>Коммуникация с API осуществляется через асинхронные HTTP‑запросы. Fetch API и библиотека Axios отправляют запросы к серверу и извлекают данные в формате JSON. Разработчики выкачивают информацию без перезагрузки, перегружают только нужные части интерфейс новыми данными.</p>
<h2>Кроссплатформенные мобильные и native desktop приложения: React Native, Electron и другие инструменты</h2>
<p>React Native позволяет создавать нативные мобильные приложения для iOS и Android. Фреймворк поддерживает компонентный подход и рендерит настоящие нативные элементы интерфейса. Разработчики подготавливают код один раз и развёртывают на обеих платформах. Instagram, Facebook, Skype используют казино эту технологию.</p>
<p>Electron служит для создания кроссплатформенных десктопных приложений для Windows, macOS и Linux. Фреймворк склеивает Chromium и Node.js в единую среду выполнения. Разработчики применяют веб‑технологии для построения настольных программ. Visual Studio Code, Slack, Discord созданы на базе Electron.</p>
<p>Ionic предлагает инструменты для разработки гибридных мобильных приложений. Фреймворк опирается на веб‑технологии и WebView для отображения интерфейса. Приложения работают на множестве платформ с единой кодовой базой.</p>
<p>NativeScript компилирует код в нативные приложения без WebView. Фреймворк реализует прямой доступ к API платформ через обёртки. Разработчики имеют производительность нативных приложений с удобством веб‑разработки.</p>
<h2>Дополнения для веб‑браузеров, игры и другие дополнительные области эксплуатации</h2>
<p>Дополнительные расширения формируются с использованием WebExtensions API. Разработчики добавляют новые функции в Chrome, Firefox, Edge и другие браузеры. Расширения останавливают рекламу, администрируют паролями, настраивают внешний вид страниц. Код связывается с содержимым веб‑страниц и даёт дополнительные возможности.</p>
<p>Браузерная игровая разработка поддерживает специализированные движки и библиотеки. Phaser, PixiJS, Three.js обеспечивают создавать 2D и 3D игры в браузере. WebGL даёт аппаратное ускорение графики для сложных визуальных эффектов. Программисты создают лёгкие игры, образовательные симуляторы и драгон мани интерактивные развлечения.</p>
<p>Направление интернета вещей переносит применение языка на физические устройства. Платформа Johnny‑Five контролирует микроконтроллерами Arduino и Raspberry Pi. Программисты программируют роботов, умные дома и IoT‑устройства.</p>
<p>Направление ML делается более доступным через библиотеки TensorFlow.js и Brain.js. Программисты создают нейронные сети в браузере, обрабатывают изображения, разбирают человеческий язык. Модели запускаются на стороне клиента без отсылки данных на сервер.</p>
<h2>В каких случаях JavaScript работает вместе с HTML и CSS в современном наборе технологий веб‑разработки</h2>
<p>HTML выстраивает разметку и информацию веб‑страницы. Язык разметки создаёт семантические элементы – заголовки, параграфы, списки, таблицы, формы. CSS отвечает за визуальное оформление, описывает цвета, шрифты, расположение элементов. Язык программирования встраивает интерактивность и динамическое поведение.</p>
<p>Три технологии закладывают основу фронтенд‑разработки:</p>
<ul>
<li>HTML создаёт каркас страницы и подготавливает контент для поисковых систем</li>
<li>CSS стилизует элементы, формирует адаптивные макеты и казино визуальные эффекты</li>
<li>Клиентский скриптовый язык управляет события, обновляет DOM и соединяется с серверами</li>
</ul>
<p>Деление ответственности ускоряет разработку и поддержку проектов. Дизайнеры оперируют с CSS, контент‑менеджеры правят HTML, программисты настраивают логику. Современные сборщики объединяют файлы разных типов в оптимизированные бандлы для продакшена.</p>
<p>Инструменты расширения усиливают возможности базовых технологий. Sass и Less вносят переменные и функции в CSS. TypeScript подключает статическую типизацию для повышения надёжности кода. Шаблонизаторы Pug и Handlebars облегчают генерацию HTML. Инструменты автоматизации готовят проект из исходников в готовое приложение.</p>
<h2>За счёт чего JavaScript оказался одним из самых распространённых языков в технологической отрасли</h2>
<p>Кроссплатформенность языка делает возможным решать задачи на всех уровнях разработки. Программисты создают фронтенд, бэкенд, мобильные и десктопные приложения с единой технологией. Компании эффективнее используют ресурсы, нанимая специалистов с одним стеком навыков.</p>
<p>Доступность для новичков стимулирует начинающих программистов. Для запуска кода достаточно браузера без установки дополнительного программного обеспечения. Синтаксис относительно простой, обучающих материалов множество. Новички быстро создают первые интерактивные проекты и видят результаты работы.</p>
<p>Огромная экосистема npm включает миллионы готовых пакетов. Разработчики быстро находят библиотеки для любых задач – от валидации форм до машинного обучения. Активное сообщество постоянно продвигает новые инструменты и фреймворки. Открытый исходный код позволяет изучать и драгон мани модифицировать существующие решения.</p>
<p>Постоянное развитие стандарта ECMAScript вносит современные возможности. Комитет dragon money регулярно выпускает обновления с новыми функциями. Async/await, модули, деструктуризация повышают качество кода. Транспиляторы Babel разрешают использовать новейшие возможности в произвольных браузерах.</p>
			</div>
						<footer class="amp-wp-article-footer">
				<span class="penci-social-buttons penci-social-share-footer"><span class="penci-social-share-text">Participação</span><a class="penci-social-item facebook" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https://portalnovo.websitevix.com.br/2026/05/04/kak-rabotaet-javascript-i-oblasti-ego-primenenija-4/amp/"><i class="fa fa-facebook"></i><span class="dt-share">o Facebook</span></a><a class="penci-social-item twitter" target="_blank" href="https://twitter.com/intent/tweet?text=Check%20out%20this%20article:%20Как%20работает%20JavaScript%20и%20области%20его%20применения%20-%20https://portalnovo.websitevix.com.br/2026/05/04/kak-rabotaet-javascript-i-oblasti-ego-primenenija-4/amp/"><i class="fa fa-twitter"></i><span class="dt-share">Twitter</span></a><a class="penci-social-item pinterest" data-pin-do="none" target="_blank" href="https://pinterest.com/pin/create/button/?url=https://portalnovo.websitevix.com.br/2026/05/04/kak-rabotaet-javascript-i-oblasti-ego-primenenija-4/amp/&#038;media=&#038;description=Как%20работает%20JavaScript%20и%20области%20его%20применения"><i class="fa fa-pinterest"></i><span class="dt-share">Pinterest</span></a><a class="penci-social-item email" target="_blank" href="mailto:?subject=Как%20работает%20JavaScript%20и%20области%20его%20применения&#038;BODY=https://portalnovo.websitevix.com.br/2026/05/04/kak-rabotaet-javascript-i-oblasti-ego-primenenija-4/amp/"><i class="fa fa-envelope"></i><span class="dt-share">E-mail</span></a></span>			</footer>

		</article>

			<div class="penci-post-pagination">
					<div class="prev-post">
				<div class="prev-post-inner">
					<div class="prev-post-title">
						<span><i class="fa fa-angle-left"></i>postagem anterior</span>
					</div>
					<a href="https://portalnovo.websitevix.com.br/2026/05/04/soluciona-regalado-en-crosstown-chicken-sobre-modo-demo/amp/">
						<div class="pagi-text">
							<h5 class="prev-title">Soluciona regalado en Crosstown Chicken sobre modo demo</h5>
						</div>
					</a>
				</div>
			</div>
		
					<div class="next-post ">
				<div class="next-post-inner">
					<div class="prev-post-title next-post-title">
						<span>próxima postagem<i class="fa fa-angle-right"></i></span>
					</div>
					<a href="https://portalnovo.websitevix.com.br/2026/05/04/chto-takoe-git-i-kontrol-versij-48/amp/">
						<div class="pagi-text">
							<h5 class="next-title">Что такое Git и контроль версий</h5>
						</div>
					</a>
				</div>
			</div>
			</div>
<div class="penci-post-related"><div class="post-title-box"><h4 class="post-box-title">Postagens relacionadas</h4></div><div class="post-related_content"><div  class="item-related penci-no-thumb post-471293 post type-post status-publish format-standard hentry category-articles"><a class="related-thumb" href="https://portalnovo.websitevix.com.br/2026/05/06/online-casino-examination-of-titles-rewards-and-12/amp/"><amp-img data-hero class="penci-post-thumb" src="https://portalnovo.websitevix.com.br/wp-content/plugins/penci-soledad-amp/assets/images/no-thumb.jpg" alt="Imagem padrão" width="585" height="390" layout="responsive"></amp-img></a><h4><a href="https://portalnovo.websitevix.com.br/2026/05/06/online-casino-examination-of-titles-rewards-and-12/amp/">Online Casino: Examination of Titles, Rewards and Access</a></h4></div><div  class="item-related penci-no-thumb post-452644 post type-post status-publish format-standard hentry category-articles"><a class="related-thumb" href="https://portalnovo.websitevix.com.br/2026/05/04/chto-takoe-git-i-kontrol-versij-48/amp/"><amp-img data-hero class="penci-post-thumb" src="https://portalnovo.websitevix.com.br/wp-content/plugins/penci-soledad-amp/assets/images/no-thumb.jpg" alt="Imagem padrão" width="585" height="390" layout="responsive"></amp-img></a><h4><a href="https://portalnovo.websitevix.com.br/2026/05/04/chto-takoe-git-i-kontrol-versij-48/amp/">Что такое Git и контроль версий</a></h4></div><div  class="item-related penci-no-thumb post-441889 post type-post status-publish format-standard hentry category-articles"><a class="related-thumb" href="https://portalnovo.websitevix.com.br/2026/05/01/kak-skonstruirovany-algoritmy-poiska-svedenij/amp/"><amp-img data-hero class="penci-post-thumb" src="https://portalnovo.websitevix.com.br/wp-content/plugins/penci-soledad-amp/assets/images/no-thumb.jpg" alt="Imagem padrão" width="585" height="390" layout="responsive"></amp-img></a><h4><a href="https://portalnovo.websitevix.com.br/2026/05/01/kak-skonstruirovany-algoritmy-poiska-svedenij/amp/">Как сконструированы алгоритмы поиска сведений</a></h4></div></div></div>		<div class="penci-amp-comment">
<div class="post-comments no-comment-yet" id="comments">
			<a href="https://portalnovo.websitevix.com.br/2026/05/04/kak-rabotaet-javascript-i-oblasti-ego-primenenija-4#respond" class="button add-comment">Adicionar comentário</a>
</div> <!-- end comments div -->
</div>
		<footer class="penci-amp-footer">
	<div class="penci-amp-footer-container">
		<div class="penci-amp-main-link">
						<a href="https://portalnovo.websitevix.com.br">
				<i class="fa fa-desktop"></i> Ver versão para computador			</a>
		</div>
	</div>
	<div class="footer__copyright_menu">
		<p>
			Powered by <a href="http://pencidesign.com/" target="_blank">PenciDesign</a>		</p>
		<a href="#top" class="back-to-top">De volta ao topo<i class="fa  fa-long-arrow-up"></i></a>
	</div>
</footer>
	</div>
	</div>
</body>
</html>

<!-- This website is like a Rocket, isn't it? Performance optimized by WP Rocket. Learn more: https://wp-rocket.me -->