Please enable JavaScript.

Coggle requires JavaScript to display documents.

FRONT END JAVASCRIPT - 2024 SEQUENCIA DEBAIXO PARA CIMA, LIVROS -…

- - - - https://www.dio.me/articles/javascript-otimize-e-melhore-a-performance-do-seu-codigo
        
        https://www.devmedia.com.br/como-otimizar-a-performance-no-front-end/33186
        
        https://www.alura.com.br/artigos/por-uma-web-mais-rapida-26-tecnicas-de-otimizacao-de-sites
  - - - https://www.hostinger.com.br/tutoriais/seguranca-web
        
        https://danilocsar.medium.com/entendendo-cross-site-request-forgery-csrf-ou-xsrf-1a5f2ed35a0d
    - - https://blog.convisoappsec.com/tecnicas-de-programacao-segura-em-javascript/
        
        https://blogjavascript.com.br/post/seguranca-em-aplicacoes-javascript-melhores-praticas
  - - - https://medium.com/@luiselbarbosa/design-patterns-as-diferen%C3%A7as-entre-mvc-mvvm-e-mvp-28b56de8698
        
        https://programadoresdepre.com.br/padroes-de-projetos-de-software-mvc-mvp-e-mvvm-qual-escolher/
    - - https://www.alura.com.br/artigos/redux-desvendando-arquitetura-flux
      - https://dayvsonlima.medium.com/flux-a-arquitetura-javascript-que-funciona-1197857464b8
- - - - https://www.linkedin.com/pulse/manipula%C3%A7%C3%A3o-do-dom-com-javascript-interatividade-b%C3%A1sica-fernandez/?originalSubdomain=pt
    - - https://www.jrossetto.com.br/linguagens/javascript/manipulando-o-dom-com-javascript-como-interagir-com-elementos-html/
      - https://www.alura.com.br/conteudo/javascript-manipulando-elementos-dom
  - - - Movimento do mouse mousemove [ ]
        
        onmousemove [ ]
        
        https://www.w3schools.com/jsref/event_onmousemove.asp
        
        addEventListener [ ]
      - Clique em um botão evento click[ ]
        
        onclick [ ]
        
        https://www.freecodecamp.org/portuguese/news/tutorial-sobre-button-onclick-em-html-e-evento-de-clique-em-javascript/
        
        addEventListener [ ]
      - Carregamento da página load[ ]
        
        onload [ ]
        
        https://awari.com.br/javascript-onload-executando-codigo-javascript-quando-a-pagina-e-carregada/
        
        addEventListener [ ]
      - Pressionamento de tecla keydown[ ]
        
        addEventListener [ ]
        
        onkeydown [ ]
        
        https://www.freecodecamp.org/news/javascript-keycode-list-keypress-event-key-codes/
    - - Eventos do teclado [ ]
        
        keyup [ ]
        
        keypress [ ]
        
        keydown [ ]
        
        https://www.freecodecamp.org/portuguese/news/lista-de-codigos-de-tecla-em-javascript-codigos-de-tecla-de-evento-de-pressionamento-de-tecla-para-enter-barra-de-espaco-backspace-e-outros/#:~:text=Os%20eventos%20de%20teclado%20em,cada%20tecla%20pressionada%20pelo%20usu%C3%A1rio.
      - Eventos de foco [ ]
        
        focus [ ]
        
        blur [ ]
        
        https://www.w3schools.com/jsref/event_onfocus.asp
      - Eventos do mouse [ ]
        
        mouseup [ ]
        
        mousemove [ ]
        
        mousedown [ ]
        
        mouseover [ ]
        
        dblclick [ ]
        
        mouseout [ ]
        
        click [ ]
        
        https://www.w3schools.com/jsref/obj_mouseevent.asp
      - Outros eventos [ ]
        
        resize [ ]
        
        https://www.w3schools.com/jsref/event_onresize.asp
        
        submit [ ]
        
        https://www.w3schools.com/jsref/event_onsubmit.asp
        
        load [ ]
        
        https://www.w3schools.com/jsref/event_onload.asp
  - - - https://www.treinaweb.com.br/blog/trabalhando-com-arrays-e-objetos-no-javascript
- - - - https://hcode.com.br/blog/conhecendo-map-filter-reduce-em-javascript
    - - https://www.treinaweb.com.br/blog/javascript-metodos-de-arrays-que-voce-precisa-conhecer
    - - https://www.freecodecamp.org/portuguese/news/como-manipular-arrays-em-javascript/
    - - https://www.freecodecamp.org/portuguese/news/splice-em-javascript-como-usar-o-metodo-de-array-splice-em-js/
    - - http://cangaceirojavascript.com.br/map-flatmap-entendendo-diferenca-na-pratica/
    - - map() [ ]
      - reduceRight() [ ]
        
        https://ricardo-reis.medium.com/os-m%C3%A9todos-reduce-e-reduceright-5d34b1efa4a8
  - - - https://blogjavascript.com.br/post/explorando-as-novidades-do-javascript-es6-recursos
    - - https://www.youtube.com/watch?v=MxS8Aq6WIeI
    - - https://medium.com/@stephanowallace/javascript-es6-entendendo-var-let-e-const-7a839e369810
    - - Desestruturação de Arrays [ ]
      - Desestruturação de Objetos [ ]
        
        https://blog.taller.net.br/desmistificando-o-destructuring-do-javascript-es6es7/
        
        https://www.freecodecamp.org/portuguese/news/como-usar-a-desestruturacao-de-arrays-e-objetos-em-javascript/
      - Atribuições Simultâneas [ ]
      - Valores Padrão [ ]
        
        https://danieldcs.com/desestruturacao-de-objetos-em-javascript/
      - Desestruturação de Parâmetros de Função [ ]
        
        https://www.freecodecamp.org/portuguese/news/javascript-es6-faca-mais-escrevendo-menos/
      - Desestruturação Aninhada [ ]
        
        https://mateusduraes.github.io/desestruturando-objetos-aninhados/
    - - Interpolação de Variáveis [ ]
        
        https://horadecodar.com.br/como-interpolar-variaveis-sem-concatenacao-em-javascript/
        
        https://cibersistemas.pt/tecnologia/formato-de-string-javascript-como-usar-a-interpolacao-de-string-em-js/
      - Expressões de Código [ ]
      - Multilinhas [ ]
        
        https://www.delftstack.com/pt/howto/javascript/javscript-multiline/
        
        https://caffeinealgorithm.com/blog/template-strings-em-javascript
      - Tagged Templates [ ]
        
        https://www.alura.com.br/artigos/tagged-template-literals
        
        https://patelhemil.medium.com/magic-of-tagged-templates-literals-in-javascript-e0e2379b1ffc
    - - importação [ ]
        
        https://www.w3schools.com/react/react_es6_modules.asp
      - exportação [ ]
    - - https://www.geeksforgeeks.org/es6-classes/
  - - - https://www.mestresdowp.com.br/curso-de-javascript-aula-9-manipulacao-de-dados-json/
        
        https://douglasabnovato.medium.com/consumir-uma-api-e-manipular-json-com-javascritp-7b3253ddd02d
    - - https://dev.to/matheushchaves/integracao-de-apis-como-integrar-sua-aplicacao-com-apis-de-terceiros-2k7n
        
        https://www.freecodecamp.org/portuguese/news/tutorial-de-fetch-api-em-javascript-exemplos-de-post-e-cabecalho/
    - - https://www.freecodecamp.org/portuguese/news/fetch-api-como-fazer-solicitacoes-get-e-post-em-javascript/
        
        https://dev.to/ranierivalenca/usando-a-api-fetch-do-javascript-para-requisicoes-a-um-back-end-php-43nb
    - - https://www.devmedia.com.br/javascript-dom-introducao-a-api/30161
        
        https://caffeinealgorithm.com/blog/web-apis-em-javascript
    - - https://dev.to/cristuker/javascript-o-que-e-intl-13bp
        
        https://medium.com/@iamgbayer/introdu%C3%A7%C3%A3o-a-intl-api-b13b5f6bef54
- - - - substring [ ]
        
        https://awari.com.br/manipulando-strings-em-javascript-guia-completo-para-iniciantes/?utm_source=blog&utm_campaign=projeto+blog&utm_medium=Manipulando%20strings%20em%20JavaScript:%20guia%20completo%20para%20iniciantes
        
        https://www.digitalocean.com/community/tutorials/how-to-index-split-and-manipulate-strings-in-javascript-pt
      - slice[ ]
      - indexOf [ ]
      - replace [ ]
      - concat [ ]
      - toLowerCase [ ]
      - charAt [ ]
      - trim [ ]
      - length [ ]
      - toUpperCase[ ]
    - - Quantificadores [ ]
      - Âncoras [ ]
      - Classes de Caracteres
        [ ]
      - Grupos de Captura
        [ ]
      - Metacaracteres [ ]
      - Modificadores [ ]
      - Padrões de Correspondência
        [ ]
      - https://www.devmedia.com.br/expressoes-regulares-em-javascript/37015
  - - - Ancestral Comum [ ]
      - Bubbling (Borbulhamento) [ ]
        
        https://medium.com/totvsdevelopers/event-bubbling-no-javascript-9d6a8da32854#:~:text=O%20princ%C3%ADpio%20do%20efeito%20bubbling%20no%20JavaScript%20%C3%A9%20exatamente%20o%20mesmo.&text=O%20efeito%20de%20%E2%80%9Cborbulhamento%E2%80%9D%20se,e%20depois%20o%20elemento%20pai.
      - Manipulador de Eventos [ ]
      - Event Target (Alvo do Evento) [ ]
        
        https://demenezes.dev/posts/diferenca-entre-event-target-e-event-currenttarget/
      - Delegação Eficiente [ ]
        
        https://desenvolvimentoparaweb.com/javascript/delegacao-de-evento-event-delegation-javascript/
    - - Eventos Personalizados (Custom Events) [ ]
        
        https://acervolima.com/eventos-personalizados-de-javascript/
      - Delegação de Eventos [ ]
        
        https://desenvolvimentoparaweb.com/javascript/delegacao-de-evento-event-delegation-javascript/
      - Eventos de Toque (Touch Events) [ ]
        
        https://www.w3schools.com/jsref/obj_touchevent.asp
      - Eventos de Teclado (Keyboard Events) [ ]
      - Eventos de Arrastar e Soltar (Drag and Drop Events) [ ]
        
        https://www.devmedia.com.br/html5-drag-and-drop-dica/28611
      - Eventos de Janela (Window Events) [ ]
        
        https://acervolima.com/propriedade-de-evento-de-janela-html-dom/
      - Eventos de Tempo (Timer Events) [ ]
        
        https://cibersistemas.pt/tecnologia/eventos-de-tempo-do-javascript-settimeout-e-setinterval/
      - Captura de Eventos [ ]
        
        https://awari.com.br/javascript-capturando-o-evento-de-pressionar-enter/?utm_source=blog&utm_campaign=projeto+blog&utm_medium=Javascript:%20Capturando%20o%20Evento%20de%20Pressionar%20Enter#:~:text=Para%20capturar%20o%20evento%20de%20pressionar%20Enter%2C%20podemos%20utilizar%20o,pressionar%20qualquer%20tecla%20no%20teclado.
  - - - https://www.freecodecamp.org/news/object-oriented-programming-javascript/
  - - - Sintaxe Síncrona
        [ ]
        
        https://www.freecodecamp.org/portuguese/news/tutorial-de-async-e-await-em-javascript-como-aguardar-que-uma-funcao-se-encerre-em-js/
      - Tratamento de Erros
        [ ]
      - Await Expression
        [ ]
        
        https://bobbyhadz.com/blog/typescript-await-expression-only-allowed-within-async-function
      - Simplicidade [ ]
      - Async Function
        [ ]
        
        https://javascript.info/async-await
    - - Tratamento de Eventos
        [ ]
        
        https://caffeinealgorithm.com/blog/callbacks-em-javascript
      - Funções de Alta Ordem
        [ ]
        
        https://www.alura.com.br/artigos/high-order-functions
      - Assincronia [ ]
        
        https://nodejs.reativa.dev/0033-javascript-callbacks/index
        
        https://gabrieluizramos.com.br/testes-assincronos-em-javascript
      - Callback Hell
        [ ]
        
        https://medium.com/@raihan_tazdid/callback-hell-in-javascript-all-you-need-to-know-296f7f5d3c1
      - Funções de Retorno
        [ ]
  - - - https://blog.rocketseat.com.br/jamstack-geleia-de-javascript-api-e-markup/
        
        https://www.freecodecamp.org/news/what-is-the-jamstack-and-how-do-i-host-my-website-on-it/
        
        https://clarikagroup.com/jamstack-javascript-api-and-markup/